Skip to content

Cart

Your cart is empty

WHERE TO SHOP HELIOUX

.color-swatches { margin-top: 12px; font-size: 14px; } .color-swatches p { margin-bottom: 8px; } .swatches-container { display: flex; gap: 10px; } .color-swatch { width: 32px; height: 32px; border-radius: 50%; border: 2px solid #ddd; display: block; cursor: pointer; overflow: hidden; } .color-swatch img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .color-swatch:hover { border-color: #000; } /* Larger color swatch circle on the product page */ .product-form .color-swatch { width: 50px; /* Increase size of swatch circle */ height: 50px; /* Keep the aspect ratio the same */ border-radius: 50%; /* Keeps the circle shape */ } .product-form .color-swatch img { width: 100%; height: 100%; object-fit: cover; /* Makes the image cover the circle perfectly */ }