/* скрываем select только если есть картинки */
.has-image-swatches div[data-attribute_name="attribute_pa_color"] {
    display: none;
}

.custom-color-images {
    display: flex;
    gap: 8px;
}

body button[type=button].color-item {
    width: 60px;
    height: 60px;
    border: 2px solid #ddd;
    cursor: pointer;
}

body button[type=button].color-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body button[type=button].color-item.active {
    border-color: #000;
}