/* ════════════════════════════════════════════════════════════════════
   EXIP: ТЁМНАЯ ТЕМА (24.09.2026)

   ЗАЧЕМ. Телефоны с тёмным режимом (Chrome, Samsung Internet) сами
   перекрашивали светлый сайт: фон в чёрный, текст в белый, а фотографии
   товаров оставляли как есть — светло-серые прямоугольники на чёрном.
   Если сайт сам объявляет, что умеет быть тёмным, браузер его
   не перекрашивает, и выглядит всё так, как задумано здесь.

   КАК ПОДКЛЮЧЕНО. Ссылка на файл — во включаемой области
   /include/header/head_end.php (выводится в <head> ПОСЛЕ всех стилей темы),
   с media="(prefers-color-scheme: dark)": в светлом режиме файл не действует
   вообще, светлая версия сайта не меняется ни на пиксель.
   Там же <meta name="color-scheme" content="light dark"> — это и есть
   сигнал браузеру «не перекрашивай, у сайта своя тёмная тема».

   ⚠️ СПЕЦИФИЧНОСТЬ. Все правила начинаются с `:root:not(#ex-dark) body`
   и стоят с !important. `:not(#ex-dark)` ничего не отбирает (элемента
   с таким id нет), но добавляет правилу вес одного id — и тогда оно
   перебивает любые правила темы, собранные из классов.
   Первая версия была с префиксом `html body` — и проигрывала сплошь:
   `.body .detail h1.pagetitle`, `.nav.nav-tabs > li.active`,
   `#header .search-form input[type="text"]` (3 класса или id+2 класса
   весят больше, чем «класс + два тега»). Чинить по одному — бесконечно.
   Остальные противники, которых надо помнить:
     — инлайновый <style> страницы поиска (search/index.php) — печатается
       в теле страницы, ПОЗЖЕ этого файла, при равном весе победил бы он;
     — правила от #header / #header-fly с !important — для них в селекторе
       нужен тот же id (вес id у нас уже есть, второй id — от них самих).
   Инлайновый style="" с !important не перебивается ничем — это только
   рамка/плашка фото от addBadges, она и должна остаться.

   ⚠️ ФОТО ТОВАРОВ ОСТАЮТСЯ НА БЕЛОЙ ПОДЛОЖКЕ — намеренно. Снимки сделаны
   на светлом фоне; на белой скруглённой плашке это выглядит как рамка,
   а не как дыра в тёмной странице. Плашку у карточек рисует addBadges
   (custom/script.js) инлайном с !important — поэтому здесь её не трогаем.

   Проверка — скриптом-аудитом (см. CLAUDE.md, раздел «Тёмная тема»),
   а не на глаз: он перечисляет всё, что осталось светлым или нечитаемым.
   ════════════════════════════════════════════════════════════════════ */

:root {
    color-scheme: dark;

    --ex-bg:        #0e1116;   /* фон страницы */
    --ex-surface:   #161a21;   /* карточки, шапка, подвал */
    --ex-surface-2: #1d222b;   /* поля ввода, ячейки цен, вложенные блоки */
    --ex-surface-3: #262c36;   /* наведение */
    --ex-line:      #2b323d;   /* рамки и разделители */
    --ex-line-2:    #3a4350;   /* рамки полей ввода — чуть заметнее */
    --ex-text:      #e6e9ee;   /* основной текст */
    --ex-text-2:    #b4bcc8;   /* второстепенный */
    --ex-muted:     #8f99a8;   /* подписи, метки */
    --ex-link:      #3fd6cc;   /* ссылки — бирюза светлее фирменной, иначе не читается */
    --ex-accent:    #14b8b0;   /* фирменная бирюза: кнопки, активное */
    --ex-plate:     #ffffff;   /* подложка под фото товаров */
}

/* ── Основа ─────────────────────────────────────────────────────── */
html,
:root:not(#ex-dark) body {
    background: var(--ex-bg) !important;
    color: var(--ex-text) !important;
}

/* Ссылки — НАМЕРЕННО с нулевым весом (:where): красим только те, у которых
   своего цвета нет. С весом id это правило перекрасило бы белый текст
   на кнопках-ссылках (.btn-primary, «В корзину») в бирюзу на бирюзе. */
:where(:root) a { color: var(--ex-link); }
:where(:root) a:hover { color: #7ce8e0; }

:root:not(#ex-dark) body h1, :root:not(#ex-dark) body h2, :root:not(#ex-dark) body h3, :root:not(#ex-dark) body h4, :root:not(#ex-dark) body h5, :root:not(#ex-dark) body h6,
:root:not(#ex-dark) body .h1, :root:not(#ex-dark) body .h2, :root:not(#ex-dark) body .h3,
:root:not(#ex-dark) body .nice-title,
:root:not(#ex-dark) body .main-page-container-section-and-news > .nice-title,
:root:not(#ex-dark) body .pagetitle,
:root:not(#ex-dark) body .ex-newblock__title {
    color: var(--ex-text) !important;
}

:root:not(#ex-dark) body hr { border-color: var(--ex-line) !important; }

/* Поля ввода и списки */
:root:not(#ex-dark) body input[type="text"], :root:not(#ex-dark) body input[type="email"], :root:not(#ex-dark) body input[type="tel"],
:root:not(#ex-dark) body input[type="password"], :root:not(#ex-dark) body input[type="search"], :root:not(#ex-dark) body input[type="number"],
:root:not(#ex-dark) body input:not([type]), :root:not(#ex-dark) body textarea, :root:not(#ex-dark) body select,
:root:not(#ex-dark) body .form-control {
    background-color: var(--ex-surface-2) !important;
    color: var(--ex-text) !important;
    border-color: var(--ex-line-2) !important;
}
:root:not(#ex-dark) body input::placeholder, :root:not(#ex-dark) body textarea::placeholder { color: var(--ex-muted) !important; }

/* Выпадающие списки темы (сортировка в каталоге и др.): у темы фон задан
   сокращённым background вместе со стрелкой-картинкой — перерисовываем
   стрелку светлой, иначе чёрная стрелка на тёмном поле не видна */
:root:not(#ex-dark) body .body select.custom-select,
:root:not(#ex-dark) body select.custom-select {
    background: var(--ex-surface-2) url("data:image/svg+xml,%3csvg viewBox='0 0 4 5' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23b4bcc8' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 16px center / 8px 10px no-repeat !important;
    color: var(--ex-text) !important;
    border-color: var(--ex-line-2) !important;
}
:root:not(#ex-dark) body select option { background: var(--ex-surface-2); color: var(--ex-text); }

/* Пунктирные ссылки темы («Показать ещё», «Подробнее»): синий #0057c2
   на тёмном не читается (контраст 2.8) */
:root:not(#ex-dark) body .link-dashed-in,
:root:not(#ex-dark) body .link-dashed-in .link-dashed-in,
:root:not(#ex-dark) body .link-dashed { color: var(--ex-link) !important; border-color: currentColor !important; }

/* ── Шапка (обычная и «липкая») ─────────────────────────────────── */
:root:not(#ex-dark) body #header,
:root:not(#ex-dark) body #header .header__inner,
:root:not(#ex-dark) body #header-fly .header-fly__white-bg,
:root:not(#ex-dark) body #header-fly {
    background: var(--ex-surface) !important;
    border-color: var(--ex-line) !important;
    color: var(--ex-text) !important;
}

/* Поиск в шапке — «пилюля» */
:root:not(#ex-dark) body #header .search-form,
:root:not(#ex-dark) body #header-fly .search-form,
:root:not(#ex-dark) body #title-search.search-form,
:root:not(#ex-dark) body #title-search-fly.search-form {
    background: var(--ex-surface-2) !important;
    border-color: var(--ex-line-2) !important;
}
/* Селекторы с #header .search-form повторены намеренно: в custom/style.css
   стоит `#header .search-form input[type="text"]` (1 id + 2 класса) с !important,
   короткий `#title-search-input` ему проигрывает. */
:root:not(#ex-dark) body #title-search-input,
:root:not(#ex-dark) body #title-search-input-fly,
:root:not(#ex-dark) body .search-form input,
:root:not(#ex-dark) body #header .search-form input[type="text"],
:root:not(#ex-dark) body #header .search-form .form-control,
:root:not(#ex-dark) body #header-fly .search-form input[type="text"],
:root:not(#ex-dark) body #header-fly .search-form .form-control {
    background: transparent !important;
    color: var(--ex-text) !important;
}

/* Полоса с адресом над шапкой (телефон) */
:root:not(#ex-dark) body .ex-mtop {
    background: #12161c !important;
    border-color: var(--ex-line) !important;
    color: var(--ex-text-2) !important;
}
:root:not(#ex-dark) body .ex-mtop a, :root:not(#ex-dark) body .ex-mtop span { color: var(--ex-text-2) !important; }

/* Нижняя панель навигации (телефон) */
:root:not(#ex-dark) body .ex-mnav {
    background: var(--ex-surface) !important;
    border-top-color: var(--ex-line) !important;
    box-shadow: 0 -4px 16px rgba(0,0,0,.45) !important;
}
:root:not(#ex-dark) body .ex-mnav__item { color: var(--ex-muted) !important; }
:root:not(#ex-dark) body .ex-mnav__item .ex-mnav__label { color: inherit !important; }
:root:not(#ex-dark) body .ex-mnav__item.is-active,
:root:not(#ex-dark) body .ex-mnav__item.active { color: var(--ex-link) !important; }

/* ── Подвал ─────────────────────────────────────────────────────── */
:root:not(#ex-dark) body #footer,
:root:not(#ex-dark) body #footer .footer__inner {
    background: var(--ex-surface) !important;
    border-color: var(--ex-line) !important;
    color: var(--ex-text-2) !important;
}
:root:not(#ex-dark) body #footer .footer__up-button {
    background: var(--ex-surface-2) !important;
    color: var(--ex-text-2) !important;
}
:root:not(#ex-dark) body #footer a { color: var(--ex-text-2) !important; }
:root:not(#ex-dark) body #footer a:hover { color: var(--ex-link) !important; }

/* ── Главная: плитки разделов, бренды, преимущества ─────────────── */
:root:not(#ex-dark) body .ex-cat,
:root:not(#ex-dark) body .ex-brands,
:root:not(#ex-dark) body .ex-brand,
:root:not(#ex-dark) body .ex-side--dealer,
:root:not(#ex-dark) body .ex-feat,
:root:not(#ex-dark) body .ex-newblock__more {
    background: var(--ex-surface) !important;
    border-color: var(--ex-line) !important;
}
:root:not(#ex-dark) body .ex-cat:hover,
:root:not(#ex-dark) body .ex-brand:hover { border-color: var(--ex-accent) !important; }

:root:not(#ex-dark) body .ex-cat__name,
:root:not(#ex-dark) body .ex-brand,
:root:not(#ex-dark) body .ex-side--dealer .ex-side__title,
:root:not(#ex-dark) body .ex-feat__title { color: var(--ex-text) !important; }

:root:not(#ex-dark) body .ex-brands__label,
:root:not(#ex-dark) body .ex-side--dealer .ex-side__eyebrow { color: var(--ex-muted) !important; }
:root:not(#ex-dark) body .ex-side--dealer .ex-side__text,
:root:not(#ex-dark) body .ex-feat__text { color: var(--ex-text-2) !important; }
:root:not(#ex-dark) body .ex-side--dealer .ex-side__link a,
:root:not(#ex-dark) body .ex-newblock__more { color: var(--ex-link) !important; }

/* Цветные значки категорий: светлые пастельные подложки → те же оттенки,
   но полупрозрачные, чтобы на тёмном не светились пятнами */
:root:not(#ex-dark) body .ex-cats .ex-cat:nth-child(6n+1) .ex-cat__icon { background: rgba(20,184,176,.16) !important; color: #3fd6cc !important; }
:root:not(#ex-dark) body .ex-cats .ex-cat:nth-child(6n+2) .ex-cat__icon { background: rgba(99,102,241,.18) !important; color: #a5b4fc !important; }
:root:not(#ex-dark) body .ex-cats .ex-cat:nth-child(6n+3) .ex-cat__icon { background: rgba(245,158,11,.16) !important; color: #fcd34d !important; }
:root:not(#ex-dark) body .ex-cats .ex-cat:nth-child(6n+4) .ex-cat__icon { background: rgba(236,72,153,.16) !important; color: #f9a8d4 !important; }
:root:not(#ex-dark) body .ex-cats .ex-cat:nth-child(6n+5) .ex-cat__icon { background: rgba(34,197,94,.16) !important; color: #86efac !important; }
:root:not(#ex-dark) body .ex-cats .ex-cat:nth-child(6n+6) .ex-cat__icon { background: rgba(239,68,68,.16) !important; color: #fca5a5 !important; }

/* ── Карточка товара в списке (каталог, поиск, главная) ─────────── */
:root:not(#ex-dark) body .list-showcase .list-showcase__element,
:root:not(#ex-dark) body .list-showcase .list-showcase__inner,
:root:not(#ex-dark) body .list-showcase .list-showcase__part-main,
:root:not(#ex-dark) body .list-showcase .list-showcase__part-extended {
    background: var(--ex-surface) !important;
    border-color: var(--ex-line) !important;
    color: var(--ex-text) !important;
}
/* Блок под фото прозрачный — белой остаётся только сама подложка
   .list-showcase__picture (её держит addBadges инлайном) */
:root:not(#ex-dark) body .list-showcase .list-showcase__mix { background: transparent !important; }

:root:not(#ex-dark) body .list-showcase .list-showcase__name a { color: var(--ex-text) !important; }
:root:not(#ex-dark) body .list-showcase .list-showcase__name a:hover { color: var(--ex-link) !important; }

/* Цены: ячейки на чуть более светлой подложке, чем карточка */
:root:not(#ex-dark) body .c-prices,
:root:not(#ex-dark) body .list-showcase__prices .c-prices {
    background: var(--ex-line) !important;
    border-color: var(--ex-line) !important;
}
:root:not(#ex-dark) body .c-prices .c-prices__price,
:root:not(#ex-dark) body .list-showcase .list-showcase__prices .js-prices__price-2,
:root:not(#ex-dark) body .list-showcase .list-showcase__prices .js-prices__price-4 {
    background: var(--ex-surface-2) !important;
    border-color: var(--ex-line) !important;
}
:root:not(#ex-dark) body .c-prices .c-prices__name,
:root:not(#ex-dark) body .list-showcase .list-showcase__prices .js-prices__price-2 .c-prices__name,
:root:not(#ex-dark) body .list-showcase .list-showcase__prices .js-prices__price-4 .c-prices__name { color: var(--ex-muted) !important; }
:root:not(#ex-dark) body .c-prices .c-prices__value,
:root:not(#ex-dark) body .c-prices .c-prices__price:first-child .c-prices__value,
:root:not(#ex-dark) body .list-showcase .list-showcase__prices .js-prices__price-2 .c-prices__value,
:root:not(#ex-dark) body .list-showcase .list-showcase__prices .js-prices__price-4 .c-prices__value { color: var(--ex-text) !important; }

/* Наличие «Много» — зелёный светлее, тёмный #16a34a на тёмном тонет */
:root:not(#ex-dark) body .b-stores__genamount-quantity { color: #4ade80 !important; }

/* Счётчик количества у кнопки «В корзину» */
:root:not(#ex-dark) body .list-showcase .ex-qty { border-color: var(--ex-line-2) !important; }
:root:not(#ex-dark) body .list-showcase .ex-qty__btn { background: var(--ex-surface-2) !important; color: var(--ex-text) !important; }
:root:not(#ex-dark) body .list-showcase .ex-qty__val {
    background: var(--ex-surface) !important;
    color: var(--ex-text) !important;
    border-color: var(--ex-line-2) !important;
}

/* ── Новости на главной ─────────────────────────────────────────── */
:root:not(#ex-dark) body .presscentermainn__item-date { color: var(--ex-muted) !important; }
:root:not(#ex-dark) body .presscentermainn__item-name-with-img,
:root:not(#ex-dark) body .presscentermainn__item-name-without-img { color: var(--ex-text) !important; }

/* ── Каталог: панель сортировки, подгрузка ──────────────────────── */
:root:not(#ex-dark) body .catalog__sorter,
:root:not(#ex-dark) body .catalog__sorter.mix { border-color: var(--ex-line) !important; }

/* ── Карточка товара: наш блок покупки ──────────────────────────────
   Стили блока — инлайном в components/bitrix/catalog.element/gopro/template.php
   (строки 22-82). Здесь только цвета, раскладку не трогаем. */
:root:not(#ex-dark) body .ex-props,
:root:not(#ex-dark) body .ex-block,
:root:not(#ex-dark) body .ex-feature,
:root:not(#ex-dark) body .ex-related {
    background: var(--ex-surface) !important;
    border-color: var(--ex-line) !important;
}
:root:not(#ex-dark) body .ex-prop,
:root:not(#ex-dark) body .ex-prices,
:root:not(#ex-dark) body .ex-qty { border-color: var(--ex-line) !important; }
:root:not(#ex-dark) body .ex-prop-l,
:root:not(#ex-dark) body .ex-pl,
:root:not(#ex-dark) body .ex-art,
:root:not(#ex-dark) body .ex-old { color: var(--ex-muted) !important; }
:root:not(#ex-dark) body .ex-prop-v,
:root:not(#ex-dark) body .ex-feature__text strong,
:root:not(#ex-dark) body .ex-related__title { color: var(--ex-text) !important; }
:root:not(#ex-dark) body .ex-feature__text { color: var(--ex-text-2) !important; }
:root:not(#ex-dark) body .ex-related__model { color: var(--ex-link) !important; }

/* Эмодзи-значки преимуществ: тема красила их в тёмный, на тёмном
   фоне цветной эмодзи и так виден — возвращаем штатный цвет */
:root:not(#ex-dark) body .ex-feature__icon { color: inherit !important; }

/* Полоса «В наличии» */
:root:not(#ex-dark) body .ex-stock {
    background: rgba(34,197,94,.10) !important;
    color: #4ade80 !important;
    border-bottom-color: var(--ex-accent) !important;
}

/* Цены: оптовая — в фирменной рамке, розничная — на подложке */
:root:not(#ex-dark) body .ex-pb-o { background: var(--ex-surface-2) !important; border-color: var(--ex-accent) !important; }
:root:not(#ex-dark) body .ex-pb-r { background: var(--ex-surface-2) !important; border-color: var(--ex-line) !important; }
:root:not(#ex-dark) body .ex-pb-o .ex-pv { color: #ff6b66 !important; }   /* #e53935 на тёмном темнеет — светлее на полтона */
:root:not(#ex-dark) body .ex-pb-r .ex-pv { color: var(--ex-text-2) !important; }
:root:not(#ex-dark) body .ex-disc { background: rgba(34,197,94,.16) !important; color: #4ade80 !important; }

/* Количество и кнопки */
:root:not(#ex-dark) body .ex-qb { background: var(--ex-surface-2) !important; color: var(--ex-text) !important; }
:root:not(#ex-dark) body .ex-qb:hover { background: var(--ex-surface-3) !important; }
:root:not(#ex-dark) body .ex-qi {
    background: var(--ex-surface) !important;
    color: var(--ex-text) !important;
    border-color: var(--ex-line) !important;
}
/* «В корзину» в светлой теме тёмно-синяя #0e1726 — на тёмном фоне
   она бы исчезла. В тёмной теме — фирменная бирюза, как все кнопки сайта. */
:root:not(#ex-dark) body .ex-cart { background: var(--ex-accent) !important; color: #fff !important; }
:root:not(#ex-dark) body .ex-cart:hover { background: #0d9994 !important; }
:root:not(#ex-dark) body .ex-sb {
    background: var(--ex-surface-2) !important;
    border-color: var(--ex-line) !important;
    color: var(--ex-text-2) !important;
}
:root:not(#ex-dark) body .ex-sb:hover { border-color: var(--ex-accent) !important; color: var(--ex-link) !important; }

/* Заголовок товара */
:root:not(#ex-dark) body .b-print__product-page__info h1.pagetitle,
:root:not(#ex-dark) body h1.pagetitle { color: var(--ex-text) !important; }

/* Фото товара: белая плашка со скруглением — тот же приём, что в карточках.
   Только когда внутри ЕСТЬ картинка (:has(img)): у товара без фото блок
   схлопывается до 2px, и белая плашка превращалась в белую черту поперёк
   страницы — поймано на локальной копии. */
:root:not(#ex-dark) body .detail__pic .detail__pic__inner {
    background: transparent !important;
    border-color: transparent !important;
}
:root:not(#ex-dark) body .detail__pic .detail__pic__inner:has(img) {
    background: var(--ex-plate) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* ── Вкладки темы (описание / характеристики) ─────────────────────── */
:root:not(#ex-dark) body .nav-tabs,
:root:not(#ex-dark) body .detail__tabs-nav {
    background: var(--ex-surface-2) !important;
    border-color: var(--ex-line) !important;
}
:root:not(#ex-dark) body .nav-tabs > li > a { color: var(--ex-text-2) !important; background: transparent !important; border-color: transparent !important; }
:root:not(#ex-dark) body .nav-tabs > li.active,
:root:not(#ex-dark) body .nav-tabs > li.active > a,
:root:not(#ex-dark) body .nav-tabs > li.active > a:hover,
:root:not(#ex-dark) body .nav-tabs > li.active > a:focus {
    background: var(--ex-surface) !important;
    color: var(--ex-text) !important;
    border-color: var(--ex-line) !important;
}
:root:not(#ex-dark) body .tab-content { background: var(--ex-surface) !important; border-color: var(--ex-line) !important; color: var(--ex-text) !important; }

/* ── Таблицы (характеристики, склады, цены по количеству) ─────────── */
:root:not(#ex-dark) body table,
:root:not(#ex-dark) body table th,
:root:not(#ex-dark) body table td {
    background-color: transparent !important;
    border-color: var(--ex-line) !important;
    color: var(--ex-text) !important;
}
:root:not(#ex-dark) body table th { background-color: var(--ex-surface-2) !important; color: var(--ex-text-2) !important; }

/* Разделительная линия над нижней частью подвала */
:root:not(#ex-dark) body #footer .line2 { border-color: var(--ex-line) !important; }

/* Список разделов каталога (/catalog/) — разделители */
:root:not(#ex-dark) body .b-section-list ul.row,
:root:not(#ex-dark) body .b-section-list li.section { border-color: var(--ex-line) !important; }

/* ── Поиск: кнопки-разделы над выдачей ───────────────────────────────
   Стиль — инлайном в search/index.php (красная рамка) и в style="" каждой
   ссылки: активная залита, остальные белые. Инлайновый style без !important,
   поэтому перебивается. Активную узнаём по той же заливке. */
:root:not(#ex-dark) body .search-tags-wrapper { border-color: var(--ex-line) !important; }
:root:not(#ex-dark) body .search-tags-inner a {
    background: var(--ex-surface) !important;
    color: var(--ex-text-2) !important;
    border-color: var(--ex-line-2) !important;
}
:root:not(#ex-dark) body .search-tags-inner a[style*="background:#ff0000"],
:root:not(#ex-dark) body .search-tags-inner a[style*="background: #ff0000"] {
    background: var(--ex-accent) !important;
    color: #fff !important;
    border-color: var(--ex-accent) !important;
}

/* ── Кнопки темы «второго плана» (Регистрация, Отмена, Назад) ─────── */
:root:not(#ex-dark) body .btn-default,
:root:not(#ex-dark) body a.btn-default {
    background: var(--ex-surface-2) !important;
    color: var(--ex-text) !important;
    border-color: var(--ex-line-2) !important;
}
:root:not(#ex-dark) body .btn-default:hover { background: var(--ex-surface-3) !important; border-color: var(--ex-accent) !important; }

/* ── Пустая корзина / пустое оформление ─────────────────────────── */
:root:not(#ex-dark) body .bx-sbb-empty-cart-text,
:root:not(#ex-dark) body .bx-soa-empty-cart-text { color: var(--ex-text) !important; }
:root:not(#ex-dark) body .bx-sbb-empty-cart-desc,
:root:not(#ex-dark) body .bx-soa-empty-cart-desc { color: var(--ex-text-2) !important; }

/* ── Мелочи со статических страниц ─────────────────────────────── */
:root:not(#ex-dark) body .pmenu .in,
:root:not(#ex-dark) body .bx-yandex-view-layout,
:root:not(#ex-dark) body .table-responsive { border-color: var(--ex-line) !important; }
:root:not(#ex-dark) body .blockquote-custom,
:root:not(#ex-dark) body .blockquote-custom-footer,
:root:not(#ex-dark) body blockquote { color: var(--ex-text-2) !important; border-color: var(--ex-line-2) !important; }

/* ── Новости и акции: тонкие разделители #f3f3f3 ─────────────────── */
:root:not(#ex-dark) body .presscentermainn,
:root:not(#ex-dark) body .presscentermainn .item,
:root:not(#ex-dark) body .container-info { border-color: var(--ex-line) !important; }

/* ── Шапка на компьютере: строка меню и значки справа ────────────────
   Всё это — наш custom/style.css, блоки «4. ИКОНКИ», «5. СТРОКА НАВИГАЦИИ»
   и «Иконки справа». Там тёмно-серые значки #4b5567 и светлые подсветки. */
:root:not(#ex-dark) body .row.tpanel__flex {
    background: var(--ex-surface) !important;
    border-bottom-color: var(--ex-line) !important;
}
:root:not(#ex-dark) body .ex-nav-inner .tpanel__menu2 a { color: var(--ex-text-2) !important; }
:root:not(#ex-dark) body .ex-nav-inner .tpanel__menu2 a:hover { color: var(--ex-link) !important; border-bottom-color: var(--ex-link) !important; }

:root:not(#ex-dark) body #header .c-icon-count,
:root:not(#ex-dark) body #header .user-login__icon,
:root:not(#ex-dark) body #header .compare,
:root:not(#ex-dark) body #header .favorite,
:root:not(#ex-dark) body #header .basketline__cart {
    color: var(--ex-text-2) !important;
    border-color: transparent !important;
    background: transparent !important;
}
:root:not(#ex-dark) body #header .c-icon-count .svg-icon,
:root:not(#ex-dark) body #header .c-icon-count .c-icon-count__icon { color: var(--ex-text-2) !important; }
:root:not(#ex-dark) body #header .user-login__icon::after,
:root:not(#ex-dark) body #header .compare::after,
:root:not(#ex-dark) body #header .favorite::after,
:root:not(#ex-dark) body #header .basketline__cart::after,
:root:not(#ex-dark) body #header .user-login__icon.is-authotized::after { color: var(--ex-text-2) !important; }
:root:not(#ex-dark) body #header .c-icon-count:hover,
:root:not(#ex-dark) body #header .user-login__icon:hover,
:root:not(#ex-dark) body #header .compare:hover,
:root:not(#ex-dark) body #header .favorite:hover,
:root:not(#ex-dark) body #header .basketline__cart:hover { background: var(--ex-surface-3) !important; }

/* Кабинет: у темы непобедимый серый фон #f2f2f2, в custom/style.css он
   закрашен внутренней тенью цвета шапки (#fff). В тёмной теме — тенью
   тёмной шапки, иначе на месте значка белый квадрат. */
:root:not(#ex-dark) body #header .user-login__icon,
:root:not(#ex-dark) body #header a.user-login__icon.is-authotized,
:root:not(#ex-dark) body #header .user-login__icon.is-authotized {
    box-shadow: inset 0 0 0 999px var(--ex-surface) !important;
}
:root:not(#ex-dark) body #header .user-login__icon:hover,
:root:not(#ex-dark) body #header a.user-login__icon.is-authotized:hover,
:root:not(#ex-dark) body #header .user-login__icon.is-authotized:hover {
    box-shadow: inset 0 0 0 999px var(--ex-surface-3) !important;
}
/* Контурный человечек нарисован data-URI со штрихом #4b5567 — перерисовываем светлым */
@media (min-width: 992px) {
    :root:not(#ex-dark) body #header .user-login__icon::before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23b4bcc8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center / 22px 22px no-repeat !important;
    }
}
:root:not(#ex-dark) body #header-fly .header-fly__personal .user-login__icon { background: transparent !important; }

/* Сетка товаров: тонкая линия сверху */
:root:not(#ex-dark) body .list-showcase.view-showcase { border-color: var(--ex-line) !important; }

/* Значок Apple в строке брендов — почти чёрный #1c1c1e (style="" в разметке),
   на тёмной плашке пропадал. В тёмной теме — светлый, как логотип Apple
   на тёмном фоне у самой Apple. Цвет узнаём по значению в style="". */
:root:not(#ex-dark) body .ex-brand__dot[style*="1c1c1e"],
:root:not(#ex-dark) body .ex-brand__dot[style*="1d1d1f"] {
    background: #e6e9ee !important;
    color: #111418 !important;
}

/* Кнопка «Найти» в поиске шапки на компьютере — тёмно-синяя, в тёмной
   теме сливалась с полем. Бирюзовая, как на телефоне. */
:root:not(#ex-dark) body #header .search-form .search-form__btn,
:root:not(#ex-dark) body #header-fly .search-form .search-form__btn {
    background: var(--ex-accent) !important;
    color: #fff !important;
    border-color: var(--ex-accent) !important;
}
:root:not(#ex-dark) body #header .search-form .search-form__btn:hover,
:root:not(#ex-dark) body #header-fly .search-form .search-form__btn:hover { background: #0d9994 !important; }

/* ── Выпадающее меню «Каталог» (компьютер) ───────────────────────────
   Тема: assets/css/style.css, блок .catalogmenu (~стр. 11899-12075):
   белые пункты, серый #F3F3F3 у родителя, синий #107bff на наведении. */
:root:not(#ex-dark) body .catalogmenu li,
:root:not(#ex-dark) body .catalogmenu li ul,
:root:not(#ex-dark) body .catalogmenusmall li,
:root:not(#ex-dark) body .catalogmenusmall li ul {
    background-color: var(--ex-surface) !important;
    border-color: var(--ex-line) !important;
}
:root:not(#ex-dark) body .catalogmenu li.parent { background-color: transparent !important; }
:root:not(#ex-dark) body .catalogmenu li ul { box-shadow: 0 12px 32px rgba(0,0,0,.55) !important; }
:root:not(#ex-dark) body .catalogmenu li ul a,
:root:not(#ex-dark) body .catalogmenu li a.first,
:root:not(#ex-dark) body .catalogmenu li a.sub,
:root:not(#ex-dark) body .catalogmenusmall a { color: var(--ex-text) !important; }
:root:not(#ex-dark) body .catalogmenu li.first:hover > a,
:root:not(#ex-dark) body .catalogmenu li.first.hover > a,
:root:not(#ex-dark) body .catalogmenu li.sub:hover > a,
:root:not(#ex-dark) body .catalogmenu li.sub.hover > a,
:root:not(#ex-dark) body .catalogmenu a.first:hover,
:root:not(#ex-dark) body .catalogmenu a.sub:hover,
:root:not(#ex-dark) body .catalogmenu .first li a.selected,
:root:not(#ex-dark) body .catalogmenu .first li.selected > a,
:root:not(#ex-dark) body .catalogmenu li a.first.selected {
    background-color: var(--ex-surface-3) !important;
    color: var(--ex-link) !important;
}
:root:not(#ex-dark) body .catalogmenu .svg-icon.arrow { color: var(--ex-muted) !important; fill: currentColor; }

/* ── Подсказки поиска (выпадают под полем в шапке) ─────────────────── */
:root:not(#ex-dark) body .title-search-result,
:root:not(#ex-dark) body .title-search-result .stitle {
    background: var(--ex-surface) !important;
    border-color: var(--ex-line) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.6) !important;
}
:root:not(#ex-dark) body .title-search-result .title { color: var(--ex-muted) !important; border-color: var(--ex-line) !important; }
:root:not(#ex-dark) body .title-search-result a.item,
:root:not(#ex-dark) body .title-search-result a.item .name { color: var(--ex-text) !important; }
:root:not(#ex-dark) body .title-search-result a.item:hover { background: var(--ex-surface-3) !important; }
:root:not(#ex-dark) body .title-search-result a.item:hover .name { color: var(--ex-link) !important; }
:root:not(#ex-dark) body .title-search-result .prs { color: var(--ex-text-2) !important; }

/* ── Корзина /personal/cart/ (bitrix:sale.basket.basket) ─────────────── */
:root:not(#ex-dark) body .basket-items-list-wrapper,
:root:not(#ex-dark) body .basket-items-list,
:root:not(#ex-dark) body .basket-items-list-container,
:root:not(#ex-dark) body .basket-items-list-item-container,
:root:not(#ex-dark) body .basket-checkout-container,
:root:not(#ex-dark) body .suggestion-items-container {
    background: var(--ex-surface) !important;
    border-color: var(--ex-line) !important;
}
:root:not(#ex-dark) body .basket-items-list-item-container td,
:root:not(#ex-dark) body .basket-items-list-item-descriptions,
:root:not(#ex-dark) body .basket-items-list-table td { border-color: var(--ex-line) !important; }

:root:not(#ex-dark) body .basket-item-info-name-link,
:root:not(#ex-dark) body .basket-item-info-name-link span { color: var(--ex-text) !important; }
:root:not(#ex-dark) body .basket-item-info-name-link:hover span { color: var(--ex-link) !important; }
:root:not(#ex-dark) body .basket-item-property-custom-name,
:root:not(#ex-dark) body .basket-item-property-name,
:root:not(#ex-dark) body .basket-item-price-title,
:root:not(#ex-dark) body .basket-coupon-block-field-description,
:root:not(#ex-dark) body .basket-checkout-block-total-description { color: var(--ex-muted) !important; }
:root:not(#ex-dark) body .basket-item-property-custom-value,
:root:not(#ex-dark) body .basket-item-property-value { color: var(--ex-text-2) !important; }
:root:not(#ex-dark) body .basket-item-price-current,
:root:not(#ex-dark) body .basket-item-price-current-text,
:root:not(#ex-dark) body .basket-coupon-block-total-price-current,
:root:not(#ex-dark) body .basket-checkout-block-total-price-inner,
:root:not(#ex-dark) body .basket-checkout-block-total-title { color: var(--ex-text) !important; }
:root:not(#ex-dark) body .basket-item-price-old-text,
:root:not(#ex-dark) body .basket-coupon-block-total-price-old { color: var(--ex-muted) !important; }

/* Количество: поле, «шт», плюс/минус */
:root:not(#ex-dark) body .basket-item-amount-filed,
:root:not(#ex-dark) body .basket-item-amount-field {
    background: var(--ex-surface-2) !important;
    color: var(--ex-text) !important;
    border-color: var(--ex-line-2) !important;
}
:root:not(#ex-dark) body .basket-item-amount-field-description {
    background: var(--ex-surface-2) !important;
    color: var(--ex-muted) !important;
    border-color: var(--ex-line-2) !important;
}
:root:not(#ex-dark) body .basket-item-amount-btn-plus,
:root:not(#ex-dark) body .basket-item-amount-btn-minus { border-color: var(--ex-line-2) !important; }
:root:not(#ex-dark) body .basket-item-amount-btn-plus::before,
:root:not(#ex-dark) body .basket-item-amount-btn-plus::after,
:root:not(#ex-dark) body .basket-item-amount-btn-minus::after { background-color: var(--ex-text-2) !important; }

/* Поле купона и кнопка «Оформить заказ» (у темы тёмно-синяя — на тёмном
   фоне терялась; в тёмной теме фирменная бирюза, как все главные кнопки) */
:root:not(#ex-dark) body .basket-coupon-block-field input,
:root:not(#ex-dark) body .basket-coupon-block-field .form-control { background: var(--ex-surface-2) !important; color: var(--ex-text) !important; }
:root:not(#ex-dark) body .basket-btn-checkout,
:root:not(#ex-dark) body .basket-checkout-section .btn-primary,
:root:not(#ex-dark) body .basket-checkout-section .btn {
    background: var(--ex-accent) !important;
    border-color: var(--ex-accent) !important;
    color: #fff !important;
}
:root:not(#ex-dark) body .basket-btn-checkout:hover { background: #0d9994 !important; }

/* ── Оформление заказа /personal/order/make/ (bitrix:sale.order.ajax) ──
   #bx-soa-order в селекторах НЕ лишний: у темы тут правила вида
   `.rsgopro .body #bx-soa-order .bx-soa-more-btn .btn.btn-default:first-child`
   с !important (id + 6 классов) — без второго id их не перебить.
   Логику формы не трогаем (см. CLAUDE.md, «Оформление заказа») — только цвета. */
:root:not(#ex-dark) body #bx-soa-order .bx-soa-section,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-section-content,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-cart-total,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-coupon,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-more,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-item-tr,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-item-td,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-cart-total-line { border-color: var(--ex-line) !important; }
:root:not(#ex-dark) body #bx-soa-order .bx-soa-section { background: var(--ex-surface) !important; }
:root:not(#ex-dark) body #bx-soa-order .bx-soa-cart-total { background: var(--ex-surface) !important; }

/* Заголовки разделов «Доставка», «Оплата», «Покупатель» */
:root:not(#ex-dark) body #bx-soa-order .bx-soa-section-title-container {
    background: var(--ex-surface-2) !important;
    border-color: var(--ex-line) !important;
}
:root:not(#ex-dark) body #bx-soa-order .bx-soa-section-title,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-section.bx-selected .bx-soa-section-title { color: var(--ex-text) !important; }
:root:not(#ex-dark) body #bx-soa-order .bx-soa-editstep { color: var(--ex-link) !important; }

/* Описание выбранной доставки / оплаты */
:root:not(#ex-dark) body #bx-soa-order .bx-soa-pp-company {
    background: var(--ex-surface-2) !important;
    border-color: var(--ex-line) !important;
}
:root:not(#ex-dark) body #bx-soa-order .bx-soa-pp-company-subTitle,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-pp-company-desc,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-pp-list-description { color: var(--ex-text) !important; }
:root:not(#ex-dark) body #bx-soa-order .bx-soa-pp-list-termin,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-pp-company-smalltitle { color: var(--ex-muted) !important; }
/* Логотипы служб — картинки на светлом фоне: белая плашка оставлена
   намеренно (как у фото товаров), только рамку приглушаем */
:root:not(#ex-dark) body #bx-soa-order .bx-soa-pp-company-graf-container { border-color: var(--ex-line-2) !important; }
:root:not(#ex-dark) body #bx-soa-order .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container,
:root:not(#ex-dark) body #bx-soa-order .bx-selected .bx-soa-pp-company-graf-container { border-color: var(--ex-accent) !important; }

/* Подписи полей покупателя, купона, комментария */
:root:not(#ex-dark) body #bx-soa-order label,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-custom-label,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-customer-label,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-coupon-label label { color: var(--ex-text-2) !important; }

/* Кнопки «Назад» / «Далее» */
:root:not(#ex-dark) body #bx-soa-order .bx-soa-more-btn .btn.btn-default,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-more-btn .btn.btn-default:first-child {
    background: var(--ex-surface-2) !important;
    color: var(--ex-text) !important;
    border-color: var(--ex-line-2) !important;
}
:root:not(#ex-dark) body #bx-soa-order .bx-soa-more-btn .btn.btn-default.pull-right {
    background: var(--ex-accent) !important;
    color: #fff !important;
    border-color: var(--ex-accent) !important;
}

/* Состав заказа и итог справа */
:root:not(#ex-dark) body #bx-soa-order .bx-soa-item-title a,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-item-title,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-cart-t,
:root:not(#ex-dark) body #bx-soa-order .bx-soa-cart-d,
:root:not(#ex-dark) body #bx-soa-order .bx-price { color: var(--ex-text) !important; }
:root:not(#ex-dark) body #bx-soa-order .bx-soa-item-td-title { color: var(--ex-muted) !important; }

/* Разделители-полоски высотой 1px (фон #f2f2f2): меню кабинета и др. */
:root:not(#ex-dark) body .separator,
:root:not(#ex-dark) body .pmenu .separator { background-color: var(--ex-line) !important; }

/* ── Каталог, вид «таблица» (?alfavalue=table) ─────────────────────── */
:root:not(#ex-dark) body .list-table__inner,
:root:not(#ex-dark) body .list-table__thead,
:root:not(#ex-dark) body .list-thead { border-color: var(--ex-line) !important; }
/* Маленькое фото строки — на белой плашке, как в карточках */
:root:not(#ex-dark) body .list-table__picture .list-table__canvas:has(img) {
    background: var(--ex-plate) !important;
    border-radius: 8px !important;
    padding: 3px !important;
}
/* Кнопки-значки строки: корзина, избранное, сравнение */
:root:not(#ex-dark) body .list-table__favorite .c-icon-count,
:root:not(#ex-dark) body .list-table__compare .c-icon-count,
:root:not(#ex-dark) body .b-pay__buttons a.c-icon-count {
    border-color: var(--ex-line-2) !important;
    color: var(--ex-text-2) !important;
    background: transparent !important;
}
:root:not(#ex-dark) body .list-table__favorite .c-icon-count:hover,
:root:not(#ex-dark) body .list-table__compare .c-icon-count:hover,
:root:not(#ex-dark) body .b-pay__buttons a.c-icon-count:hover { border-color: var(--ex-accent) !important; color: var(--ex-link) !important; }

/* Счётчик количества темы (таблица, карточка товара темы): поле и «шт» */
:root:not(#ex-dark) body .c-quantity__inner,
:root:not(#ex-dark) body .c-quantity__value,
:root:not(#ex-dark) body .c-quantity input {
    background: var(--ex-surface-2) !important;
    color: var(--ex-text) !important;
    border-color: var(--ex-line-2) !important;
}
:root:not(#ex-dark) body .c-quantity__measure {
    background: var(--ex-surface-2) !important;
    color: var(--ex-muted) !important;
    border-color: var(--ex-line-2) !important;
}
:root:not(#ex-dark) body .c-quantity__minus,
:root:not(#ex-dark) body .c-quantity__plus { color: var(--ex-text-2) !important; }

/* ── Всплывающие окна (fancybox): «Заказать звонок», формы, быстрый заказ ──
   Подложку задаёт `.fancybox-slide > div { background: #fff }` из стилей
   fancybox. На ней наши светлые подписи становились невидимыми. */
:root:not(#ex-dark) body .fancybox-slide > div,
:root:not(#ex-dark) body .fancybox-content {
    background: var(--ex-surface) !important;
    color: var(--ex-text) !important;
}
/* Окна с фото (увеличение картинки товара) — фон прозрачный, как у темы */
:root:not(#ex-dark) body .fancybox-slide--image > div,
:root:not(#ex-dark) body .fancybox-slide--image .fancybox-content { background: transparent !important; }
:root:not(#ex-dark) body .fancybox-bg { background: #05070a !important; }
:root:not(#ex-dark) body .fancybox-close-small,
:root:not(#ex-dark) body .fancybox-button { color: var(--ex-text-2) !important; }
:root:not(#ex-dark) body .fancybox-close-small:hover { color: var(--ex-text) !important; }

/* ── Липкая шапка и мобильное меню (#header-fly) ─────────────────────
   Светлым их сделал наш блок «6.5» в custom/style.css (30.07.2026):
   белый фон, тёмный текст, светлые разделители. Здесь — те же элементы
   в тёмных тонах. У меню тот же вес (#header-fly + классы), поэтому
   повторяем #header-fly в каждом селекторе. */
:root:not(#ex-dark) body #header-fly .header-fly__white-bg,
:root:not(#ex-dark) body #header-fly .header-fly__footer,
:root:not(#ex-dark) body #header-fly .js-header-fly-top,
:root:not(#ex-dark) body #header-fly ul.fly-menu__ul,
:root:not(#ex-dark) body #header-fly .header-fly__catalog-menu {
    background: var(--ex-surface) !important;
    color: var(--ex-text) !important;
    border-color: var(--ex-line) !important;
}
:root:not(#ex-dark) body #header-fly .header-fly__personal {
    background: var(--ex-surface-2) !important;
    border-color: var(--ex-line) !important;
}
:root:not(#ex-dark) body #header-fly .header-fly__personal .c-icon-count__quantity {
    background: var(--ex-surface-3) !important;
    color: var(--ex-text-2) !important;
}
:root:not(#ex-dark) body #header-fly .header-fly__menu-shade { background: rgba(0,0,0,.6) !important; }

:root:not(#ex-dark) body #header-fly li.fly-menu__li { border-color: var(--ex-line) !important; }
:root:not(#ex-dark) body #header-fly a.root-item,
:root:not(#ex-dark) body #header-fly .fly-menu__li > a {
    color: var(--ex-text) !important;
    border-color: var(--ex-line) !important;
    background: transparent !important;
}
:root:not(#ex-dark) body #header-fly a.root-item:hover,
:root:not(#ex-dark) body #header-fly a.root-item:active { color: var(--ex-link) !important; background: var(--ex-surface-2) !important; }
:root:not(#ex-dark) body #header-fly a.root-item svg { color: var(--ex-muted) !important; }
:root:not(#ex-dark) body #header-fly .js-fly-menu__back > a,
:root:not(#ex-dark) body #header-fly .js-fly-menu__back svg { color: var(--ex-link) !important; }
:root:not(#ex-dark) body #header-fly .fly-menu__duplication-name { background: var(--ex-surface-2) !important; }
:root:not(#ex-dark) body #header-fly .fly-menu__duplication-name > * { color: var(--ex-text) !important; }
:root:not(#ex-dark) body #header-fly .header-fly__footer-block,
:root:not(#ex-dark) body #header-fly .header-fly__footer-block .tpanel__schedule { color: var(--ex-text-2) !important; }
:root:not(#ex-dark) body #header-fly .header-fly__footer a { color: var(--ex-link) !important; }
/* Счётчик корзины в липкой шапке: тема даёт белую цифру на белом кружке
   (.c-icon-count.has-items .c-icon-count__quantity). Делаем красным,
   как счётчик в основной шапке. */
:root:not(#ex-dark) body #header-fly .c-icon-count.has-items .c-icon-count__quantity,
:root:not(#ex-dark) body #header-fly .js-basket-prod-count.js-more-than-zero {
    background: #e53935 !important;
    color: #fff !important;
}

/* ── Нижняя панель корзины на компьютере (#rs_easycart, модуль redsign.easycart)
   На телефоне панель скрыта (custom/style.css, блок 6.5). */
:root:not(#ex-dark) body #rs_easycart .rsec_body,
:root:not(#ex-dark) body #rs_easycart .rsec_content,
:root:not(#ex-dark) body #rs_easycart .rsec_tabs {
    background: var(--ex-surface) !important;
    border-color: var(--ex-line) !important;
    color: var(--ex-text) !important;
}
:root:not(#ex-dark) body #rs_easycart .rsec_tyanya { background: var(--ex-surface-2) !important; border-color: var(--ex-line) !important; }
:root:not(#ex-dark) body #rs_easycart table td,
:root:not(#ex-dark) body #rs_easycart table th { border-color: var(--ex-line) !important; color: var(--ex-text) !important; }
:root:not(#ex-dark) body #rs_easycart .rsec_jsline a,
:root:not(#ex-dark) body #rs_easycart .rsec_name a { color: var(--ex-text) !important; }
:root:not(#ex-dark) body #rs_easycart .rsec_jsline a:hover { color: var(--ex-link) !important; }

/* Количество: минус / «шт» / плюс */
:root:not(#ex-dark) body #rs_easycart .rsec_minus,
:root:not(#ex-dark) body #rs_easycart .rsec_plus {
    background: var(--ex-surface-2) !important;
    color: var(--ex-text) !important;
    border-color: var(--ex-line-2) !important;
}
:root:not(#ex-dark) body #rs_easycart .rsec_measurename {
    background: var(--ex-surface-2) !important;
    color: var(--ex-muted) !important;
    border-color: var(--ex-line-2) !important;
}
/* «Удалить», «Удалить все» */
:root:not(#ex-dark) body #rs_easycart input.btn2 {
    background: var(--ex-surface-2) !important;
    color: var(--ex-text) !important;
    border-color: var(--ex-line-2) !important;
}
:root:not(#ex-dark) body #rs_easycart input.btn2:hover { border-color: var(--ex-accent) !important; }

/* Вкладки нижней строки: активная белой была — делаем подсвеченной тёмной.
   Подписи темы подчёркнуты белой нижней рамкой — приглушаем. */
:root:not(#ex-dark) body #rs_easycart .rsec_orlink a.selected,
:root:not(#ex-dark) body #rs_easycart .rsec_changer.selected {
    background: var(--ex-surface-2) !important;
    color: var(--ex-text) !important;
}
:root:not(#ex-dark) body #rs_easycart .rsec_name { border-color: var(--ex-line-2) !important; }
:root:not(#ex-dark) body #rs_easycart .rsec_color,
:root:not(#ex-dark) body #rs_easycart .rsec_take_allSum_FORMATED,
:root:not(#ex-dark) body #rs_easycart .rsec_allSum_FORMATED,
:root:not(#ex-dark) body #rs_easycart .rsec_online .rsec_name { color: var(--ex-link) !important; }
:root:not(#ex-dark) body #rs_easycart .rsec_close { color: var(--ex-text-2) !important; }
:root:not(#ex-dark) body #rs_easycart #rsec_basket > a { color: var(--ex-muted) !important; }

/* ── Сортировка на компьютере: поле-выпадашка Bootstrap ─────────────── */
:root:not(#ex-dark) body .b-sorter .select {
    color: var(--ex-text) !important;
    background: var(--ex-surface-2) !important;
    border-color: var(--ex-line-2) !important;
}
/* Выпадающие списки Bootstrap по всему сайту (сортировка, «показывать по») */
:root:not(#ex-dark) body .dropdown-menu {
    background: var(--ex-surface) !important;
    border-color: var(--ex-line) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.55) !important;
}
:root:not(#ex-dark) body .dropdown-menu > li > a,
:root:not(#ex-dark) body .dropdown-menu a { color: var(--ex-text) !important; }
:root:not(#ex-dark) body .dropdown-menu > li > a:hover,
:root:not(#ex-dark) body .dropdown-menu > .active > a,
:root:not(#ex-dark) body .dropdown-menu a:hover { background: var(--ex-surface-3) !important; color: var(--ex-link) !important; }

/* ── Точки перед пунктами списков ─────────────────────────────────────
   Тема рисует «•» перед КАЖДЫМ `ul > li` и `ol > li` сайта
   (assets/css/style.css ~стр. 7772) и красит её в #fff. На белом фоне
   точки невидимы — так тема «прячет» маркеры в меню, выпадашках, формах.
   В тёмной теме они вылезли белыми точками слева от списков (сортировка,
   оформление заказа). Повторяем светлое поведение: прозрачные.
   Вес — НАМЕРЕННО ровно как у темы (0,0,3) через :where, без !important:
   списки, где теме маркеры нужны (custom-list-ul, list-ok, b-section-list…),
   заданы классами и остаются со своим цветом. */
:where(:root) ul > li::before,
:where(:root) ol > li::before { color: transparent; }