
body { font-family: sans-serif; margin: 0; background: #f0f0f0; }
.container { padding: 20px; }
header { background: #004488; color: white; padding: 10px; }
button { padding: 10px 20px; }
.modal { display: none; position: fixed; right: 20px; bottom: 20px; background: white; border: 1px solid #ccc; padding: 20px; }
.product-grid { display: flex; flex-wrap: wrap; gap: 20px; }
.product-card { width: 200px; text-align: center; background: white; padding: 10px; border: 1px solid #ddd; }
.product-card img { width: 100%; height: auto; }


.product-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}
