/* ==========================================================================
   theme-overrides.css — палитра «multi-3-light» поверх шаблона Multi-2 (тёмная база).
   Другой шаблон, чем multi-1: тёмный фон, оранжевый акцент, свои переменные.
   Поверхности тонированы в оттенок темы; акцент — на текст/заливки/детали.
   Меняются ТОЛЬКО цвета/шрифты. JS, базовые CSS, блоки, id — НЕ трогаются.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* Фон/панели/шапка в оттенке темы + текст под светлоту темы (светлая → тёмный
   текст, тёмная → белый), чтобы селекторы били даже мимо переменных базы. */
body, .app-body, .page { background: var(--bg-main-color) !important; color: var(--main-text-color) !important; }
/* Панели, у которых в ОРИГИНАЛЕ тёмный градиент (base bg=var(--bg-card)): герой,
   кредит-оффер, gift-card. Оставляем ТЁМНЫМИ в тон темы + белый текст. На светлых
   темах светлый градиент читался «неудачно» (жалоба). PNG-авто на них прозрачное.
   Блоки БЕЗ фона в оригинале (futures/deal-timer/credit-terms/catalog-menu/
   about-values/model-opt/card/credit-page__car/desc-blocks) — фон НЕ добавляем
   вообще (жалоба «грязные плиты без отступов, убирай фон где не нужен»). */
.hero-carousel__content, .credit-offer, .gift-card, .service-card {
  background: linear-gradient(135deg, var(--hero-carousel-content-bg) 0%, var(--hero-carousel-content-bg-2) 100%) !important; color: var(--theme-bg) !important; }
.fp-car-data { background: var(--theme-bg) !important; }
/* Авто-вырезка в карточке услуг — целиком (не cover, иначе режет), по центру-верху. */
.service-card__image { object-fit: contain !important; object-position: center 38% !important; }
/* deal-timer лежит на ТЁМНОЙ подложке car-card-bg (замер: внутри .car-card__thumb).
   Убрали белую плиту (жалоба); подложка всегда тёмная → текст БЕЛЫЙ, рамка-кружок
   акцентная. Тень для читаемости поверх авто. */
.deal-timer__count { color: var(--theme-bg) !important; border-color: var(--accent) !important;
  background: var(--deal-timer-count-bg) !important; }
.deal-timer__text { color: var(--theme-bg) !important; text-shadow: 0 1px 3px var(--deal-timer-text-text-shadow) !important; }
.hero-carousel__content *, .hero-carousel__title, .hero-carousel__desc,
.hero-carousel__text, .hero-carousel__subtitle { color: var(--theme-bg) !important; }
.hero-carousel__buttons .btn_outline {
  color: var(--theme-bg) !important; border-color: var(--theme-bg) !important; background: transparent !important; }
.hero-carousel__buttons .btn_outline svg, .hero-carousel__buttons .btn_outline path {
  stroke: var(--theme-bg) !important; fill: var(--theme-bg) !important; }
/* Шапка: обе строки (top + nav) на одном фоне + мягкая тень снизу, без красной
   линии. Раньше красился только .header__top, а .header__nav шёл на --bg-main-color
   → вторая строка читалась серым прямоугольником и сливалась с body. */
.app-header, .header, .header__top, .header__main, .header__inner, .header__nav {
  background: var(--theme-bg) !important; }
.header, .app-header { box-shadow: 0 6px 18px var(--header-shadow) !important; }
.header__top { border-bottom: 1px solid var(--header-top-border-bottom) !important; }
/* Подложка под PNG-авто в карточках тонирована под тему (images/car-card-bg.webp). */
.car-card__thumb, .model-page__preview { background: url(images/car-card-bg.webp) center/cover no-repeat !important; }
/* Мегасейл: машины крупнее базы, но БЕЗ удвоения. При 250% картинка вырастала
   до 1904px в окне 1440 и тянула блок до 1044px высоты при окне 900 — модалка
   вылезала за экран (жалоба «модалка огромная»). 150% помещается: замер даёт
   блок 627px по высоте. */
/* сдвиг машин убран: он подгонял их под узкую коробку, в полноэкранной
   раскладке базы они и так выходят за левый край, как в оригинале */
/* Стрелки карусели видны на тёмных темах: рамка-акцент + шеврон в цвет текста. */
.carousel-prev, .carousel-next { border-color: var(--accent) !important; color: var(--main-text-color) !important; }
.carousel-prev:after, .carousel-next:after { color: var(--main-text-color) !important; }
/* Бургер-меню: инлайновый SVG с жёстким stroke="#000" — на тёмной шапке невидим. Красим в текст темы. */
.header__open-menu-icon, .header__open-menu-icon path { stroke: var(--main-text-color) !important; }
/* Стрелки «Подборки»: catalog-carousel (белый SVG) и comp-item::after (белый круг #fff) на светлой
   теме невидимы. Круг в акцент → стрелки проявляются на любой теме. */
.catalog-carousel__prev, .catalog-carousel__next, .comp-item__content::after { background-color: var(--accent) !important; }
/* Кнопка «В каталог» в блоке тегов прилипала к тегам — отступ сверху. */
.sh-addons__offset { margin-top: 24px !important; }
/* Текст политики/примечания в модалке iPhone (тёмно-синий градиент фона) — светлый, читаемый. */
.popup-preset .main-form-checkbox__text, .popup-preset .main-form-checkbox__text a, .popup-preset__content-text { color: var(--popup-preset-main-form-checkbox-text-text) !important; }
/* Крестик модалки: база даёт stroke="white" opacity .3 (почти невидим) — делаем контрастным. */
/* Крестик закрытия виден на ЛЮБОМ фоне модалки (жалобы «белый на белом»):
   тёмный полупрозрачный кружок + белый X. Работает и на светлых модалках
   (popup-preset сине-прозрачный градиент), и на тёмных (мега-распродажа). */
.popup__close, .fancybox-close-small {
  background: var(--popup-close-bg) !important; border-radius: 50% !important;
  opacity: 1 !important; padding: 8px !important;
  box-shadow: 0 2px 10px var(--popup-close-shadow) !important; }
.popup__close svg, .popup__close path, .fancybox-close-small svg, .fancybox-close-small path { stroke: var(--theme-bg) !important; stroke-opacity: 1 !important; fill: var(--theme-bg) !important; opacity: 1 !important; }
/* База красит плейсхолдер в белый (.popup-preset__input, megasale) — на белом поле невидим. Читаемый серый. */
input::placeholder, textarea::placeholder, .app-input::placeholder,
.popup-preset__input::placeholder, .modal-mega-sale .app-input::placeholder { color: var(--mark-color) !important; opacity: 1 !important; }
/* Кнопка мегараспродажи на фото-фоне (акцент на акцентном фото сливается) — белая обводка + тень. */
.modal-megasave .modal__form .btn { border: 2px solid var(--theme-bg) !important; box-shadow: 0 6px 22px var(--modal-megasave-modal-form-btn-shadow) !important; }
/* futures БЕЗ фона (на странице) → текст в тон темы. */
.futures *, .header__nav-item, .footer, .footer * { color: var(--main-text-color) !important; }
/* credit-offer/gift-card — ТЁМНЫЕ панели → текст белый (кнопки/акценты — свои правила ниже). */
.credit-offer .credit-offer__title, .credit-offer .credit-offer__desc,
.credit-offer .credit-offer__futures-item, .gift-card .gift-card__title,
.gift-card .gift-card__description { color: var(--theme-bg) !important; }
/* Карточки-услуги: фото насквозь (z-index:-1), текст поверх БЕЗ подложки. Даём
   тёмную вуаль снизу + БЕЛЫЙ текст на ВСЕХ темах — на светлой теме тёмный текст
   тонул в тёмном низу фото (жалоба «акции сломались»). */
.service-card__content {
  background: linear-gradient(to top, var(--service-card-content-bg) 0%, var(--service-card-content-bg-2) 46%, var(--service-card-content-bg-3) 100%) !important;
  padding: 66px 16px 30px !important; color: var(--theme-bg) !important; }
.service-card__content *, .service-card__title, .service-card__description { color: var(--theme-bg) !important; }
.service-card__content .btn, .service-card__content a, .service-card__content [class*="more"] {
  color: var(--accent) !important; }
/* Серые рамки #6d7381 мимо палитры (§7.3) → тон темы, не грязно-серый. */
.service-card, .fp-steps__item-number, .resp-table__row-content { border-color: var(--header-top-border-bottom) !important; }
/* Шрифт темы. Иконочный swiper-icons ВОЗВРАЩАЕМ после глобального правила —
   иначе стрелки-глифы превратятся в слова next/prev (MULTI-2.md §5). */
*, *::before, *::after { font-family: 'Manrope', sans-serif !important; }
h1, h2, h3, .h1, .h2, .h3, .section-title, .modal__title {
  font-family: 'Manrope', sans-serif !important; color: var(--main-text-color) !important; }
/* Заголовки/текст ГЕРОЯ — БЕЛЫЕ поверх тёмной панели. Идёт ПОСЛЕ правил
   .h1{color:TXT} и выше, со специфичностью .hero-carousel__content .h1 (0,2,0),
   поэтому побеждает — иначе на светлых темах TXT тёмный → тёмный на тёмном (баг). */
.hero-carousel__content .hero-carousel__title, .hero-carousel__content .h1,
.hero-carousel__content .h2, .hero-carousel__content .hero-carousel__text,
.hero-carousel__content .hero-carousel__desc, .hero-carousel__content .hero-carousel__subtitle {
  color: var(--theme-bg) !important; }
.swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons !important; }
/* Акцент как ЗАЛИВКА под белым текстом (реф 3.46) → btn_fill/приглушение. */
.btn_primary, button[type="submit"].btn:not(.btn_outline):not(.btn_secondary) {
  background: var(--btn-bg) !important; color: var(--theme-bg) !important; border-color: var(--btn-bg) !important;
}
.btn_primary *, button[type="submit"].btn:not(.btn_outline) * { color: var(--theme-bg) !important; }
.deal-badge, .deal-badge * { background: var(--btn-bg) !important; color: var(--theme-bg) !important; }
/* На красной/акцентной заливке (кружки-номера .ben-block__number и пр.) — белый текст. */
[class*="__number"] { color: var(--theme-bg) !important; }
/* Акцент как ТЕКСТ на тёмном фоне (реф #d96b1c на #292c31 = 4.05) → readable. */
.breadcrumbs__item, .header__nav-item--active, .pagination__item--active,
.credit-page__price-payment, .credit-page__price, .deal-timer__count {
  color: var(--accent-on-card) !important; }
/* Утёкшие светло-серые тексты базы (#E4E4E4/#B3B3B3) на светлой поверхности не
   читаются (замер в браузере: questions__desc cr 1.3, js-credit-term-value 1.4).
   В muted — читаемо на любой теме. */
.questions__desc, .js-credit-term-value, .credit-page__term-value,
.pagination__item { color: var(--mark-color) !important; }
/* Модалки с ТЁМНЫМ фото-фоном (.modal-megasave = мега-распродажа И prize-megasave):
   текст ВСЕГДА белый, даже на светлых темах (там TXT тёмный → был тёмный на тёмном
   фото, жалоба «чёрные буквы на тёмно-красном/синем/зелёном»). Инпуты не трогаем. */
.modal-megasave .modal__title, .modal-megasave .modal__desc,
.modal-megasave .modal-megasave__head, .modal-megasave .modal-megasave__head [class*="__title"],
.modal-megasave .modal-megasave__head [class*="__desc"] { color: var(--theme-bg) !important; }
/* Акцентные слова в описании (каско, зимняя резина, 500л бензина) — акцент на тёмном. */
.modal-megasave .modal__desc span, .modal-megasave .modal__desc b,
.modal-megasave .modal__desc strong { color: var(--accent) !important; }
/* Форма мегасейла — СВЕТЛАЯ карточка (реф): подписи/чекбокс — тёмные, ссылка читаема. */
.modal-megasave .modal__form .app-label__heading,
.modal-megasave .modal__form .main-form-checkbox__text,
.modal-megasave .modal__form .wrapped-form__title { color: var(--main-text-color) !important; }
.modal-megasave .modal__form .main-form-checkbox__text a { color: var(--modal-megasave-modal-form-main-form-checkbox-t-text) !important; }
/* Марки авто на главной (.marks): базовый .mark-link БЕЗ ховера (ховер только у
   выпадающего .catalog-menu). Добавляем подсветку в акцент (жалоба «нет ховера»). */
.marks .mark-link, .section-marks .mark-link { transition: color .15s !important; }
.marks .mark-link:hover .mark-link__title, .marks .mark-link:hover .mark-link__title span,
.section-marks .mark-link:hover .mark-link__title { color: var(--accent-on-card) !important; }
.marks .mark-link:hover svg, .marks .mark-link:hover svg path,
.section-marks .mark-link:hover svg path { fill: var(--accent-on-card) !important; stroke: var(--accent-on-card) !important; }
/* Ховер в КАТАЛОГЕ/меню: база красит иконку ОРАНЖЕВЫМ фильтром (invert/sepia/
   hue-rotate). Сбрасываем фильтр и красим в акцент (жалоба «ховер оранжевый»). */
.catalog-menu__item:hover svg, .catalog-menu__item:hover svg path,
.catalog-menu .mark-link:hover svg, .catalog-menu .mark-link:hover svg path {
  filter: none !important; fill: var(--accent) !important; stroke: var(--accent) !important; color: var(--accent) !important; }
.catalog-menu__item:hover, .catalog-menu .mark-link:hover { color: var(--accent) !important; }
/* Логотипы марок — это <img> с SVG внутри: свойство fill до них не достаёт, и
   правило выше на них не действовало — по ховеру красилась ОДНА подпись, а
   иконка оставалась базовой (жалоба «по ховеру красится только имя»). База же
   тонирует иконку filter-цепочкой, дающей ОРАНЖЕВЫЙ мимо палитры (жалоба «лого
   по ховеру оранжевая»). Точный акцент фильтром не задать, не подбирая цепочку
   под каждый цвет, поэтому по ховеру уводим логотип в монохром по светлоте темы:
   на светлых — чернильный, на тёмных — белый. Цвет в акцент даёт подпись, и
   плитка целиком читается как активная. */
.marks .mark-link:hover .mark-link__icon,
.section-marks .mark-link:hover .mark-link__icon,
.catalog-menu .mark-link:hover .mark-link__icon,
.catalog-menu__item:hover .mark-link__icon { filter: brightness(0) !important; }
/* Плашка «Скидка … при предъявлении справки о доходах» приходит из CMS с
   ИНЛАЙНОВЫМ background:#f44336 — материальный красный мимо палитры, рядом с
   акцентной кнопкой это читается как два разных красных (жалоба «разный
   красный, всё сливается»). Инлайн бьётся только !important.
   Заливку берём ту же, что у основной кнопки и .deal-badge, а не сырой акцент:
   на тёмных темах кнопка приглушена (#AF2C2C против акцента #FB4040), и сырой
   акцент дал бы ровно тот же «разный красный», только другой парой. */
span.js-modals[style] { background: var(--btn-bg) !important; color: var(--theme-bg) !important; }
/* Слайдеры кредита (ion.rangeSlider, скин flat). База красит сетку #999 и линию
   #E1E4E9 — на плите формы подписи и трек пропадают (жалоба «не видно ничего,
   сливается с фоном»). Задаём трек и подписи от текста темы, заполнение и
   ручку — акцентом. */
.irs--flat .irs-line { background: currentColor !important; opacity: .2 !important; }
.irs--flat .irs-bar { background: var(--accent) !important; opacity: 1 !important; }
.irs--flat .irs-handle > i:first-child { background: var(--accent) !important; }
.irs--flat .irs-grid-pol { background: currentColor !important; opacity: .3 !important; }
.irs--flat .irs-grid-text { color: currentColor !important; opacity: .75 !important; }
.irs--flat .irs-grid-text.irs-grid-text-active { opacity: 1 !important; font-weight: 700 !important; }
/* Поля калькулятора: белое поле без границы на светлой плите не читалось,
   поэтому даём границу от currentColor — она подстроится под любую плиту. */
.credit-calc__form .app-input, .credit-form__main .app-input,
.credit-page__form-card .app-input {
  background: var(--theme-bg) !important; color: var(--main-text-color) !important;
  border: 1px solid var(--credit-calc-form-app-input-border) !important; }
/* Карточки авто и калькулятор кредита — СВЕТЛЫЕ плиты на ЛЮБОЙ теме (база:
   --bg-car-card #fff для PNG-авто, форма #E4E4E4). На ТЁМНЫХ темах глобальный
   TXT=белый давал белый-на-белом (замер: .h3 названий авто cr 1.0, невидимы).
   Текст на этих плитах — ВСЕГДА тёмный; цена/значения остаются акцентными ниже. */
.car-card__title, .car-card__title *, .car-card__params, .car-card__year,
.car-card__content .h3, .car-card__desc, .model-page__title,
.credit-form__main .app-label__heading, .credit-form__main .js-credit-term-value,
.credit-page__form-card .app-label__heading { color: var(--main-text-color) !important; }
/* Цена в карточке (карточка светлая): значение и «в кредит» — ЦВЕТ ТЕКСТА, а не
   акцент; зачёркнутая старая — светлее. Жалоба: всё было красным (важный !important). */
.car-card__price, .car-card__price *,
.car-card__price-value, .car-card__price-main,
.car-card__price-credit, .car-card__price-credit * { color: var(--main-text-color) !important; }
.car-card__price-old, .car-card [class*="price-old"],
.car-card__price del, .car-card__price s { color: var(--car-card-price-old-text) !important; }
/* Плашка «Акция до …» в карточке акции — база dev.css красит #FF5722 (оранж мимо
   темы). На светлой карточке акции (STOCK) — акцент, читаемый на светлом. */
.stock-date__share { color: var(--stock-date-share-text) !important; }
/* FAQ (кредит): база dev.css захардкожена тёмной (#292c31/#3a3e43, бел. текст) →
   на светлых темах чёрные плашки. Тематизируем под панель/текст темы. */
.faq__item { background: var(--theme-bg) !important; border-color: var(--header-top-border-bottom) !important; }
.faq__button { background: var(--theme-bg) !important; color: var(--main-text-color) !important; }
.faq__button:hover { background: var(--faq-button-hover-bg) !important; }
.faq__text, .faq__text p, .faq__text li { color: var(--mark-color) !important; }
.faq__button::after { color: var(--accent-on-card) !important; }
/* Итог калькулятора (.credit-calc__total) — панель на --bg-main-color (в тон темы):
   текст следует теме (белый на тёмной, тёмный на светлой). Базовый #b3b3b3 менял. */
.credit-calc__total, .credit-calc__total *, .credit-calc__total-value,
.credit-calc__total .js-credit-term-value { color: var(--main-text-color) !important; }
/* Bootstrap .text-black-50 (квиз, таймер) — чёрный-50% на тёмной теме невидим. */
.text-black-50 { color: var(--mark-color) !important; }
/* СТРАНИЧНЫЕ формы (credit-offer/questions) стоят на СВЕТЛОЙ плите
   --bg-form-wrapper #E4E4E4 на любой теме → текст ТЁМНЫЙ (на тёмных темах TXT=белый
   давал белый-на-светлом, замер cr 1.3). */
.wrapped-form .wrapped-form__title, .wrapped-form .app-label__heading,
.wrapped-form .main-form-checkbox__text { color: var(--main-text-color) !important; }
.wrapped-form .main-form-checkbox__text a { color: var(--stock-date-share-text) !important; }
/* Бейдж «100 000 ₽…»: плашка КОНТРАСТНА к модалке. Тёмные темы (тёмная модалка) →
   СВЕТЛАЯ плашка с лёгким акцентным оттенком (тёмный текст); светлые → тёмная плашка
   (светлый текст). Кружок «%» — в акцент темы (по стилю). */
.modal .modal__offer__badge {
  background: var(--modal-modal-offer-badge-bg) !important;
  color: var(--modal-modal-offer-badge-text) !important;
}
.modal .modal__offer__badge .percent { background: var(--btn-bg) !important; }
.modal .modal__offer__badge .percent::before { color: var(--theme-bg) !important; text-shadow: 0 1px 1px var(--popup-close-shadow); }
/* Форма ВНУТРИ модалки сидит на ТОЙ ЖЕ светлой плите --bg-form-wrapper #E4E4E4
   (а не на цветной карточке модалки!) на ВСЕХ темах. Поэтому подписи/чекбокс —
   ВСЕГДА тёмные, ссылка — акцент, читаемый на светлом (#E4E4E4). Раньше красили в
   TXT темы → на тёмных темах белый-на-светлом (cr 1.27) + светлый акцент (cr 2.28).
   Мега-распродажу/prize (тёмное фото-фон) исключаем — у них свой белый текст.
   Специфичность (0,3,0) с :not бьёт .wrapped-form выше по коду. */
.modal:not(.modal-megasave) .wrapped-form__title,
.modal:not(.modal-megasave) .app-label__heading,
.modal:not(.modal-megasave) .main-form-checkbox__text { color: var(--main-text-color) !important; }
.modal:not(.modal-megasave) .main-form-checkbox__text a { color: var(--modal-megasave-modal-form-main-form-checkbox-t-text) !important; }
/* Капча-модалка (#captcha-number, подтверждение по SMS): контейнер тематизировался
   (светлый на светлых, тёмный на тёмных), а база captcha-number.css красит текст в
   сырой var(--primary) → нечитаемо (multi-3 зелёный 2.16, олива 3.32, porsche-dark
   акцент-на-тёмном 3.7). Приводим к единой СВЕТЛОЙ карточке: тёмный текст + акцент,
   читаемый на белом. */
.captcha-number_modal__container, #captcha-number { background: var(--theme-bg) !important; }
#captcha-number, #captcha-number *, .captcha-number_text { color: var(--main-text-color) !important; }
#captcha-number .captcha-number_text b, #captcha-number a,
#captcha-number [class*="credit-conditions"] { color: var(--stock-date-share-text) !important; }
/* Акцентное СЛОВО в заголовках секций + акцент на панели. */
.section-title span, .section-header__heading span, .h2 span,
.futures__title span, .credit-offer__title span { color: var(--accent-on-card) !important; }
/* Активные точки слайдеров, hover-ссылки, hover-рамки карточек — акцент шире. */
.swiper-pagination-bullet-active { background: var(--accent-on-card) !important; }
/* Ховер ТОЛЬКО на текстовых ссылках (НЕ на всей карточке-ссылке — иначе цена и
   «В наличии» внутри карточки авто перекрашивались на ховер, жалоба #43). */
.footer a:hover, .footer__link:hover, .header__nav-item:hover { color: var(--accent-on-card) !important; }
/* Кнопки должны ховериться (жалоба «купить в кредит не ховерится»). */
.btn_primary:hover, button[type="submit"].btn:not(.btn_outline):not(.btn_secondary):hover {
  background: var(--btn_primary-hover-bg) !important; border-color: var(--btn_primary-hover-bg) !important; }
/* Ховер контурной кнопки («Перейти в каталог» и пр.) — ЗАЛИВКА акцентом (была
   еле заметная rgba .12 → жалоба «ховер не видно»), текст/иконка контрастные. */
.btn_outline:hover { background: var(--btn-bg) !important; border-color: var(--btn-bg) !important;
  color: var(--theme-bg) !important; }
.btn_outline:hover *, .btn_outline:hover svg path { color: var(--theme-bg) !important; fill: var(--theme-bg) !important; }
.service-card:hover, .gift-card:hover, .credit-offer:hover, .stock-card:hover,
.reviews-item:hover, .blog-item:hover { border-color: var(--accent-on-card) !important; }
/* Контурная кнопка: прозрачная, акцентный текст и рамка. */
.btn_outline { color: var(--accent-on-card) !important; border-color: var(--accent-on-card) !important;
  background: transparent !important; }
/* Второй оранжевый #f08436 мимо палитры (§7.3) → акцент. Совпадаем специфичность
   базы: у неё `.reviews-page .swiper .swiper-button-*` и read-more с color:#f08436. */
.rate, .rate-input, .rate *, .about-values__item::before,
.reviews-page .swiper .swiper-button-next, .reviews-page .swiper .swiper-button-prev,
.blog-page .swiper .swiper-button-next, .blog-page .swiper .swiper-button-prev,
.reviews-item__read-more .btn_primary:not(:hover),
.blog-item__read-more .btn_primary:not(:hover) {
  color: var(--accent-on-card) !important; border-color: var(--accent-on-card) !important; }
.reviews-item__read-more .btn_primary:not(:hover) { border-color: var(--btn-bg) !important; }
/* Светлые карточки в тёмном шаблоне: акцентные детали читаемы на #F7F7F7. */
.stock-card .stock-card__price, .reviews-item__name, .blog-item__title {
  color: var(--stock-date-share-text) !important; }
/* Поля ввода — светлые, тёмный текст. */
.app-input, .modal .app-input, .app-textarea {
  background: var(--theme-bg) !important; color: var(--ink) !important; }
/* Крестик закрытия виден на ЛЮБОМ фоне (жалоба «белый на белом, везде»):
   тёмный полупрозрачный кружок + тень + белый X. */
.popup__close, .fancybox-close-small {
  background: var(--popup-close-bg) !important; border-radius: 50% !important;
  opacity: 1 !important; padding: 8px !important;
  box-shadow: 0 2px 10px var(--popup-close-shadow) !important; }
.popup__close svg, .popup__close path, .fancybox-close-small svg, .fancybox-close-small path {
  stroke: var(--theme-bg) !important; fill: var(--theme-bg) !important; opacity: 1 !important; }
/* Куки-плашка: cookieModal.css у multi-2 байт-в-байт как у multi-1 — переносим. */
.cookie__card { background: var(--theme-bg) !important; color: var(--ink) !important; }
.cookie, .cookie__content, .cookie__text { color: var(--ink) !important; }
.cookie a, .cookie__text a { color: var(--accent-on-card) !important; }
.cookie .btn, .cookie button:not([class*="close"]) {
  background: var(--btn-bg) !important; color: var(--theme-bg) !important; border-color: var(--btn-bg) !important; }
.cookie .btn *, .cookie button:not([class*="close"]) * { color: var(--theme-bg) !important; }
.cookie__close { color: var(--ink) !important; }
.cookie__close-progress { stroke: var(--accent-on-card) !important; color: var(--accent-on-card) !important; }

/* Запечённые в CSS оранжевые SVG-иконки/стрелки → акцент темы. */
.header__info { font-size: 18px;
    background: url('data:image/svg+xml,<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00138 0.835938C3.95796 0.835938 0.668043 4.12585 0.668043 8.16469C0.64146 14.0726 7.72271 18.9713 8.00138 19.1693C8.00138 19.1693 15.3613 14.0726 15.3347 8.16927C15.3347 4.12585 12.0448 0.835938 8.00138 0.835938ZM8.00138 11.8359C5.97554 11.8359 4.33471 10.1951 4.33471 8.16927C4.33471 6.14344 5.97554 4.5026 8.00138 4.5026C10.0272 4.5026 11.668 6.14344 11.668 8.16927C11.668 10.1951 10.0272 11.8359 8.00138 11.8359Z" fill="%2300C896"/></svg>') center left no-repeat;
    padding-left: 32px; }
.arrow-right-link:after { content: "";
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 8H15M15 8L8 1M15 8L8 15" stroke="%2300C896" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
    width: 14px;
    height: 14px; }
.main-form-checkbox__checkmark:after { content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.83464 0.5L3.2513 5.08333L1.16797 3" stroke="%2300C896" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
    opacity: 0; }
.credit-offer__futures-item:after { content: "";
    background: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="58" height="58" rx="29" stroke="%2300C896" stroke-width="2"/><path d="M44 28.72V30.008C43.9983 33.027 43.0207 35.9646 41.2131 38.3826C39.4054 40.8006 36.8646 42.5695 33.9695 43.4255C31.0744 44.2815 27.9802 44.1787 25.1483 43.1324C22.3164 42.0862 19.8985 40.1525 18.2553 37.6199C16.6122 35.0873 15.8317 32.0913 16.0303 29.0788C16.229 26.0664 17.3961 23.1989 19.3576 20.9039C21.3191 18.609 23.9699 17.0095 26.9147 16.3442C29.8594 15.6789 32.9404 15.9833 35.698 17.212M44 18.808L30 32.822L25.8 28.622" stroke="%2300C896" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -7px;
    left: 0; }
.pagination__next { background: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.40029 4.88006L1.81029 0.29006C1.62293 0.103809 1.36948 -0.000732422 1.10529 -0.000732422C0.841105 -0.000732422 0.587653 0.103809 0.400291 0.29006C0.306562 0.383023 0.232168 0.493624 0.181399 0.615483C0.130631 0.737343 0.104492 0.868048 0.104492 1.00006C0.104492 1.13207 0.130631 1.26278 0.181399 1.38464C0.232168 1.5065 0.306562 1.6171 0.400291 1.71006L5.00029 6.29006C5.09402 6.38302 5.16841 6.49362 5.21918 6.61548C5.26995 6.73734 5.29609 6.86805 5.29609 7.00006C5.29609 7.13207 5.26995 7.26278 5.21918 7.38464C5.16841 7.5065 5.09402 7.6171 5.00029 7.71006L0.400291 12.2901C0.211987 12.477 0.105672 12.7312 0.104734 12.9965C0.103797 13.2619 0.208314 13.5168 0.395291 13.7051C0.582269 13.8934 0.836391 13.9997 1.10176 14.0006C1.36712 14.0016 1.62199 13.897 1.81029 13.7101L6.40029 9.12006C6.96209 8.55756 7.27765 7.79506 7.27765 7.00006C7.27765 6.20506 6.96209 5.44256 6.40029 4.88006Z" fill="%2300C896"/></svg>') center no-repeat; }
.pagination__prev { background: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.59971 9.11994L6.18971 13.7099C6.37707 13.8962 6.63052 14.0007 6.89471 14.0007C7.1589 14.0007 7.41235 13.8962 7.59971 13.7099C7.69344 13.617 7.76783 13.5064 7.8186 13.3845C7.86937 13.2627 7.89551 13.132 7.89551 12.9999C7.89551 12.8679 7.86937 12.7372 7.8186 12.6154C7.76783 12.4935 7.69344 12.3829 7.59971 12.2899L2.99971 7.70994C2.90598 7.61698 2.83159 7.50638 2.78082 7.38452C2.73005 7.26266 2.70391 7.13195 2.70391 6.99994C2.70391 6.86793 2.73005 6.73722 2.78082 6.61536C2.83159 6.4935 2.90598 6.3829 2.99971 6.28994L7.59971 1.70994C7.78801 1.52296 7.89433 1.26884 7.89526 1.00347C7.8962 0.738111 7.79169 0.483242 7.60471 0.294938C7.41773 0.106635 7.16361 0.000318591 6.89824 -0.000618847C6.63288 -0.00155629 6.37801 0.102962 6.18971 0.289939L1.59971 4.87994C1.03791 5.44244 0.722347 6.20494 0.722347 6.99994C0.722347 7.79494 1.03791 8.55744 1.59971 9.11994Z" fill="%2300C896"/></svg>') center no-repeat; }
.fp-steps__item.--active.--filled + .fp-steps__divider { background: url('data:image/svg+xml,<svg width="41" height="15" viewBox="0 0 41 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40.7071 8.20711C41.0976 7.81658 41.0976 7.18342 40.7071 6.79289L34.3431 0.428932C33.9526 0.0384078 33.3195 0.0384078 32.9289 0.428932C32.5384 0.819457 32.5384 1.45262 32.9289 1.84315L38.5858 7.5L32.9289 13.1569C32.5384 13.5474 32.5384 14.1805 32.9289 14.5711C33.3195 14.9616 33.9526 14.9616 34.3431 14.5711L40.7071 8.20711ZM0 8.5H40V6.5H0V8.5Z" fill="%2300C896"/></svg>') center/contain no-repeat; }
.catalog-menu__address::before { flex-shrink: 0;
    content: "";
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0014 1.83594C6.95796 1.83594 3.66804 5.12585 3.66804 9.16469C3.64146 15.0726 10.7227 19.9713 11.0014 20.1693C11.0014 20.1693 18.3613 15.0726 18.3347 9.16927C18.3347 5.12585 15.0448 1.83594 11.0014 1.83594ZM11.0014 12.8359C8.97554 12.8359 7.33471 11.1951 7.33471 9.16927C7.33471 7.14344 8.97554 5.5026 11.0014 5.5026C13.0272 5.5026 14.668 7.14344 14.668 9.16927C14.668 11.1951 13.0272 12.8359 11.0014 12.8359Z' fill='%2300C896'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
.rate span { width: 20px;
    height: 20px;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.28265 1.45307C9.51314 0.986133 9.62838 0.752663 9.78483 0.67807C9.92095 0.613169 10.0791 0.613169 10.2152 0.67807C10.3717 0.752663 10.4869 0.986133 10.7174 1.45307L12.9041 5.88304C12.9721 6.02089 13.0061 6.08982 13.0558 6.14333C13.0999 6.19071 13.1527 6.22911 13.2113 6.25638C13.2776 6.28718 13.3536 6.2983 13.5057 6.32053L18.397 7.03546C18.9121 7.11075 19.1696 7.14839 19.2888 7.27419C19.3925 7.38365 19.4412 7.53405 19.4215 7.68353C19.3988 7.85533 19.2124 8.03694 18.8395 8.40014L15.3014 11.8462C15.1912 11.9536 15.136 12.0073 15.1004 12.0712C15.0689 12.1278 15.0487 12.19 15.0409 12.2543C15.0321 12.3269 15.0451 12.4027 15.0711 12.5545L15.906 17.4219C15.994 17.9352 16.038 18.1919 15.9553 18.3443C15.8833 18.4768 15.7554 18.5697 15.6071 18.5972C15.4366 18.6288 15.2061 18.5076 14.7451 18.2652L10.3724 15.9656C10.2361 15.8939 10.168 15.8581 10.0962 15.844C10.0327 15.8316 9.96734 15.8316 9.90379 15.844C9.83202 15.8581 9.7639 15.8939 9.62766 15.9656L5.25492 18.2652C4.79392 18.5076 4.56341 18.6288 4.39297 18.5972C4.24468 18.5697 4.11672 18.4768 4.04474 18.3443C3.962 18.1919 4.00603 17.9352 4.09407 17.4219L4.92889 12.5545C4.95491 12.4027 4.96793 12.3269 4.95912 12.2543C4.95132 12.19 4.93111 12.1278 4.89961 12.0712C4.86402 12.0073 4.80888 11.9536 4.69859 11.8462L1.16056 8.40014C0.787663 8.03694 0.601215 7.85533 0.578526 7.68353C0.558786 7.53405 0.607554 7.38365 0.711251 7.27419C0.830435 7.14839 1.08797 7.11075 1.60304 7.03546L6.49431 6.32053C6.64642 6.2983 6.72248 6.28718 6.78872 6.25638C6.84736 6.22911 6.90016 6.19071 6.94419 6.14333C6.99391 6.08982 7.02793 6.02089 7.09597 5.88304L9.28265 1.45307Z' stroke='%2300C896' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    --offset: calc(var(--rating) * 100% - (var(--count) - 1) * 100%); }
.rate span::after { content: "";
    position: absolute;
    inset: 0;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.28265 1.45307C9.51314 0.986133 9.62838 0.752663 9.78483 0.67807C9.92095 0.613169 10.0791 0.613169 10.2152 0.67807C10.3717 0.752663 10.4869 0.986133 10.7174 1.45307L12.9041 5.88304C12.9721 6.02089 13.0061 6.08982 13.0558 6.14333C13.0999 6.19071 13.1527 6.22911 13.2113 6.25638C13.2776 6.28718 13.3536 6.2983 13.5057 6.32053L18.397 7.03546C18.9121 7.11075 19.1696 7.14839 19.2888 7.27419C19.3925 7.38365 19.4412 7.53405 19.4215 7.68353C19.3988 7.85533 19.2124 8.03694 18.8395 8.40014L15.3014 11.8462C15.1912 11.9536 15.136 12.0073 15.1004 12.0712C15.0689 12.1278 15.0487 12.19 15.0409 12.2543C15.0321 12.3269 15.0451 12.4027 15.0711 12.5545L15.906 17.4219C15.994 17.9352 16.038 18.1919 15.9553 18.3443C15.8833 18.4768 15.7554 18.5697 15.6071 18.5972C15.4366 18.6288 15.2061 18.5076 14.7451 18.2652L10.3724 15.9656C10.2361 15.8939 10.168 15.8581 10.0962 15.844C10.0327 15.8316 9.96734 15.8316 9.90379 15.844C9.83202 15.8581 9.7639 15.8939 9.62766 15.9656L5.25492 18.2652C4.79392 18.5076 4.56341 18.6288 4.39297 18.5972C4.24468 18.5697 4.11672 18.4768 4.04474 18.3443C3.962 18.1919 4.00603 17.9352 4.09407 17.4219L4.92889 12.5545C4.95491 12.4027 4.96793 12.3269 4.95912 12.2543C4.95132 12.19 4.93111 12.1278 4.89961 12.0712C4.86402 12.0073 4.80888 11.9536 4.69859 11.8462L1.16056 8.40014C0.787663 8.03694 0.601215 7.85533 0.578526 7.68353C0.558786 7.53405 0.607554 7.38365 0.711251 7.27419C0.830435 7.14839 1.08797 7.11075 1.60304 7.03546L6.49431 6.32053C6.64642 6.2983 6.72248 6.28718 6.78872 6.25638C6.84736 6.22911 6.90016 6.19071 6.94419 6.14333C6.99391 6.08982 7.02793 6.02089 7.09597 5.88304L9.28265 1.45307Z' fill='%2300C896' stroke='%2300C896' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.28265 1.45307C9.51314 0.986133 9.62838 0.752663 9.78483 0.67807C9.92095 0.613169 10.0791 0.613169 10.2152 0.67807C10.3717 0.752663 10.4869 0.986133 10.7174 1.45307L12.9041 5.88304C12.9721 6.02089 13.0061 6.08982 13.0558 6.14333C13.0999 6.19071 13.1527 6.22911 13.2113 6.25638C13.2776 6.28718 13.3536 6.2983 13.5057 6.32053L18.397 7.03546C18.9121 7.11075 19.1696 7.14839 19.2888 7.27419C19.3925 7.38365 19.4412 7.53405 19.4215 7.68353C19.3988 7.85533 19.2124 8.03694 18.8395 8.40014L15.3014 11.8462C15.1912 11.9536 15.136 12.0073 15.1004 12.0712C15.0689 12.1278 15.0487 12.19 15.0409 12.2543C15.0321 12.3269 15.0451 12.4027 15.0711 12.5545L15.906 17.4219C15.994 17.9352 16.038 18.1919 15.9553 18.3443C15.8833 18.4768 15.7554 18.5697 15.6071 18.5972C15.4366 18.6288 15.2061 18.5076 14.7451 18.2652L10.3724 15.9656C10.2361 15.8939 10.168 15.8581 10.0962 15.844C10.0327 15.8316 9.96734 15.8316 9.90379 15.844C9.83202 15.8581 9.7639 15.8939 9.62766 15.9656L5.25492 18.2652C4.79392 18.5076 4.56341 18.6288 4.39297 18.5972C4.24468 18.5697 4.11672 18.4768 4.04474 18.3443C3.962 18.1919 4.00603 17.9352 4.09407 17.4219L4.92889 12.5545C4.95491 12.4027 4.96793 12.3269 4.95912 12.2543C4.95132 12.19 4.93111 12.1278 4.89961 12.0712C4.86402 12.0073 4.80888 11.9536 4.69859 11.8462L1.16056 8.40014C0.787663 8.03694 0.601215 7.85533 0.578526 7.68353C0.558786 7.53405 0.607554 7.38365 0.711251 7.27419C0.830435 7.14839 1.08797 7.11075 1.60304 7.03546L6.49431 6.32053C6.64642 6.2983 6.72248 6.28718 6.78872 6.25638C6.84736 6.22911 6.90016 6.19071 6.94419 6.14333C6.99391 6.08982 7.02793 6.02089 7.09597 5.88304L9.28265 1.45307Z' fill='%2300C896' stroke='%2300C896' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-image: linear-gradient(to right, var(--color-active) var(--offset), var(--color-inactive) var(--offset)); }
.credit-benefits__item::before { content: "";
  width: 60px;
  height: 60px;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='58' height='58' rx='29' stroke='%2300C896' stroke-width='2'/%3E%3Cpath d='M44 28.72V30.008C43.9983 33.027 43.0207 35.9646 41.2131 38.3826C39.4054 40.8006 36.8646 42.5695 33.9695 43.4255C31.0744 44.2815 27.9802 44.1787 25.1483 43.1324C22.3164 42.0862 19.8985 40.1525 18.2553 37.6199C16.6122 35.0873 15.8317 32.0913 16.0303 29.0788C16.229 26.0664 17.3961 23.1989 19.3576 20.9039C21.3191 18.609 23.9699 17.0095 26.9147 16.3442C29.8594 15.6789 32.9404 15.9833 35.698 17.212M44 18.808L30 32.822L25.8 28.622' stroke='%2300C896' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }