body { font-family: system-ui, sans-serif; margin: 0; line-height: 1.6; color: #222; }
header { background: #2c3e50; padding: 1rem 2rem; }
nav a { color: #fff; margin-right: 1.5rem; text-decoration: none; }
main { max-width: 1100px; margin: 2rem auto; padding: 0 1rem; }
img { max-width: 100%; border-radius: 6px; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.5rem; }
.product-card { border: 1px solid #e5e5e5; border-radius: 8px; padding: 1rem; text-decoration: none; color: inherit; }
.product-card img { height: 200px; object-fit: cover; width: 100%; }
.product-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
footer { text-align: center; padding: 2rem; color: #888; }