/*цвета товара*/

/*input[value="цвет"]*/
input[value="Белый"] ~ .t-product__option-checkmark::after {
    /*номер цвета*/
    background-color: #fff !important;
}
/*input[value="цвет"]*/
input[value="Черный"] ~ .t-product__option-checkmark::after {
    /*номер цвета*/
    background-color: #000 !important;
}
/*input[value="цвет"]*/
input[value="Синий"] ~ .t-product__option-checkmark::after {
    /*номер цвета*/
    background-color: #0000FF !important;
}

div[data-edition-option-id="Цвет"] .t-product__option-checkmark {
    background: none !important;
    border: 0 !important;
    width: 0px !important;
}

div[data-edition-option-id="Цвет"] form {
    flex-direction: row;
    gap: 10px;
    flex-wrap: nowrap !important;
}
div[data-edition-option-id="Цвет"] form .t-product__option-checkmark:before {
    top: 0 !important;
    width: 26px !important;
    height: 26px !important;
    opacity: 0;
}
div[data-edition-option-id="Цвет"] form .t-product__option-item_active .t-product__option-checkmark:before {
    opacity: 1;
}
div[data-edition-option-id="Цвет"] form .t-product__option-checkmark:after {
    content: '';
    top: 4px !important;
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    left: -22px;
    position: absolute;
    border-radius: 50%;
}
div[data-edition-option-id="Цвет"] form .t-product__option-title_radio{
    display: none !important;
}
div[data-edition-option-id="Цвет"] form label {
    width: 26px !important;
}
input[value="Белый"] ~ div.t-product__option-checkmark::after {
    top: 3px !important;
    left: -23px !important;
    border: 1px solid rgba(0,0,0,.2);
}
/*конец css для цветов товара*/

.js-product .t-product__option-checkmark {
    display: none
}
.js-product .t-product__option-variants_custom.t-product__option-variants_radio {
    flex-direction: row;
    gap: 10px
}
.t-product__option-title {
    color: #000 !important;
}
.t-product__option-item_active .t-product__option-title {
    color: #fff !important;
}
.js-product div[data-edition-option-id="Размер"] .t-product__option-variants_radio .t-product__option-item.t-product__option-item_active {
    background: #000 !important;
    border: 1px solid #000 !important;
}

.js-product div[data-edition-option-id="Размер"] .t-product__option-variants_radio .t-product__option-item {
    padding: 0 10px !important;
    width: auto;
    height: 50px;
    border: 1px solid #777;
    display: flex;
    align-items: center;
    justify-content: center;
}