body { font-family: sans-serif; text-align: center; padding: 20px; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; padding: 20px; }
.product-card { border: 1px solid #ddd; padding: 15px; cursor: pointer; border-radius: 10px; transition: 0.3s; }
.product-card:hover { box-shadow: 0 4px 8px rgba(0,0,0,0.2); }
.product-card img { width: 100%; height: 150px; object-fit: cover; border-radius: 5px; }