/* ==========================================================================
КВАДРАТНЫЕ ВАРИАНТЫ ЦВЕТА 60x60px
========================================================================== */
/* Чекмарк цвета */
.t-product__option-checkmark_color {
width: 60px !important;
height: 60px !important;
min-width: 60px !important;
min-height: 60px !important;
max-width: 60px !important;
max-height: 60px !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
display: inline-block !important;
}
/* Элемент варианта цвета */
.t-product__option-item_simple {
width: 60px !important;
height: 60px !important;
min-width: 60px !important;
min-height: 60px !important;
max-width: 60px !important;
max-height: 60px !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 5px 5px 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
box-sizing: border-box !important;
position: relative !important;
}
/* Контейнер вариантов — разрешаем перенос */
.t-product__option-variants_color {
display: flex !important;
flex-wrap: wrap !important;
gap: 0 !important;
max-width: 100% !important;
}
/* Активный элемент — убираем подложку Tilda */
.t-product__option-item_active.t-product__option-item_simple {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* Активный элемент — добавляем обводку через псевдоэлемент */
.t-product__option-item_active.t-product__option-item_simple::after {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
border: 2px solid #141414 !important;
pointer-events: none !important;
z-index: 1 !important;
}
/* Скрываем стандартный чекмарк Tilda внутри активного элемента */
.t-product__option-item_active .t-product__option-checkmark {
display: none !important;
}