:root { --primary: #2c3e50; --accent: #e74c3c; --light: #f4f4f4; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; line-height: 1.6; }
header { background: var(--primary); color: white; padding: 1rem 5%; display: flex; justify-content: space-between; align-items: center; }
nav a { color: white; margin-left: 20px; text-decoration: none; }
.container { padding: 2rem 5%; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
.product-card { border: 1px solid #ddd; padding: 15px; border-radius: 8px; text-align: center; }
.product-card img { max-width: 100%; height: auto; border-radius: 4px; }
.btn { background: var(--accent); color: white; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; text-decoration: none; display: inline-block; }
footer { background: #333; color: white; text-align: center; padding: 1rem; position: fixed; bottom: 0; width: 100%; }