/* ==========================================================================
   theme-overrides.css — палитра «multi-4-blue» поверх шаблона Multi-2 (тёмная база).
   Другой шаблон, чем multi-1: тёмный фон, оранжевый акцент, свои переменные.
   Поверхности тонированы в оттенок темы; акцент — на текст/заливки/детали.
   Меняются ТОЛЬКО цвета/шрифты. JS, базовые CSS, блоки, id — НЕ трогаются.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800&display=swap');
:root {
  --primary-color:                   #5A54F0 !important;
  --bg-main-color:                   #F4F4F9 !important;
  --bg-card:                         linear-gradient(135deg, #FFFFFF 16.83%, #EDECF4 100%) !important;
  --main-text-color:                 #191A1E !important;
  --bg-header-top:                   #F5F5FB !important;
  --mark-color:                      #8A8F99 !important;
  --mark-color-count:                #8A8F99 !important;
  --breadscrumb-last-text-color:     #E4E4E4 !important;
  --btn-primary-color:               #FFFFFF !important;
  --btn-outline-color:               #5A54F0 !important;
  --btn-outline-border-color:        #5A54F0 !important;
  --bg-form-wrapper:                 #EFEFF4 !important;
}
/* Фон/панели/шапка в оттенке темы + текст под светлоту темы (светлая → тёмный
   текст, тёмная → белый), чтобы селекторы били даже мимо переменных базы. */
body, .app-body, .page { background: #F4F4F9 !important; color: #191A1E !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, #1F1D3D 0%, #06060F 100%) !important; color: #FFFFFF !important; }
.fp-car-data { background: #FFFFFF !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: #FFFFFF !important; border-color: #5A54F0 !important;
  background: rgba(15,15,18,.55) !important; }
.deal-timer__text { color: #FFFFFF !important; text-shadow: 0 1px 3px rgba(0,0,0,.7) !important; }
.hero-carousel__content *, .hero-carousel__title, .hero-carousel__desc,
.hero-carousel__text, .hero-carousel__subtitle { color: #FFFFFF !important; }
.hero-carousel__buttons .btn_outline {
  color: #FFFFFF !important; border-color: #FFFFFF !important; background: transparent !important; }
.hero-carousel__buttons .btn_outline svg, .hero-carousel__buttons .btn_outline path {
  stroke: #FFFFFF !important; fill: #FFFFFF !important; }
/* Шапка: обе строки (top + nav) на одном фоне + мягкая тень снизу, без красной
   линии. Раньше красился только .header__top, а .header__nav шёл на --bg-main-color
   → вторая строка читалась серым прямоугольником и сливалась с body. */
.app-header, .header, .header__top, .header__main, .header__inner, .header__nav {
  background: #FFFFFF !important; }
.header, .app-header { box-shadow: 0 6px 18px rgba(20,20,25,0.12) !important; }
.header__top { border-bottom: 1px solid #CFCEDB !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 по высоте. */
.modal-megasave__assets img { width: 150% !important; margin-left: -25% !important; }
/* Низкое окно (ноутбук с панелью закладок): у модалки появлялась своя полоса
   прокрутки — жалоба «с листалкой, не на весь экран». Поджимаем машины и
   вертикальные отступы, чтобы содержимое влезало без прокрутки. */
@media (max-height: 900px) {
  .modal-megasave__assets img { width: 120% !important; margin-left: -10% !important; }
  .modal-megasave { padding-top: 24px !important; padding-bottom: 24px !important; }
  .modal-megasave .modal__form { padding: 20px !important; }
}
/* Стрелки карусели видны на тёмных темах: рамка-акцент + шеврон в цвет текста. */
.carousel-prev, .carousel-next { border-color: #5A54F0 !important; color: #191A1E !important; }
.carousel-prev:after, .carousel-next:after { color: #191A1E !important; }
/* Бургер-меню: инлайновый SVG с жёстким stroke="#000" — на тёмной шапке невидим. Красим в текст темы. */
.header__open-menu-icon, .header__open-menu-icon path { stroke: #191A1E !important; }
/* Стрелки «Подборки»: catalog-carousel (белый SVG) и comp-item::after (белый круг #fff) на светлой
   теме невидимы. Круг в акцент → стрелки проявляются на любой теме. */
.catalog-carousel__prev, .catalog-carousel__next, .comp-item__content::after { background-color: #5A54F0 !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: rgba(255,255,255,.9) !important; }
/* Крестик модалки: база даёт stroke="white" opacity .3 (почти невидим) — делаем контрастным. */
/* Крестик закрытия виден на ЛЮБОМ фоне модалки (жалобы «белый на белом»):
   тёмный полупрозрачный кружок + белый X. Работает и на светлых модалках
   (popup-preset сине-прозрачный градиент), и на тёмных (мега-распродажа). */
.popup__close, .fancybox-close-small {
  background: rgba(18,18,20,.62) !important; border-radius: 50% !important;
  opacity: 1 !important; padding: 8px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.4) !important; }
.popup__close svg, .popup__close path, .fancybox-close-small svg, .fancybox-close-small path { stroke: #FFFFFF !important; stroke-opacity: 1 !important; fill: #FFFFFF !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: #8A8F99 !important; opacity: 1 !important; }
/* Кнопка мегараспродажи на фото-фоне (акцент на акцентном фото сливается) — белая обводка + тень. */
.modal-megasave .modal__form .btn { border: 2px solid #FFFFFF !important; box-shadow: 0 6px 22px rgba(0,0,0,.5) !important; }
/* futures БЕЗ фона (на странице) → текст в тон темы. */
.futures *, .header__nav-item, .footer, .footer * { color: #191A1E !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: #FFFFFF !important; }
/* Карточки-услуги: фото насквозь (z-index:-1), текст поверх БЕЗ подложки. Даём
   тёмную вуаль снизу + БЕЛЫЙ текст на ВСЕХ темах — на светлой теме тёмный текст
   тонул в тёмном низу фото (жалоба «акции сломались»). */
.service-card__content {
  background: linear-gradient(to top, rgba(0,0,0,.80) 0%, rgba(0,0,0,.42) 46%, rgba(0,0,0,0) 100%) !important;
  padding: 66px 16px 30px !important; color: #FFFFFF !important; }
.service-card__content *, .service-card__title, .service-card__description { color: #FFFFFF !important; }
.service-card__content .btn, .service-card__content a, .service-card__content [class*="more"] {
  color: #938FF5 !important; }
/* Серые рамки #6d7381 мимо палитры (§7.3) → тон темы, не грязно-серый. */
.service-card, .fp-steps__item-number, .resp-table__row-content { border-color: #CFCEDB !important; }
/* Шрифт темы. Иконочный swiper-icons ВОЗВРАЩАЕМ после глобального правила —
   иначе стрелки-глифы превратятся в слова next/prev (MULTI-2.md §5). */
*, *::before, *::after { font-family: 'Exo 2', sans-serif !important; }
h1, h2, h3, .h1, .h2, .h3, .section-title, .modal__title {
  font-family: 'Exo 2', sans-serif !important; color: #191A1E !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: #FFFFFF !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: #5A54F0 !important; color: #FFFFFF !important; border-color: #5A54F0 !important;
}
.btn_primary *, button[type="submit"].btn:not(.btn_outline) * { color: #FFFFFF !important; }
.deal-badge, .deal-badge * { background: #5A54F0 !important; color: #FFFFFF !important; }
/* На красной/акцентной заливке (кружки-номера .ben-block__number и пр.) — белый текст. */
[class*="__number"] { color: #FFFFFF !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: #5A54F0 !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: #8A8F99 !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: #FFFFFF !important; }
/* Акцентные слова в описании (каско, зимняя резина, 500л бензина) — акцент на тёмном. */
.modal-megasave .modal__desc span, .modal-megasave .modal__desc b,
.modal-megasave .modal__desc strong { color: #938FF5 !important; }
/* Форма мегасейла — СВЕТЛАЯ карточка (реф): подписи/чекбокс — тёмные, ссылка читаема. */
.modal-megasave .modal__form .app-label__heading,
.modal-megasave .modal__form .main-form-checkbox__text,
.modal-megasave .modal__form .wrapped-form__title { color: #191A1E !important; }
.modal-megasave .modal__form .main-form-checkbox__text a { color: #5650E4 !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: #5A54F0 !important; }
.marks .mark-link:hover svg, .marks .mark-link:hover svg path,
.section-marks .mark-link:hover svg path { fill: #5A54F0 !important; stroke: #5A54F0 !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: #5A54F0 !important; stroke: #5A54F0 !important; color: #5A54F0 !important; }
.catalog-menu__item:hover, .catalog-menu .mark-link:hover { color: #5A54F0 !important; }
/* Логотипы марок — это <img> с SVG внутри: свойство fill до них не достаёт, и
   правило выше на них не действовало — по ховеру красилась ОДНА подпись, а
   иконка оставалась базовой (жалоба «по ховеру красится только имя»). База же
   тонирует иконку filter-цепочкой, дающей ОРАНЖЕВЫЙ мимо палитры (жалоба «лого
   по ховеру оранжевая»). Точный акцент фильтром не задать, не подбирая цепочку
   под каждый цвет, поэтому по ховеру уводим логотип в монохром по светлоте темы:
   на светлых — чернильный, на тёмных — белый. Цвет в акцент даёт подпись, и
   плитка целиком читается как активная. */
/* Вторая кнопка карточки авто — «Позвонить» вместо «Обмен авто» (как в оригинале
   multi-1). Тема исключает .btn_secondary из своих правил, поэтому цвет ей давала
   база: по ховеру заливка акцентом при БЕЛОМ тексте, а на светлых акцентах
   (лайм #E8FF47, мята #00C896) это жёлтое-на-белом — замер 1.4 при норме 4.5.
   Задаём обе пары явно: контур в акценте, по ховеру заливка кнопочным цветом с
   текстом, который под неё подобран по контрасту. */
.car-card__actions .btn_secondary, .car-card__actions [data-phone-reveal] {
  background: transparent !important; color: #5A54F0 !important;
  border: 1px solid #5A54F0 !important; }
.car-card__actions .btn_secondary:hover, .car-card__actions [data-phone-reveal]:hover {
  background: #5A54F0 !important; color: #FFFFFF !important;
  border-color: #5A54F0 !important; }
.car-card__actions .btn_secondary:hover span, .car-card__actions [data-phone-reveal]:hover span {
  color: #FFFFFF !important; }
.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: #5A54F0 !important; color: #FFFFFF !important; }
/* Слайдеры кредита (ion.rangeSlider, скин flat). База красит сетку #999 и линию
   #E1E4E9 — на плите формы подписи и трек пропадают (жалоба «не видно ничего,
   сливается с фоном»). Задаём трек и подписи от текста темы, заполнение и
   ручку — акцентом. */
.irs--flat .irs-line { background: currentColor !important; opacity: .2 !important; }
.irs--flat .irs-bar { background: #5A54F0 !important; opacity: 1 !important; }
.irs--flat .irs-handle > i:first-child { background: #5A54F0 !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: #FFFFFF !important; color: #191A1E !important;
  border: 1px solid rgba(25, 26, 30, .18) !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: #191A1E !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: #191A1E !important; }
.car-card__price-old, .car-card [class*="price-old"],
.car-card__price del, .car-card__price s { color: rgba(25, 26, 30, .5) !important; }
/* Плашка «Акция до …» в карточке акции — база dev.css красит #FF5722 (оранж мимо
   темы). На светлой карточке акции (STOCK) — акцент, читаемый на светлом. */
.stock-date__share { color: #5A54F0 !important; }
/* FAQ (кредит): база dev.css захардкожена тёмной (#292c31/#3a3e43, бел. текст) →
   на светлых темах чёрные плашки. Тематизируем под панель/текст темы. */
.faq__item { background: #FFFFFF !important; border-color: #CFCEDB !important; }
.faq__button { background: #FFFFFF !important; color: #191A1E !important; }
.faq__button:hover { background: #F4F4F4 !important; }
.faq__text, .faq__text p, .faq__text li { color: #8A8F99 !important; }
.faq__button::after { color: #5A54F0 !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: #191A1E !important; }
/* Bootstrap .text-black-50 (квиз, таймер) — чёрный-50% на тёмной теме невидим. */
.text-black-50 { color: #8A8F99 !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: #191A1E !important; }
.wrapped-form .main-form-checkbox__text a { color: #5A54F0 !important; }
/* Бейдж «100 000 ₽…»: плашка КОНТРАСТНА к модалке. Тёмные темы (тёмная модалка) →
   СВЕТЛАЯ плашка с лёгким акцентным оттенком (тёмный текст); светлые → тёмная плашка
   (светлый текст). Кружок «%» — в акцент темы (по стилю). */
.modal .modal__offer__badge {
  background: #292838 !important;
  color: #eef0f3 !important;
}
.modal .modal__offer__badge .percent { background: #5A54F0 !important; }
.modal .modal__offer__badge .percent::before { color: #FFFFFF !important; text-shadow: 0 1px 1px rgba(0,0,0,.4); }
/* Форма ВНУТРИ модалки сидит на ТОЙ ЖЕ светлой плите --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: #191A1E !important; }
.modal:not(.modal-megasave) .main-form-checkbox__text a { color: #5650E4 !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: #FFFFFF !important; }
#captcha-number, #captcha-number *, .captcha-number_text { color: #191A1E !important; }
#captcha-number .captcha-number_text b, #captcha-number a,
#captcha-number [class*="credit-conditions"] { color: #5A54F0 !important; }
/* Акцентное СЛОВО в заголовках секций + акцент на панели. */
.section-title span, .section-header__heading span, .h2 span,
.futures__title span, .credit-offer__title span { color: #5A54F0 !important; }
/* Активные точки слайдеров, hover-ссылки, hover-рамки карточек — акцент шире. */
.swiper-pagination-bullet-active { background: #5A54F0 !important; }
/* Ховер ТОЛЬКО на текстовых ссылках (НЕ на всей карточке-ссылке — иначе цена и
   «В наличии» внутри карточки авто перекрашивались на ховер, жалоба #43). */
.footer a:hover, .footer__link:hover, .header__nav-item:hover { color: #5A54F0 !important; }
/* Кнопки должны ховериться (жалоба «купить в кредит не ховерится»). */
.btn_primary:hover, button[type="submit"].btn:not(.btn_outline):not(.btn_secondary):hover {
  background: #716BF2 !important; border-color: #716BF2 !important; }
/* Ховер контурной кнопки («Перейти в каталог» и пр.) — ЗАЛИВКА акцентом (была
   еле заметная rgba .12 → жалоба «ховер не видно»), текст/иконка контрастные. */
.btn_outline:hover { background: #5A54F0 !important; border-color: #5A54F0 !important;
  color: #FFFFFF !important; }
.btn_outline:hover *, .btn_outline:hover svg path { color: #FFFFFF !important; fill: #FFFFFF !important; }
.service-card:hover, .gift-card:hover, .credit-offer:hover, .stock-card:hover,
.reviews-item:hover, .blog-item:hover { border-color: #5A54F0 !important; }
/* Контурная кнопка: прозрачная, акцентный текст и рамка. */
.btn_outline { color: #5A54F0 !important; border-color: #5A54F0 !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: #5A54F0 !important; border-color: #5A54F0 !important; }
.reviews-item__read-more .btn_primary:not(:hover) { border-color: #5A54F0 !important; }
/* Светлые карточки в тёмном шаблоне: акцентные детали читаемы на #F7F7F7. */
.stock-card .stock-card__price, .reviews-item__name, .blog-item__title {
  color: #5A54F0 !important; }
/* Поля ввода — светлые, тёмный текст. */
.app-input, .modal .app-input, .app-textarea {
  background: #FFFFFF !important; color: #141414 !important; }
/* Крестик закрытия виден на ЛЮБОМ фоне (жалоба «белый на белом, везде»):
   тёмный полупрозрачный кружок + тень + белый X. */
.popup__close, .fancybox-close-small {
  background: rgba(18,18,20,.62) !important; border-radius: 50% !important;
  opacity: 1 !important; padding: 8px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.4) !important; }
.popup__close svg, .popup__close path, .fancybox-close-small svg, .fancybox-close-small path {
  stroke: #FFFFFF !important; fill: #FFFFFF !important; opacity: 1 !important; }
/* Куки-плашка: cookieModal.css у multi-2 байт-в-байт как у multi-1 — переносим. */
.cookie__card { background: #FFFFFF !important; color: #141414 !important; }
.cookie, .cookie__content, .cookie__text { color: #141414 !important; }
.cookie a, .cookie__text a { color: #5A54F0 !important; }
.cookie .btn, .cookie button:not([class*="close"]) {
  background: #5A54F0 !important; color: #FFFFFF !important; border-color: #5A54F0 !important; }
.cookie .btn *, .cookie button:not([class*="close"]) * { color: #FFFFFF !important; }
.cookie__close { color: #141414 !important; }
.cookie__close-progress { stroke: #5A54F0 !important; color: #5A54F0 !important; }

/* --- Карточки услуг: изображение до самого края ------------------------- */
/* Базовый `contain` оставлял светлую рамку вокруг изображения. Фотография —
   фон карточки, поэтому заполняет её целиком; нижняя вуаль остаётся только
   под текстом и сохраняет его читаемость. */
.service-card { padding: 0 !important; overflow: hidden !important;
  background: var(--bg-main-color) !important; }
.service-card__image { width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important; }

/* --- Сравнения и комплектации -------------------------------------------- */
/* В базе таблица рассчитана на тёмную поверхность: белые SVG-знаки и серые
   стрелки исчезают на светлой теме. Здесь у таблицы собственные читаемые
   поверхности, а пиктограммы рисуются из переменных темы. */
.model-tabs__nav, .model-tabs__nav-item,
.resp-table, .resp-table__header, .resp-table__header-swiper,
.resp-table__body-swiper, .resp-table__row-content {
  background-color: var(--bg-main-color) !important;
  color: var(--main-text-color) !important;
  border-color: var(--mark-color) !important;
}
.model-tabs__nav-item.--active { color: var(--main-text-color) !important;
  border-color: var(--main-text-color) !important; }
.resp-table__row-content-heading, .resp-table__row-heading,
.resp-head-title, .resp-head-desc, .resp-table__header .resp-table__col {
  color: var(--main-text-color) !important; }
.resp-table__header .resp-table__prev,
.resp-table__header .resp-table__next {
  background-color: var(--primary-color) !important;
  color: var(--btn-primary-color) !important;
  border-color: var(--primary-color) !important;
}
.resp-table__header .resp-table__prev::after,
.resp-table__header .resp-table__next::after { color: var(--btn-primary-color) !important; }
.resp-icon { position: relative !important; background: none !important; }
.resp-icon.resp-icon_plus::before {
  content: '' !important; position: absolute !important; left: 15px !important;
  top: 16px !important; width: 16px !important; height: 9px !important;
  border-right: 2px solid var(--primary-color) !important;
  border-bottom: 2px solid var(--primary-color) !important; transform: rotate(45deg) !important;
}
.resp-icon.resp-icon_minus::before, .resp-icon.resp-icon_minus::after {
  content: '' !important; position: absolute !important; left: 14px !important;
  top: 24px !important; width: 22px !important; height: 2px !important;
  background-color: var(--primary-color) !important;
}
.resp-icon.resp-icon_minus::before { transform: rotate(45deg) !important; }
.resp-icon.resp-icon_minus::after { transform: rotate(-45deg) !important; }

/* Кнопка закрытия принадлежит модальному окну, а не краю экрана: так её
   положение предсказуемо и на светлых, и на тёмных формах. */
.fancybox-slide--html .fancybox-close-small {
  position: absolute !important; top: 12px !important; right: 12px !important;
  z-index: 5 !important;
}

/* На телефоне мега-распродажа идёт одной колонкой: фото, плашка цены, форма.
   Убираем абсолютное позиционирование и лишние поля, из-за которых плашки
   наезжали друг на друга. */
@media (max-width: 767px) {
  .modal-megasave { padding: 0 !important; overflow: hidden !important; }
  .modal-megasave__inner, .modal-megasave__content {
    display: block !important; position: relative !important; }
  .modal-megasave__assets { position: relative !important; overflow: hidden !important;
    max-height: 180px !important; }
  .modal-megasave__assets img { width: 100% !important; height: 180px !important;
    margin: 0 !important; object-fit: cover !important; }
  .modal-megasave .modal__offer__badge { position: relative !important;
    height: auto !important; min-height: 56px !important; margin: 0 16px 12px !important;
    padding-left: 64px !important; }
  .modal-megasave .modal__form { margin: 0 16px 16px !important;
    padding: 16px !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="%235A54F0"/></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="%235A54F0" 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="%235A54F0" 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="%235A54F0" 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="%235A54F0" 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="%235A54F0"/></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="%235A54F0"/></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="%235A54F0"/></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='%235A54F0'/%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='%235A54F0' 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='%235A54F0' stroke='%235A54F0' 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='%235A54F0' stroke='%235A54F0' 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='%235A54F0' 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='%235A54F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

/* --- Точечная коррекция после проверки live ----------------------------- */
/* У карточек услуг затемнение относится только к нижнему текстовому слою.
   Само изображение и верхняя часть карточки не должны темнеть при растяжении. */
.service-card__content {
  background: transparent !important;
  position: relative !important;
  padding-bottom: 30px !important;
}
.service-card__content::before {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 48% !important;
  background: linear-gradient(to top, var(--service-card-content-bg) 0%, var(--service-card-content-bg-3) 100%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.service-card__content > * { position: relative !important; z-index: 1 !important; }

/* Мега-распродажа: вернуть штатную мобильную раскладку шаблона.
   Изображение сверху, текстовая часть ниже/рядом по штатной сетке; никакого
   принудительного 180px crop и наложения заголовка на картинку. */
@media (max-width: 900px) {
  .modal-megasave {
    background-size: auto 430px, cover !important;
    background-position: 20% -50px, 0 0 !important;
    background-repeat: no-repeat !important;
    height: unset !important;
    padding: 165px 0 0 !important;
    overflow: visible !important;
  }
  .modal-megasave__inner {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
  }
  .modal-megasave__head { padding: 0 14px !important; }
  .modal-megasave__assets {
    position: relative !important;
    order: 2 !important;
    margin-top: -20% !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .modal-megasave__assets img {
    display: block !important;
    width: 125% !important;
    height: auto !important;
    margin: 0 -25% 0 0 !important;
    object-fit: contain !important;
  }
.modal-megasave .modal__offer__badge {
    position: relative !important;
    margin: 0 !important;
    padding-left: 64px !important;
  }
  .modal-megasave .modal__form {
    margin: 0 !important;
    padding: 20px !important;
  }
}

/* Стрелки сравнений: исходное направление вниз + зеркальность по горизонтали. */
.resp-icon.resp-icon_plus::before {
  transform: rotate(45deg) scaleX(-1) !important;
}

/* Итоговые переопределения: active подчёркивается, стрелка раскрытия вверх,
   затемнение третьей акции находится на изображении. */
.model-tabs__nav-item,
.model-tabs__nav-item:hover {
  background: transparent !important;
  color: var(--main-text-color) !important;
  border: 0 !important;
}
.model-tabs__nav-item.--active {
  background: transparent !important;
  color: var(--main-text-color) !important;
  border: 0 !important;
  border-bottom: 2px solid var(--primary-color) !important;
}
.resp-icon.resp-icon_plus::before { transform: rotate(225deg) !important; }
.car-card__price, .car-card__price-value, .car-card__price-main,
.car-card__price-credit, .model-opt-item__price-new {
  color: var(--primary-color) !important;
}
.services-carousel__slide:nth-child(3) .service-card {
  position: relative !important;
  isolation: isolate !important;
}
.services-carousel__slide:nth-child(3) .service-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, var(--service-card-content-bg) 0%, var(--service-card-content-bg-3) 62%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.services-carousel__slide:nth-child(3) .service-card__content {
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
}
.services-carousel__slide:nth-child(3) .service-card__content::before { display: none !important; }
.services-carousel__slide:nth-child(3) .service-card__image { position: absolute !important; z-index: -1 !important; }
.marks .mark-link,.section-marks .mark-link { border:0!important; box-shadow:none!important; }
.pagination__prev,.pagination__next { position:relative!important; background-image:none!important; }
.pagination__prev::before,.pagination__next::before { content:""; width:8px; height:14px; background:var(--primary-color); -webkit-mask:url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.4 4.88L1.81 .29a1.1 1.1 0 0 0-1.41 1.71L5 6.29a1 1 0 0 1 0 1.42L.4 12.29a1.1 1.1 0 1 0 1.41 1.42L6.4 9.12a3 3 0 0 0 0-4.24Z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.4 4.88L1.81 .29a1.1 1.1 0 0 0-1.41 1.71L5 6.29a1 1 0 0 1 0 1.42L.4 12.29a1.1 1.1 0 1 0 1.41 1.42L6.4 9.12a3 3 0 0 0 0-4.24Z'/%3E%3C/svg%3E") center/contain no-repeat; }
.pagination__prev::before { transform:scaleX(-1); }
.pagination__prev:hover,.pagination__next:hover { background-image:none!important; }
.prize-draw { width:100%!important; max-width:1107px!important; max-height:calc(100vh - 24px)!important; overflow:auto!important; }
.prize-draw .fancybox-close-small { position:absolute!important; top:12px!important; right:12px!important; z-index:20!important; }
@media (max-width:1100px) { .prize-draw { width:calc(100vw - 16px)!important; max-width:calc(100vw - 16px)!important; } }

/* Финальный общий слой multi-2: таймер, акции, модалки и комплектации. */
.header, .app-header { position: relative !important; z-index: 200 !important; }
.deal-timer { z-index: 2 !important; }
.marks .mark-link, .section-marks .mark-link { border: 1px solid var(--mark-color) !important; box-shadow: 0 8px 22px color-mix(in srgb, var(--main-text-color) 14%, transparent) !important; }
.service-card { position: relative !important; isolation: isolate !important; padding: 0 !important; border: 1px solid var(--mark-color) !important; box-shadow: 0 8px 22px color-mix(in srgb, var(--main-text-color) 16%, transparent) !important; }
.service-card__image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; z-index: -2 !important; }
.service-card::after { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(to top, color-mix(in srgb, var(--main-text-color) 88%, transparent), color-mix(in srgb, var(--main-text-color) 48%, transparent) 58%, transparent 100%) !important; pointer-events: none !important; z-index: -1 !important; }
.service-card__content { position: relative !important; z-index: 1 !important; background: transparent !important; }
.service-card__content::before, .services-carousel__slide:nth-child(3) .service-card__content::before { display: none !important; }
.model-tabs__nav-item, .model-tabs__nav-item:hover { background: transparent !important; color: var(--main-text-color) !important; border: 0 !important; }
.model-tabs__nav-item.--active { border-bottom: 2px solid var(--primary-color) !important; }
.resp-table__header .resp-head-title, .resp-table__header .resp-head-desc, .resp-table__header .resp-table__col, .resp-table__header [class*="price"] { color: var(--main-text-color) !important; }
.modal-megasave { position: relative !important; width: min(calc(100vw - 24px), 1320px) !important; max-width: calc(100vw - 24px) !important; height: auto !important; max-height: calc(100vh - 24px) !important; overflow: auto !important; border-radius: 20px !important; }
.modal .fancybox-close-small { position: absolute !important; top: 12px !important; right: 12px !important; z-index: 20 !important; background: var(--primary-color) !important; color: var(--btn-primary-color) !important; border-radius: 50% !important; opacity: 1 !important; }
.modal .fancybox-close-small svg, .modal .fancybox-close-small path { stroke: var(--btn-primary-color) !important; fill: var(--btn-primary-color) !important; }
@media (max-width: 900px) { .modal-megasave { width: min(calc(100vw - 16px), 520px) !important; max-width: calc(100vw - 16px) !important; max-height: calc(100vh - 16px) !important; } }

/* Стрелки сравнений: исходное направление вниз + зеркальность по горизонтали. */
.resp-icon.resp-icon_plus::before {
  display: none !important;
}
.resp-icon.resp-icon_minus::before,
.resp-icon.resp-icon_minus::after {
  display: none !important;
}
.resp-icon.resp-icon_plus {
  background-color: var(--primary-color) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='19' height='13' viewBox='0 0 19 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 1L6.5 12L1.5 7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 19px 13px no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg width='19' height='13' viewBox='0 0 19 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 1L6.5 12L1.5 7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 19px 13px no-repeat !important;
}
.resp-icon.resp-icon_minus {
  background-color: var(--primary-color) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 6L6.5 18M6.5 6L18.5 18' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / 25px 24px no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 6L6.5 18M6.5 6L18.5 18' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / 25px 24px no-repeat !important;
}

/* Плашка не должна касаться нижнего края фото: сдвиг видимый даже при
   схлопывании margin внутри flex/grid-раскладки модалки. */
@media (max-width: 900px) {
  .modal-megasave .modal__offer__badge {
    transform: translateY(12px) !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }
}

/* Финальная правка сравнений и карточки «Выкуп». */
.model-tabs__nav-item,
.model-tabs__nav-item:hover {
  background: transparent !important;
  color: var(--main-text-color) !important;
  border: 0 !important;
  border-bottom: 0 !important;
}
.model-tabs__nav-item.--active {
  background: transparent !important;
  color: var(--main-text-color) !important;
  border: 0 !important;
  border-bottom: 2px solid var(--primary-color) !important;
}

/* Отражаем стрелку plus по вертикали: раскрытие смотрит вверх. */
.resp-icon.resp-icon_plus::before {
  transform: rotate(225deg) !important;
}

/* Цена карточки остаётся акцентом темы. */
.car-card__price,
.car-card__price-value,
.car-card__price-main,
.car-card__price-credit,
.model-opt-item__price-new {
  color: var(--primary-color) !important;
}

/* Только третья акция: затемнение лежит на изображении, а не на текстовой
   форме. Первые две карточки не меняем. */
.services-carousel__slide:nth-child(3) .service-card {
  position: relative !important;
  isolation: isolate !important;
}
.services-carousel__slide:nth-child(3) .service-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, var(--service-card-content-bg) 0%, var(--service-card-content-bg-3) 62%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.services-carousel__slide:nth-child(3) .service-card__content {
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
}
.services-carousel__slide:nth-child(3) .service-card__content::before {
  display: none !important;
}
.services-carousel__slide:nth-child(3) .service-card__image {
  position: absolute !important;
  z-index: -1 !important;
}

/* Сравнения: JS иногда оставляет Swiper-шапку с inline height:0. Возвращаем
   ей высоту содержимого и явно показываем выбранную комплектацию. */
.resp-table__header-swiper,
.resp-table__header-swiper .resp-table__wrapper {
  height: auto !important;
  min-height: 69px !important;
}
.resp-table__header .resp-table__col,
.resp-table__header .resp-head-title,
.resp-table__header .resp-head-desc {
  color: var(--main-text-color) !important;
  opacity: 1 !important;
}
.model-tabs__nav-item {
  color: var(--main-text-color) !important;
  border-color: var(--mark-color) !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}
.model-tabs__nav-item:hover,
.model-tabs__nav-item.--active {
  background-color: var(--primary-color) !important;
  color: var(--btn-primary-color) !important;
  border-color: var(--primary-color) !important;
}
.resp-table__header .resp-table__prev,
.resp-table__header .resp-table__next {
  width: 36px !important;
  height: 36px !important;
  background: var(--bg-main-color) !important;
  border: 1px solid var(--primary-color) !important;
  color: var(--primary-color) !important;
  box-shadow: 0 2px 8px var(--header-shadow) !important;
}
.resp-table__header .resp-table__prev::after,
.resp-table__header .resp-table__next::after {
  font-family: swiper-icons !important;
  font-size: 16px !important;
  color: var(--primary-color) !important;
}

/* Последняя настройка: активен только выбранный таб, без полосок у остальных. */
.model-tabs__nav-item,
.model-tabs__nav-item:hover {
  background-color: transparent !important;
  color: var(--main-text-color) !important;
  border: 0 !important;
  border-bottom: 0 !important;
}
.model-tabs__nav-item.--active {
  background-color: var(--primary-color) !important;
  color: var(--btn-primary-color) !important;
  border: 0 !important;
}

/* Цена в карточках и комплектациях — акцентная. */
.car-card__price,
.car-card__price-value,
.car-card__price-main,
.car-card__price-credit,
.model-opt-item__price-new {
  color: var(--primary-color) !important;
}

/* У plus — стрелка вниз, у minus — стрелка вверх; это не крестики. */
.resp-icon.resp-icon_plus::before {
  left: 15px !important; top: 16px !important; width: 16px !important; height: 9px !important;
  border: 0 !important; border-right: 2px solid var(--primary-color) !important;
  border-bottom: 2px solid var(--primary-color) !important; background: none !important;
  transform: rotate(45deg) !important;
}

/* Настоящая мобильная пагинация галереи: три кликабельных этапа прогресса. */
@media (max-width: 767px) {
  .section-gallery { padding-bottom: 0 !important; }
  .section-gallery .gallery.swiper { display: block; overflow: hidden; padding: 0; margin: 0; }
  .section-gallery .gallery.swiper .swiper-wrapper { display: flex; align-items: stretch; }
  .section-gallery .gallery.swiper .gallery-item { display: block !important; flex: 0 0 94%; width: auto; height: 280px; margin: 0; grid-column: auto; grid-row: auto; }
  .section-gallery .gallery.swiper .gallery-item__img { width: 100%; height: 100%; object-fit: cover; }
  .section-gallery .swiper-lines-pagination { position: relative; inset: auto; display: flex; align-items: center; justify-content: center; gap: 10px; margin: 14px 0 0; }
  .section-gallery .swiper-lines-pagination .swiper-pagination-bullet { flex: 1 1 0; width: auto; max-width: 100px; height: 2px; margin: 0 !important; border-radius: 0; opacity: 1; background: var(--mark-color) !important; }
  .section-gallery .swiper-lines-pagination .swiper-pagination-bullet-active { background: var(--primary-color) !important; }
}
.resp-icon.resp-icon_minus::before {
  left: 15px !important; top: 20px !important; width: 16px !important; height: 9px !important;
  border: 0 !important; border-left: 2px solid var(--primary-color) !important;
  border-top: 2px solid var(--primary-color) !important; background: none !important;
  transform: rotate(45deg) !important;
}
.resp-icon.resp-icon_minus::after { display: none !important; }

/* Мега-сейл: небольшой зазор между изображением и плашкой 100 000 ₽. */
@media (max-width: 900px) {
  .modal-megasave .modal__offer__badge {
    margin-top: 16px !important;
  }
}

/* Финальный порядок приоритетов для indigo-l. */
.model-tabs__nav-item,
.model-tabs__nav-item:hover {
  background: transparent !important;
  color: var(--main-text-color) !important;
  border: 0 !important;
}
.model-tabs__nav-item.--active {
  background: transparent !important;
  color: var(--main-text-color) !important;
  border: 0 !important;
  border-bottom: 2px solid var(--primary-color) !important;
}
.resp-icon.resp-icon_plus::before { transform: rotate(225deg) !important; }
.services-carousel__slide:nth-child(3) .service-card {
  position: relative !important;
  isolation: isolate !important;
}
.services-carousel__slide:nth-child(3) .service-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, var(--service-card-content-bg) 0%, var(--service-card-content-bg-3) 62%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.services-carousel__slide:nth-child(3) .service-card__content {
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
}
.services-carousel__slide:nth-child(3) .service-card__content::before { display: none !important; }
.services-carousel__slide:nth-child(3) .service-card__image { position: absolute !important; z-index: -1 !important; }

/* Финальная коррекция по живому просмотру: логотипы, стрелка и модальные окна. */
.marks__inner, .marks .mark-link, .section-marks .mark-link { background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; }
.pagination__next::before { background: var(--primary-color); }
@media (max-width: 900px) { .pagination__next::before { background: var(--btn-primary-color) !important; } }
.modal-megasave { background-attachment: scroll, scroll !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch; }
.fancybox-slide:has(> .modal-megasave) { overflow: auto !important; }
#prize-draw-modal { width: min(1107px, calc(100vw - 32px)) !important; max-width: min(1107px, calc(100vw - 32px)) !important; background: var(--bg-main-color) !important; color: var(--main-text-color) !important; }
#prize-draw-modal .prize-draw__side { background: var(--bg-main-color) !important; color: var(--main-text-color) !important; }
#prize-draw-modal .prize-draw__side__title { color: var(--main-text-color) !important; }
#prize-draw-modal .prize-draw__disclamer { color: var(--main-text-color) !important; }
#prize-draw-modal .prize-draw__side__image { width: min(650px, 48vw) !important; height: auto !important; max-height: 520px !important; object-fit: contain !important; }
@media (max-width: 1100px) { #prize-draw-modal { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; } #prize-draw-modal .prize-draw__side__image { width: min(100%, 520px) !important; max-height: 300px !important; } }
@media (min-width: 1101px) { #prize-draw-modal { height:calc(100vh - 32px)!important; max-height:calc(100vh - 32px)!important; overflow:hidden!important; } #prize-draw-modal .prize-draw__wrapper { height:100%!important; min-height:0!important; } #prize-draw-modal .prize-draw__side { min-height:0!important; overflow:hidden!important; padding:28px 32px!important; } #prize-draw-modal .prize-draw__side__title { font-size:clamp(28px,3vw,40px)!important; } #prize-draw-modal .prize-draw__side__image { max-height:58%!important; width:min(560px,42vw)!important; } #prize-draw-modal .prize-draw__disclamer { font-size:clamp(12px,1.25vw,18px)!important; line-height:1.2!important; } #prize-draw-modal .modal__content { min-height:0!important; overflow:auto!important; padding:28px 32px!important; } }

/* Возвращаем заметное состояние hover для кнопок и ссылок акций. */
.btn_primary:hover, .btn_secondary:hover {
  background: color-mix(in srgb, var(--primary-color) 82%, var(--main-text-color)) !important;
  border-color: color-mix(in srgb, var(--primary-color) 82%, var(--main-text-color)) !important;
  color: var(--btn-primary-color) !important;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--primary-color) 28%, transparent) !important;
}
.btn_outline:hover {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--btn-primary-color) !important;
}
.service-card .arrow-right-link { transition: color .2s ease, text-decoration-color .2s ease; }
.service-card .arrow-right-link::after { transition: transform .2s ease, filter .2s ease; }
.service-card:hover .arrow-right-link { color: var(--primary-color) !important; text-decoration: underline; text-decoration-color: var(--primary-color); text-underline-offset: 4px; }
.service-card:hover .arrow-right-link::after { transform: translateX(4px); filter: brightness(1.25); }

/* Финальная правка акций, стрелок комплектаций и бегунков калькулятора. */
.gifts {
  align-items: stretch !important;
}
.gift-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
}
.gift-card__title,
.gift-card__description,
.gift-card .btn {
  position: relative !important;
  z-index: 2 !important;
}
.gift-card .btn {
  margin-top: auto !important;
}

.irs--flat .irs-line {
  display: block !important;
  visibility: visible !important;
  height: 4px !important;
  top: 6px !important;
  background: var(--main-text-color) !important;
  opacity: .32 !important;
}
.irs--flat .irs-bar {
  display: block !important;
  visibility: visible !important;
  height: 4px !important;
  top: 6px !important;
  background: var(--primary-color) !important;
  opacity: 1 !important;
}
.irs--flat .irs-handle {
  display: block !important;
  visibility: visible !important;
  width: 18px !important;
  height: 18px !important;
  top: -1px !important;
  border-radius: 50% !important;
  background: var(--primary-color) !important;
  opacity: 1 !important;
}
.irs--flat .irs-handle > i:first-child {
  display: none !important;
}
.irs--flat .irs-grid {
  display: block !important;
  visibility: visible !important;
}
.irs--flat .irs-grid-text {
  color: var(--main-text-color) !important;
  opacity: .78 !important;
}

/* Финальная коррекция палитр, стрелок строк и навигации акций. */
.model-page__colors-item {
  border: 1px solid color-mix(in srgb, var(--main-text-color) 30%, transparent) !important;
  box-shadow: 0 3px 10px color-mix(in srgb, var(--main-text-color) 16%, transparent) !important;
}
.model-page__colors-item.--active {
  border-color: var(--primary-color) !important;
  box-shadow: 0 3px 12px color-mix(in srgb, var(--primary-color) 28%, transparent) !important;
}
.model-opt-item__dropdown-icon::before {
  background-color: var(--primary-color) !important;
}
.model-opt-item__dropdown-icon.active::before {
  background-color: var(--primary-color) !important;
}
.services-carousel__bottom-nav .carousel-prev,
.services-carousel__bottom-nav .carousel-next {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  opacity: 1 !important;
}
.services-carousel__bottom-nav .carousel-prev::after,
.services-carousel__bottom-nav .carousel-next::after {
  color: var(--primary-color) !important;
  font-family: swiper-icons !important;
}

/* Возвращаем сам контейнер бегунка: скрывался весь .irs--flat, а не только его цвета. */
.app-range__slider {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: 60px !important;
  min-height: 60px !important;
}
.app-range__slider > .irs--flat,
.app-range__slider > .irs--flat.irs-with-grid {
  display: block !important;
  visibility: visible !important;
  height: 60px !important;
  min-height: 60px !important;
}

/* Возвращаем внутренний слой ionRangeSlider с дорожкой и заполнением. */
.app-range__slider > .irs--flat > .irs {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

/* Кнопка акции: естественная ширина на десктопе, полная ширина только в мобильной раскладке. */
.gift-card .btn {
  align-self: flex-start !important;
  width: auto !important;
}
@media (max-width: 1352px) {
  .gift-card .btn {
    align-self: stretch !important;
    width: 100% !important;
  }
}

/* Активная палитра: нейтральная серая обводка вместо акцентной. */
.model-page__colors-item.--active {
  border-color: var(--mark-color) !important;
  box-shadow: 0 3px 12px color-mix(in srgb, var(--main-text-color) 16%, transparent) !important;
}
.model-opt-item__dropdown-icon::before {
  width: 30px !important;
  height: 30px !important;
  background-color: var(--primary-color) !important;
  -webkit-mask-size: 18px 11px !important;
  mask-size: 18px 11px !important;
}
.model-opt-item__dropdown-icon.active::before {
  background-color: var(--primary-color) !important;
}
.model-opt-item .main-form-checkbox__checkmark {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  border: 1px solid var(--primary-color) !important;
  border-radius: 3px !important;
  background: transparent !important;
}
.model-opt-item .main-form-checkbox__input:checked + .main-form-checkbox__checkmark {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.model-opt-item .main-form-checkbox__input:checked + .main-form-checkbox__checkmark::after {
  top: 3px !important;
  left: 6px !important;
  width: 6px !important;
  height: 10px !important;
  background: none !important;
  border-right: 2px solid var(--btn-primary-color) !important;
  border-bottom: 2px solid var(--btn-primary-color) !important;
  transform: rotate(45deg) !important;
}
/* Таймер: спокойная серая рамка; цифры и подписи остаются светлыми на тёмной
   цветной плашке. */
.deal-timer__count {
  border-color: var(--mark-color) !important;
  color: var(--text-on-dark-panel) !important;
  -webkit-text-fill-color: var(--text-on-dark-panel) !important;
}
.deal-timer__text {
  color: var(--text-on-dark-panel) !important;
  -webkit-text-fill-color: var(--text-on-dark-panel) !important;
}

/* Модалки: фон страницы зафиксирован, прокручивается только содержимое окна. */
html.fancybox-enabled,
body.fancybox-active {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}
.fancybox-container {
  position: fixed !important;
  inset: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}
.fancybox-slide--html:has(> .modal) {
  overflow: hidden !important;
  padding: 12px !important;
  overscroll-behavior: contain !important;
}
.fancybox-slide--html:has(> .modal) > .modal {
  max-height: calc(100vh - 24px) !important;
  max-height: calc(100dvh - 24px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch;
}
.modal-megasave .modal__offer__badge {
  margin: 12px 0 6px !important;
}
.modal-megasave .modal__form {
  margin-top: 0 !important;
}

/* Цифры на цветных кружках: белые на тёмных/акцентных фонах. На светлом
   неоновом акценте dark-olive переменная темы оставляет тёмный текст. */
[class*="__number"] {
  color: var(--btn-primary-color) !important;
  -webkit-text-fill-color: var(--btn-primary-color) !important;
}
.modal .modal__offer__badge .percent::before {
  color: var(--text-on-dark-panel) !important;
  -webkit-text-fill-color: var(--text-on-dark-panel) !important;
}
/* Рамка карточек должна быть видимой, но оставаться нейтральной. */
.car-card {
  border: 1px solid var(--mark-color) !important;
}

/* site-fixes.css подключается после темы: повышаем специфичность только для
   рамки таймера, чтобы акцентная рамка не возвращалась. */
.car-card__thumb .deal-timer__count {
  border: 1.5px solid var(--mark-color) !important;
  border-color: var(--mark-color) !important;
}

/* На узком экране 6px оставляют штатной модалке место в одной строке Fancybox;
   12px выталкивали её ниже viewport. */
.fancybox-slide--html:has(> .modal) {
  overflow: auto !important;
  padding: 6px !important;
}
.fancybox-slide--html:has(> .modal) > .modal {
  max-height: calc(100vh - 12px) !important;
  max-height: calc(100dvh - 12px) !important;
  overflow-y: auto !important;
}
/* Прямой финальный селектор megasave: не даём базовому Fancybox вернуть
   перенос модалки за пределы viewport. */
.fancybox-slide:has(> .modal-megasave) {
  overflow: auto !important;
  padding: 6px !important;
}
.fancybox-slide:has(> .modal-megasave) > .modal-megasave {
  max-height: calc(100vh - 12px) !important;
  max-height: calc(100dvh - 12px) !important;
  overflow-y: auto !important;
}
/* 10.09: megasale прокручивается одним контейнером вместе с фоном, текстом и машинами. */
.modal-megasave {
  height:auto !important;
  min-height:calc(100dvh - 12px) !important;
  max-height:calc(100dvh - 12px) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  background-attachment:scroll, scroll !important;
}
.modal-megasave__inner {
  height:auto !important;
  min-height:100% !important;
  overflow:visible !important;
}
.modal-megasave__assets,
.modal-megasave__content { overflow:visible !important; }

/* 10.09: активная страница и стрелки пагинации должны быть видимы на каждой теме. */
.pagination__item.--active,
.pagination__item--active {
  background:var(--primary-color) !important;
  border-color:var(--primary-color) !important;
  color:var(--text-on-dark-panel) !important;
  -webkit-text-fill-color:var(--text-on-dark-panel) !important;
}
.pagination__prev,
.pagination__next {
  opacity:1 !important;
  background-image:none !important;
  border-color:var(--main-text-color) !important;
}
.pagination__prev::before,
.pagination__next::before {
  content:"" !important;
  display:block !important;
  width:8px !important;
  height:14px !important;
  background-color:var(--main-text-color) !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.4 4.88L1.81 .29a1.1 1.1 0 0 0-1.41 1.71L5 6.29a1.1 1.1 0 1 0 1.41 1.42L6.4 9.12a3 3 0 0 0 0-4.24Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.4 4.88L1.81 .29a1.1 1.1 0 0 0-1.41 1.71L5 6.29a1.1 1.1 0 1 0 1.41 1.42L6.4 9.12a3 3 0 0 0 0-4.24Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
.pagination__prev::before { transform:scaleX(-1); }
.pagination__prev:hover,
.pagination__next:hover {
  background:var(--accent-hover) !important;
  border-color:var(--accent-hover) !important;
}
.pagination__prev:hover::before,
.pagination__next:hover::before {
  background-color:var(--text-on-dark-panel) !important;
}
@media (max-width:1024px) {
  .pagination__prev,
  .pagination__next { display:flex !important; }
}

/* Прямой финальный селектор megasave: не даём базовому Fancybox вернуть
   перенос модалки за пределы viewport. */
.fancybox-slide:has(> .modal-megasave) {
  overflow: auto !important;
  padding: 6px !important;
}
.fancybox-slide:has(> .modal-megasave) > .modal-megasave {
  max-height: calc(100vh - 12px) !important;
  max-height: calc(100dvh - 12px) !important;
  overflow-y: auto !important;
}