/* ------------------------------------------------------------------
Свои правила поверх темы. Файл css/user.css тема подключает сама
на каждой странице — это её штатное место для доработок.
Блок доставки на карточке товара приходит из плагина «Информация
о доставке». В его базовых стилях ссылки и индикатор загрузки
оранжевые (#f2994a) — на нашей витрине оранжевого нет нигде.
У плагина есть свой механизм: он собирает css под тему из настроек
оформления. Файл собирается и отдаётся по адресу, но на страницу
не подключается — регистрация ассета не срабатывает. Поэтому цвет
задаётся здесь: одно правило вместо разбирательства с чужим кодом.
------------------------------------------------------------------ */
.dp-product a,
.dp-product a:hover,
.dp-page a,
.dp-page a:hover,
.dp-city-select a,
.dp-city-select a:hover {
color: #C2567F;
border-bottom-color: #C2567F;
}
.dp-product .dp-loading,
.dp-page .dp-loading {
border-color: #C2567F;
}
/* Возрастная заглушка 18+. Палитра витрины: сливовый фон, розовая
кнопка действия. Никакого чёрно-красного «для взрослых» — это язык
другой эпохи и другой аудитории. */
.age-gate {
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
background: rgba(24, 14, 20, 0.92);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.age-gate__box {
max-width: 440px;
width: 100%;
padding: 32px 28px;
border-radius: var(--r);
background: linear-gradient(135deg, #43263A 0%, #8A4163 100%);
color: #fff;
text-align: center;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}
.age-gate__title {
font-size: 22px;
font-weight: 600;
line-height: 1.3;
margin-bottom: 12px;
}
.age-gate__text {
font-size: 15px;
line-height: 1.5;
opacity: 0.9;
margin-bottom: 24px;
}
.age-gate__buttons {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
}
.age-gate__yes,
.age-gate__no {
font: inherit;
font-size: 15px;
padding: 12px 22px;
border-radius: var(--r);
border: none;
cursor: pointer;
transition: background 0.15s linear;
}
.age-gate__yes {
background: #C2567F;
color: #fff;
}
.age-gate__yes:hover {
background: #A8436A;
}
.age-gate__no {
background: rgba(255, 255, 255, 0.14);
color: #fff;
}
.age-gate__no:hover {
background: rgba(255, 255, 255, 0.22);
}
@media (max-width: 480px) {
.age-gate__box {
padding: 26px 20px;
}
.age-gate__yes,
.age-gate__no {
width: 100%;
}
}
/* ============================================================
Скругления — одна цифра на всю витрину. Решение владельца 21.09:
все углы на 6px, острых не оставлять.
Как пользоваться: меняется ТОЛЬКО число в --r ниже. Всё остальное
следует за ним. Плитки товаров — отдельно, родной настройкой темы
category_products_radius (тоже 6).
Что намеренно не тронуто:
- круги (50%): аватары, точки, круглые значки — остаются кругами;
- чекбоксы, радиокнопки, полоски «гамбургера», ползунок фильтра —
мелкие элементы, на них 6px превращается в кругляш;
- поле количества между кнопками «−» и «+»: у самих кнопок
скруглены наружные углы, внутренний шов остаётся прямым.
Откат: удалить этот блок или вернуть снимок темы
«перед-скруглением» командой тема вернуть.
============================================================ */
:root {
--r: 18px;
}
/* --- тема: было 5px --- */
.b-categ__item,
.button, .wa-actions-wrapper .wa-button, .wa-confirm-signup-button,
.wa-confirmation-code-input-submit, .wa-dialog-footer .wa-button,
.wa-submit-button, .wa-variant-actions .wa-button,
input[type=button], input[type=submit],
.h-promo,
.m-menu-catalog_static,
.p-rating__dis-bar, .p-rating__dis-fill,
.s-cart-product,
input[type=email], input[type=password], input[type=phone],
input[type=search], input[type=tel], input[type=text], select, textarea,
/* --- тема: было 4px --- */
.badges .badge,
.bg-filter__param,
.block-info-name,
.button-one, input[type=button].button-one, input[type=submit].button-one,
.button_low, input[type=button].button_low, input[type=submit].button_low,
.c-tags__item_button,
.counter-pr_low, .counter_low,
.filter__label-color,
.h-categ__count,
.h-categ_mobile .h-categ__wrap .h-categ__item,
.h-categ_small .h-categ__item,
.l-auth__form .wa-captcha-section .wa-captcha-code img,
.l-tags__item,
.m-menu__locale .in-locale__my-lang > a,
.news-v-1__content, .news-v-1__img,
.news-v-1__img:before,
.news-v-1__item_bg .news-v-1__content:before,
.news-v-1__item_w .news-v-1__content:before,
.options .color .options__name,
.owl-theme-nav .owl-next, .owl-theme-nav .owl-prev,
.p-features__item-color-name,
.p-images__dop-link,
.p-info-block__img img,
.p-l-accordion__title,
.p-our-work__img img,
.p-reviews__images a,
.p-reviews__item-company,
.p-services__item,
.p-tabs__items,
.products__img-yet-item,
.products__item-fav-remove,
.profile .wa-value img,
.promo__icon img,
.s-cart-total,
.s-contact-block,
.s-coupon-wrapper .s-text,
.s-mcart_small .s-mcart__icon,
.s-mcart_small .s-mcart__link,
.s-product-image img,
.s-product-quantity,
.s-textarea-wrapper textarea,
.search_small input.search__input,
.sorting__filter, .sorting__sort-name, .sorting__switch,
.st-compare__f-clear-icon, .st-compare__f-remove,
.timer__num,
.w-box-sh,
/* --- тема: было 3px (без чекбоксов и гамбургера) --- */
.bread__down,
.c-hicon__name,
.h-phone__info-call,
.l-photos__item img,
.label,
.news-v-1__author-name,
.stock-label__percent, .stock-label__price,
input.bg-filter__inp,
input.d-filter__inp,
/* --- тема: было 0, острые углы --- */
.b-catalog_full-width .c-menu__wrap, .h-menu__full-width .c-menu__wrap,
.b-catalog_full-width .h-menu__img, .h-menu__full-width .h-menu__img,
.f-mobile .filter,
.in-pr-bonus,
.p-day__img img,
.product__reviews-info,
.promo-2 .promo__item,
.search_bor-no input.search__input,
.sorting,
input.counter-pr__input,
/* --- тема: было 10px --- */
.options .options__list:not(.color) a,
.search-res,
.search__history,
/* --- плагин «купить в 1 клик» --- */
.buy1click-button, .buy1click-form-button,
.buy1click-form__content,
.buy1click-form__error,
.buy1click-input-text, input[type='text'].buy1click-input-text,
.buy1click-form__captcha .wa-captcha-input,
.buy1click-select.jq-selectbox .jq-selectbox__select,
.buy1click-select.jq-selectbox .jq-selectbox__dropdown,
.buy1click-form-field_error .buy1click-form-field__error,
.buy1click-shipping, .buy1click-payment,
/* --- плагин расчёта доставки --- */
.dp-city-select-dialog__search-field,
.dp-city-select-dialog__dropdown,
.dp-balloon__layout,
.dp-dialog__content,
.dp-service__filters,
.dp-service__search-wrapper .dp-service__search-field,
.dp-service__points-switcher-dropdown,
/* --- плагин отзывов --- */
.customer-reviews .s-form-wrapper .s-review-form,
.customer-reviews-review-form .s-form-wrapper,
.customer-reviews .s-form-wrapper .s-review-form .s-errors-wrapper,
.customer-reviews-review-form .s-errors-wrapper,
.customer-reviews .s-reviews-list .s-review-item .s-review-header .staff-wrapper,
.customer-reviews-review-form select,
.customer-reviews-review-form input[type="text"],
.customer-reviews-review-form textarea {
border-radius: var(--r) !important;
}
/* Кнопки «−» и «+» у количества: наружные углы по --r, шов прямой. */
.buy1click-item-quantity__minus {
border-radius: var(--r) 0 0 var(--r) !important;
}
.buy1click-item-quantity__plus {
border-radius: 0 var(--r) var(--r) 0 !important;
}
/* Сшитые панели: верх скруглён по --r, низ впритык к следующему блоку.
Без !important — у темы есть правила на наведение, которые открывают
правые углы при выезде мега-меню, они должны побеждать. */
.filters-title_active,
.l-catalog-title,
.p-promo__content {
border-radius: var(--r) var(--r) 0 0;
}
.filters-title_active + .filters,
.l-catalog .c-menu__wrap-left {
border-radius: 0 0 var(--r) var(--r);
}
/* --- оформление заказа: то, что тема держит в отдельном order.css,
и плитка способа оплаты из fixorder. Та же цифра --r. --- */
.s-order-section,
.wa-dropdown.full-line > .wa-dropdown-toggle,
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button,
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-input,
.wa-field-wrapper .wa-input,
.js-use-coupon, .js-use-bonus,
html body .wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper:first-child:last-child {
border-radius: var(--r) !important;
}
/* Не тронуто: чекбокс .s-checkbox (мелкий), внутренний select в
.s-styled-select (обёртка скругляется сама), сшитая сетка способов
оплаты при двух и более способах — сейчас способ один; когда появятся
ещё, углы крайних плиток надо будет повторить с той же логикой
nth-child, что у fixorder. */
/* --- Подборки «Для него / Для неё…» на телефоне, на главной (23.09).
Разметка приходит из блока insale.footer, скрипт из user.js ставит её
на место розовой кнопки «Каталог товаров». Пока скрипт не отработал,
блок невидим — чтобы не мелькнул внизу страницы. --- */
.t18-pb { display: none; }
.t18-pb.t18-pb_on { display: block; margin: 12px 15px 0; }
.t18-pb ul { list-style: none; margin: 0; padding: 0; }
.t18-pb__root + .t18-pb__root { margin-top: 8px; }
.t18-pb button {
display: flex; align-items: center; justify-content: space-between;
width: 100%; min-height: 44px; border: 0; cursor: pointer;
font: inherit; text-align: left; line-height: 1.3;
}
.t18-pb button::after {
content: ""; flex: 0 0 auto; width: 8px; height: 8px; margin-left: 12px;
border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
transform: rotate(45deg); transition: transform .2s;
}
.t18-pb button[aria-expanded="true"]::after { transform: rotate(-135deg); }
.t18-pb__rbtn {
padding: 10px 16px; border-radius: var(--r, 6px);
background: var(--cheme-color, #EC4899); color: #fff;
font-weight: 600; text-transform: uppercase; letter-spacing: .02em;
}
.t18-pb__groups { padding: 6px 0 4px; }
.t18-pb__gbtn {
padding: 10px 16px; background: transparent; color: #1b1b1b;
border-bottom: 1px solid #eee !important; font-weight: 600;
}
.t18-pb__links { padding: 2px 0 8px; }
.t18-pb__link {
display: flex; align-items: center; min-height: 44px;
padding: 8px 16px 8px 28px; color: #444; text-decoration: none;
}
.t18-pb__link:active { background: #fdf2f8; }
/* Подборки на внутренних страницах телефона (23.09): раскрываются под
розовой кнопкой. hidden должен побеждать display:block выше. */
.t18-pb.t18-pb_on[hidden] { display: none; }
.t18-pb[data-mode="drop"].t18-pb_on { margin: -8px 15px 20px; }
.m-menu-catalog_static[aria-expanded] .m-menu-catalog__arrow svg { transition: transform .2s; }
.m-menu-catalog_static[aria-expanded="true"] .m-menu-catalog__arrow svg { transform: rotate(90deg); }
/* Наклейки плагина «Наклейки» (autobadge). Вид — форма, размер, цвет, шрифт,
положение — задаётся в админке плагина (правила «Скидка», «Хит», «Новинка»,
«Для новичков»), не здесь (24.09). Тут только то, чего плагин не умеет:
— шрифт темы вместо Arial из CSS плагина (user.css идёт после него);
— вторая наклейка под первой: плагин ставит обе в один угол, его инлайн-отступ
перебивается — единственный !important. */
.autobadge-pl .badge-text-block span { font-family: inherit; }
.autobadge-pl + .autobadge-pl { margin-top: 45px !important; }
/* текст в пилюле центрируется CSS, а не скриптом плагина: плагин при инициализации ставит
тексту margin-top:-7px, и надпись подпрыгивала на телефоне через 2–3 с (24.09) */
.autobadge-pl.ribbon-3 { display: flex; align-items: center; justify-content: center; }
.autobadge-pl.ribbon-3 .badge-dashed-line,
.autobadge-pl.ribbon-3 .badge-text-block { position: static; width: auto; height: auto; margin: 0 !important; transform: none; }
/* Мелькание при загрузке (24.09). Тема грузит скрипты в подвале, поэтому до них
страница должна выглядеть правильно сама:
— слайдер: первый слайд виден до инициализации owl (после init тема ставит
.owl-loaded и правила ниже перестают действовать);
— карточка товара: родитель наклейки спозиционирован сразу, а не скриптом
плагина (frontend.js forceParentRelative), иначе наклейка в углу окна;
— фото: у ![]()
теперь настоящий src (шаблоны, скрипт
фото-без-скрипта.php), показываем их без ожидания скрипта; заглушки-gif
(src="data:…") под правило не попадают. */
.h-slider:not(.owl-loaded) { opacity: 1; display: block; }
.h-slider:not(.owl-loaded) .item:not(:first-child) { display: none; }
.h-slider:not(.owl-loaded) .item:first-child .h-slider__des { opacity: 1; }
.p-images__wrap { position: relative; }
.lazy-img[src^="/"], .lazy-img[src^="http"] { opacity: 1; max-height: 100%; }
/* карточка товара: наклейка внутрь фото, 15 px от его края (на компьютере фото начинается на 19 px
правее блока .p-images__wrap, на телефоне — от края); инлайн-отступ плагина иначе не перебить (24.09, решение владельца) */
.p-images__wrap > .autobadge-pl { margin: 15px 0 0 34px !important; } /* фото начинается на 19 px правее блока */
@media (max-width: 767px) { .p-images__wrap > .autobadge-pl { margin-left: 15px !important; } } /* на телефоне фото от края блока */
/* кнопки «поделиться» (Яндекс, внешний скрипт) появляются через 2–4 с и сдвигают блок покупки на 30 px — место резервируется (24.09) */
.ya-share2 { min-height: 30px; }
/* телефон: у кнопки фильтра в полосе сортировки подпись «Фильтр» рядом с воронкой (24.09, владелец) */
@media (max-width: 767px) {
.sorting__right { flex: 1 1 auto; min-width: 0; }
.sorting__sort { flex: 1 1 auto; min-width: 0; }
.sorting__filter { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 600; color: #222; padding: 5px 10px; margin-left: 8px; border-radius: 20px; border-color: var(--cheme-color); white-space: nowrap; }
.sorting__filter::after { content: "Фильтр"; }
}
/* реквизиты в подвале: мельче, серым, в две строки (24.09, владелец: «реквизиты оформить красиво») */
.footer__item-creator { font-size: 12px; line-height: 1.7; color: #8a8a8a; letter-spacing: .01em; }
.footer__item-copy { padding-top: 6px; }
.f-pay-list { vertical-align: middle; }
.f-pay-list svg, .f-pay-list img { display: block; }
/* оформление: блок «Нужен ли звонок?» (плагин fixorder) — подпись одной строкой, а не колонкой (24.09, владелец: «криво о перезвонить») */
.callme_fixed { display: block !important; width: auto; }
.callme_fixed > div:first-child { font-weight: 600; margin-bottom: 8px; }
.callme_fixed li { margin: 0 0 8px; }
.callme_fixed li label { display: block !important; line-height: 1.45; } /* плагин ставит inline-flex, из-за чего превращался в узкую колонку */
.callme_fixed li label b { display: inline !important; font-weight: 600; margin-right: 2px; }
/* процент скидки темы дублирует наклейку «−N %» плагина; оставляем только «Экономия N ₽» (24.09) */
.stock-label__percent { display: none; }
/* 29.09 — характеристики в карточке каталога (плагин listfeatures): три строки максимум, подпись серым,
значение тёмным, длинные значения переносятся внутри карточки (владелец: «плывут названия… сделай адаптивно») */
.products__item table.listfeatures { width: 100%; table-layout: auto; border-collapse: collapse; margin: 6px 0 8px; font-size: 13px; line-height: 18px; }
.products__item table.listfeatures td { padding: 3px 0; vertical-align: top; border: 0; overflow-wrap: break-word; word-break: normal; font-size: 13px; line-height: 18px; }
.products__item table.listfeatures td.name { width: 1%; padding-right: 12px; color: #8B8B99; font-weight: normal; white-space: nowrap; } /* колонка по самой длинной подписи */
/* телефон: узкие карточки в две колонки — строка сплошным текстом «Материал: Эластомер», слова не рвутся,
значение целиком уходит на следующую строку, если не помещается */
@media (max-width: 767px) {
.products__item table.listfeatures, .products__item table.listfeatures tbody { display: block; width: 100%; }
.products__item table.listfeatures tr { display: block; padding: 2px 0; }
.products__item table.listfeatures tr:nth-child(n+4) { display: none; }
.products__item table.listfeatures td { display: inline; padding: 0; width: auto; }
.products__item table.listfeatures td.name { white-space: normal; padding-right: 0; }
.products__item table.listfeatures td.name::after { content: ": "; }
}
.products__item table.listfeatures td.value, .products__item table.listfeatures .listfeatures-values { color: #1F2937; font-weight: 600; }
.products__item table.listfeatures tr:nth-child(n+4) { display: none; }
/* 30.09 — название выбранного цвета рядом с «Цвет:» (user.js) */
.options__list.color .product__item-title .t18-cvet { margin-left: 4px; font-weight: normal; color: #1F2937; }
/* t18-цвета: начало (генерирует /srv/custom/bin/цвета.php — руками не править) */
/* 01.10.2026 09:11: 112 значений цвета */
.filter__check_color input[value="61"] + .color,
.options__list.color a[data-value-id="78:61"],
.p-features__item-color[title="Бежевый"] .color { background: #E3CBA8 !important; }
.filter__check_color input[value="147"] + .color,
.options__list.color a[data-value-id="78:147"],
.p-features__item-color[title="Бежевый с красным"] .color { background: linear-gradient(135deg,#E3CBA8 50%,transparent 50%),#D7141A !important; }
.filter__check_color input[value="54"] + .color,
.options__list.color a[data-value-id="78:54"],
.p-features__item-color[title="Белый"] .color { background: #FFFFFF !important; }
.filter__check_color input[value="105"] + .color,
.options__list.color a[data-value-id="78:105"],
.p-features__item-color[title="Белый с голубым"] .color { background: linear-gradient(135deg,#FFFFFF 50%,transparent 50%),#4FB3E8 !important; }
.filter__check_color input[value="85"] + .color,
.options__list.color a[data-value-id="78:85"],
.p-features__item-color[title="Белый с жёлтым"] .color { background: linear-gradient(135deg,#FFFFFF 50%,transparent 50%),#FFD600 !important; }
.filter__check_color input[value="127"] + .color,
.options__list.color a[data-value-id="78:127"],
.p-features__item-color[title="Белый с зелёным"] .color { background: linear-gradient(135deg,#FFFFFF 50%,transparent 50%),#2FA84F !important; }
.filter__check_color input[value="146"] + .color,
.options__list.color a[data-value-id="78:146"],
.p-features__item-color[title="Белый с золотистым"] .color { background: linear-gradient(135deg,#FFFFFF 50%,transparent 50%),linear-gradient(135deg,#A67C00 0%,#FFE8A3 45%,#C9A227 60%,#8C6A00 100%) !important; }
.filter__check_color input[value="80"] + .color,
.options__list.color a[data-value-id="78:80"],
.p-features__item-color[title="Белый с красным"] .color { background: linear-gradient(135deg,#FFFFFF 50%,transparent 50%),#D7141A !important; }
.filter__check_color input[value="73"] + .color,
.options__list.color a[data-value-id="78:73"],
.p-features__item-color[title="Белый с розовым"] .color { background: linear-gradient(135deg,#FFFFFF 50%,transparent 50%),#F28DB2 !important; }
.filter__check_color input[value="137"] + .color,
.options__list.color a[data-value-id="78:137"],
.p-features__item-color[title="Белый с серебристым"] .color { background: linear-gradient(135deg,#FFFFFF 50%,transparent 50%),linear-gradient(135deg,#8E8E8E 0%,#F4F4F4 45%,#BDBDBD 60%,#7A7A7A 100%) !important; }
.filter__check_color input[value="155"] + .color,
.options__list.color a[data-value-id="78:155"],
.p-features__item-color[title="Белый с серым"] .color { background: linear-gradient(135deg,#FFFFFF 50%,transparent 50%),#8A8A8A !important; }
.filter__check_color input[value="143"] + .color,
.options__list.color a[data-value-id="78:143"],
.p-features__item-color[title="Белый с синим"] .color { background: linear-gradient(135deg,#FFFFFF 50%,transparent 50%),#1E4FD8 !important; }
.filter__check_color input[value="106"] + .color,
.options__list.color a[data-value-id="78:106"],
.p-features__item-color[title="Белый с чёрным"] .color { background: linear-gradient(135deg,#FFFFFF 50%,transparent 50%),#1C1C1C !important; }
.filter__check_color input[value="90"] + .color,
.options__list.color a[data-value-id="78:90"],
.p-features__item-color[title="Бирюзовый"] .color { background: #30D5C8 !important; }
.filter__check_color input[value="50"] + .color,
.options__list.color a[data-value-id="78:50"],
.p-features__item-color[title="Бордовый"] .color { background: #7F1734 !important; }
.filter__check_color input[value="109"] + .color,
.options__list.color a[data-value-id="78:109"],
.p-features__item-color[title="Бронзовый"] .color { background: linear-gradient(135deg,#6E3F16 0%,#E3A15A 45%,#A8672C 60%,#5A3312 100%) !important; }
.filter__check_color input[value="70"] + .color,
.options__list.color a[data-value-id="78:70"],
.p-features__item-color[title="Голубой"] .color { background: #4FB3E8 !important; }
.filter__check_color input[value="97"] + .color,
.options__list.color a[data-value-id="78:97"],
.p-features__item-color[title="Голубой с белым"] .color { background: linear-gradient(135deg,#4FB3E8 50%,transparent 50%),#FFFFFF !important; }
.filter__check_color input[value="102"] + .color,
.options__list.color a[data-value-id="78:102"],
.p-features__item-color[title="Голубой с розовым"] .color { background: linear-gradient(135deg,#4FB3E8 50%,transparent 50%),#F28DB2 !important; }
.filter__check_color input[value="82"] + .color,
.options__list.color a[data-value-id="78:82"],
.p-features__item-color[title="Голубой с чёрным"] .color { background: linear-gradient(135deg,#4FB3E8 50%,transparent 50%),#1C1C1C !important; }
.filter__check_color input[value="160"] + .color,
.options__list.color a[data-value-id="78:160"],
.p-features__item-color[title="Грязно-синий"] .color { background: #4A5D7E !important; }
.filter__check_color input[value="75"] + .color,
.options__list.color a[data-value-id="78:75"],
.p-features__item-color[title="Дымчатый"] .color { background: linear-gradient(135deg,#5E5E5E,#CFCFCF) !important; }
.filter__check_color input[value="87"] + .color,
.options__list.color a[data-value-id="78:87"],
.p-features__item-color[title="Жёлтый"] .color { background: #FFD600 !important; }
.filter__check_color input[value="66"] + .color,
.options__list.color a[data-value-id="78:66"],
.p-features__item-color[title="Жёлтый с синим"] .color { background: linear-gradient(135deg,#FFD600 50%,transparent 50%),#1E4FD8 !important; }
.filter__check_color input[value="84"] + .color,
.options__list.color a[data-value-id="78:84"],
.p-features__item-color[title="Зебра"] .color { background: repeating-linear-gradient(135deg,#111111 0 5px,#FFFFFF 5px 9px) !important; }
.filter__check_color input[value="140"] + .color,
.options__list.color a[data-value-id="78:140"],
.p-features__item-color[title="Зелёная шотландка"] .color { background: repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(0,0,0,.35) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 1px,transparent 1px 7px),#2FA84F !important; }
.filter__check_color input[value="77"] + .color,
.options__list.color a[data-value-id="78:77"],
.p-features__item-color[title="Зелёный"] .color { background: #2FA84F !important; }
.filter__check_color input[value="139"] + .color,
.options__list.color a[data-value-id="78:139"],
.p-features__item-color[title="Зелёный камуфляж"] .color { background: radial-gradient(circle at 25% 30%,#2F4F2F 0 22%,transparent 23%),radial-gradient(circle at 70% 60%,#8A9A5B 0 25%,transparent 26%),radial-gradient(circle at 60% 20%,#C2B280 0 14%,transparent 15%),radial-gradient(circle at 30% 80%,#8A9A5B 0 16%,transparent 17%),#4F7942 !important; }
.filter__check_color input[value="135"] + .color,
.options__list.color a[data-value-id="78:135"],
.p-features__item-color[title="Зелёный с белым"] .color { background: linear-gradient(135deg,#2FA84F 50%,transparent 50%),#FFFFFF !important; }
.filter__check_color input[value="121"] + .color,
.options__list.color a[data-value-id="78:121"],
.p-features__item-color[title="Зелёный с чёрным"] .color { background: linear-gradient(135deg,#2FA84F 50%,transparent 50%),#1C1C1C !important; }
.filter__check_color input[value="59"] + .color,
.options__list.color a[data-value-id="78:59"],
.p-features__item-color[title="Золотистый"] .color { background: linear-gradient(135deg,#A67C00 0%,#FFE8A3 45%,#C9A227 60%,#8C6A00 100%) !important; }
.filter__check_color input[value="126"] + .color,
.options__list.color a[data-value-id="78:126"],
.p-features__item-color[title="Золотистый с чёрным"] .color { background: linear-gradient(135deg,transparent 50%,#1C1C1C 50%),linear-gradient(135deg,#A67C00 0%,#FFE8A3 45%,#C9A227 60%,#8C6A00 100%) !important; }
.filter__check_color input[value="93"] + .color,
.options__list.color a[data-value-id="78:93"],
.p-features__item-color[title="Изумрудный"] .color { background: #1E9E6A !important; }
.filter__check_color input[value="56"] + .color,
.options__list.color a[data-value-id="78:56"],
.p-features__item-color[title="Коралловый"] .color { background: #FF7F50 !important; }
.filter__check_color input[value="63"] + .color,
.options__list.color a[data-value-id="78:63"],
.p-features__item-color[title="Коричневый"] .color { background: #7B4A2A !important; }
.filter__check_color input[value="128"] + .color,
.options__list.color a[data-value-id="78:128"],
.p-features__item-color[title="Кофейный"] .color { background: #6F4E37 !important; }
.filter__check_color input[value="104"] + .color,
.options__list.color a[data-value-id="78:104"],
.p-features__item-color[title="Красная шотландка"] .color { background: repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(0,0,0,.35) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 1px,transparent 1px 7px),#D7141A !important; }
.filter__check_color input[value="67"] + .color,
.options__list.color a[data-value-id="78:67"],
.p-features__item-color[title="Красный"] .color { background: #D7141A !important; }
.filter__check_color input[value="92"] + .color,
.options__list.color a[data-value-id="78:92"],
.p-features__item-color[title="Красный с белым"] .color { background: linear-gradient(135deg,#D7141A 50%,transparent 50%),#FFFFFF !important; }
.filter__check_color input[value="151"] + .color,
.options__list.color a[data-value-id="78:151"],
.p-features__item-color[title="Красный с синим"] .color { background: linear-gradient(135deg,#D7141A 50%,transparent 50%),#1E4FD8 !important; }
.filter__check_color input[value="94"] + .color,
.options__list.color a[data-value-id="78:94"],
.p-features__item-color[title="Красный с чёрным"] .color { background: linear-gradient(135deg,#D7141A 50%,transparent 50%),#1C1C1C !important; }
.filter__check_color input[value="129"] + .color,
.options__list.color a[data-value-id="78:129"],
.p-features__item-color[title="Кремовый"] .color { background: #FFF3C9 !important; }
.filter__check_color input[value="123"] + .color,
.options__list.color a[data-value-id="78:123"],
.p-features__item-color[title="Лаймовый"] .color { background: #BFFF00 !important; }
.filter__check_color input[value="64"] + .color,
.options__list.color a[data-value-id="78:64"],
.p-features__item-color[title="Леопард"] .color { background: radial-gradient(circle at 25% 30%,#3B2A1A 0 12%,transparent 13%),radial-gradient(circle at 70% 25%,#3B2A1A 0 10%,transparent 11%),radial-gradient(circle at 60% 65%,#3B2A1A 0 13%,transparent 14%),radial-gradient(circle at 25% 75%,#3B2A1A 0 10%,transparent 11%),radial-gradient(circle at 85% 80%,#3B2A1A 0 8%,transparent 9%),#D9A55B !important; }
.filter__check_color input[value="100"] + .color,
.options__list.color a[data-value-id="78:100"],
.p-features__item-color[title="Лиловый"] .color { background: #B666D2 !important; }
.filter__check_color input[value="68"] + .color,
.options__list.color a[data-value-id="78:68"],
.p-features__item-color[title="Малиновый"] .color { background: #C51F5D !important; }
.filter__check_color input[value="145"] + .color,
.options__list.color a[data-value-id="78:145"],
.p-features__item-color[title="Малиновый с чёрным"] .color { background: linear-gradient(135deg,#C51F5D 50%,transparent 50%),#1C1C1C !important; }
.filter__check_color input[value="60"] + .color,
.options__list.color a[data-value-id="78:60"],
.p-features__item-color[title="Молочный"] .color { background: #FFF9ED !important; }
.filter__check_color input[value="113"] + .color,
.options__list.color a[data-value-id="78:113"],
.p-features__item-color[title="Мятный"] .color { background: #98E6C8 !important; }
.filter__check_color input[value="69"] + .color,
.options__list.color a[data-value-id="78:69"],
.p-features__item-color[title="Нежно-голубой"] .color { background: #AED8F0 !important; }
.filter__check_color input[value="96"] + .color,
.options__list.color a[data-value-id="78:96"],
.p-features__item-color[title="Нежно-розовый"] .color { background: #FADADD !important; }
.filter__check_color input[value="122"] + .color,
.options__list.color a[data-value-id="78:122"],
.p-features__item-color[title="Нежно-розовый с чёрным"] .color { background: linear-gradient(135deg,#FADADD 50%,transparent 50%),#1C1C1C !important; }
.filter__check_color input[value="86"] + .color,
.options__list.color a[data-value-id="78:86"],
.p-features__item-color[title="Оранжевый"] .color { background: #FF8C00 !important; }
.filter__check_color input[value="116"] + .color,
.options__list.color a[data-value-id="78:116"],
.p-features__item-color[title="Оранжевый с чёрным"] .color { background: linear-gradient(135deg,#FF8C00 50%,transparent 50%),#1C1C1C !important; }
.filter__check_color input[value="112"] + .color,
.options__list.color a[data-value-id="78:112"],
.p-features__item-color[title="Персиковый"] .color { background: #FFCBA4 !important; }
.filter__check_color input[value="57"] + .color,
.options__list.color a[data-value-id="78:57"],
.p-features__item-color[title="Прозрачный"] .color { background: conic-gradient(#D5E1E8 25%,#FFFFFF 0 50%,#D5E1E8 0 75%,#FFFFFF 0) 0 0/10px 10px !important; }
.filter__check_color input[value="159"] + .color,
.options__list.color a[data-value-id="78:159"],
.p-features__item-color[title="Пудровый"] .color { background: #E8C4C0 !important; }
.filter__check_color input[value="62"] + .color,
.options__list.color a[data-value-id="78:62"],
.p-features__item-color[title="Разноцветный"] .color { background: conic-gradient(#E53935,#FB8C00,#FDD835,#43A047,#1E88E5,#8E24AA,#E53935) !important; }
.filter__check_color input[value="114"] + .color,
.options__list.color a[data-value-id="78:114"],
.p-features__item-color[title="Розовая шотландка"] .color { background: repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(0,0,0,.35) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 1px,transparent 1px 7px),#F28DB2 !important; }
.filter__check_color input[value="52"] + .color,
.options__list.color a[data-value-id="78:52"],
.p-features__item-color[title="Розовый"] .color { background: #F28DB2 !important; }
.filter__check_color input[value="124"] + .color,
.options__list.color a[data-value-id="78:124"],
.p-features__item-color[title="Розовый леопард"] .color { background: radial-gradient(circle at 25% 30%,#6E2446 0 12%,transparent 13%),radial-gradient(circle at 70% 25%,#6E2446 0 10%,transparent 11%),radial-gradient(circle at 60% 65%,#6E2446 0 13%,transparent 14%),radial-gradient(circle at 25% 75%,#6E2446 0 10%,transparent 11%),radial-gradient(circle at 85% 80%,#6E2446 0 8%,transparent 9%),#F4A6C6 !important; }
.filter__check_color input[value="98"] + .color,
.options__list.color a[data-value-id="78:98"],
.p-features__item-color[title="Розовый с белым"] .color { background: linear-gradient(135deg,#F28DB2 50%,transparent 50%),#FFFFFF !important; }
.filter__check_color input[value="131"] + .color,
.options__list.color a[data-value-id="78:131"],
.p-features__item-color[title="Розовый с красным"] .color { background: linear-gradient(135deg,#F28DB2 50%,transparent 50%),#D7141A !important; }
.filter__check_color input[value="154"] + .color,
.options__list.color a[data-value-id="78:154"],
.p-features__item-color[title="Розовый с синим"] .color { background: linear-gradient(135deg,#F28DB2 50%,transparent 50%),#1E4FD8 !important; }
.filter__check_color input[value="110"] + .color,
.options__list.color a[data-value-id="78:110"],
.p-features__item-color[title="Розовый с чёрным"] .color { background: linear-gradient(135deg,#F28DB2 50%,transparent 50%),#1C1C1C !important; }
.filter__check_color input[value="125"] + .color,
.options__list.color a[data-value-id="78:125"],
.p-features__item-color[title="Салатовый"] .color { background: #8BD435 !important; }
.filter__check_color input[value="150"] + .color,
.options__list.color a[data-value-id="78:150"],
.p-features__item-color[title="Светло-бордовый"] .color { background: #B5475F !important; }
.filter__check_color input[value="144"] + .color,
.options__list.color a[data-value-id="78:144"],
.p-features__item-color[title="Светло-серый"] .color { background: #D3D3D3 !important; }
.filter__check_color input[value="148"] + .color,
.options__list.color a[data-value-id="78:148"],
.p-features__item-color[title="Серая шотландка"] .color { background: repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(0,0,0,.35) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 1px,transparent 1px 7px),#8A8A8A !important; }
.filter__check_color input[value="51"] + .color,
.options__list.color a[data-value-id="78:51"],
.p-features__item-color[title="Серебристый"] .color { background: linear-gradient(135deg,#8E8E8E 0%,#F4F4F4 45%,#BDBDBD 60%,#7A7A7A 100%) !important; }
.filter__check_color input[value="71"] + .color,
.options__list.color a[data-value-id="78:71"],
.p-features__item-color[title="Серебристый с чёрным"] .color { background: linear-gradient(135deg,transparent 50%,#1C1C1C 50%),linear-gradient(135deg,#8E8E8E 0%,#F4F4F4 45%,#BDBDBD 60%,#7A7A7A 100%) !important; }
.filter__check_color input[value="88"] + .color,
.options__list.color a[data-value-id="78:88"],
.p-features__item-color[title="Серый"] .color { background: #8A8A8A !important; }
.filter__check_color input[value="138"] + .color,
.options__list.color a[data-value-id="78:138"],
.p-features__item-color[title="Серый камуфляж"] .color { background: radial-gradient(circle at 25% 30%,#4B4F54 0 22%,transparent 23%),radial-gradient(circle at 70% 60%,#B5BAC0 0 25%,transparent 26%),radial-gradient(circle at 60% 20%,#2E3135 0 14%,transparent 15%),radial-gradient(circle at 30% 80%,#B5BAC0 0 16%,transparent 17%),#8A8F95 !important; }
.filter__check_color input[value="149"] + .color,
.options__list.color a[data-value-id="78:149"],
.p-features__item-color[title="Серый леопард"] .color { background: radial-gradient(circle at 25% 30%,#2E2E2E 0 12%,transparent 13%),radial-gradient(circle at 70% 25%,#2E2E2E 0 10%,transparent 11%),radial-gradient(circle at 60% 65%,#2E2E2E 0 13%,transparent 14%),radial-gradient(circle at 25% 75%,#2E2E2E 0 10%,transparent 11%),radial-gradient(circle at 85% 80%,#2E2E2E 0 8%,transparent 9%),#B8B8B8 !important; }
.filter__check_color input[value="132"] + .color,
.options__list.color a[data-value-id="78:132"],
.p-features__item-color[title="Серый с розовым"] .color { background: linear-gradient(135deg,#8A8A8A 50%,transparent 50%),#F28DB2 !important; }
.filter__check_color input[value="74"] + .color,
.options__list.color a[data-value-id="78:74"],
.p-features__item-color[title="Синий"] .color { background: #1E4FD8 !important; }
.filter__check_color input[value="107"] + .color,
.options__list.color a[data-value-id="78:107"],
.p-features__item-color[title="Синий с белым"] .color { background: linear-gradient(135deg,#1E4FD8 50%,transparent 50%),#FFFFFF !important; }
.filter__check_color input[value="157"] + .color,
.options__list.color a[data-value-id="78:157"],
.p-features__item-color[title="Синий с зелёным"] .color { background: linear-gradient(135deg,#1E4FD8 50%,transparent 50%),#2FA84F !important; }
.filter__check_color input[value="141"] + .color,
.options__list.color a[data-value-id="78:141"],
.p-features__item-color[title="Синий с красным"] .color { background: linear-gradient(135deg,#1E4FD8 50%,transparent 50%),#D7141A !important; }
.filter__check_color input[value="158"] + .color,
.options__list.color a[data-value-id="78:158"],
.p-features__item-color[title="Синий с розовым"] .color { background: linear-gradient(135deg,#1E4FD8 50%,transparent 50%),#F28DB2 !important; }
.filter__check_color input[value="156"] + .color,
.options__list.color a[data-value-id="78:156"],
.p-features__item-color[title="Синий с сиреневым"] .color { background: linear-gradient(135deg,#1E4FD8 50%,transparent 50%),#C8A2C8 !important; }
.filter__check_color input[value="115"] + .color,
.options__list.color a[data-value-id="78:115"],
.p-features__item-color[title="Синий с чёрным"] .color { background: linear-gradient(135deg,#1E4FD8 50%,transparent 50%),#1C1C1C !important; }
.filter__check_color input[value="118"] + .color,
.options__list.color a[data-value-id="78:118"],
.p-features__item-color[title="Синяя шотландка"] .color { background: repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(0,0,0,.35) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 1px,transparent 1px 7px),#1E4FD8 !important; }
.filter__check_color input[value="72"] + .color,
.options__list.color a[data-value-id="78:72"],
.p-features__item-color[title="Сиреневый"] .color { background: #C8A2C8 !important; }
.filter__check_color input[value="58"] + .color,
.options__list.color a[data-value-id="78:58"],
.p-features__item-color[title="Телесный"] .color { background: #EAC1A0 !important; }
.filter__check_color input[value="65"] + .color,
.options__list.color a[data-value-id="78:65"],
.p-features__item-color[title="Телесный с чёрным"] .color { background: linear-gradient(135deg,#EAC1A0 50%,transparent 50%),#1C1C1C !important; }
.filter__check_color input[value="142"] + .color,
.options__list.color a[data-value-id="78:142"],
.p-features__item-color[title="Тёмно-серый"] .color { background: #4A4A4A !important; }
.filter__check_color input[value="101"] + .color,
.options__list.color a[data-value-id="78:101"],
.p-features__item-color[title="Тёмно-синий"] .color { background: #1B2A55 !important; }
.filter__check_color input[value="103"] + .color,
.options__list.color a[data-value-id="78:103"],
.p-features__item-color[title="Тигровый"] .color { background: repeating-linear-gradient(120deg,#E08E45 0 6px,#1A1A1A 6px 8px) !important; }
.filter__check_color input[value="53"] + .color,
.options__list.color a[data-value-id="78:53"],
.p-features__item-color[title="Фиолетовый"] .color { background: #7D3C98 !important; }
.filter__check_color input[value="78"] + .color,
.options__list.color a[data-value-id="78:78"],
.p-features__item-color[title="Фиолетовый с белым"] .color { background: linear-gradient(135deg,#7D3C98 50%,transparent 50%),#FFFFFF !important; }
.filter__check_color input[value="76"] + .color,
.options__list.color a[data-value-id="78:76"],
.p-features__item-color[title="Фиолетовый с розовым"] .color { background: linear-gradient(135deg,#7D3C98 50%,transparent 50%),#F28DB2 !important; }
.filter__check_color input[value="89"] + .color,
.options__list.color a[data-value-id="78:89"],
.p-features__item-color[title="Фиолетовый с чёрным"] .color { background: linear-gradient(135deg,#7D3C98 50%,transparent 50%),#1C1C1C !important; }
.filter__check_color input[value="119"] + .color,
.options__list.color a[data-value-id="78:119"],
.p-features__item-color[title="Хаки"] .color { background: #78866B !important; }
.filter__check_color input[value="55"] + .color,
.options__list.color a[data-value-id="78:55"],
.p-features__item-color[title="Чёрный"] .color { background: #1C1C1C !important; }
.filter__check_color input[value="117"] + .color,
.options__list.color a[data-value-id="78:117"],
.p-features__item-color[title="Чёрный с бежевым"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),#E3CBA8 !important; }
.filter__check_color input[value="91"] + .color,
.options__list.color a[data-value-id="78:91"],
.p-features__item-color[title="Чёрный с белым"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),#FFFFFF !important; }
.filter__check_color input[value="153"] + .color,
.options__list.color a[data-value-id="78:153"],
.p-features__item-color[title="Чёрный с голубым"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),#4FB3E8 !important; }
.filter__check_color input[value="136"] + .color,
.options__list.color a[data-value-id="78:136"],
.p-features__item-color[title="Чёрный с жёлтым"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),#FFD600 !important; }
.filter__check_color input[value="152"] + .color,
.options__list.color a[data-value-id="78:152"],
.p-features__item-color[title="Чёрный с зелёным"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),#2FA84F !important; }
.filter__check_color input[value="134"] + .color,
.options__list.color a[data-value-id="78:134"],
.p-features__item-color[title="Чёрный с золотистым"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),linear-gradient(135deg,#A67C00 0%,#FFE8A3 45%,#C9A227 60%,#8C6A00 100%) !important; }
.filter__check_color input[value="83"] + .color,
.options__list.color a[data-value-id="78:83"],
.p-features__item-color[title="Чёрный с красным"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),#D7141A !important; }
.filter__check_color input[value="108"] + .color,
.options__list.color a[data-value-id="78:108"],
.p-features__item-color[title="Чёрный с лаймовым"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),#BFFF00 !important; }
.filter__check_color input[value="111"] + .color,
.options__list.color a[data-value-id="78:111"],
.p-features__item-color[title="Чёрный с леопардовым"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),radial-gradient(circle at 25% 30%,#3B2A1A 0 12%,transparent 13%),radial-gradient(circle at 70% 25%,#3B2A1A 0 10%,transparent 11%),radial-gradient(circle at 60% 65%,#3B2A1A 0 13%,transparent 14%),radial-gradient(circle at 25% 75%,#3B2A1A 0 10%,transparent 11%),radial-gradient(circle at 85% 80%,#3B2A1A 0 8%,transparent 9%),#D9A55B !important; }
.filter__check_color input[value="120"] + .color,
.options__list.color a[data-value-id="78:120"],
.p-features__item-color[title="Чёрный с малиновым"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),#C51F5D !important; }
.filter__check_color input[value="161"] + .color,
.options__list.color a[data-value-id="78:161"],
.p-features__item-color[title="Чёрный с оранжевым"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),#FF8C00 !important; }
.filter__check_color input[value="79"] + .color,
.options__list.color a[data-value-id="78:79"],
.p-features__item-color[title="Чёрный с розовым"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),#F28DB2 !important; }
.filter__check_color input[value="95"] + .color,
.options__list.color a[data-value-id="78:95"],
.p-features__item-color[title="Чёрный с серебристым"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),linear-gradient(135deg,#8E8E8E 0%,#F4F4F4 45%,#BDBDBD 60%,#7A7A7A 100%) !important; }
.filter__check_color input[value="133"] + .color,
.options__list.color a[data-value-id="78:133"],
.p-features__item-color[title="Чёрный с серым"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),#8A8A8A !important; }
.filter__check_color input[value="130"] + .color,
.options__list.color a[data-value-id="78:130"],
.p-features__item-color[title="Чёрный с синим"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),#1E4FD8 !important; }
.filter__check_color input[value="81"] + .color,
.options__list.color a[data-value-id="78:81"],
.p-features__item-color[title="Чёрный с фиолетовым"] .color { background: linear-gradient(135deg,#1C1C1C 50%,transparent 50%),#7D3C98 !important; }
.filter__check_color input[value="99"] + .color,
.options__list.color a[data-value-id="78:99"],
.p-features__item-color[title="Ярко-розовый"] .color { background: #FC0FC0 !important; }
/* t18-цвета: конец */
/* 30.09 — пустой раздел (товары не в наличии скрыты из списков): сообщение и куда идти дальше */
.t18-pusto { padding: 28px 0 8px; max-width: 640px; }
.t18-pusto .in-empty-wrapper__title { font-size: 20px; line-height: 28px; font-weight: 700; margin: 0 0 8px; }
.t18-pusto__tekst { color: #4B5563; line-height: 1.5; margin: 0 0 16px; }
.t18-pusto__knopki { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; margin: 0 0 16px; }
.t18-pusto__knopka { display: inline-flex; align-items: center; min-height: 44px; padding: 0 22px; border-radius: 999px; background: #EC4899; color: #fff !important; text-decoration: none; font-weight: 600; }
.t18-pusto__knopka:hover { background: #DB2777; }
.t18-pusto__ssylka { color: #BE185D; text-decoration: underline; }
.t18-pusto a[href^="tel:"] { white-space: nowrap; }