/* =========================================================
   ОСНОВНЫЕ СТИЛИ КРУЖКОВ
   ========================================================= */

.t-product__option-checkmark.t-product__option-checkmark_buttons.t-product__option-checkmark_color {
    background-size: cover;
    background-repeat: repeat;
    width: 30px;
    height: 30px;
    border-radius: 50px;
}

.js-product .t-product__option-variants_buttons .t-product__option-input:checked+.t-product__option-checkmark_color:before {
    border-radius: 50px;
}

.t-catalog__filter__checkmark_color {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    width: 30px !important;
    height: 30px !important;
    border-radius: 50px !important;
}


/* =========================================================
   ЛЕОПАРДОВЫЙ
   ========================================================= */

input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Леопардовый"] + div {
    background-image: url(https://static.tildacdn.com/tild3239-3362-4931-b832-326132623031/Ellipse_19.png);
}


/* =========================================================
   LEOPARD
   ========================================================= */

input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Leopard"] + div {
    background-image: url("https://static.tildacdn.com/tild3239-3362-4931-b832-326132623031/Ellipse_19.png") !important;
}

input.js-catalog-filter-opt-chb[data-filter-value="Leopard"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Leopard"] + div {
    background-image: url("https://static.tildacdn.com/tild3239-3362-4931-b832-326132623031/Ellipse_19.png") !important;
}


/* =========================================================
   ZEBRA
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Zebra"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Zebra"] + div {
    background-image: url("https://static.tildacdn.com/tild3766-6532-4364-a162-646363653136/Ellipse_19_3.png") !important;
}


/* =========================================================
   SWALLOWS
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Swallows"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Swallows"] + div {
    background-image: url("https://static.tildacdn.com/tild6136-6233-4961-b836-363966643334/Ellipse_19_4.png") !important;
}


/* =========================================================
   FOLK
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Folk"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Folk"] + div {
    background-image: url("https://static.tildacdn.com/tild3035-3037-4536-a338-336231626233/Ellipse_19_5.png") !important;
}


/* =========================================================
   PAISLEY
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Paisley"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Paisley"] + div {
    background-image: url("https://static.tildacdn.com/tild3562-3236-4134-a236-303534636535/Ellipse_19_6.png") !important;
}


/* =========================================================
   РОЗОВЫЙ ЛЕОПАРД
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Розовый леопард"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Розовый леопард"] + div {
    background-image: url("https://static.tildacdn.com/tild6537-6166-4265-a436-616262386337/Ellipse_19_7.png") !important;
}


/* =========================================================
   ЛЕОПАРД
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Леопард"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Леопард"] + div {
    background-image: url("https://static.tildacdn.com/tild3864-6631-4638-a233-323939653561/Ellipse_19_8.png") !important;
}


/* =========================================================
   ЗЕБРА
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Зебра"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Зебра"] + div {
    background-image: url("https://static.tildacdn.com/tild3234-3138-4136-b235-666338663236/Ellipse_19_9.png") !important;
}


/* =========================================================
   СИНИЙ ЛЕОПАРД
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Синий леопард"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Синий леопард"] + div {
    background-image: url("https://static.tildacdn.com/tild3436-3862-4736-b737-363232363565/Ellipse_19_10.png") !important;
}


/* =========================================================
   ЦВЕТНОЙ ЛЕОПАРД
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Цветной леопард"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Цветной леопард"] + div {
    background-image: url("https://static.tildacdn.com/tild3763-6531-4138-a335-393930613430/Ellipse_19_11.png") !important;
}


/* =========================================================
   ВИННЫЙ ЛЕОПАРД
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Винный леопард"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Винный леопард"] + div {
    background-image: url("https://static.tildacdn.com/tild3932-3435-4632-b164-663834336664/Ellipse_19_12.png") !important;
}


/* =========================================================
   САВАННА
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Саванна"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Саванна"] + div {
    background-image: url("https://static.tildacdn.com/tild3330-3030-4337-b431-613636316537/Ellipse_19_13.png") !important;
}


/* =========================================================
   ПАНТЕРА
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Пантера"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Пантера"] + div {
    background-image: url("https://static.tildacdn.com/tild6130-3537-4263-a536-366230633532/Ellipse_19_14.png") !important;
}


/* =========================================================
   НЕЗАБУДКИ
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Незабудки"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Незабудки"] + div {
    background-image: url("https://static.tildacdn.com/tild3462-6361-4133-b535-323063383361/Ellipse_19_15.png") !important;
}


/* =========================================================
   АКВАРЕЛЬ
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Акварель"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Акварель"] + div {
    background-image: url("https://static.tildacdn.com/tild3862-3463-4564-b361-623236303964/Ellipse_19_16.png") !important;
}


/* =========================================================
   НОЧНОЙ САД
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Ночной сад"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Ночной сад"] + div {
    background-image: url("https://static.tildacdn.com/tild6661-3966-4761-a433-353663643335/Ellipse_19_17.png") !important;
}


/* =========================================================
   РОСПИСЬ
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Роспись"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Роспись"] + div {
    background-image: url("https://static.tildacdn.com/tild6266-3732-4133-a461-386239353364/Ellipse_19_18.png") !important;
}


/* =========================================================
   ЦВЕТЕНИЕ
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Цветение"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Цветение"] + div {
    background-image: url("https://static.tildacdn.com/tild3064-6164-4233-a332-303534633834/Ellipse_19_19.png") !important;
}


/* =========================================================
   ПРОВАНС
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Прованс"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Прованс"] + div {
    background-image: url("https://static.tildacdn.com/tild6264-3734-4132-b865-303035373437/Ellipse_19_20.png") !important;
}


/* =========================================================
   СЕРДЦА
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Сердца"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Сердца"] + div {
    background-image: url("https://static.tildacdn.com/tild3863-3132-4130-b034-363933353564/Ellipse_19_21.png") !important;
}


/* =========================================================
   ВИШНИ
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Вишни"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Вишни"] + div {
    background-image: url("https://static.tildacdn.com/tild3439-6362-4163-b835-313431623237/Ellipse_19_22.png") !important;
}


/* =========================================================
   КРАПИНКА
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Крапинка"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Крапинка"] + div {
    background-image: url("https://static.tildacdn.com/tild3561-3439-4663-b035-633663343565/Ellipse_19_23.png") !important;
}


/* =========================================================
   ГОРОШЕК
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Горошек"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Горошек"] + div {
    background-image: url("https://static.tildacdn.com/tild6533-3836-4561-b134-373636373365/Ellipse_19_24.png") !important;
}


/* =========================================================
   СЕРПАНТИН
   ========================================================= */

input.js-catalog-filter-opt-chb[data-filter-value="Серпантин"] + .t-catalog__filter__checkmark_color,
input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color[value="Серпантин"] + div {
    background-image: url("https://static.tildacdn.com/tild3430-6262-4334-b063-636136333438/Ellipse_19_25.png") !important;
}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   До 639px:
   - полностью убираем картинки-принты;
   - возвращаем стандартный фон Тильды;
   - размер кружков 10x10px.
   ========================================================= */



    /* Размер кружков в карточке товара */
    .t-product__option-checkmark.t-product__option-checkmark_buttons.t-product__option-checkmark_color {
        width: 5px !important;
        height: 5px !important;
        background-image: none !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }

    /* Размер кружков в каталоге */
    .t-catalog__filter__checkmark_color {
        width: 5px !important;
        height: 5px !important;
        background-image: none !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }

    /* Отключаем ВСЕ картинки, заданные через input + div */
    input.t-product__option-input.t-product__option-input_buttons.t-product__option-input_color + div {
        background-image: none !important;
    }

    input.js-catalog-filter-opt-chb + .t-catalog__filter__checkmark_color {
        background-image: none !important;
    }

    /* Убираем скругление рамки выбора, если нужно сохранить стандартную форму */
    .js-product .t-product__option-variants_buttons .t-product__option-input:checked + .t-product__option-checkmark_color:before {
        border-radius: 50px;
    }