/* Светлая корзина: списки города и ПВЗ, разделители, карточка выбранного пункта */
.searchbox-list { background-color: #D6C9BE !important; border: 1px solid rgba(29,29,29,.3) !important; }
.searchbox-list-item { background-color: #D6C9BE !important; color: #1D1D1D !important; border-bottom: 1px solid rgba(29,29,29,.2) !important; }
.searchbox-list-item:hover { background-color: rgba(29,29,29,.08) !important; color: #438C91 !important; }
.searchbox-list-item:last-child { border-bottom: none !important; }
.searchbox-info, .searchbox-info * { color: #1D1D1D !important; }

/* Корзина: значки «минус», «плюс», «удалить» читаются на светлом фоне */
.t706__product-minus, .t706__product-plus, .t706__product-del { opacity: .75 !important; }
.t706__product-minus:hover, .t706__product-plus:hover, .t706__product-del:hover { opacity: 1 !important; }

/* Шапка: бургер, замок корзины и число остаются на месте при прокрутке (все страницы, ПК и телефон) */
.t396__elem.main_menu, .t396__elem.mycart010, .t396__elem.mycount010 { position: fixed !important; z-index: 1000 !important; }
/* Число у корзины скрыто, пока скрипт не посчитал товары (без мигающего «0» при загрузке): скрипт корзины после подсчёта ставит элементу стиль с important, тогда число появляется */
.mycount010 { display: none; }
.t396__elem.mycount010:not([style*="important"]) { visibility: hidden !important; }
/* Главная: после первого экрана белые значки шапки читаются на любом фоне */
html.vena-past-hero #rec2251931323 .main_menu, html.vena-past-hero #rec2251931323 .mycart010, html.vena-past-hero #rec2251931323 .mycount010,
html.vena-past-hero #rec2503385541 .main_menu, html.vena-past-hero #rec2503385541 .mycart010, html.vena-past-hero #rec2503385541 .mycount010 { mix-blend-mode: difference; }

/* SEO: заголовок H1 для страниц, где видимого заголовка нет (не показывается на экране, читается поисковиками и программами экрана) */
.vena-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Бирюзовый акцент при наведении: ссылки и надписи (меню, подвал, хлебные крошки, тексты страниц) */
.t396 .tn-atom a[href], .t396 a.tn-atom[href], .custom-mobile-menu a, .custom-mobile-menu .menu-title, .t-text a, .t-descr a { transition: color .2s ease; }
.t396 .tn-atom a[href]:hover, .t396 a.tn-atom[href]:hover, .t396 a.tn-atom[href]:hover * { color: #438C91 !important; }
.custom-mobile-menu .menu-link:hover, .custom-mobile-menu .menu-title:hover, .custom-mobile-menu .submenu a:hover { color: #438C91 !important; }
.t-text a:hover, .t-descr a:hover { color: #438C91 !important; }

/* Окно «Документы» (зеро-попап): стоит выше своего затемняющего слоя, иначе слой с размытием закрывает его и текст расплывается */
.t1093 .t-popup, .t1093 .t-popup_show { z-index: 10000002 !important; }

/* Главная: подпись плитки при нажатии из белой становится чёрной и подчёркивается */
#rec2251933483 .t396__artboard:has(a:active) .tn-atom a[href],
#rec4806545601 .t396__artboard:has(a:active) .tn-atom a[href],
#rec4806546201 .t396__artboard:has(a:active) .tn-atom a[href],
#rec4806546501 .t396__artboard:has(a:active) .tn-atom a[href],
#rec4806548101 .t396__artboard:has(a:active) .tn-atom a[href],
#rec4806548401 .t396__artboard:has(a:active) .tn-atom a[href] {
    color: #000000 !important;
    text-decoration: underline !important;
}

/* Главная, все версии: затемнение внизу плиток, чтобы белая подпись читалась на светлых фото */
#rec2251933483 .t396__artboard::after, #rec4806545601 .t396__artboard::after, #rec4806546201 .t396__artboard::after,
#rec4806546501 .t396__artboard::after, #rec4806548101 .t396__artboard::after, #rec4806548401 .t396__artboard::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 34%;
    background: linear-gradient(to top, rgba(0,0,0,.5) 0%, rgba(0,0,0,.22) 45%, rgba(0,0,0,0) 100%);
    pointer-events: none;
    z-index: 4;
}

/* Подвал, мобильная версия: раздел, который открыт сейчас, бирюзовый (класс ставит скрипт в блоке подвала) */
@media screen and (max-width: 639px) {
    #rec2251942743 .tn-atom a.vena-active, #rec2251942743 .tn-atom a.vena-active:hover { color: #438C91 !important; }
}

/* Меню: раскрытый пункт («Каталог», «Клиентский сервис») бирюзовый, пока открыт */
.custom-mobile-menu .menu-accordion.is-open > .menu-title,
.custom-mobile-menu .menu-accordion.is-open > .menu-title:hover,
.custom-mobile-menu .menu-title:active,
.custom-mobile-menu .menu-title:focus-visible { color: #438C91 !important; }

/* Каталог и карточка товара: название при наведении, размеры, ссылка на размерную сетку */
.t-store__card .t-typography__title, .t-store__card .t-store__card__title { transition: color .2s ease; }
.t-store__card:hover .t-typography__title, .t-store__card:hover .t-store__card__title { color: #438C91 !important; }
.js-product .t-product__option-variants_buttons .t-product__option-item_simple { transition: border-color .2s ease; }
.js-product .t-product__option-variants_buttons .t-product__option-item_simple:hover { border-color: #438C91 !important; }
.t-store__prod-snippet__container a:not(.t-btn):hover, .t-store__prod-popup a:not(.t-btn):hover { color: #438C91 !important; }

/* Карточка товара по макету: кнопки размеров и цвета высотой 44, минимум 44 по ширине и растут по длине названия («Сливочно-жёлтый» в одну строку), интервал 10, шрифт 12, выбранная с бирюзовой рамкой */
.t-product__option-variants_buttons { display: flex; flex-wrap: wrap; gap: 10px; }
.t-product__option-variants_buttons .t-product__option-item_simple {
    font-size: 12px !important; width: auto !important; min-width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 12px !important;
    box-sizing: border-box !important; white-space: nowrap !important;
    display: inline-flex !important; align-items: center; justify-content: center;
    border: 1px solid rgba(29,29,29,.5) !important; color: #1D1D1D !important;
}
.t-product__option-variants_buttons .t-product__option-item_simple.t-product__option-item_active { border: 1px solid #438C91 !important; }
/* Кнопка «Добавить в корзину» по макету: #1D1D1D, бежевый текст, высота 37, при наведении бирюзовая */
.t-store__prod-popup__btn.t-btn { background-color: #1D1D1D !important; color: #D6C9BE !important; border: 1px solid #1D1D1D !important; height: 37px !important; font-size: 12px !important; font-weight: 700 !important; }
.t-store__prod-popup__btn.t-btn:hover { background-color: #438C91 !important; border-color: #438C91 !important; color: #fff !important; }

/* Карточка товара: артикул, описание и названия опций тем же шрифтом и начертанием, что и остальной сайт (без «тонкого» Inter и Light) */
.js-store-prod-sku, .t-store__prod-popup__sku, .t-store__prod-popup .t-descr, .t-store__prod-popup .js-store-prod-text,
.js-store-prod-text, .t-product__option-title, .t-product__option-select, .t-product__option-checkradio_wrap {
    font-family: var(--t-text-font, Helvetica), Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
}

/* Каталог: цены всех карточек в ряду на одной линии, как бы ни переносились названия */
.t-store__card-list { align-items: stretch !important; }
.t-store__card-list .t-store__card .t-store__card__wrap_txt-and-btns { flex: 1 1 auto; }
.t-store__card-list .t-store__card .store__card__wrap_txt-and-opts { flex: 1 1 auto; display: flex; flex-direction: column; }
.t-store__card-list .t-store__card .store__card__wrap_txt-and-opts > a { display: flex; flex-direction: column; flex: 1 1 auto; }
.t-store__card-list .t-store__card .t-store__card__textwrapper { display: flex; flex-direction: column; flex: 1 1 auto; }
.t-store__card-list .t-store__card .t-store__card__price-wrapper { margin-top: auto; padding-top: 8px; }

/* Мобильная карточка товара: верхняя панель закрытия и нижняя панель с кнопкой */
@media screen and (max-width: 560px) {
    .t786 .t-popup__close { background: #D6C9BE !important; }
    .t786 .t-popup__close-icon g { fill: #1D1D1D !important; }
    .t786 .t-popup__close-wrapper { border-bottom: 1px solid rgba(29,29,29,.15) !important; }
}
.t-popup .t786__btn-wrapper-fixed { background: #D6C9BE !important; }

/* Мобильный каталог: две маленькие карточки, затем одна большая, и так по кругу; единственный товар в разделе тоже на всю ширину */
@media screen and (max-width: 639px) {
    .t-store__mobile-two-columns .t-store__card:nth-child(3n),
    .t-store__mobile-two-columns .t-store__card:only-child {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* существующий код клиента ниже — не трогаем */
