body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background: #f5f5f5; }
header { background: #333; color: white; padding: 1rem; margin-bottom: 2rem; }
header h1 { margin: 0; }
header nav a { color: white; text-decoration: none; margin-right: 1rem; }
.products { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
.product { background: white; padding: 1rem; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.product img { width: 100%; height: 200px; object-fit: cover; }
.product h3 a { text-decoration: none; color: #333; }
.product p { font-weight: bold; color: #007bff; font-size: 1.2em; }
button { background: #007bff; color: white; border: none; padding: 0.5rem 1rem; cursor: pointer; border-radius: 4px; }
button:hover { background: #0056b3; }