/* === Контейнер с кнопками маркетплейсов === */
#rec2233522741 .js-catalog-prod-all-text {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

/* === Сами кнопки === */
#rec2233522741 .js-catalog-prod-all-text a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 151px;
    height: 40px;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0;
    
    background-color: #F3F2F0 !important;
    color: #4A4B3E !important;
    border: 1px solid #4A4B3E !important;
    border-radius: 0 !important;
    
    font-weight: 500;
    text-decoration: none !important;
    text-align: center;
    box-shadow: none !important;
    
    transition: opacity 0.2s ease;
}

#rec2233522741 .js-catalog-prod-all-text a:hover {
    opacity: 0.8;
    box-shadow: none !important;
}




/* ============================================ */
/* КНОПКИ ОБЪЁМА (100 мл, 250 мл, 500 мл)      */
/* ============================================ */

/* Фон самой "плашки" кнопки */
#rec2233522741 .t-product__option-checkmark_buttons,
#rec2233522741 .t-product__option-checkmark_buttons_simple,
#rec2233522741 .t-product__option-checkmark_simple {
    background-color: #F3F2F0 !important;
    border-color: #F3F2F0 !important;
}

/* Псевдоэлементы (на случай, если фон рисуется через них) */
#rec2233522741 .t-product__option-checkmark_buttons::before,
#rec2233522741 .t-product__option-checkmark_buttons::after,
#rec2233522741 .t-product__option-checkmark_simple::before,
#rec2233522741 .t-product__option-checkmark_simple::after {
    background-color: #F3F2F0 !important;
    border-color: #F3F2F0 !important;
}

/* Активная кнопка (выбранный объём) — выделяем рамкой */
#rec2233522741 .t-product__option-item_active .t-product__option-checkmark_buttons,
#rec2233522741 .t-product__option-item_active .t-product__option-checkmark_simple {
    background-color: #F3F2F0 !important;
    border: 1px solid #4a4b3e !important;
}

/* Сам label-обёртка кнопки (если фон там) */
#rec2233522741 .t-product__option-item_buttons,
#rec2233522741 .t-product__option-item_simple {
    background-color: transparent !important;
}


/* ============================================ */
/* СЧЁТЧИК КОЛИЧЕСТВА (минус / число / плюс)   */
/* ============================================ */

/* Контейнер счётчика и сам инпут */
#rec2233522741 .t-catalog__prod__quantity,
#rec2233522741 .t-catalog__prod__quantity-input,
#rec2233522741 .t-catalog__prod__quantity__minus-wrapper,
#rec2233522741 .t-catalog__prod__quantity__plus-wrapper {
    background-color: #F3F2F0 !important;
}

/* Белые "эллипсы" - это псевдоэлементы у плюса и минуса */
#rec2233522741 .t-catalog__prod__quantity__minus,
#rec2233522741 .t-catalog__prod__quantity__plus {
    background-color: transparent !important;
}

#rec2233522741 .t-catalog__prod__quantity__minus::before,
#rec2233522741 .t-catalog__prod__quantity__minus::after,
#rec2233522741 .t-catalog__prod__quantity__plus::before,
#rec2233522741 .t-catalog__prod__quantity__plus::after {
    background-color: #F3F2F0 !important;
}

/* Сами иконки + и - (палочки) — оставляем тёмными */
#rec2233522741 .t-catalog__prod__quantity__minus-wrapper::before,
#rec2233522741 .t-catalog__prod__quantity__minus-wrapper::after,
#rec2233522741 .t-catalog__prod__quantity__plus-wrapper::before,
#rec2233522741 .t-catalog__prod__quantity__plus-wrapper::after {
    background-color: #4a4b3e !important;
}
</style>