body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f5f5f5; }
header { background: #222; color: #fff; padding: 15px; text-align: center; }
header nav a { color: #fff; margin: 0 10px; text-decoration: none; }
.container { display: flex; flex-wrap: wrap; padding: 20px; }
.products { flex: 2; }
.cart { flex: 1; background: #fff; padding: 20px; margin-left: 20px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.product { background: #fff; margin: 10px; padding: 15px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.product img { max-width: 100%; border-radius: 5px; }
button, .btn { display: inline-block; margin-top: 10px; padding: 8px 12px; border: none; border-radius: 5px; background: #007bff; color: #fff; cursor: pointer; text-decoration: none; }
button:hover, .btn:hover { background: #0056b3; }
form { display: flex; flex-direction: column; gap: 10px; max-width: 400px; margin: auto; }
input, textarea { padding: 8px; border: 1px solid #ccc; border-radius: 5px; }