/* ==== base ==== */
  /* =================================================================
     v285 · ЕДИНСТВЕННОЕ место, где задаются цвета, шрифты, скругления и тени.
     Палитра A «Графит и медь». Тёмная тема — по умолчанию, светлая — ниже.
     Старые имена (--surface-2, --border, --text-muted, --era-r …) — синонимы,
     чтобы не переписывать сотни старых правил; новые правила пишите на новых именах.
     ================================================================= */
  :root {
    color-scheme: dark;
    /* Отступ сверху под строку состояния телефона (часы, сеть, батарея).
       Обычно его сообщает сам телефон (env), а если не сообщил — запасное
       значение выставляет маленький скрипт в <head> (см. ниже). */
    --safe-top: env(safe-area-inset-top, 0px);

    /* поверхности */
    --bg: #0E0F11;          /* фон страницы */
    --band: #131518;        /* вторая полоса — фон чередующихся секций */
    --surface: #16181B;     /* карточки */
    --raised: #1E2125;      /* приподнятые элементы, наведение */
    --line: #2A2E33;        /* линии и рамки */
    /* текст */
    --text: #F3F1EC;
    --muted: #A3A7AD;
    --faint: #80858C;       /* подписи третьего уровня, подсказки */
    /* акцент (медь) */
    --accent: #F58B2E;          /* заливка кнопок */
    --on-accent: #1A0F05;       /* текст на заливке */
    --accent-text: #F58B2E;     /* оранжевый текст на тёмном */
    --accent-hover: #F58B2E;    /* наведение на заливку */
    --accent-rgb: 245, 139, 46; /* для rgba(var(--accent-rgb), .x) */
    --accent-soft: rgba(245, 139, 46, .12);
    /* смысловые цвета — только для меток ДТП / статусов */
    --good: #6FB98A;
    --good-bg: #1C2921;
    --bad: #E4553A;
    --bad-bg: #2A1C17;

    /* неизменный графит: шапка, подвал, нижняя панель-оверлеи — тёмные в обеих темах */
    --fix-bg: #0E0F11;
    --fix-band: #131518;
    --fix-surface: #16181B;
    --fix-raised: #1E2125;
    --fix-line: #2A2E33;
    --fix-text: #F3F1EC;
    --fix-muted: #A3A7AD;
    --fix-faint: #80858C;
    --fix-accent-text: #F58B2E;

    /* скругления */
    --r-sm: 6px;     /* поля ввода, чипы */
    --r: 12px;       /* карточки, кнопки */
    --r-lg: 20px;    /* фото, рамка главного блока */
    --r-pill: 999px; /* «таблетки» */
    /* тени: в тёмной теме карточки без теней (только рамка 1px) */
    --sh-1: none;
    --sh-2: none;

    /* шрифты */
    --sans: "Inter", "Pretendard", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;
    --display: "Inter Tight", "Inter", "Pretendard", -apple-system, system-ui, sans-serif;
    --price-font: var(--sans);  /* цены — Inter с цифрами одинаковой ширины (tabular-nums) */
    --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

    /* шкала кеглей: 12 / 14 / 16 / 18 / 24 / 32 / 48–56 */
    --fs-12: 12px; --fs-14: 14px; --fs-16: 16px; --fs-18: 18px; --fs-24: 24px; --fs-32: 32px;
    --fs-h1: clamp(34px, 4.2vw, 54px);
    --fs-h2: clamp(28px, 2.6vw, 36px);

    /* --- синонимы старых имён (не задавайте им свои значения) --- */
    --surface-2: var(--raised);
    --surface-3: var(--line);
    --border: var(--line);
    --border-soft: var(--line);
    --text-muted: var(--muted);
    --text-faint: var(--faint);
    --accent-strong: var(--accent-hover);
    --radius: var(--r);
    --era-r-sm: var(--r-sm);
    --era-r: var(--r);
    --era-r-lg: var(--r);
    --neon: var(--accent-rgb);
    --neon-hi: var(--accent-rgb);
    --sh-3: var(--sh-2);
    --sh-o: var(--sh-1);
    --sh-o2: var(--sh-2);
  }
  :root[data-theme="light"] {
    color-scheme: light;
    --bg: #FFFFFF;
    --band: #F5F4F1;
    --surface: #FFFFFF;
    --raised: #F5F4F1;
    --line: #E4E1DA;
    --text: #121417;
    --muted: #5E636B;
    --faint: #6F747B;
    --accent: #F58B2E;
    --on-accent: #1A0F05;
    --accent-text: #F58B2E;     /* 5,4:1 на белом и 4,9:1 на полосе #F5F4F1 (#F58B2E давал на полосе 4,4:1) */
    --accent-hover: #F58B2E;
    --accent-rgb: 245, 139, 46;
    --accent-soft: rgba(245, 139, 46, .12);
    --good: #2E8B57;
    --good-bg: #E3F3E9;
    --bad: #C0392B;
    --bad-bg: #FBE6E2;
    /* две мягкие тёплые тени (из v271) */
    --sh-1: 0 1px 2px rgba(28,20,12,.08), 0 3px 8px rgba(28,20,12,.06);
    --sh-2: 0 1px 3px rgba(28,20,12,.07), 0 10px 28px rgba(28,20,12,.09);
    /* синонимы пересчитываются заново (var() вычисляется там, где объявлен) */
    --surface-2: var(--raised);
    --surface-3: var(--line);
    --border: var(--line);
    --border-soft: var(--line);
    --text-muted: var(--muted);
    --text-faint: var(--faint);
    --accent-strong: var(--accent-hover);
    --neon: var(--accent-rgb);
    --neon-hi: var(--accent-rgb);
    --sh-3: var(--sh-2);
    --sh-o: var(--sh-1);
    --sh-o2: var(--sh-2);
  }

  * { box-sizing: border-box; }
  html { scroll-padding-top: var(--safe-top); background: var(--bg); scrollbar-gutter: stable; }
  html, body { overflow-x: hidden; max-width: 100%; }
  @supports (overflow: clip) { html, body { overflow-x: clip; } }
  body {margin: 0;
    color: var(--text);
    font-family: var(--sans);
    font-size: 16px; /* v285: основной текст не меньше 16px (было 14px) */
    touch-action: pan-y;
    line-height: 1.5;
    /* отступ сверху задаёт сама шапка (header.top ниже) — раньше он был и здесь, и там */
    padding-bottom: env(safe-area-inset-bottom, 0px);
    -webkit-font-smoothing: antialiased}
  a { color: inherit; }
  button, select, input { font-family: inherit; font-size: inherit; color: inherit; }
  ::selection { background: var(--accent); color: var(--on-accent); }
  b, strong, h1, h2, h3, h4, th { font-weight: 600; }
  /* цены и числа — цифры одинаковой ширины */
  .encar-num, .ex-c b, .ec-row b, .ec-tot b, .lv-pv, .row-price { font-variant-numeric: tabular-nums; }

  .num { font-variant-numeric: tabular-nums; }
  /* Шрифт как на Энкаре (Pretendard) — для цены, пробега, объёма и мощности */
  .encar-num { font-family: var(--price-font); font-variant-numeric: tabular-nums; font-weight: 600; }

  /* ---------- header ----------
     Шапка теперь всегда чёрная, независимо от темы — поэтому все цвета
     внутри неё заданы фиксированно (не через --text/--accent, которые
     меняются в светлой теме), иначе текст стал бы тёмным на чёрном фоне. */
  /* Сплошная чёрная плашка над строкой состояния телефона (часы, сеть,
     батарея). Закреплена у самого верха экрана и стоит поверх страницы:
     когда страница прокручивается, всё уходит ПОД эту плашку, а не под
     часы и значки — раньше при прокрутке шапка проезжала прямо под ними.
     Высота — тот же отступ, что и у шапки (--safe-top); там, где строки
     состояния нет (компьютер, Android), высота 0 и плашки не видно. */
  .status-cover {
    position: fixed; top: 0; left: 0; right: 0; height: var(--safe-top);
    background: #000000; z-index: 2500; pointer-events: none;
  }
  header.top {
    position: sticky; top: 0; z-index: 20;
    padding-top: var(--safe-top);
    background: #000000;
    border-bottom: 1px solid var(--fix-line);
  }
  .top-inner {
    max-width: 1200px; margin: 0 auto;
    display: flex; align-items: center; gap: 24px;
    padding: 10px 20px;
  }
  .brand {display: flex; align-items: center; margin-right: auto}
  .brand-logo-img { height: 68px; width: auto; display: block; }
  /* Правая часть шапки: иконки соцсетей (стали меньше — 22px вместо 26px) и
     переключатель темы. */
  .header-right { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
  .contact-icons {display: flex; flex-shrink: 0}
  .contact-icons a {display: flex; align-items: center; justify-content: center;
    flex-shrink: 0}

  .contact-icons svg {display: block}
  nav.tabs { display: flex; gap: 4px; }
  .tab-btn, .src-btn {background: none; cursor: pointer;
    padding: 8px 14px; color: var(--fix-muted);
    font-size: 14px; font-weight: 500}
  .tab-btn:hover, .src-btn:hover { color: var(--accent-text); transform: scale(1.07); text-shadow: 0 0 14px rgba(var(--accent-rgb),.55); }
  .tab-btn.active, .src-btn.active { color: var(--fix-text); font-weight: 600; }
  .tab-btn.active:hover, .src-btn.active:hover { color: var(--accent-text); }
  /* Переключатель темы — сам выключатель, без надписи: тёмная плашка с
     луной и кругом справа (тёмная тема включена) или светлая плашка с
     солнцем и кругом слева (светлая). Шапка всегда чёрная, поэтому цвета
     заданы фиксированно. */
  .theme-switch {background: none; border: none; cursor: pointer; flex-shrink: 0;
    -webkit-tap-highlight-color: transparent}
  .theme-switch .ts-track {position: relative; display: block}
  
  .theme-switch .ts-knob {position: absolute; border-radius: 50%}
  
  .theme-switch .ts-icon { position: absolute; top: 7px; width: 16px; height: 16px; fill: #ffffff; transition: opacity .2s ease; }
  .theme-switch .ts-moon { left: 7px; opacity: 1; }
  .theme-switch .ts-sun { right: 7px; opacity: 0; }
  .theme-switch.is-light .ts-moon { opacity: 0; }
  .theme-switch.is-light .ts-sun { opacity: 1; }
  .theme-switch:focus-visible .ts-track { outline: 2px solid var(--accent); outline-offset: 2px; }

  @media (max-width: 760px) {
    /* Телефон: слева логотип, справа столбиком — сверху переключатель темы,
       под ним иконки соцсетей (column-reverse: в разметке иконки идут
       первыми, а показаны ниже); вкладки — второй строкой на всю ширину.
       Логотип на телефоне чуть меньше (44px вместо 52px), иначе вместе с
       правой частью он не помещался в одну строку и она уезжала вниз. */
    .top-inner { flex-wrap: wrap; gap: 6px 12px; padding: 10px 18px; }
    .brand { flex: 1 1 0; min-width: 0; margin-right: 0; }
    .brand-logo-img { height: 54px; }
    .header-right {order: 1}
    .contact-icons { gap: 6px; }
    
    nav.tabs { width: 100%; order: 2; }
    .tab-btn, .src-btn { flex: 1; text-align: center; }
  }
  @media (max-width: 360px) {
    /* совсем узкие телефоны — ещё немного компактнее */
    .brand-logo-img { height: 44px; }
    
  }

  /* ---------- layout ---------- */
  main { max-width: 1200px; margin: 0 auto; padding: 24px 20px 80px; overflow-x: hidden; }
  .view { display: none; }
  .view.active { display: block; }

  .layout { display: grid; grid-template-columns: 232px minmax(0, 1fr); gap: 28px; align-items: start; }
  @media (max-width: 760px) { .layout { grid-template-columns: minmax(0, 1fr); } }

  /* ---------- filters ---------- */
  .panel {
    background: var(--surface);
    border: 1px solid var(--border-soft);
    border-radius: var(--radius);
  }
  .filters { padding: 4px 0; }
  .field { padding: 12px 16px; border-bottom: 1px solid var(--border-soft); }
  .field:last-child { border-bottom: none; }
  .field label {
    display: block; font-size: 12px; color: var(--text-muted);
    margin-bottom: 6px; font-weight: 500;
  }
  .field select, .field input[type="number"], .field input[type="text"] {
    width: 100%; background: var(--surface-2); border: 1px solid var(--border);
    border-radius: var(--radius); color: var(--text); padding: 7px 8px;
    font-size: 14px; transition: background .15s ease;
  }
  .field select:hover, .field input:hover { background: var(--surface-3); }
  .field select:focus, .field input:focus { outline: none; background: var(--surface-3); }
  .field select:disabled { opacity: .45; cursor: not-allowed; }
  .range-row { display: flex; align-items: center; gap: 6px; }
  .range-row input, .range-row select { min-width: 0; }
  .range-row .csel { flex: 1; min-width: 0; }
  .range-row > span { color: var(--text-faint); font-size: 12px; }

  /* --- Кастомный выпадающий список — прогрессивно "накрывает" собой
     обычный <select> (который остаётся в разметке скрытым и по-прежнему
     хранит настоящее значение и вызывает свои обычные события "change" —
     вся остальная логика фильтров продолжает работать без изменений).
     Нужен, чтобы у списка не было угловатой синей подсветки браузера при
     открытии — это можно поправить только полностью заменив вид списка. */
  select.csel-native-hidden { display: none; }
  .csel { position: relative; }
  .csel-trigger {
    width: 100%; text-align: left; background: var(--surface-2); border: 1px solid var(--border);
    border-radius: var(--radius); padding: 5px 10px; color: var(--text); font-size: 14px; cursor: pointer;
    display: flex; justify-content: space-between; align-items: center; gap: 6px;
    transition: background .15s ease;
  }
  .csel-trigger:hover { background: var(--surface-3); }
  .csel.open .csel-trigger { background: var(--surface-3); }
  .csel-trigger:disabled { opacity: .45; cursor: not-allowed; }
  .csel-trigger .csel-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .csel-arrow {transition: transform .15s ease; flex-shrink: 0}
  .csel.open .csel-arrow { transform: rotate(180deg); }
  .csel-menu {
    display: none; position: absolute; top: calc(100% + 6px); left: 0; right: 0;
    background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius);
    overflow: hidden auto; max-height: 260px; z-index: 50; box-shadow: 0 10px 28px rgba(0,0,0,.45);
    overscroll-behavior: contain; /* прокрутка внутри списка не должна утягивать за собой всю страницу */
    scrollbar-width: none; /* Firefox — сама прокрутка работает, просто без видимой полосы */
  }
  .csel-menu::-webkit-scrollbar { display: none; } /* Chrome/Edge/Safari — то же самое */
  .csel.open .csel-menu { display: block; }
  /* --- Марка/Модель/Поколение/Двигатель/Модификация — как на самом
     Энкаре: не всплывающее окошко поверх страницы со своей прокруткой
     внутри, а обычный блок в потоке страницы. При открытии просто
     раздвигает всё, что ниже (следующие поля фильтра), вместо того
     чтобы всплывать поверх них. --- */
  .csel-inline .csel-menu {display: none; position: static; border-radius: 0; overflow: visible; margin-top: 8px; max-height: none}
  .csel-inline.open .csel-menu { display: block; }
  
  .csel-option { padding: 6px 12px; font-size: 14px; cursor: pointer; transition: background .12s ease; }
  .csel-option:hover { background: var(--surface-3); }
  .csel-option.selected { color: var(--accent-text); font-weight: 600; }
  /* Список поколений: название сверху, года мельче под ним, количество объявлений — справа
     отдельной колонкой (как в собственном селекторе поколений на Энкаре). */
  .csel-gen-option { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
  .csel-gen-text { min-width: 0; }
  .csel-gen-name { font-size: 14px; line-height: 1.35; }
  .csel-gen-years { font-size: 12px; color: var(--text-faint); margin-top: 2px; }
  .csel-gen-count { flex-shrink: 0; font-size: 12px; color: var(--text-muted); padding-top: 1px; font-variant-numeric: tabular-nums; }

  .trims { display: flex; flex-direction: column; align-items: stretch; gap: 6px; margin-top: 2px; }
  /* --- Двигатель/Модификация/Комплектация — один общий блок. Двигатель
     и модификация — обычные строки списка (выбор один, как и было —
     здесь только внешний вид меняется, не логика), Комплектация —
     прежние чипы множественного выбора, просто вложены визуально ниже,
     с отступом, как будто "внутри" выбранной модификации. --- */

  /* --- Двигатель + Модификация — множественный выбор чекбоксами
     (можно отметить сразу несколько двигателей, и для каждого — сразу
     несколько его модификаций). Комплектация — прежние чипы, просто
     вложены визуально ниже, под конкретной отмеченной модификацией. --- */
  .csel-check-option {
    display: flex; align-items: center; gap: 9px; padding: 8px 12px; cursor: pointer;
    transition: background .12s ease;
  }
  .csel-check-option:hover { background: var(--surface-3); }
  .csel-check-option input[type="checkbox"] { accent-color: var(--accent); width: 15px; height: 15px; flex-shrink: 0; cursor: pointer; }
  .csel-check-option .csel-check-name { flex: 1; font-size: 14px; }
  .csel-check-option.checked .csel-check-name { font-weight: 600; color: var(--text); }
  .csel-check-option.sub { padding-left: 30px; }
  .csel-check-option.sub .csel-check-name { font-size: 12px; color: var(--text-muted); }
  #engineBadgeList .csel-option.sub { padding-left: 30px; font-size: 12px; color: var(--text-muted); }
  #engineBadgeList .csel-option.sub2 { padding: 0; }
  #engineBadgeList .csel-option.loading-row { cursor: default; opacity: .6; padding: 8px 12px 8px 30px; font-size: 12px; }
  .trim-section-wrap { padding: 10px 12px 12px 30px; border-top: 1px solid var(--border-soft); }
  .trim-section-label { font-size: 12px; color: var(--text-faint); text-transform: uppercase; letter-spacing: .02em; margin-bottom: 6px; }
  .trims.empty { color: var(--text-faint); font-size: 12px; font-style: italic; }
  .chip {
    border: 1px solid var(--border); border-radius: var(--radius); padding: 6px 10px;
    font-size: 12px; cursor: pointer; background: var(--surface-2); color: var(--text-muted);
    user-select: none; text-align: left;
  }
  .chip.on { background: var(--accent); border-color: var(--accent); color: var(--on-accent); font-weight: 500; }
  .radio-row { display: flex; flex-direction: column; gap: 6px; }
  .radio-opt { display: flex; align-items: center; gap: 7px; font-size: 14px; cursor: pointer; }
  .radio-opt input { accent-color: var(--accent); }
  .search-btn {width: 100%; margin-top: 14px; padding: 11px; border: none;
    background: var(--accent); color: var(--on-accent); font-weight: 600; font-size: 14px; cursor: pointer;
    letter-spacing: .01em}
  .search-btn:hover { background: var(--accent-strong); }
  .search-btn:disabled { opacity: .5; cursor: not-allowed; }

  /* ================================================================
     НЕОНОВАЯ ПОДСВЕТКА КНОПОК — стекло с тонким оранжевым краем.
     Цвета берутся из фирменных переменных (--accent / --accent-strong),
     так что смена цвета в :root перекрасит и свечение.
     ================================================================ */
  .search-btn, .startTrimCheckBtn {
    position: relative; overflow: hidden; isolation: isolate;
    border: 1px solid var(--accent) !important;
    color: var(--on-accent) !important;
    background: linear-gradient(120deg, rgba(var(--neon), .16), rgba(20, 14, 8, .62) 50%, rgba(var(--neon), .13)) !important;
    -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
    box-shadow: inset 0 0 12px rgba(var(--neon), .18), 0 0 8px rgba(var(--neon), .38), 0 0 24px rgba(var(--neon), .20);
    text-shadow: 0 0 10px rgba(var(--neon), .45);
    transition: color .22s, border-color .22s, box-shadow .28s, background .22s, transform .22s;
  }
  .search-btn::after, .startTrimCheckBtn::after {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: linear-gradient(110deg, transparent 17%, rgba(255, 255, 255, .26) 48%, transparent 76%);
    transform: translateX(-120%); transition: transform .55s;
  }
  .search-btn:hover:not(:disabled), .startTrimCheckBtn:hover {
    color: var(--on-accent) !important;
    border-color: var(--accent-strong) !important;
    background: linear-gradient(120deg, rgba(var(--neon), .30), rgba(36, 20, 6, .82) 50%, rgba(var(--neon), .24)) !important;
    box-shadow: inset 0 0 15px rgba(var(--neon), .34), 0 0 6px rgba(var(--neon-hi), 1), 0 0 18px rgba(var(--neon), .72), 0 0 38px rgba(var(--neon), .42);
    transform: translateY(-2px) scale(1.025);
  }
  .search-btn:hover:not(:disabled)::after, .startTrimCheckBtn:hover::after { transform: translateX(120%); }
  .search-btn:active:not(:disabled), .startTrimCheckBtn:active { transform: translateY(0) scale(.99); transition-duration: .08s; }
  .search-btn:focus-visible, .startTrimCheckBtn:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 3px; }
  .search-btn:disabled { box-shadow: inset 0 0 8px rgba(var(--neon), .10), 0 0 4px rgba(var(--neon), .18); text-shadow: none; }
  /* выбранные «чипы» комплектаций — та же подсветка, но потише (заливка остаётся, чтобы текст читался) */
  .chip { transition: border-color .2s, box-shadow .25s, color .2s; }
  .chip:hover { border-color: var(--accent); color: var(--text); box-shadow: 0 0 10px rgba(var(--accent-rgb),.28); }
  .chip.on { box-shadow: 0 0 8px rgba(var(--accent-rgb),.55), 0 0 20px rgba(var(--accent-rgb),.25); }
  /* светлая тема: неон на светлом фоне читается плохо — делаем цветную «стеклянную» кнопку с мягким ореолом */
  :root[data-theme="light"] .search-btn, :root[data-theme="light"] .startTrimCheckBtn {
    color: var(--on-accent) !important; text-shadow: none;
    background: linear-gradient(120deg, rgba(var(--neon), .18), rgba(255, 255, 255, .55) 50%, rgba(var(--neon), .14)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .8), 0 0 7px rgba(var(--neon), .35), 0 4px 16px rgba(var(--neon), .18);
  }
  :root[data-theme="light"] .search-btn:hover:not(:disabled), :root[data-theme="light"] .startTrimCheckBtn:hover {
    color: var(--on-accent) !important;
    background: linear-gradient(120deg, rgba(var(--neon), .32), rgba(255, 255, 255, .7) 50%, rgba(var(--neon), .26)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 0 6px rgba(var(--neon-hi), .9), 0 0 20px rgba(var(--neon), .5);
  }
  @media (prefers-reduced-motion: reduce) {
    .search-btn, .startTrimCheckBtn, .search-btn::after, .startTrimCheckBtn::after { transition: none !important; }
    .search-btn:hover:not(:disabled), .startTrimCheckBtn:hover { transform: none; }
  }

  /* ---------- results ---------- */
  .results-header { margin-bottom: 14px; min-height: 20px; color: var(--text-muted); font-size: 14px; }
  .results-header strong { color: var(--text); font-weight: 600; }
  .row-list { border-top: 1px solid var(--border-soft); overflow-x: hidden; }
  .car-row { border-bottom: 1px solid var(--border-soft); }
  .car-row summary {list-style: none; cursor: pointer;
    display: grid; grid-template-columns: 64px 1fr auto auto; gap: 14px; align-items: center;
    padding: 12px 6px; border-radius: var(--radius)}
  .car-row summary::-webkit-details-marker { display: none; }
  .car-row summary:hover { background: var(--surface); }
  .car-row[open] summary { background: var(--surface); }
  .thumb {
    width: 64px; height: 48px; border-radius: var(--radius); object-fit: cover;
    background: var(--surface-2); border: 1px solid var(--border-soft);
  }
  .row-title { min-width: 0; display: flex; align-items: center; gap: 8px; }
  .row-title .name-wrap { min-width: 0; overflow: hidden; }
  .acc-badge { display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0; }
  .row-title .name {font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
  .row-title .meta { color: var(--text-muted); font-size: 12px; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .acc-dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; display: inline-block; }
  .acc-dot.good { background: var(--good); box-shadow: 0 0 0 3px var(--good-bg); }
  .acc-dot.bad { background: var(--bad); box-shadow: 0 0 0 3px var(--bad-bg); }
  .acc-label { font-size: 12px; }
  .acc-label.good { color: var(--good); }
  .acc-label.bad { color: var(--bad); }
  .row-price {text-align: right; font-weight: 600; color: var(--accent-text); white-space: nowrap}
  .row-price small { display: block; font-weight: 400; color: var(--text-faint); font-size: 12px; }
  .chev {transition: transform .15s}
  .car-row[open] .chev { transform: rotate(90deg); }
  .car-detail { padding: 4px 6px 20px 84px; min-width: 0; overflow-x: hidden; }
  @media (max-width: 560px) {
    /* Настоящая причина "нет отступа между фото и названием" (искал её
       несколько правок подряд, поднимая gap — не помогало): колонка сетки
       под фото сужалась до 44-48px, а САМА картинка .thumb имела
       фиксированную ширину 64px и просто вылезала за свою колонку,
       "съедая" весь зазор (фото заканчивалось почти там же, где
       начинался текст). Теперь на узком экране и колонка, и сама картинка
       одного размера — отступ реально виден. */
    .car-row summary {grid-template-columns: 52px 1fr auto auto; column-gap: 14px}
    .car-row summary .thumb { width: 52px; height: 40px; }
    
    .car-detail { padding-left: 66px; }
    /* Бейдж ДТП раньше стоял рядом с названием в одну строку и отбирал у
       него место — на узком экране из-за этого название переносилось на
       вторую строку, а пробег ("35 125 км") мог разорваться пополам.
       Теперь бейдж — отдельной строкой ПОД названием и пробегом (внизу,
       на уровне последней строки, как и просили), а не сбоку. */
    /* align-items: stretch (а не flex-start): при flex-start блок с текстом
       "не переносить" растягивался на всю длину строки, игнорируя границы
       своей колонки — из-за этого длинный адрес/пробег наезжал на цену
       (проверено на реальной строке шириной с телефон). С stretch блок
       занимает ровно отведённую колонку, и многоточие срабатывает. */
    .row-title { flex-direction: column; align-items: stretch; gap: 2px; }
    .row-title .name-wrap { width: 100%; }
    .acc-badge { margin-top: 1px; align-self: flex-start; }
  }

  .stat .k { font-size: 12px; color: var(--text-muted); margin-bottom: 2px; }
  .stat .v { font-size: 14px; }

  .accident-box {border: 1px solid var(--border-soft); padding: 12px 14px; background: var(--surface)}
  .accident-box.good { border-color: color-mix(in srgb, var(--good) 35%, var(--border-soft)); background: var(--good-bg); }
  .accident-box.bad { border-color: color-mix(in srgb, var(--bad) 35%, var(--border-soft)); background: var(--bad-bg); }
  .accident-title { font-weight: 600; font-size: 14px; margin-bottom: 6px; }
  .accident-title.good { color: var(--good); }
  .accident-title.bad { color: var(--bad); }
  .accident-line { font-size: 12px; color: var(--text-muted); padding: 3px 0; }
  .accident-line b { color: var(--text); font-weight: 500; }
  .open-link { display: inline-flex; align-items: center; gap: 4px; margin-top: 10px; font-size: 12px; color: var(--text-muted); text-decoration: none; }
  .encar-logo-text {
    font-family: var(--price-font); font-weight: 600; font-size: 14px;
    color: #D50527; letter-spacing: -0.01em; transition: color .15s ease, text-shadow .15s ease;
  }
  .open-link:hover .encar-logo-text { color: #FF3050; text-shadow: 0 0 12px rgba(213,5,39,.65); }
  .fav-heart {background: none; border: none; cursor: pointer; line-height: 1; color: var(--text-faint); padding: 4px}
  .fav-heart.on { color: var(--accent-text); }
  .fav-heart:hover { color: var(--accent-text); }
  .share-btn, .link-btn { background: none; border: none; cursor: pointer; line-height: 1; color: var(--text-faint); padding: 8px 9px; display: inline-flex; align-items: center; }
  .share-btn svg, .link-btn svg { width: 19px; height: 19px; display: block; }
  .share-btn:hover, .link-btn:hover { color: var(--accent-text); }
  .toast { position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 4000; max-width: 88vw; background: var(--fix-raised); color: var(--fix-text); border: 1px solid var(--fix-line); border-radius: var(--r); padding: 10px 16px; font-size: 14px; text-align: center; box-shadow: 0 6px 24px rgba(0,0,0,.45); }

  /* --- Фото: сетка вместо горизонтальной прокрутки (по 4 в ряд, на
     телефоне — по 3). Если фото больше, чем помещается, последняя
     плитка получает затемнение "+N фото" — клик по ней тоже открывает
     полноэкранный просмотр со всеми фото, доступными через стрелки. --- */
  .photo-strip { display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; margin-bottom: 14px; }
  .photo-strip .photo-tile { position: relative; border-radius: var(--radius); overflow: hidden; cursor: pointer; aspect-ratio: 4 / 3; }
  .photo-strip img { width: 100%; height: 100%; object-fit: cover; display: block; border: 1px solid var(--border-soft); box-sizing: border-box; transition: transform .2s ease; }
  .photo-strip .photo-tile:hover img { transform: scale(1.06); }
  .photo-strip .photo-more-overlay {
    position: absolute; inset: 0; background: rgba(10,10,10,.6); color: #fff;
    display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600;
    pointer-events: none;
  }
  @media (max-width: 560px) { .photo-strip { grid-template-columns: repeat(3, 1fr); } }

  /* --- Полноэкранный просмотр фото, как на самом Энкаре: крупное фото
     слева, справа — каталог всех фото карточки (миниатюры в два столбца,
     листаются вверх-вниз, кликабельные). На телефоне — фото сверху, а
     каталог сеткой в три столбца под ним. --- */
  .lightbox {
    position: fixed; inset: 0; z-index: 3000; background: rgba(0,0,0,.92);
    display: flex; flex-direction: column; box-sizing: border-box;
    /* боковые поля — чтобы фото не прилипало к краю экрана; сверху —
       поле под строку состояния iPhone (часы, сеть, батарея): раньше
       заголовок с крестиком попадал ПОД неё, а касания по этой полосе
       перехватывает сама система — крестик было не нажать */
    padding: calc(14px + var(--safe-top)) clamp(24px, 3.4vw, 56px) 12px;
  }
  .lightbox-header { position: relative; flex: none; display: flex; align-items: center; justify-content: center; min-height: 44px; margin-bottom: 8px; }
  .lightbox-title { color: var(--text); font-size: 14px; max-width: calc(100% - 90px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .lightbox-close { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background: none; border: none; color: var(--text); font-size: 32px; line-height: 1; cursor: pointer; padding: 0; }
  .lightbox-body { flex: 1; min-height: 0; display: flex; gap: clamp(20px, 2.4vw, 36px); align-items: stretch; }
  .lightbox-main { flex: 1; min-width: 0; }
  /* Рамка под крупное фото занимает своё место сразу, ещё до загрузки
     картинки (формат 16:9, как у самих фото Энкара) — поэтому стрелки и
     счётчик под ней никуда не прыгают, пока фото грузится. Ширина
     ограничена и по высоте окна, чтобы рамка не вылезала вниз. */
  .lightbox-frame { width: min(100%, calc((100vh - 150px) * 1.7778)); }
  .lightbox-stage { position: relative; width: 100%; aspect-ratio: 16 / 9; }
  .lightbox-img-wrap { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; cursor: zoom-in; touch-action: none; }
  .lightbox-img-wrap img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: var(--radius); display: block; transition: opacity .15s ease; }
  /* Пока крупная картинка грузится — самой картинки не видно (раньше тут
     сначала мелькала маленькая, размытая версия), вместо неё небольшая
     надпись по центру рамки. */
  .lightbox-img-wrap img.lb-loading { opacity: 0; }
  .lightbox-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--text-faint); font-size: 14px; pointer-events: none; }
  .lightbox-spinner.lb-sharp { top: auto; left: auto; right: 12px; bottom: 10px; transform: none; font-size: 12px; padding: 3px 8px; border-radius: var(--r-pill); background: rgba(0,0,0,.55); color: var(--fix-text); }
  .lightbox-img-wrap.zoomed { cursor: zoom-out; }
  /* Пока лупа включена, стрелку мыши над самим фото прячем: раньше в
     центре круга лупы оставался значок курсора-лупы и закрывал как раз то
     место, которое человек разглядывает. Круг лупы и так показывает, где
     находится мышь. Вне фото (пустые поля рамки) курсор остаётся обычным. */
  .lightbox-img-wrap.zoomed img { cursor: none; }
  .lightbox-img-wrap.snapping { transition: transform .22s ease, opacity .22s ease; }
  .loupe {
    position: absolute; width: 140px; height: 140px; border-radius: 50%;
    border: 3px solid var(--accent); pointer-events: none; display: none;
    background-repeat: no-repeat; box-shadow: 0 4px 24px rgba(0,0,0,.5);
    z-index: 10;
  }
  .lightbox-controls { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 10px; }
  .lightbox-arrow {background: var(--surface-2); border: 1px solid var(--border); color: var(--text); width: 38px; height: 38px; font-size: 18px; cursor: pointer}
  .lightbox-arrow:hover { border-color: var(--accent); color: var(--fix-accent-text); }
  .lightbox-count { color: var(--text); font-size: 14px; min-width: 56px; text-align: center; }
  /* Каталог справа. Полоса прокрутки убрана совсем (по просьбе — чтобы не
     занимала место), сама прокрутка колесом мыши и пальцем работает. */
  .lightbox-catalog {
    position: relative; flex: none; width: clamp(240px, 21vw, 340px); overflow-y: auto;
    display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-content: start;
    /* ряды строго по размеру миниатюры: без этого сетка в окне заданной
       высоты сжимала все ряды, чтобы вместить их без прокрутки */
    grid-auto-rows: max-content;
    scrollbar-width: none; overscroll-behavior: contain;
  }
  .lightbox-catalog::-webkit-scrollbar { display: none; }
  .lb-thumb {padding: 0; border: 2px solid transparent; background: var(--surface-2); cursor: pointer; aspect-ratio: 5 / 3; overflow: hidden; display: block}
  .lb-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .lb-thumb.active { border-color: var(--accent); }
  /* На телефоне: стрелки ‹ › не нужны (листают свайпом, как в самом
     приложении Энкара), фото сверху на всю ширину, каталог — под ним,
     сеткой в три столбца, листается пальцем вверх-вниз. */
  @media (max-width: 760px) {
    .lightbox { padding: calc(10px + var(--safe-top)) 10px calc(8px + env(safe-area-inset-bottom, 0px)); }
    .lightbox-arrow { display: none; }
    .lightbox-controls { justify-content: center; }
    /* column-reverse: каталог сверху, основное фото внизу — до нижнего
       края экрана большой палец достаёт легко, а тянуться вверх и
       листать там неудобно (так попросили после проверки на телефоне). */
    .lightbox-body { flex-direction: column-reverse; gap: 10px; }
    
    .lightbox-frame { width: 100%; }
    .lightbox-catalog {min-height: 0; width: 100%; grid-template-columns: repeat(3, 1fr)}
  }
  /* --- Открытое на весь экран фото (на телефоне, по тапу на основное
     фото): чёрный экран, фото по центру, галерея спрятана позади. Листание
     свайпом влево-вправо, увеличение двумя пальцами, двойной тап —
     быстрое увеличение, свайп вниз или × — вернуться к галерее. --- */
  .lb-viewer { position: fixed; inset: 0; z-index: 3100; background: rgba(0,0,0,0); transition: background .25s ease; touch-action: none; overflow: hidden; -webkit-user-select: none; user-select: none; }
  .lb-viewer.open { background: #000; }
  .lb-viewer-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transform-origin: 50% 50%; will-change: transform; -webkit-touch-callout: default; }
  .lb-viewer-close { position: absolute; top: calc(10px + var(--safe-top)); right: 12px; z-index: 3; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--border); background: rgba(0,0,0,.45); color: var(--text); font-size: 24px; line-height: 1; padding: 0; cursor: pointer; }
  .lb-viewer-count { position: absolute; top: calc(22px + var(--safe-top)); left: 50%; transform: translateX(-50%); z-index: 3; color: var(--text); font-size: 14px; text-shadow: 0 1px 3px #000; pointer-events: none; }
  .lb-viewer-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--text-faint); font-size: 14px; pointer-events: none; }
  .open-link:hover { color: var(--text); }

  .empty-state { padding: 40px 10px; text-align: center; color: var(--text-muted); }
  .empty-state .big { font-size: 24px; color: var(--text-faint); margin-bottom: 6px; font-family: var(--mono); }
  .spinner-line { font-size: 14px; color: var(--text-muted); padding: 10px 6px; }

  /* ---------- check-by-link view ---------- */
  
  .check-box .field { padding: 0; border: none; margin-bottom: 10px; }
  .check-box input { padding: 10px 12px; font-size: 14px; }
  #checkResult { margin-top: 22px; }

  @media (max-width: 760px) {
    .mobile-filters-toggle {
      display: block; width: 100%; text-align: left; margin-bottom: 14px;
      background: var(--surface); border: 1px solid var(--border-soft); border-radius: var(--radius);
      padding: 10px 14px; color: var(--text); cursor: pointer; font-size: 14px; font-weight: 500;
    }
    .layout.filters-collapsed .panel.filters-panel { display: none; }
  }

/* Телефон: иконки соцсетей — над переключателем темы, между ними небольшой отступ */
@media (max-width: 760px) {
  .header-right { flex-direction: column; align-items: flex-end; gap: 10px; }
}

/* Соцсети ещё компактнее */

.contact-icons a, .contact-icons svg {border-radius: var(--r-sm)}

/* Убраны оранжевые метки «новое» в карточке */

/* ==== ТЕЛЕФОН (нет наведения): эффект нажатия вместо hover, чтобы ничего не «залипало» после касания ==== */
@media (hover: none) {
  /* Поиск / Проверить — тёмная тема */

  /* Поиск — светлая тема */
  :root[data-theme="light"] .search-btn:not(:disabled):not(:active):hover {
    color: var(--on-accent) !important; text-shadow: none !important;
    background: linear-gradient(180deg, var(--accent), var(--accent)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.35), 0 4px 12px rgba(var(--accent-rgb),.35); transform: none;
  }
  :root[data-theme="light"] .search-btn:active:not(:disabled) {
    color: var(--text) !important; text-shadow: 0 0 5px rgba(0,0,0,.20) !important;
    background: linear-gradient(180deg, var(--accent), var(--accent)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.3), 0 2px 6px rgba(var(--accent-rgb),.4); transform: scale(.97);
  }
  /* вкладки шапки */
  .tab-btn:hover, .src-btn:hover { transform: none; text-shadow: none; }
  .tab-btn:not(.active):hover, .src-btn:not(.active):hover { color: var(--fix-muted); background: none; border-color: transparent; box-shadow: none; }
  .tab-btn.active:hover, .src-btn.active:hover { color: var(--fix-text); }
  .tab-btn:active, .src-btn:active { transform: scale(.94); color: var(--accent-text) !important; text-shadow: 0 0 12px rgba(var(--accent-rgb),.6); }
  /* соцсети */
  .contact-icons a:hover { transform: none; border-color: rgba(255,255,255,.30);
    box-shadow: inset 0 1px rgba(255,255,255,.55), inset 0 -6px 10px rgba(0,0,0,.18), 0 6px 16px rgba(var(--ic), .30), 0 2px 5px rgba(0,0,0,.35); }
  .contact-icons a:active { transform: scale(.86); border-color: rgba(255,255,255,.6);
    box-shadow: inset 0 1px rgba(255,255,255,.65), 0 0 14px rgba(var(--ic), .85), 0 0 26px rgba(var(--ic), .45); }
  /* «Поделиться» / «Избранное» */
  .fav-heart:hover, .share-btn:hover, .fav-heart:hover, .link-btn:hover { transform: none; }
  .fav-heart:active, .share-btn:active, .fav-heart:active, .link-btn:active { transform: scale(.88); border-color: rgba(255,193,106,.7);
    box-shadow: inset 0 1px rgba(255,255,255,.35), 0 0 14px rgba(var(--accent-rgb),.6); }
  /* «История ДТП» */
  .radio-opt:hover { transform: none; }
  .radio-opt:active { transform: scale(.96); border-color: rgba(var(--accent-rgb),.8); }
  /* логотип и шапка карточки */
  .logo-live:active { filter: drop-shadow(0 0 5px rgba(var(--accent-rgb),.75)) drop-shadow(0 0 12px rgba(var(--accent-rgb),.35)); }
  .car-row summary:hover { transform: none; }
  .car-row summary:active { background: linear-gradient(145deg, rgba(var(--accent-rgb),.10), rgba(var(--accent-rgb),.02)); box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb),.4); }
}

/* Значок «без ДТП / N ДТП»: более квадратный; на телефоне меньше */

@media (max-width: 560px) {
  .acc-badge:not(:empty) {border-radius: var(--r-sm); align-items: center}
  
  .acc-badge .acc-label {position: relative; top: 1px}
}

/* Открытая карточка: её шапка (фото, название, цена) остаётся закреплённой под шапкой приложения при прокрутке */
main, .row-list, .car-detail { overflow-x: clip; }
.car-row[open] > summary {
  position: sticky !important; top: var(--hdr-h, 88px); z-index: 6;
  background-color: var(--bg) !important;
}

/* ==== era-concept-v3-effects ==== */
/* ==================================================================
   ЭФФЕКТЫ ИЗ КОНЦЕПТА V3 — поверх вашего стиля, без смены цветов.
   Все оттенки берутся из фирменных (#F58B2E / #F58B2E / #0A0A0A и т.д.).
   Этот блок — единственное место с эффектами: удалите его целиком,
   и приложение вернётся к прежнему виду.
   ================================================================== */
/* v285: --glow удалён (нигде не использовался); все токены — в первом <style> */

/* 1 · v284: сетка-клеточка 42×42 и оранжевое пятно на фоне убраны — фон ровный */

/* 2 · v284: оранжевая полоска-«тахометр» над шапкой убрана */

/* 3 · Вкладки: стеклянная «таблетка» при наведении и у активной */
.tab-btn, .src-btn { border: 1px solid transparent; border-radius: var(--r); transition: color .2s, transform .2s, text-shadow .2s, background .2s, border-color .2s, box-shadow .2s; }
.tab-btn:hover, .src-btn:hover {
  border-color: rgba(255, 255, 255, .16);
  background: linear-gradient(135deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .02));
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  box-shadow: inset 0 1px rgba(255, 255, 255, .14), 0 6px 18px rgba(0, 0, 0, .35);
}
.tab-btn.active, .src-btn.active {
  border-color: rgba(255, 255, 255, .16);
  background: linear-gradient(135deg, rgba(255, 255, 255, .09), rgba(var(--accent-rgb),.05) 65%, rgba(255, 255, 255, .02));
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 0 18px rgba(var(--accent-rgb),.10);
}

/* 4 · Иконки соцсетей и переключатель темы */

/* 5 · Панель фильтров: глубина, лёгкая рамка, «орбиты» в углу */
.panel.filters-panel {
  position: relative; isolation: isolate;
  border-color: rgba(255, 255, 255, .09);
  box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 14px 40px rgba(0, 0, 0, .55), 0 0 35px rgba(var(--accent-rgb),.035);
}

.panel.filters-panel::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none; right: 14px; bottom: 14px; width: 96px; height: 96px; border-radius: 50%;
  border: 1px solid rgba(var(--accent-rgb),.16);
  box-shadow: 0 0 0 12px rgba(var(--accent-rgb),.035), 0 0 0 25px rgba(var(--accent-rgb),.022);
}

/* 6 · Поля и выпадающие списки: матовое стекло, оранжевая рамка при наведении */

.csel-arrow { color: var(--accent-text); }

.csel-inline .csel-menu { background: none !important; border: none !important; box-shadow: none !important; backdrop-filter: none; -webkit-backdrop-filter: none; }
.csel-option:hover, .csel-check-option:hover { background: linear-gradient(90deg, rgba(var(--accent-rgb),.14), rgba(var(--accent-rgb),.02)); }
.csel-option.selected { text-shadow: 0 0 12px rgba(var(--accent-rgb),.35); }

/* 7 · «История ДТП»: варианты — стеклянные таблетки */
@supports selector(:has(*)) {
  .radio-row { flex-direction: row; flex-wrap: wrap; gap: 7px; }
  .radio-opt {
    position: relative; padding: 7px 12px; border-radius: var(--r-lg); font-size: 12px; color: var(--text-muted);
    border: 1px solid rgba(255, 255, 255, .11);
    background: linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015));
    -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
    box-shadow: inset 0 1px rgba(255, 255, 255, .10), 0 4px 12px rgba(0, 0, 0, .25);
    transition: color .2s, border-color .2s, background .2s, box-shadow .2s, transform .2s;
  }
  .radio-opt input { position: absolute; opacity: 0; pointer-events: none; }
  .radio-opt:hover { color: var(--text); border-color: rgba(var(--accent-rgb),.5); transform: translateY(-1px); }
  .radio-opt:has(input:checked) {
    color: var(--accent-text); border-color: rgba(255, 255, 255, .24);
    background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(var(--accent-rgb),.10) 62%, rgba(255, 255, 255, .03));
    box-shadow: inset 0 1px rgba(255, 255, 255, .20), 0 0 18px rgba(var(--accent-rgb),.16);
  }
  .radio-opt:has(input:focus-visible) { outline: 2px solid var(--accent-hover); outline-offset: 2px; }
}

/* 8 · Строки результатов: стеклянная подсветка и тёплая рамка при наведении */
.car-row summary { transition: background .2s, box-shadow .22s, transform .25s cubic-bezier(.2, .8, .3, 1); }
.car-row summary:hover, .car-row[open] summary {
  background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012));
  box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb),.34), 0 10px 30px rgba(0, 0, 0, .45), 0 0 22px rgba(var(--accent-rgb),.05);
}
@media (hover: hover) {
  .car-row summary {position: relative; transform-origin: center}
  .car-row summary:hover { transform: scale(1.015); z-index: 2; }
  /* запас по бокам, чтобы увеличенная карточка и её рамка не обрезались краем списка */
  .row-list { padding-inline: 10px; margin-inline: -10px; }
}
.thumb { box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 4px 12px rgba(0, 0, 0, .45); transition: box-shadow .2s; }
.car-row summary:hover .thumb { box-shadow: 0 0 0 1px rgba(var(--accent-rgb),.45), 0 4px 14px rgba(0, 0, 0, .5); }
.row-price { text-shadow: 0 0 16px rgba(var(--accent-rgb),.25); }
.chev { color: var(--accent-text); }

/* 9 · Плашка «без ДТП / N ДТП» — стеклянный бейдж, как чип на карточке концепта */
.acc-badge:not(:empty) {
  padding: 3px 9px 3px 8px; border-radius: var(--r-lg); border: 1px solid rgba(255, 255, 255, .16);
  background: linear-gradient(135deg, rgba(255, 255, 255, .10), rgba(10, 9, 8, .55));
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  box-shadow: inset 0 1px rgba(255, 255, 255, .15), 0 4px 12px rgba(0, 0, 0, .35);
}
@supports selector(:has(*)) {
  .acc-badge:has(.acc-dot.good) { border-color: rgba(111, 185, 138, .45); }
  .acc-badge:has(.acc-dot.bad) { border-color: rgba(228, 85, 58, .5); }
}

/* 10 · Сердечко и «поделиться» — стеклянные круглые кнопки */
.fav-heart, .share-btn, .fav-heart, .link-btn {
  width: 34px; height: 34px; padding: 0; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(255, 255, 255, .22);
  background: linear-gradient(145deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .03));
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  box-shadow: inset 0 1px rgba(255, 255, 255, .28), 0 4px 12px rgba(0, 0, 0, .4);
  transition: color .2s, transform .2s, box-shadow .25s, border-color .2s;
}
.fav-heart { font-size: 18px; }
.fav-heart:hover, .share-btn:hover, .fav-heart:hover, .link-btn:hover { transform: translateY(-1px) scale(1.06); border-color: rgba(255, 193, 106, .6); box-shadow: inset 0 1px rgba(255, 255, 255, .35), 0 0 14px rgba(var(--accent-rgb),.4); }
.fav-heart.on { box-shadow: inset 0 1px rgba(255, 255, 255, .28), 0 0 14px rgba(var(--accent-rgb),.45); }

/* 11 · Карточка машины: фото-плитки, показатели, блоки ДТП */
.photo-strip .photo-tile { box-shadow: 0 6px 16px rgba(0, 0, 0, .45); transition: box-shadow .22s, transform .22s; }
.photo-strip .photo-tile:hover { box-shadow: 0 0 0 1px rgba(var(--accent-rgb),.5), 0 8px 20px rgba(0, 0, 0, .55), 0 0 18px rgba(var(--accent-rgb),.12); }
.accident-box { position: relative; box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 8px 24px rgba(0, 0, 0, .3); }
.accident-box::before {
  content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 2px; border-radius: 2px;
  background: linear-gradient(180deg, var(--accent), var(--accent), transparent); box-shadow: 0 0 12px rgba(var(--accent-rgb),.8); opacity: .85;
}
.accident-box.good::before { background: linear-gradient(180deg, #A8E0BF, var(--good), transparent); box-shadow: 0 0 12px rgba(111, 185, 138, .7); }
.accident-box.bad::before { background: linear-gradient(180deg, #FF9B84, var(--bad), transparent); box-shadow: 0 0 12px rgba(228, 85, 58, .7); }
.open-link { transition: color .2s, transform .2s; }
.open-link:hover { transform: translateX(3px); }

/* Светлая тема — те же приёмы, но без «тёмного стекла» */
:root[data-theme="light"] .csel-trigger:hover, :root[data-theme="light"] .csel.open .csel-trigger { border-color: rgba(var(--accent-rgb),.6); box-shadow: 0 0 0 3px rgba(var(--accent-rgb),.10); }
:root[data-theme="light"] .car-row summary:hover, :root[data-theme="light"] .car-row[open] summary { box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb),.35), 0 8px 22px rgba(0, 0, 0, .08); }
:root[data-theme="light"] .fav-heart, :root[data-theme="light"] .share-btn, :root[data-theme="light"] .fav-heart, :root[data-theme="light"] .link-btn { background: rgba(255, 255, 255, .7); border-color: rgba(0, 0, 0, .12); box-shadow: 0 2px 8px rgba(0, 0, 0, .08); }
:root[data-theme="light"] .acc-badge:not(:empty) { background: rgba(255, 255, 255, .8); border-color: rgba(0, 0, 0, .14); }
:root[data-theme="light"] .panel.filters-panel::after { display: none; }

@media (prefers-reduced-motion: reduce) {
  .tab-btn, .car-row summary, .radio-opt, .fav-heart, .share-btn, .contact-icons a, .open-link, .src-btn, .car-row summary, .radio-opt, .fav-heart, .share-btn, .contact-icons a, .open-link, .tab-btn, .car-row summary, .radio-opt, .fav-heart, .link-btn, .contact-icons a, .open-link, .src-btn, .car-row summary, .radio-opt, .fav-heart, .link-btn, .contact-icons a, .open-link { transition: none !important; }
  .car-row summary:hover, .radio-opt:hover, .fav-heart:hover, .share-btn:hover, .open-link:hover, .car-row summary:hover, .radio-opt:hover, .fav-heart:hover, .link-btn:hover, .open-link:hover { transform: none !important; }
}

/* Шапка карточки (строка результата) — выше и крупнее; только на широких экранах */
@media (min-width: 561px) {
  .car-row summary { grid-template-columns: 96px 1fr auto auto; padding: 26px 12px; gap: 22px; }
  .car-row summary .thumb { width: 96px; height: 72px; }
  
  .row-title .meta { font-size: 14px; margin-top: 5px; }

}

/* Раскрытие карточки: проявляется из размытия — сразу, без задержки */
@keyframes eraBlurIn {   /* v284: без размытия и масштаба — только прозрачность */
  from { opacity: 0; }
  to   { opacity: 1; }
}
.car-row[open] .car-detail > * { animation: eraBlurIn .25s ease-out both; }
@media (prefers-reduced-motion: reduce) { .car-row[open] .car-detail > * { animation: none; } }

/* ===== Переключатель темы: компактный и «живой» — луна со звёздами / солнце с облаками ===== */
.theme-switch { padding: 6px 0; }
.theme-switch .ts-icon { display: none; }
.theme-switch .ts-track {
  width: 40px; height: 22px; border-radius: var(--r); overflow: hidden;
  background: linear-gradient(180deg, var(--fix-surface), var(--fix-raised));
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .10);
  transition: background .5s ease, box-shadow .3s ease;
}
.theme-switch.is-light .ts-track { background: linear-gradient(180deg, #8a8579, #b8b1a1); }
.theme-switch:hover .ts-track { box-shadow: inset 0 1px 2px rgba(0, 0, 0, .55), 0 0 0 1px rgba(var(--accent-rgb),.45); }
/* звёзды (тёмная тема) — мерцают */
.theme-switch .ts-track::before {
  content: ""; position: absolute; left: 6px; top: 5px; width: 2px; height: 2px; border-radius: 50%; background: #fff;
  box-shadow: 7px 6px 0 -.5px rgba(255,255,255,.85), 2px 10px 0 -.5px rgba(255,255,255,.7), 12px 1px 0 -.5px rgba(255,255,255,.6), 15px 9px 0 -.6px rgba(255,255,255,.7);
  opacity: 1; transition: opacity .4s ease;
}
/* облачко (светлая тема) — медленно плывёт */
.theme-switch .ts-track::after {
  content: ""; position: absolute; right: 5px; top: 11px; width: 11px; height: 4px; border-radius: var(--r-sm); background: rgba(255, 255, 255, .8);
  box-shadow: -3px -2px 0 -.5px rgba(255,255,255,.8), 3px -3px 0 -1px rgba(255,255,255,.8);
  opacity: 0; transition: opacity .4s ease;
}
.theme-switch.is-light .ts-track::before { opacity: 0; animation-play-state: paused; }
.theme-switch.is-light .ts-track::after { opacity: 1; }
/* сам кружок: луна с кратерами → солнце с мягким свечением */
.theme-switch .ts-knob {
  top: 3px; left: 3px; width: 16px; height: 16px; transform: translateX(18px);
  background:
    radial-gradient(circle at 32% 36%, rgba(0,0,0,.14) 0 2px, transparent 2.6px),
    radial-gradient(circle at 66% 62%, rgba(0,0,0,.11) 0 1.6px, transparent 2.2px),
    radial-gradient(circle at 35% 30%, #ffffff, #d8d4ca 70%);
  box-shadow: 0 0 6px rgba(255, 255, 255, .35), 0 1px 2px rgba(0, 0, 0, .5);
  transition: transform .25s ease, background .25s ease;
}
.theme-switch.is-light .ts-knob {
  transform: translateX(0);
  background: radial-gradient(circle at 35% 30%, var(--accent-hover), var(--accent-hover) 55%, var(--accent));
  box-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}
.theme-switch:active .ts-knob { width: 20px; }
.theme-switch:not(.is-light):active .ts-knob { transform: translateX(14px); }
/* v284: анимации eraTwinkle / eraCloud / eraMoonGlow / eraSunGlow удалены */
@media (max-width: 760px) { .theme-switch { padding: 3px 0; } }
@media (prefers-reduced-motion: reduce) { .theme-switch .ts-track::before, .theme-switch .ts-track::after, .theme-switch .ts-knob { animation: none !important; } }

/* v284: неоновая окантовка переключателя темы убрана */

/* «История ДТП» на компьютере: варианты друг под другом, углы менее круглые (на телефоне — как раньше) */
@media (min-width: 761px) {
  @supports selector(:has(*)) {
    .radio-row { flex-direction: column; flex-wrap: nowrap; gap: 6px; }
    .radio-opt { border-radius: var(--r-sm); }
  }
}

/* «Поиск» / «Проверить»: при наведении свечение НЕ усиливается — остаётся как в покое (только лёгкий подъём и блик) */
.search-btn:hover:not(:disabled) {
  color: var(--on-accent) !important;
  border-color: var(--accent) !important;
  background: linear-gradient(120deg, rgba(var(--neon), .16), rgba(20, 14, 8, .62) 50%, rgba(var(--neon), .13)) !important;
  box-shadow: inset 0 0 12px rgba(var(--neon), .18), 0 0 8px rgba(var(--neon), .38), 0 0 24px rgba(var(--neon), .20);
  text-shadow: 0 0 10px rgba(var(--neon), .45);
}

/* «Поиск» / «Проверить» при наведении: подсвечивается только сам текст — белым неоном (кнопка светится как в покое) */

/* Шапка карточки: название крупнее, цена мельче и с более плотными цифрами */
.row-title .name { font-size: 14px; }
.row-price { font-size: 12px; letter-spacing: -.03em; }
@media (min-width: 561px) {
  .row-title .name { font-size: 18px; }
  .row-price { font-size: 16px; letter-spacing: -.035em; }
}

/* Год выпуска / Двигатель / Пробег / Цена — шрифт в полях и списках чуть мельче */
.field:has(#fYearFrom) .csel-trigger, .field:has(#engineBadgePanel) .csel-trigger,
.field:has(#fMileageFrom) .csel-trigger, .field:has(#fPriceFrom) .csel-trigger { font-size: 12px; }
.field:has(#fYearFrom) .csel-option, .field:has(#engineBadgePanel) .csel-option, .field:has(#engineBadgePanel) .csel-check-name,
.field:has(#fMileageFrom) .csel-option, .field:has(#fPriceFrom) .csel-option { font-size: 12px; }

/* Списки пробега / цены / года: значения в одну строку, шрифт мельче, список при необходимости шире поля */
.range-row .csel-menu { right: auto; min-width: 100%; width: max-content; max-width: 240px; }
.range-row .csel-option { white-space: nowrap; font-size: 12px; padding: 6px 10px; }

/* ===== Живой логотип: «прокладывается» след протектора, затем дышит свечением и по нему пробегает блик ===== */
.logo-live { position: relative; display: block; flex-shrink: 0; }
.logo-live img {
  display: block; cursor: pointer;
  /* v284: без свечения, «въезда», пульсации (eraLogoDrive / eraLogoGlow удалены) */
}
/* блик бежит только по оранжевому рисунку: маска берётся из самой картинки */
.logo-live.ready::after { display: none; }   /* v284: бегущий блик (eraLogoSweep) и неон при наведении убраны */
@media (prefers-reduced-motion: reduce) {
  .logo-live img, .logo-live.ready::after { animation: none !important; transition: none; }
}

/* Бейдж «без ДТП / N ДТП»: на компьютере — прямо под строкой «год · км · регион», компактнее */
@media (min-width: 561px) {
  .car-row summary { grid-template-rows: auto auto; row-gap: 8px; align-items: center; }
  .car-row summary .thumb { grid-column: 1; grid-row: 1 / 3; align-self: center; }
  .row-title { display: contents; }
  .row-title .name-wrap { grid-column: 2; grid-row: 1; align-self: end; }
  .row-title .acc-badge { grid-column: 2; grid-row: 2; justify-self: start; align-self: start; margin: 0; }
  .row-price { grid-column: 3; grid-row: 1 / 3; justify-self: end; align-self: center; }
  .car-row summary .chev { grid-column: 4; grid-row: 1 / 3; align-self: center; }
  .acc-badge:not(:empty) { padding: 2px 8px 2px 7px; gap: 4px; }
  .acc-badge .acc-dot { width: 7px; height: 7px; box-shadow: none; }
  .acc-badge .acc-label { font-size: 10px; line-height: 1.3; }
}

/* Светлая тема: «Поиск» / «Проверить» — сплошная заливка; цена авто — с тенью */
:root[data-theme="light"] .search-btn, :root[data-theme="light"] .search-btn:hover:not(:disabled) {
  border: 1px solid var(--accent-text) !important;
  color: var(--on-accent) !important; text-shadow: none !important;
  background: linear-gradient(180deg, var(--accent), var(--accent)) !important;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  box-shadow: inset 0 1px rgba(255, 255, 255, .35), 0 4px 12px rgba(var(--accent-rgb),.35);
}
:root[data-theme="light"] .search-btn:hover:not(:disabled) {
  background: linear-gradient(180deg, var(--accent), var(--accent)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .3), 0 6px 16px rgba(var(--accent-rgb),.42);
}
:root[data-theme="light"] .search-btn:hover:not(:disabled) { color: var(--text) !important; text-shadow: 0 0 5px rgba(0,0,0,.20) !important; }
:root[data-theme="light"] .search-btn:disabled { background: linear-gradient(180deg, var(--accent), var(--accent)) !important; box-shadow: none; }
:root[data-theme="light"] .search-btn::after { display: none; }
:root[data-theme="light"] .row-price,
:root[data-theme="light"] .stat .v.encar-num[style*="accent"] {
  color: var(--on-accent) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.14), 0 2px 7px rgba(0,0,0,.14);
}

/* Светлая тема: читаемый выбранный вариант «История ДТП» */
@supports selector(:has(*)) {
  :root[data-theme="light"] .radio-opt { border-color: rgba(20,23,27,.16); background: rgba(255,255,255,.55); box-shadow: 0 2px 6px rgba(20,23,27,.08); }
  :root[data-theme="light"] .radio-opt:hover { color: var(--on-accent); border-color: rgba(var(--accent-rgb),.6); }
  :root[data-theme="light"] .radio-opt:has(input:checked) {
    color: var(--text); font-weight: 600; border-color: var(--accent);
    background: transparent;
    text-shadow: 0 0 5px rgba(0,0,0,.20);
    box-shadow: none;
  }
}

/* Соцсети: стеклянные плитки с фирменным оттенком */

.contact-icons a {--ic: 30, 220, 100; --ic2: 8, 150, 60;
  position: relative; width: 32px; height: 32px; overflow: hidden; isolation: isolate;
  border: 1px solid rgba(255, 255, 255, .30);
  background:
    linear-gradient(160deg, rgba(255, 255, 255, .34) 0%, rgba(255, 255, 255, 0) 46%),
    linear-gradient(145deg, rgba(var(--ic), .98), rgba(var(--ic2), .72));
  -webkit-backdrop-filter: blur(10px) saturate(2); backdrop-filter: blur(10px) saturate(2);
  box-shadow: inset 0 1px rgba(255, 255, 255, .55), inset 0 -6px 10px rgba(0, 0, 0, .18), 0 6px 16px rgba(var(--ic), .30), 0 2px 5px rgba(0, 0, 0, .35);
  transition: transform .3s cubic-bezier(.34, 1.6, .64, 1), box-shadow .25s ease, border-color .25s ease}
.contact-icons a[title="Telegram"]  { --ic: 30, 170, 245; --ic2: 10, 100, 210; }
.contact-icons a[title="YouTube"]   { --ic: 255, 30, 30;  --ic2: 200, 0, 10; }
.contact-icons a[title="Instagram"] {
  --ic: 214, 36, 159; --ic2: 90, 60, 220;
  background:
    linear-gradient(160deg, rgba(255, 255, 255, .34) 0%, rgba(255, 255, 255, 0) 46%),
    radial-gradient(circle at 20% 95%, rgba(var(--accent-rgb),1), transparent 58%),
    linear-gradient(145deg, rgba(226, 30, 160, .97), rgba(100, 60, 235, .75));
}
.contact-icons a::after {   /* блик-полоска по стеклу */
  content: ""; position: absolute; z-index: -1; left: -30%; top: -60%; width: 160%; height: 90%;
  background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0)); border-radius: 50%; pointer-events: none;
}
.contact-icons svg { width: 32px; height: 32px; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .35)); }
.contact-icons svg > rect:first-of-type { fill: transparent !important; }
.contact-icons a:hover {
  transform: translateY(-2px) scale(1.08); filter: none; border-color: rgba(255, 255, 255, .55);
  box-shadow: inset 0 1px rgba(255, 255, 255, .65), inset 0 -6px 10px rgba(0, 0, 0, .12), 0 0 16px rgba(var(--ic), .65), 0 8px 18px rgba(var(--ic), .35);
}
.contact-icons a:active { transform: scale(.94); }

@media (max-width: 720px) {   /* мобильные вкладки шапки: компактнее по высоте, в одну строку */
  nav.tabs { gap: 2px; }
  .tab-btn, .src-btn { padding: 7px 4px; font-size: 12px; line-height: 1.2; white-space: nowrap; border-radius: var(--r-sm); }
}
@media (max-width: 360px) { .tab-btn, .src-btn { font-size: 12px; padding: 7px 2px; } }

/* Цены — белые (тёмная тема) */

/* Телефон: цена — второй строкой справа, на уровне бейджа ДТП; пробег и регион больше не обрезаются */
@media (max-width: 560px) {
  .car-row summary { grid-template-rows: auto auto; row-gap: 6px; align-items: center; }
  .car-row summary .thumb { grid-column: 1; grid-row: 1 / 3; align-self: center; }
  .row-title { display: contents; }
  .row-title .name-wrap { grid-column: 2 / 4; grid-row: 1; align-self: end; min-width: 0; }
  .row-title .acc-badge { grid-column: 2; grid-row: 2; justify-self: start; align-self: center; margin: 0; }
  .row-price { grid-column: 3; grid-row: 2; justify-self: end; align-self: center; font-size: 14px; }
  .car-row summary .chev { grid-column: 4; grid-row: 1 / 3; align-self: center; }
  .acc-badge:not(:empty) { padding: 2px 8px 2px 7px; gap: 4px; }
  .acc-badge .acc-dot { width: 7px; height: 7px; box-shadow: none; }
  .acc-badge .acc-label { font-size: 10px; line-height: 1.3; }
}

/* Телефон, просмотр фото: каталог — только 2 ряда (остальные листаются пальцем), основное фото выше — сразу под каталогом */
@media (max-width: 760px) {
  .lightbox-main { flex: 1; display: flex; flex-direction: column; justify-content: center; min-height: 0; }
  .lightbox-catalog { flex: none; height: calc(2 * ((100vw - 20px - 16px) / 3 * .6) + 8px); max-height: 40vh; }
}

/* Компактнее: соцсети и переключатель темы; кнопка «⚙ Фильтры» на телефоне убрана (фильтры всегда открыты) */
.contact-icons { gap: 8px; }
.contact-icons a, .contact-icons svg { width: 26px; height: 26px; }
.contact-icons a { border-radius: var(--r); }
.theme-switch { zoom: .8; }
@media (max-width: 720px) {
  .contact-icons { gap: 6px; }
  .contact-icons a, .contact-icons svg { width: 23px; height: 23px; border-radius: var(--r-sm); }
  .theme-switch { zoom: .75; }
}
@media (max-width: 360px) { .contact-icons a, .contact-icons svg { width: 21px; height: 21px; border-radius: var(--r-sm); } }
.mobile-filters-toggle { display: none !important; }

/* ==== era-v172-crisp-text ==== */
/* v172 (по просьбе пользователя): надписи, названия моделей и цены — БЕЗ подсветки и
   неонового свечения, чтобы текст не выглядел размытым. Чтобы вернуть как было,
   достаточно удалить этот блок <style> целиком. Кнопки (вкладки, «Поиск») не тронуты. */
.row-price,
:root[data-theme="light"] .row-price,
.stat .v.encar-num[style*="accent"],
:root[data-theme="light"] .stat .v.encar-num[style*="accent"],
.csel-option.selected,
.radio-opt, .radio-opt:has(input:checked),
:root[data-theme="light"] .radio-opt:has(input:checked) { text-shadow: none !important; }
/* v175: увеличение строки объявления при наведении ВОЗВРАЩЕНО (как в редизайне). */
/* v176 (по просьбе пользователя): увеличение при наведении — без потери чёткости. У строки
   убрана подсказка will-change: transform: с ней браузер растягивал готовый «снимок» строки,
   и текст с миниатюрой становились мягкими; без неё строка после увеличения перерисовывается
   заново, уже в новом размере. Само увеличение, рамка и подсветка не изменены. */
@media (hover: hover) { .car-row summary { will-change: auto !important; } }

/* ==== era-v177-sticky-jitter ==== */
/* v177: на телефоне (iPhone) закреплённая шапка открытой карточки подёргивалась при
   прокрутке — по записи экрана она прыгала на 1–6 пикселей вверх и обратно, тогда как
   шапка самого приложения стояла неподвижно. Вероятная причина: у предков шапки карточки
   (main и .row-list) стоит обрезка overflow-x: clip — с ней Safari на iPhone двигает
   закреплённый элемент не одновременно с прокруткой, а с опозданием на кадр.
   Только для сенсорных экранов: 1) у main и .row-list обрезка снята (страница по ширине
   всё равно обрезается на уровне html/body, горизонтальной прокрутки не появится);
   2) шапка открытой карточки вынесена в отдельный слой.
   На компьютере ничего не меняется. Чтобы вернуть как было — удалить этот блок <style>. */
@media (hover: none) {
  main, .row-list { overflow-x: visible; }
  .car-row[open] > summary { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
}

/* ==== era-sources ==== */
.src-bar{max-width:1200px;margin:0 auto;padding:0 20px 10px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.src-bar::-webkit-scrollbar{display:none}
.src-bar .src-btn{flex:none}
@media (max-width:760px){.src-bar{padding:0 18px 8px;gap:2px}.src-bar .src-btn{flex:1}}
.auc-head{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;margin-bottom:14px;color:var(--text-muted);font-size:14px}
.auc-head strong{color:var(--text);font-weight:600;font-size:16px}
.auc-diagram{background:#fff;border-radius:var(--radius);padding:8px;margin-bottom:14px;max-width:560px}
.auc-diagram img{display:block;width:100%}
.auc-legend{font-size:12px;color:var(--text-muted);margin:-6px 0 14px}

.auc-opts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.auc-opts span{font-size:12px;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--border-soft);color:var(--text-muted)}
.accident-box+.accident-box{margin-top:10px}
.row-price small.fx-line{font-size:12px;color:var(--text-muted);margin-top:3px;letter-spacing:0}
.tab-btn[data-w]::after{content:attr(data-w);display:block;height:0;overflow:hidden;visibility:hidden;font-weight:600;white-space:nowrap}
.view .acc-badge:not(:empty){border-radius:var(--r-sm)}
@media (max-width:560px){.view .acc-badge:not(:empty){border-radius:var(--r-sm)}}
#favCount{display:inline-block !important;min-width:2.4ch;text-align:left}
header .tab-btn,header .src-btn{border-color:transparent !important;background:none !important;box-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
header .tab-btn.active,header .src-btn.active{color:#fff !important;text-shadow:0 0 7px rgba(255,255,255,.55),0 0 16px rgba(255,255,255,.22) !important}
#favCount[style*="display: none"],#favCount[style*="display:none"]{visibility:hidden}
.auc-soon{padding:40px 0;color:var(--text-muted);font-size:14px}
@media (max-width:560px){ .car-row[data-k="happycar"]>summary{grid-template-rows:auto auto auto !important} .car-row[data-k="happycar"]>summary .row-price{grid-column:2 / 4 !important;grid-row:3 !important;text-align:left;display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;justify-self:start} .car-row[data-k="happycar"]>summary .row-price small{display:inline} }
.hc-noprice{font-size:12px;font-weight:500;color:var(--text-muted)}
.hc-dl{color:var(--accent-text) !important}
.hc-dl.closed{color:var(--bad) !important}
.car-row.hc-closed>summary .thumb,.car-row.hc-closed>summary .row-title{opacity:.55}
.hc-desc{margin:14px 0;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border-soft);background:var(--surface);font-size:14px;line-height:1.55}
.hc-desc-t{font-weight:600;margin-bottom:6px}
.hc-note{padding:2px 0}
.hc-desc-f{margin-top:8px;font-size:12px;color:var(--text-faint)}
.auc-sw{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.auc-sw:empty{display:none}
.auc-sw-btn{font:inherit;font-size:14px;font-weight:500;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--border-soft);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}
.auc-sw-btn:hover{color:var(--text)}
.auc-sw-btn.on{border-color:var(--accent);color:var(--text);font-weight:600;box-shadow:0 0 0 1px var(--accent) inset}
@media (max-width:560px){.auc-sw-btn{flex:1 1 100%;text-align:left}}
.auc-ended{margin:0 0 14px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--bad);background:var(--bad-bg);color:var(--text);font-size:14px;line-height:1.5}
.auc-ended b{color:var(--bad)}
/* v186: фото в шапке карточки крупнее */
@media (min-width:561px){ .car-row summary{grid-template-columns:136px 1fr auto auto !important;padding-top:16px !important;padding-bottom:16px !important} .car-row summary .thumb{width:136px !important;height:102px !important} }
@media (max-width:560px){ .car-row summary{grid-template-columns:84px 1fr auto auto !important;column-gap:12px !important} .car-row summary .thumb{width:84px !important;height:63px !important} }
.auc-sch{position:relative;line-height:0}
.auc-sch .auc-base{display:block;width:100%;position:relative;z-index:2}
.auc-sch .auc-layer{position:absolute;top:0;height:100%;z-index:1}
.auc-sch .auc-mark{position:absolute;z-index:3;transform:translate(-50%,-50%);visibility:hidden;font:600 12px/1.3 var(--sans);color:#c8102e;background:rgba(255,255,255,.88);border:1px solid #c8102e;border-radius:3px;padding:0 3px;white-space:nowrap}
.auc-more{margin:14px 0 6px;width:100%}
/* Правая часть шапки: значки соцсетей, язык и тема — одного размера и одной скруглённости; под ними строка курса */
header.top{--hb:22px;--hr:7px}
header.top .header-right{display:flex !important;flex-direction:row !important;align-items:center;gap:6px}
header.top .contact-icons{gap:5px !important}
header.top .contact-icons a,header.top .contact-icons svg{width:var(--hb) !important;height:var(--hb) !important}
header.top .contact-icons a{border-radius:var(--hr) !important}
header.top .lang-theme-row{gap:5px !important}
header.top .lang-switch{height:var(--hb);box-sizing:border-box;border-radius:var(--hr) !important}
header.top .lang-switch span{display:flex;align-items:center;height:100%;padding:0 6px !important;font-size:10px !important}
/* переключатель языка — стекло, как значки соцсетей: полупрозрачный фон, светлая кромка, блик сверху; выбранный язык — светлое стекло с тёмными буквами */
header.top .lang-switch{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.30) !important;background:linear-gradient(160deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 50%),linear-gradient(145deg,rgba(70,70,76,.78),rgba(18,18,22,.62)) !important;-webkit-backdrop-filter:blur(10px) saturate(1.6);backdrop-filter:blur(10px) saturate(1.6);box-shadow:inset 0 1px rgba(255,255,255,.45),inset 0 -5px 8px rgba(0,0,0,.22),0 4px 12px rgba(0,0,0,.4),0 2px 5px rgba(0,0,0,.3);transition:box-shadow .25s ease,border-color .25s ease}
header.top .lang-switch::after{content:"";position:absolute;z-index:-1;left:-20%;top:-70%;width:140%;height:95%;background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,0));border-radius:50%;pointer-events:none}
header.top .lang-switch span{background:transparent !important;color:rgba(255,255,255,.82) !important;text-shadow:0 1px 1px rgba(0,0,0,.45)}
header.top .lang-switch span.on{color:var(--on-accent) !important;text-shadow:none;background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(226,226,230,.86)) !important;box-shadow:inset 0 1px rgba(255,255,255,.9),inset 0 -3px 6px rgba(0,0,0,.10)}
header.top .lang-switch:hover{border-color:rgba(255,193,106,.6) !important;box-shadow:inset 0 1px rgba(255,255,255,.5),0 0 0 1px rgba(255,193,106,.35),0 0 14px rgba(var(--accent-rgb),.4)}
header.top .theme-switch{zoom:1 !important;padding:0 !important;display:flex}
header.top .theme-switch .ts-track{width:calc(var(--hb)*1.8) !important;height:var(--hb) !important;border-radius:var(--hr) !important}
header.top .theme-switch .ts-knob,header.top .theme-switch:active .ts-knob{top:3px !important;left:3px !important;width:calc(var(--hb) - 6px) !important;height:calc(var(--hb) - 6px) !important;border-radius:calc(var(--hr) - 2px) !important}
header.top .theme-switch .ts-knob,header.top .theme-switch:not(.is-light):active .ts-knob{transform:translateX(calc(var(--hb)*0.8)) !important}
header.top .theme-switch.is-light .ts-knob{transform:translateX(0) !important}
/* строка курса: на компьютере — в строке с Encar и аукционами, справа, на одной линии с ними */
.hdr-rate{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0 10px;font-size:14px;font-weight:500;line-height:1.3;color:rgba(255,255,255,.80) !important;font-variant-numeric:tabular-nums;white-space:nowrap}
.src-bar>.hdr-rate{margin-left:auto;align-self:center;flex:none;padding-left:16px}
.hdr-rate span{white-space:nowrap}
.hdr-rate span+span::before{content:"·";margin-right:10px;opacity:.6}
@media (max-width:760px){
header.top{--hb:20px;--hr:6px}
header.top .header-right{display:flex !important;flex-direction:column !important;flex-wrap:nowrap;align-items:flex-end;gap:4px}
header.top .top-inner>.hdr-rate{order:1;flex:0 0 100%;width:100%;margin-top:2px;flex-wrap:wrap}
header.top .contact-icons{gap:4px !important}
.hdr-rate{font-size:12px;gap:0 6px}
.hdr-rate span+span::before{margin-right:6px}
}
@media (min-width:761px){
main{overflow-x:clip}
.layout>.panel.filters-panel{position:sticky;top:calc(var(--hdr-h,130px) + 14px)}

}
#toTop{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:rgba(20,20,20,.72);border:1px solid rgba(255,193,106,.45);box-shadow:inset 0 1px rgba(255,255,255,.18),0 6px 18px rgba(0,0,0,.45),0 0 14px rgba(var(--accent-rgb),.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;-webkit-tap-highlight-color:transparent}
#toTop.on{opacity:1;visibility:visible;transform:none}
#toTop svg{width:20px;height:20px;display:block}
#toTop:hover{border-color:rgba(255,193,106,.8)}
#toTop:active{transform:scale(.92)}
:root[data-theme="light"] #toTop{color:var(--text);background:rgba(255,255,255,.85);border-color:rgba(0,0,0,.15);box-shadow:0 4px 14px rgba(0,0,0,.15)}
@media (max-width:760px){#toTop{right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:42px;height:42px}}
@media (prefers-reduced-motion:reduce){#toTop{transition:none}}
.row-price small.auc-res{font-weight:600;letter-spacing:0}
.row-price small.auc-res.sold{color:var(--accent-text)}

/* ==== era-v204-wide ==== */
/* v204: ширина сайта 1440px (было 1200px) — шапка, строка источников, содержимое */
.top-inner,.src-bar,main{max-width:1440px !important}
@media (min-width:1400px){
  .layout{grid-template-columns:280px minmax(0,1fr) !important;gap:28px !important}
}

/* ==== era-v209-card-center ==== */
/* v209 · содержимое открытой карточки — посередине, без сдвига вправо */
@media (min-width: 561px){ .car-detail{ padding-left: 24px !important; padding-right: 24px !important; } }

/* ==== era-v213-layout ==== */
/* v213 · по макету Figma: надпись бренда, кнопка WhatsApp, полоса доверия, сетка карточек, блок «цена под ключ» */
.brand{gap:12px}
.era-wm{flex-direction:column;line-height:1.1}
.era-wm b{font:600 18px/1.1 var(--display);letter-spacing:.01em;color:var(--fix-text)}
.era-wm small{font-size:12px;color:var(--fix-muted);margin-top:3px}
@media (min-width:761px){.brand-logo-img{height:46px !important}}
@media (max-width:760px){.era-wm,.era-wa{display:none !important}.era-trust-in{flex-wrap:nowrap !important;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.era-trust-in::-webkit-scrollbar{display:none}}
.era-wa{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;flex:none}
.era-wa svg{width:18px;height:18px}
.era-wa:hover{background:var(--accent-hover)}
@media (max-width:1100px){.era-wa span{display:none}.era-wa{padding:9px}}
.era-trust{background:var(--fix-surface);border-bottom:1px solid var(--fix-line)}
.era-trust-in{max-width:1440px;margin:0 auto;padding:9px 20px;display:flex;gap:6px 26px;font-size:14px;font-weight:500;color:var(--fix-muted)}

:root[data-theme="light"] .era-trust{background:var(--band);border-bottom-color:var(--line)}
:root[data-theme="light"] .era-trust-in{color:var(--muted)}
@media (max-width:760px){.era-trust-in{font-size:12px;gap:16px;padding:8px 18px}}
/* блок «цена под ключ» */
.era-cta{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:4px 0 16px;padding:14px 18px;border-radius:var(--r);background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.35)}
.era-cta-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.era-cta-t b{font-size:16px;color:var(--text)}
.era-cta-t span{font-size:14px;color:var(--text-muted)}
.era-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent) !important;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap}
.era-cta-btn:hover{background:var(--accent-hover)}
:root[data-theme="light"] .era-cta{background:var(--accent-soft);border-color:rgba(var(--accent-rgb),.35)}
/* переключатель вида */
.era-view{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border-soft);margin-left:auto;flex:none}
.era-view button{font:inherit;font-size:14px;font-weight:500;color:var(--text-muted);background:none;border:0;border-radius:var(--r-pill);padding:5px 12px;cursor:pointer}
.era-view button.on{background:var(--surface-2);color:var(--text)}
@media (max-width:760px){.era-view{display:none}}
/* сетка карточек (только на компьютере) */
@media (min-width:761px){
 html.era-grid .row-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;border-top:0 !important;padding-top:4px}
 html.era-grid .row-list>:not(details){grid-column:1/-1}
 html.era-grid .row-list>details.car-row{border:1px solid var(--border-soft);border-radius:var(--r);background:var(--surface);overflow:clip;min-width:0;border-bottom:1px solid var(--border-soft)}
 html.era-grid .row-list>details.car-row[open]{grid-column:1/-1}
 html.era-grid .car-row:not([open])>summary{display:flex !important;flex-direction:column;align-items:stretch;padding:0 !important;gap:0 !important;height:100%;border-radius:0 !important;box-shadow:none !important;background:none !important;transform:none !important}
 html.era-grid .car-row:not([open])>summary .thumb{width:100% !important;height:auto !important;aspect-ratio:4/3;border-radius:0 !important;object-fit:cover;display:block;background:var(--surface-2)}
 html.era-grid .car-row:not([open])>summary .row-title{padding:12px 14px 0 !important;display:flex !important;flex-direction:column;align-items:flex-start !important;gap:8px;width:100%;box-sizing:border-box}
 html.era-grid .car-row:not([open])>summary .row-title .name-wrap{grid-column:auto;grid-row:auto;width:100%}
 html.era-grid .car-row:not([open])>summary .row-title .acc-badge{grid-column:auto;grid-row:auto}
 html.era-grid .car-row:not([open])>summary .row-title .name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal !important}
 html.era-grid .car-row:not([open])>summary .row-title .name{font-size:16px !important;white-space:normal}
 html.era-grid .car-row:not([open])>summary .row-price{display:block !important;padding:8px 14px 14px !important;text-align:left !important;margin-top:auto;font-size:18px !important;grid-column:auto;grid-row:auto;justify-self:auto;align-self:auto}
 html.era-grid .car-row:not([open])>summary .chev{display:none}
 html.era-grid .car-row:not([open]):hover{border-color:rgba(var(--accent-rgb),.55)}
}

/* ==== era-v214-lot-view ==== */
/* v214 · карточка лота по макету Figma «Карточка лота»: галерея и характеристики слева, панель покупки справа */
.lv{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"gal" "pan" "rest";gap:20px;padding:6px 0 18px}
.lv-gal{grid-area:gal;min-width:0}.lv-pan{grid-area:pan;min-width:0}.lv-rest{grid-area:rest;min-width:0;display:flex;flex-direction:column;gap:20px}
@media (min-width:1000px){
 .lv{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"gal pan" "rest pan";align-items:start}
 .lv-pan{position:sticky}
}
.lv-main{position:relative;aspect-ratio:4/3;max-height:620px;width:100%;overflow:hidden;background:var(--surface-2)}
.lv-main img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.lv-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lv-nav:hover{background:rgba(0,0,0,.8)}.lv-prev{left:14px}.lv-next{right:14px}
.lv-count{position:absolute;left:14px;bottom:14px;padding:4px 10px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;font-weight:600}
.lv-thumbs{display:flex;gap:10px;margin-top:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.lv-th{flex:none;width:112px;aspect-ratio:3/2;overflow:hidden;border:2px solid transparent;padding:0;background:var(--surface-2);cursor:pointer;opacity:.75}
.lv-th img{width:100%;height:100%;object-fit:cover;display:block}
.lv-th.on{border-color:var(--accent);opacity:1}.lv-th:hover{opacity:1}
.lv-pan{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-soft)}
.lv-when{align-self:flex-start}
.lv-title{margin:0;font-size:24px;line-height:1.25;font-weight:600;color:var(--text);text-wrap:balance}
.lv-sub{margin-top:-8px;color:var(--text-muted);font-size:14px}
.lv-key{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lv-k{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:var(--surface-2)}
.lv-k span{font-size:12px;color:var(--text-muted)}.lv-k b{font-size:18px;font-weight:600;color:var(--text)}
.lv-k b.bad{color:var(--bad)}.lv-k b.good{color:var(--good)}
.lv-price{display:flex;flex-direction:column;gap:4px;padding:18px 20px}
.lv-pl{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}
.lv-pv{font-size:32px;font-weight:600;letter-spacing:-.02em;color:var(--text);line-height:1.15}
.lv-price .fx-line{font-size:14px;color:var(--text-muted)}
.lv-res{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:8px;padding-top:10px;border-top:1px solid var(--border-soft);font-size:14px;color:var(--text-muted)}
.lv-res b{font-size:18px}.lv-res.sold b{color:var(--good)}.lv-res.unsold b{color:var(--text-muted)}
.lv-turn{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding-top:12px;border-top:1px solid rgba(var(--accent-rgb),.25)}
.lv-turn b{font-size:16px;color:var(--accent-text)}.lv-turn span{font-size:14px;color:var(--text-muted)}
.lv-cta{display:flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent) !important;font-weight:600;font-size:16px;text-decoration:none;text-align:center}
.lv-cta:hover{background:var(--accent-hover)}
.lv-acts{display:flex;gap:10px;align-items:center}
.lv-box{padding:22px 24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-soft)}
.lv-box h4{margin:0 0 10px;font-size:18px;font-weight:600;color:var(--text)}
.lv-spec{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}
@media (max-width:640px){.lv-spec{grid-template-columns:1fr}}
.lv-spec .stat{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--border-soft);min-width:0}
.lv-spec .stat .k{margin:0;font-size:14px;color:var(--text-muted)}
.lv-spec .stat .v{font-size:14px;font-weight:500;color:var(--text);text-align:right;overflow-wrap:anywhere}
.lv-two{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.lv-two>.accident-box{flex:1 1 280px;min-width:0;margin:0 !important}
.lv-two>.accident-box:last-child:not(:first-child){flex:2 1 420px}
.lv-hc{flex-direction:column;align-items:stretch}.lv-hc>*{flex:none !important}

:root[data-theme="light"] .lv-when{background:var(--accent-soft)}
/* в открытой карточке строка-заголовок не дублирует панель: оставляем её тонкой полосой «свернуть» */
@media (min-width:761px){.car-row[open]>.car-detail{padding-left:24px !important;padding-right:24px !important}}
.era-cta{display:none}
@media (max-width:760px){.car-row[open]>.car-detail{padding-left:0 !important;padding-right:0 !important}.lv-pan{padding:18px}.lv-title{font-size:18px}.lv-pv{font-size:32px}.lv-th{width:88px}.lv-box{padding:18px}}

/* ==== era-v215-open ==== */
/* v215 · открытая карточка: шапка карточки стоит в начале карточки (не «плавает»), карточка прижимается к верху экрана */
html.era-grid .row-list>details.car-row[open]>summary{z-index:1}
.row-list>details.car-row[open]{scroll-margin-top:calc(var(--hdr-h,120px) + 12px)}

/* ==== era-v217-lightbox ==== */
/* v217 · просмотр фото на компьютере: главное фото строго по центру экрана, лента миниатюр справа с заметным отступом */
@media (min-width:761px){
 .lightbox-body{display:grid !important;grid-template-columns:var(--lbc) minmax(0,1fr) var(--lbc);grid-template-areas:". m c";column-gap:0;--lbw:clamp(220px,17vw,300px);--lbc:calc(var(--lbw) + clamp(48px,5vw,96px))}
 .lightbox-main{grid-area:m;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:none !important;flex:none !important}
 
 .lightbox-img-wrap{justify-content:center !important}
 
 .lightbox-catalog{grid-area:c;justify-self:end;width:var(--lbw) !important;max-height:100%}
}

/* ==== era-v218-sticky ==== */
/* v218 · открытая карточка: при прокрутке шапка карточки и панель с ценой стоят на месте, листаются только фото и описание */
.row-list>details.car-row[open]>summary{position:sticky !important;top:var(--era-top,115px) !important;z-index:6;background:var(--bg) !important;box-shadow:0 10px 18px -12px rgba(0,0,0,.55) !important}
html.era-grid .row-list>details.car-row[open]>summary{position:sticky !important;top:var(--era-top,115px) !important}
@media (min-width:761px){
 .row-list>details.car-row[open]>summary{padding-top:12px !important;padding-bottom:12px !important}
 .row-list>details.car-row[open]>summary .thumb{width:76px !important;height:57px !important}
}
@media (min-width:1000px){
 .lv-pan{top:calc(var(--era-top,115px) + var(--era-sum,90px) + 14px) !important;max-height:calc(100vh - var(--era-top,115px) - var(--era-sum,90px) - 28px);overflow-y:auto;scrollbar-width:thin}
}

/* ==== era-v219-lightbox-big ==== */
/* v219 · просмотр фото крупнее: фото занимает всю высоту окна (минус заголовок и стрелки), боковые поля уже */
@media (min-width:761px){
 .lightbox{padding-left:clamp(16px,2vw,40px) !important;padding-right:clamp(16px,2vw,40px) !important}
 .lightbox-body{--lbw:clamp(180px,13vw,260px) !important;--lbc:calc(var(--lbw) + clamp(32px,3vw,72px)) !important}
 .lightbox-frame{width:100% !important}
 .lightbox-stage{aspect-ratio:auto !important;height:calc(100vh - 128px - var(--safe-top,0px))}
 .lightbox-controls{margin-top:6px !important}
 .lightbox-img-wrap img{height:100%;width:auto;max-width:100% !important;max-height:100% !important;object-fit:contain}
 .lightbox-header{margin-bottom:4px !important}
}

/* ==== era-v220-header ==== */
/* v220 · шапка по макету Figma: одна строка — бренд, площадки «таблетками», поиск по номеру/VIN/ссылке, избранное, WhatsApp, язык и тема */
.era-hsrc{display:flex;background:var(--fix-surface);flex:none}
.era-hsrc .src-btn{font-size:14px;color:var(--fix-text);background:none;border:0 !important;box-shadow:none !important;transform:none !important}
.era-hsrc .src-btn.active{background:var(--accent) !important;color:var(--on-accent) !important;text-shadow:none !important}
.era-hsrc .src-btn:not(.active):hover{background:var(--fix-raised) !important}
.era-hsearch{display:flex;align-items:center;flex:1 1 240px;max-width:320px;margin:0}
.era-hsearch input{width:100%;box-sizing:border-box;font:inherit;font-size:14px;color:var(--fix-text);background:var(--fix-surface);border:1px solid var(--fix-line);padding:9px 12px 9px 34px;outline:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A39A90' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px 50%}
.era-hsearch input::placeholder{color:var(--fix-muted)}
.era-hsearch input:focus{border-color:var(--accent)}
.era-trust-in{align-items:center}
.era-trust-r{margin-left:auto;display:flex;align-items:center;gap:16px;flex:none}
.era-trust-r .hdr-rate{position:static !important;margin:0 !important;font-size:12px;color:var(--fix-muted)}
.era-trust-r .era-view{margin-left:0}
#srcBar:empty,#srcBar:not(:has(*)){display:none !important}
@media (min-width:1100px){
 header.top .top-inner{max-width:1440px !important;gap:16px !important;flex-wrap:nowrap !important;padding:12px 20px !important}
 header.top .top-inner .brand{margin-right:4px !important}
 nav.tabs{flex:none;gap:4px !important;margin:0 !important}
 nav.tabs .tab-btn[data-view="search"],nav.tabs .tab-btn[data-view="check"]{display:none !important}
 header.top .contact-icons{display:none !important}
 .brand-logo-img{height:40px !important}
}
@media (max-width:1099px){
 .era-hsearch{display:none}
 .era-hsrc{order:5;width:100%;justify-content:space-between;background:none;padding:0}
 .era-hsrc .src-btn{flex:1;text-align:center}
 .era-trust-r{display:none}
}
@media (max-width:1099px) and (min-width:761px){ .era-trust-r{display:flex} }
:root[data-theme="light"] .era-trust-r .hdr-rate{color:var(--muted)}

.era-wm b,.era-wm small{white-space:nowrap}
.era-trust-in{flex-wrap:nowrap !important;overflow:hidden}
.era-trust-in>span{white-space:nowrap;flex:none}
/* переключатель вида — значками в шапке, рядом с «Избранным» */
.era-view.era-view-ic{padding:3px;margin:0;background:var(--fix-surface);border-color:var(--fix-line)}
.era-view.era-view-ic button{padding:6px 8px;display:flex;align-items:center;color:var(--fix-muted)}
.era-view.era-view-ic button.on{background:var(--fix-raised);color:var(--fix-text)}
.era-view.era-view-ic svg{width:16px;height:16px;display:block}
@media (min-width:1100px) and (max-width:1499px){
 .era-wm{display:none !important}
 .era-wa span{display:none}.era-wa{padding:9px !important}
 .era-trust-in>span:nth-child(3){display:none}
}
@media (max-width:1099px){
 .era-hsrc .src-btn{font-size:14px !important;padding:7px 4px !important}
}

/* ==== era-v221-style ==== */
/* v221 · единый стиль Era Motors: без надписи у знака, скругления 8–12 px вместо «таблеток», переключатель языка «RU · EN» как в макете */
/* v285: радиусы --era-r* — синонимы токенов в первом <style> */
.era-wm{display:none !important}
/* площадки */
.era-hsrc{border-radius:var(--era-r-lg) !important;padding:4px !important;gap:2px !important;border:1px solid var(--fix-line)}
.era-hsrc .src-btn{border-radius:var(--era-r-sm) !important;padding:7px 13px !important;font-weight:500}
@media (max-width:1099px){.era-hsrc{border:0}.era-hsrc .src-btn{border-radius:var(--era-r-sm) !important}}
/* поле поиска, вид, WhatsApp */
.era-hsearch{min-width:150px !important}
.era-hsearch input{border-radius:var(--era-r) !important}
.era-view,.era-view.era-view-ic{border-radius:var(--era-r) !important}
.era-view button,.era-view.era-view-ic button{border-radius:var(--era-r-sm) !important}
.era-wa{border-radius:var(--era-r) !important;padding:9px 14px !important}
.era-wa span{display:inline !important}
@media (min-width:1100px) and (max-width:1379px){.era-wa span{display:none !important}.era-wa{padding:9px !important}}
nav.tabs .tab-btn{border-radius:var(--era-r-sm) !important}
/* переключатель языка — одна кнопка «RU · EN», срабатывает от нажатия в любой её точке */
header.top .lang-switch,.lang-switch{height:34px;box-sizing:border-box;display:inline-flex !important;padding:0 12px !important;gap:6px;align-items:center;border:1px solid var(--fix-line) !important;border-radius:var(--era-r) !important;background:var(--fix-surface) !important;cursor:pointer}
header.top .lang-switch span,.lang-switch span{background:none !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;font-size:12px !important;font-weight:600;letter-spacing:.04em;color:var(--fix-muted) !important;pointer-events:none}
header.top .lang-switch span.on,.lang-switch span.on{color:var(--fix-text) !important;background:none !important}
.lang-switch span+span::before{content:"·";margin-right:6px;color:var(--fix-faint);font-weight:400}
.lang-switch:hover{border-color:var(--accent) !important}
.theme-switch{border-radius:var(--era-r) !important}
.theme-switch *{pointer-events:none}
:root[data-theme="light"] .lang-switch{background:var(--fix-surface) !important}
/* карточки, панели, кнопки по всему сайту */
html.era-grid .row-list>details.car-row{border-radius:var(--era-r-lg) !important}
.lv-main{border-radius:var(--era-r-lg) !important}
.lv-th{border-radius:var(--era-r-sm) !important}
.lv-pan,.lv-box{border-radius:var(--era-r-lg) !important}
.lv-k{border-radius:var(--era-r) !important}
.lv-price{border-radius:var(--era-r-lg) !important}
.lv-when{border-radius:var(--era-r-sm) !important}
.lv-cta,.era-cta-btn{border-radius:var(--era-r) !important}
.lv-count{border-radius:var(--era-r-sm) !important}
.lv-nav{border-radius:var(--era-r) !important}
.accident-box{border-radius:var(--era-r-lg) !important}
.acc-badge,.acc-badge *{border-radius:var(--era-r-sm)}
.search-btn{border-radius:var(--era-r) !important}
.panel.filters-panel{border-radius:var(--era-r-lg) !important}
.panel.filters-panel select,.panel.filters-panel input,.panel.filters-panel button{border-radius:var(--era-r-sm) !important}
.auc-sw button{border-radius:var(--era-r) !important}
.lightbox-arrow{border-radius:var(--era-r) !important}
.lb-thumb{border-radius:var(--era-r-sm) !important}

@media (min-width:1100px) and (max-width:1279px){.era-hsearch{min-width:110px !important}.era-hsrc .src-btn{padding:7px 8px !important;font-size:14px !important}header.top .top-inner{gap:10px !important}.brand-logo-img{height:32px !important}nav.tabs .tab-btn{padding-left:8px !important;padding-right:8px !important;font-size:14px !important}}

/* ==== era-v222-home ==== */
/* v222 · главная по макету Figma и шапка: меню сверху, панель каталога — только в каталоге */
.eh{--eh-in:1200px;font-size:16px}
.eh-in{max-width:var(--eh-in);margin:0 auto;padding-inline:20px}
#view-home{margin:-58px -20px -80px;padding:0}
@media (min-width:761px){#view-home{margin-top:-30px}}
html.era-home main{max-width:none !important;padding-left:0 !important;padding-right:0 !important}
html.era-home .era-cbar{display:none !important}
html.era-home .view{display:none}html.era-home #view-home{display:block}
@media (min-width:761px){header.top .top-inner>#hdrRate{display:none}}
.eh-sec{padding-block:64px}

.eh-h1{font:600 var(--fs-h1)/1.08 var(--display);margin:0;color:var(--text);text-wrap:balance;letter-spacing:-.025em}
.eh-h2{font:600 var(--fs-h2)/1.15 var(--display);margin:0 0 12px;color:var(--text);text-wrap:balance;letter-spacing:-.02em}
.eh-sub{margin:0 0 28px;color:var(--text-muted);font-size:18px;line-height:1.55;max-width:760px}
.eh-eyebrow{display:inline-block;padding:6px 12px;border-radius:var(--r-sm);font-size:14px;font-weight:500}
.eh-lead{color:var(--text-muted);font-size:18px;line-height:1.55;margin:0;max-width:580px}
.eh-btns{display:flex;flex-wrap:wrap;gap:12px}
.eh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;box-sizing:border-box;border-radius:var(--r);font:600 16px/1.2 var(--sans);cursor:pointer;text-decoration:none;border:1px solid transparent;transition:background-color .15s,border-color .15s,color .15s}

.eh-btn-p{background:var(--accent);border-color:var(--accent);color:var(--on-accent) !important}.eh-btn-p:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.eh-btn-g{background:transparent;color:var(--text) !important;border-color:var(--line)}.eh-btn-g:hover{border-color:var(--muted);background:var(--raised)}
.eh-btn:focus-visible,.eh-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.eh-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:72px 80px}
.eh-hero-t{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.eh-checks{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;margin:0;padding:0;color:var(--text-muted);font-size:14px;font-weight:500}
.eh-checks li::before{content:"✓ "}

.eh-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:8px;min-width:0;text-align:left;color:var(--text);font:inherit}
.eh-card b{font-size:18px;font-weight:600;color:var(--text)}
.eh-card span{color:var(--text-muted);font-size:16px;line-height:1.45}
.eh-plat{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.eh-pl{cursor:pointer;transition:border-color .15s,transform .15s}.eh-pl:hover{transform:translateY(-2px)}
.eh-pl b{font-size:24px}

.eh-more{font-weight:600;font-size:14px !important;margin-top:auto;padding-top:6px}
.eh-num{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.eh-num b{font:600 32px/1.1 var(--display)}
.eh-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.eh-steps i{font-style:normal;font-weight:600;font-size:14px}
.eh-steps b{font-size:18px}.eh-steps span{font-size:16px}
.eh-steps small{margin-top:auto;color:var(--text-faint,var(--fix-muted));font-size:12px;align-self:flex-start}
.eh-feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.eh-quiz{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:48px;align-items:center;padding:44px 48px;border-radius:var(--r-lg)}
.eh-quiz .eh-sub{margin:0}
.eh-quiz-f{display:flex;flex-direction:column;gap:12px}
.eh-quiz-f input{font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--r);padding:14px 16px}
.eh-quiz-f input:focus{outline:none}
.eh-rev{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

.eh-faq details{border-bottom:1px solid var(--border-soft)}
.eh-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-size:18px;font-weight:500;color:var(--text)}
.eh-faq summary::-webkit-details-marker{display:none}
.eh-faq summary::after{content:"+";font-size:24px;line-height:1}
.eh-faq details[open] summary::after{content:"−"}
.eh-faq p{margin:0 0 20px;color:var(--text-muted);font-size:16px;line-height:1.6;max-width:880px}
.eh-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.eh-cta .eh-sub{margin:0}
.eh-foot{background:#000;padding-block:40px;color:var(--fix-muted)}
.eh-foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
.eh-fc{display:flex;flex-direction:column;gap:8px;align-items:flex-start;font-size:14px}
.eh-fc b{color:var(--fix-text);font-size:14px;margin-bottom:4px}
.eh-fc button{background:none;border:0;padding:0;color:var(--fix-muted);font:inherit;cursor:pointer;text-align:left}.eh-fc button:hover{color:var(--fix-accent-text)}
/* v370: пункты подвала — обычные ссылки (по ним ходят поисковые роботы); вид как у прежних кнопок */
.eh-fc a.eh-fl{background:none;border:0;padding:0;color:var(--fix-muted);font:inherit;cursor:pointer;text-align:left;text-decoration:none}
.eh-fc a.eh-fl:hover{color:var(--fix-accent-text)}
/* v370: меню, площадки, вкладки и логотип — тоже ссылки; здесь только то, что у кнопки было «по умолчанию»
   (:where — самый слабый приоритет: любое правило сайта для этих пунктов по-прежнему главнее) */
:where(a.src-btn,a.tab-btn,.era-menu a[data-to]){display:inline-block;text-decoration:none;text-align:center;line-height:normal}
:where(a.brand){text-decoration:none}
@media (max-width:1099px){.eh-plat{grid-template-columns:repeat(3,minmax(0,1fr))}.eh-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.eh-num{grid-template-columns:repeat(2,minmax(0,1fr))}.eh-feat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.eh-sec{padding-block:44px}.eh-hero-in{grid-template-columns:1fr;gap:28px;padding-block:36px 44px}.eh-plat,.eh-steps,.eh-feat,.eh-rev{grid-template-columns:1fr}.eh-quiz{grid-template-columns:1fr;gap:20px;padding:24px}.eh-foot-in{grid-template-columns:1fr 1fr;gap:24px}.eh-num b{font-size:32px}#view-home{margin-left:0;margin-right:0;margin-top:-20px}.eh-in{padding-inline:18px !important}.eh-btns .eh-btn{flex:1 1 100%}}
/* верхнее меню */
.era-menu{display:flex;gap:24px;flex:none;margin:0}
.era-menu button,.era-menu a{background:none;border:0;padding:6px 0;font:inherit;font-size:16px;font-weight:500;color:var(--fix-muted);cursor:pointer;white-space:nowrap}
.era-menu button:hover,.era-menu button.on,.era-menu a:hover,.era-menu a.on{color:var(--fix-text)}
.era-menu button.on,.era-menu a.on{box-shadow:inset 0 -2px 0 var(--accent)}
.era-phone{color:var(--fix-text);font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;flex:none}
.era-spacer{flex:1 1 auto;min-width:0}
/* панель каталога под шапкой */
.era-cbar{background:var(--fix-bg);border-top:1px solid var(--fix-line)}
.era-cbar-in{max-width:1440px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:14px}
.era-cbar .era-hsearch{flex:1 1 260px;max-width:420px}
.era-cbar nav.tabs{margin-left:auto !important}
@media (max-width:1279px){.era-menu{gap:16px}.era-menu button,.era-menu a{font-size:14px}.era-phone{display:none}}
@media (max-width:1099px){.era-menu{display:none}.era-cbar-in{flex-wrap:wrap;padding:8px 18px}.era-cbar .era-hsrc{order:2;width:100%}.era-cbar nav.tabs{margin-left:0 !important;order:1;width:100%}}

/* ==== era-v235-plat ==== */
/* v235 · «Где мы ищем»: фото площадок сверху карточки (media/plat). У Encar и HappyCar пока заглушка с буквой. */
.eh-pl{overflow:hidden}
.eh-plm{position:relative;display:block;margin:-22px -22px 10px;aspect-ratio:16/10;overflow:hidden;background:var(--fix-surface)}
.eh-plm img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.eh-pl:hover .eh-plm img{transform:scale(1.05)}
.eh-plm::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.45));pointer-events:none}

.eh-plm-l{background:#fff}.eh-plm-l::after{display:none}

/* ==== era-v238-hdr ==== */
/* v238 · шапка «вариант B»: сверху тонкая служебная строка (факты · курс · язык · тема), ниже — меню, мессенджеры, телефон и кнопка «Подобрать авто» */
header.top .era-trust{background:var(--fix-bg);border-bottom:1px solid var(--fix-line)}
header.top .era-trust-in{max-width:1440px;margin:0 auto;padding:0 64px;height:34px;display:flex;align-items:center;flex-wrap:nowrap;gap:14px;font-size:12px;font-weight:500;color:var(--fix-muted)}
header.top .era-trust-in>span.era-sv{display:inline !important;white-space:nowrap;flex:none}
@media (min-width:1100px) and (max-width:1379px){header.top .era-menu{gap:18px !important}header.top .era-menu button,header.top .era-menu a{font-size:14px !important}}
header.top .era-tr-ctl{display:flex;align-items:center;gap:12px;margin-left:18px;flex:none}
header.top .era-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);flex:none}
header.top .era-trust-r{margin-left:auto;display:flex;align-items:center;gap:16px}
header.top .era-trust-r .hdr-rate{font-size:12px;color:var(--fix-muted);gap:12px}
.era-hic{display:flex;gap:8px;align-items:center;flex:none}
.era-hic a{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--fix-raised);color:var(--fix-accent-text);transition:background .15s}
.era-hic a:hover{background:var(--accent);color:#fff}
.era-hic svg{width:18px;height:18px}
header.top .era-wa{border-radius:var(--r)}
@media (max-width:1100px){header.top .era-trust-in{padding:0 20px}.era-hic{display:none}}
@media (max-width:760px){header.top .era-trust-in{height:auto;padding:6px 14px;flex-wrap:wrap;gap:4px 10px;font-size:12px}header.top .era-trust-r{margin-left:0;width:100%;justify-content:space-between}}

/* ==== era-v240-hdr ==== */
/* v240 · правки шапки: строка выровнена по логотипу, курс белым, RU/EN и тема одной высоты (26 px), флаг перед телефоном, пункты меню как в v194 */
header.top .era-trust,:root[data-theme="light"] header.top .era-trust{background:var(--fix-bg) !important;border-bottom:1px solid var(--fix-line) !important}
header.top .era-trust-in,:root[data-theme="light"] header.top .era-trust-in{color:var(--fix-muted) !important}
header.top .era-trust-r .hdr-rate,header.top .era-trust-r .hdr-rate span{color:#FFFFFF !important;font-weight:600}
header.top .era-trust-r .hdr-rate span:last-child{color:var(--fix-muted) !important;font-weight:500}
header.top .era-tr-ctl .lang-switch{height:26px !important;padding:0 10px !important;gap:5px;border-radius:var(--r-sm) !important;background:var(--fix-surface) !important;border:1px solid var(--fix-line) !important;transform:none !important}
header.top .era-tr-ctl .lang-switch span{font-size:12px !important;color:var(--fix-faint) !important}
header.top .era-tr-ctl .lang-switch span.on{color:#FFFFFF !important;text-shadow:0 0 7px rgba(255,255,255,.55) !important}
header.top .era-tr-ctl .theme-switch{transform:scale(1.155) !important;transform-origin:right center;margin-left:2px}
:root[data-theme="light"] .era-hic a{background:var(--fix-raised) !important;color:var(--accent-text) !important}
.era-hic a:hover,:root[data-theme="light"] .era-hic a:hover{background:var(--accent) !important;color:#fff !important}
.era-flag{height:15px;width:auto;display:block;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
header.top .era-phone{align-items:center;gap:8px}
@media (min-width:1100px){header.top .era-phone{display:inline-flex !important}}
/* меню: как кнопки в шапке v194 — при наведении оранжевое свечение, выбранный пункт белый жирный со свечением */
header.top .era-menu button,header.top .era-menu a{transition:color .2s,transform .2s,text-shadow .2s !important;box-shadow:none !important}
header.top .era-menu button:hover,header.top .era-menu a:hover{color:var(--fix-accent-text) !important;transform:scale(1.07);text-shadow:0 0 14px rgba(var(--accent-rgb),.55)}
header.top .era-menu button.on,header.top .era-menu a.on{color:#FFFFFF !important;font-weight:600 !important;text-shadow:0 0 7px rgba(255,255,255,.55),0 0 16px rgba(255,255,255,.22) !important}
header.top .era-menu button.on:hover,header.top .era-menu a.on:hover{color:var(--fix-accent-text) !important}
header.top .era-menu button:active,header.top .era-menu a:active{transform:scale(.94);color:var(--fix-accent-text) !important;text-shadow:0 0 12px rgba(var(--accent-rgb),.6)}

/* ==== era-v241-color ==== */
/* v241 · цвет: тёмная тема — «оранжевый только для действий» (кнопки заявки, выбранное состояние); светлая тема — «светлый премиум»: белый фон, чёрные заголовки, чёрная шапка */
/* v285: второй набор цветовых токенов удалён — палитра в первом <style> */
body{background:var(--bg)}
/* фон секций: чередование тонов */
.eh-hero{background:var(--bg) !important}
.eh-alt{background:var(--band) !important}
:root[data-theme="light"] .eh-card{background:var(--surface);border-color:var(--line)}
:root[data-theme="light"] .eh-sec:not(.eh-alt) .eh-card{background:var(--band)}
/* метка над заголовком и галочки — нейтральные */
.eh-eyebrow{background:var(--fix-raised) !important;color:var(--fix-text) !important}
:root[data-theme="light"] .eh-eyebrow{background:var(--band) !important;color:var(--muted) !important}

/* цифры, номера шагов, ссылки «Открыть» — без оранжевого */
.eh-num b{color:var(--text) !important}
.eh-steps i{color:var(--fix-faint) !important}
:root[data-theme="light"] .eh-steps i{color:var(--faint) !important}
.eh-more{color:var(--text) !important}
.eh-pl:hover{border-color:var(--text) !important}
.eh-faq summary::after{color:var(--text-muted) !important}
/* блок «Узнайте цену»: нейтральная карточка, оранжевая только кнопка */
.eh-quiz{background:var(--surface) !important;border:1px solid var(--border-soft) !important}
:root[data-theme="light"] .eh-quiz{background:var(--band) !important}
:root[data-theme="light"] .eh-quiz-f input{background:var(--surface)}
.eh-quiz-f input:focus{border-color:var(--text) !important}
/* отзывы и отправки: «стеклянная» кнопка play, светлые подписи */
.er-play{background:rgba(255,255,255,.16) !important;border:1.5px solid rgba(255,255,255,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.er-c:hover .er-play{background:var(--accent) !important;border-color:var(--accent)}
:root[data-theme="light"] .er-play{background:rgba(0,0,0,.42) !important}
.er-c small{color:var(--fix-text) !important}
.er-more{border-color:var(--border) !important}
.er-more:hover{background:var(--text) !important;color:var(--bg) !important;border-color:var(--text) !important}
/* светлая тема: шапка остаётся чёрной */
:root[data-theme="light"] header.top{background:var(--fix-bg) !important;border-bottom-color:var(--fix-line) !important}
:root[data-theme="light"] header.top .era-menu button,:root[data-theme="light"] header.top .era-menu a{color:var(--faint)}
:root[data-theme="light"] header.top .era-menu button.on,:root[data-theme="light"] header.top .era-menu a.on{color:#FFFFFF !important}
:root[data-theme="light"] header.top .era-phone{color:#FFFFFF !important}

/* ==== era-v242-lead ==== */
/* v242 · окно «Оставить заявку»: небольшая форма поверх страницы (как у конкурентов) */
.el-ov{position:fixed;inset:0;z-index:10000;background:rgba(5,5,6,.66);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:16px}
.el-ov.on{display:flex;animation:elIn .18s ease}
@keyframes elIn{from{opacity:0}to{opacity:1}}
.el-m{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow:auto;background:var(--fix-surface);color:var(--fix-text);border:1px solid var(--fix-line);border-radius:var(--r-lg);padding:30px 30px 24px;box-shadow:0 30px 80px rgba(0,0,0,.55);font-family:inherit}
:root[data-theme="light"] .el-m{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:0 30px 80px rgba(0,0,0,.25)}
.el-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:24px;line-height:36px;cursor:pointer;opacity:.7}
.el-x:hover{opacity:1;background:rgba(127,127,127,.15)}
.el-m h3{margin:0 0 4px;font-size:24px;font-weight:600;text-align:center}
.el-sub{margin:0 0 18px;text-align:center;font-size:14px;color:var(--fix-muted)}
:root[data-theme="light"] .el-sub{color:var(--muted)}
.el-f{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.el-f label{font-size:14px;color:var(--fix-muted)}
:root[data-theme="light"] .el-f label{color:var(--muted)}
.el-in{font:inherit;font-size:16px;width:100%;box-sizing:border-box;height:48px;padding:0 14px;border-radius:var(--r);border:1px solid var(--fix-line);background:var(--fix-bg);color:inherit;outline:none}
:root[data-theme="light"] .el-in{background:var(--surface);border-color:var(--line)}
.el-in:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}
.el-in.err{border-color:#E5484D}
.el-ph{display:flex;gap:8px}
.el-ph select{width:118px;flex:none;padding:0 8px;cursor:pointer}
.el-q{margin:14px 0 10px;text-align:center;font-size:16px}
.el-bt{display:flex;gap:10px;align-items:center}
.el-call{flex:1;height:52px;border:0;background:var(--accent);color:var(--on-accent);font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.el-call:hover{background:var(--accent-hover)}
.el-ic{width:52px;height:52px;flex:none;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}
.el-ic svg{width:26px;height:26px}
.el-wa{background:#25D366}.el-tg{background:#229ED9}
.el-ic:hover{filter:brightness(1.08)}
.el-ok{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:14px;color:var(--fix-muted);cursor:pointer;line-height:1.4}
:root[data-theme="light"] .el-ok{color:var(--muted)}
.el-ok input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--accent)}
.el-ok.err{color:#E5484D}
.el-done{display:none;text-align:center;padding:30px 6px 10px}
.el-done b{display:block;font-size:24px;margin-bottom:8px}
.el-m.sent form{display:none}.el-m.sent .el-done{display:block}
@media (max-width:480px){.el-m{padding:26px 18px 20px}.el-m h3{font-size:24px}}
.el-ph{position:relative}
.el-cc{position:static;flex:none}
.el-cc-b{width:auto;min-width:112px;display:flex;align-items:center;gap:8px;padding:0 10px;cursor:pointer;text-align:left}
.el-cc-b img,.el-cc-l img{width:22px;height:16px;object-fit:cover;border-radius:2px;flex:none;box-shadow:0 0 0 1px rgba(127,127,127,.25);background:var(--fix-line)}
.el-cc-b span{font-weight:600}
.el-cc-b i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.6;margin-left:auto}
.el-cc-p{position:absolute;left:0;right:0;top:54px;z-index:5;background:var(--fix-surface);border:1px solid var(--fix-line);border-radius:var(--r);padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.5)}
:root[data-theme="light"] .el-cc-p{background:var(--surface);border-color:var(--line);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.el-cc-p .el-in{height:40px;margin-bottom:6px}
.el-cc-l{max-height:250px;overflow:auto}
.el-cc-l button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;color:inherit;font:inherit;font-size:14px;padding:8px;border-radius:var(--r-sm);cursor:pointer;text-align:left}
.el-cc-l button:hover,.el-cc-l button.act{background:rgba(127,127,127,.16)}
.el-cc-l button b{margin-left:auto;font-weight:500;color:var(--fix-muted);white-space:nowrap}
.el-cc-l hr{border:0;border-top:1px solid rgba(127,127,127,.25);margin:4px 0}
.el-call{border-radius:var(--r) !important;transition:background .2s,text-shadow .2s,box-shadow .2s}
.el-call:hover{color:#FFFFFF !important;text-shadow:0 0 6px #fff,0 0 14px rgba(255,255,255,.85),0 0 26px rgba(255,214,170,.9);box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 0 22px rgba(var(--accent-rgb),.55)}

/* ==== era-v244-policy ==== */
/* v244 · политика конфиденциальности: окно поверх страницы (из формы заявки и из подвала) */
.pp-ov{position:fixed;inset:0;z-index:10001;background:rgba(5,5,6,.7);display:none;align-items:center;justify-content:center;padding:16px}
.pp-ov.on{display:flex}
.pp-m{position:relative;width:100%;max-width:760px;max-height:calc(100vh - 32px);overflow:auto;background:var(--fix-surface);color:var(--fix-text);border:1px solid var(--fix-line);border-radius:var(--r-lg);padding:34px 40px 30px;font-size:16px;line-height:1.6}
:root[data-theme="light"] .pp-m{background:var(--surface);color:var(--text);border-color:var(--line)}
.pp-m h2{margin:0 0 2px;font-size:24px;color:inherit}.pp-m h3{margin:22px 0 6px;font-size:18px}
.pp-m p{margin:0 0 8px}.pp-m ul{margin:0 0 8px;padding-left:22px}.pp-m a{color:var(--accent-text)}
.pp-d{color:var(--fix-muted);font-size:14px;margin-bottom:16px !important}
.pp-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:24px;cursor:pointer;opacity:.7}.pp-x:hover{opacity:1;background:rgba(127,127,127,.15)}
.el-ok a{color:inherit;text-decoration:underline;text-underline-offset:2px}.el-ok a:hover{color:var(--accent-text)}
.eh-fc .pp-link{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:2px;opacity:.85}
@media (max-width:600px){.pp-m{padding:28px 20px 24px;font-size:14px}}

/* ==== era-v231-rev ==== */
/* v231 · отзывы: карточки фото/видео клиентов (media/reviews), по нажатию — просмотр на весь экран */
.eh-rev.er-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.er-c{position:relative;display:block;aspect-ratio:3/4;padding:0;border:0;border-radius:var(--r);overflow:hidden;background:var(--fix-surface);cursor:pointer;text-align:left;font:inherit;color:#fff;box-shadow:0 10px 24px -14px rgba(0,0,0,.6)}
.er-c img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.er-c:hover img{transform:scale(1.04)}
.er-c::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.72));pointer-events:none}
.er-c span{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;display:flex;flex-direction:column;gap:2px}
.er-c small{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);font-weight:600}
.er-c b{font-size:16px;font-weight:600;line-height:1.25}
.er-c em{position:absolute;top:10px;right:10px;z-index:2;font-style:normal;font-size:12px;padding:3px 7px;border-radius:var(--r-sm);background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}
.er-play{position:absolute;left:50%;top:44%;z-index:2;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(var(--accent-rgb),.92);box-shadow:0 6px 18px rgba(0,0,0,.4);transition:transform .2s}
.er-play::before{content:"";position:absolute;left:22px;top:17px;border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent #fff}
.er-c:hover .er-play{transform:scale(1.08)}
.er-c:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.er-lb{position:fixed;inset:0;z-index:9999;background:rgba(8,6,5,.94);display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:56px 64px 28px}
.er-lb.on{display:flex}
.er-lb .er-m{max-width:100%;max-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center}
.er-lb img,.er-lb video{max-width:100%;max-height:calc(100vh - 120px);border-radius:var(--r);display:block;background:#000}
.er-lb .er-cap{color:var(--fix-text);font-size:16px}
.er-lb button{position:absolute;border:0;background:rgba(255,255,255,.1);color:#fff;width:48px;height:48px;border-radius:50%;font-size:24px;line-height:48px;cursor:pointer}
.er-lb button:hover{background:rgba(var(--accent-rgb),.9)}
.er-lb .er-x{top:14px;right:16px}
.er-lb .er-pr{left:12px;top:50%;margin-top:-24px}
.er-lb .er-nx{right:12px;top:50%;margin-top:-24px}
@media (max-width:900px){
 .eh-rev.er-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:-18px;padding:0 18px 8px;scrollbar-width:none}
 .eh-rev.er-grid::-webkit-scrollbar{display:none}
 .er-c{flex:0 0 66%;scroll-snap-align:start}
 .er-lb{padding:56px 8px 20px}.er-lb .er-pr,.er-lb .er-nx{top:auto;bottom:14px;margin:0}.er-lb .er-pr{left:calc(50% - 60px)}.er-lb .er-nx{right:calc(50% - 60px)}
}
.eh-rev.er-grid:not(.all) .er-c:nth-child(n+9){display:none}
.er-more{display:block;margin:18px auto 0;padding:11px 22px;border-radius:var(--r);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}
.er-more:hover{background:var(--accent);color:#fff}
@media (max-width:900px){.eh-rev.er-grid:not(.all) .er-c:nth-child(n+9){display:block}.er-more{display:none}}

/* ==== era-v273-less ==== */
.er-more .er-le{display:none}.er-more.open .er-mo{display:none}.er-more.open .er-le{display:inline}

/* ==== era-v226-show ==== */
/* v226 · первый экран: коллаж из множества фото вразброс → одно фото раскрывается на весь кадр → показ фото с медленным приближением → фото снова «складывается» в новый коллаж.
   Фото — media/hero/hNN.jpg (крупные, 1600 px) и sNN.jpg (маленькие для коллажа); список и настройки — в скрипте era-v226-show-js */
.eh-show{position:relative;aspect-ratio:5/4;max-height:640px;width:100%;justify-self:end;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;
 background:var(--raised);box-shadow:none}
.eh-show::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:50;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 0 80px rgba(0,0,0,.35)}

.es-s{position:absolute;inset:0;z-index:20;opacity:0;transition:opacity 1.2s ease;overflow:hidden}
.es-s picture{display:block;width:100%;height:100%}
.es-s.on{opacity:1}
.es-s img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:var(--fx,50%) var(--fy,50%)}
.es-s.on img{animation:esKb var(--kb,4.4s) linear forwards}
.es-s.alt.on img{animation-name:esKb2}
/* v284: медленное приближение не больше 1,06 (длительность — --kb ≈ 8–9 с, задаётся в скрипте) */
@keyframes esKb{from{transform:scale(1)}to{transform:scale(1.06)}}
@keyframes esKb2{from{transform:scale(1.06)}to{transform:scale(1)}}
.es-bar{position:absolute;left:18px;right:18px;bottom:16px;height:3px;z-index:40;display:flex;gap:4px;opacity:0;transition:opacity .4s}
.eh-show.sliding .es-bar{opacity:1}
.es-bar i{flex:1;background:rgba(255,255,255,.28);border-radius:2px;overflow:hidden;position:relative}
.es-bar i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left}
.es-bar i.done::after{transform:scaleX(1)}
.es-bar i.run::after{transition:transform var(--t,3.4s) linear;transform:scaleX(1)}
.es-shade{position:absolute;left:0;right:0;bottom:0;height:28%;z-index:35;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.38));opacity:0;transition:opacity .6s}
.eh-show.sliding .es-shade{opacity:1}
@media (max-width:900px){.eh-show{aspect-ratio:4/3}}
@media (prefers-reduced-motion:reduce){.es-s.on img{animation:none}}

/* ==== era-v245-pp ==== */
.pp-ic{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--r-sm);border:1px solid rgba(127,127,127,.35);text-decoration:none!important;color:inherit;vertical-align:middle;line-height:1.5;white-space:nowrap}.pp-ic:hover{border-color:var(--accent);color:var(--accent-text)}.pp-ic svg{flex:none}

/* ==== era-v247 ==== */
/* v247 · кнопка заявки без иконки WhatsApp */
header.top #eraWa svg{display:none !important}
@media (min-width:1100px){header.top #eraWa span{display:inline !important} header.top #eraWa{padding:9px 16px !important}}
/* v247 · переключатели языка и темы: одинаковый спокойный контур, без оранжевого свечения */
header.top .theme-switch .ts-track,header.top .theme-switch:hover .ts-track{box-shadow:inset 0 0 0 1px var(--fix-line) !important}
header.top .theme-switch .ts-track::before{display:none !important}
header.top .theme-switch .ts-knob{box-shadow:0 1px 3px rgba(0,0,0,.35) !important}
header.top .theme-switch:focus-visible .ts-track{outline:none !important}
/* v247 · галочки под кнопками — фирменный цвет */
.eh-checks li::before{color:var(--accent-text) !important}
/* v247 · EraMotors в стиле логотипа */

/* v248 · номера шагов — фирменный цвет */
.eh-steps i,:root[data-theme="light"] .eh-steps i{color:var(--accent-text) !important}
.eh-num b{font-size:clamp(24px,2.3vw,32px) !important;line-height:1.15 !important;overflow-wrap:normal}
@media (max-width:480px){.eh-num b{font-size:24px !important}}
@media (min-width:1100px) and (max-width:1479px){
 header.top .top-inner{gap:12px !important}
 header.top .header-right:empty{display:none !important}
 header.top .era-menu{gap:10px !important}
 header.top .era-menu button,header.top .era-menu a{font-size:14px !important}
 header.top #eraWa{padding:8px 12px !important;font-size:14px !important}
 header.top .era-hic{gap:6px !important}
}

/* ==== era-v249-about ==== */
/* v249 · раздел «О компании» */
.ea-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:start;margin-top:8px}
.ea-lead{font-size:18px;line-height:1.55;color:var(--text);margin:0 0 16px}
.ea-txt>p:not(.ea-lead){color:var(--text-muted);font-size:16px;line-height:1.65;margin:0 0 12px}
.ea-list{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ea-list li{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:var(--r);background:var(--surface,var(--fix-surface));border:1px solid rgba(127,127,127,.18)}
.ea-list b{color:var(--text);font-size:16px;font-weight:600}
.ea-list b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--accent);margin-right:9px;vertical-align:1px}
.ea-list span{color:var(--text-muted);font-size:14px;line-height:1.5}
.ea-co{display:flex;flex-wrap:wrap;gap:14px 36px;margin:0 0 26px;padding-top:20px;border-top:1px solid rgba(127,127,127,.22)}
.ea-co small{display:block;color:var(--text-muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.ea-co b{color:var(--text);font-size:16px;font-weight:600}

:root[data-theme="light"] .ea-list li{background:var(--surface);border-color:var(--line)}
@media (max-width:900px){.ea-grid{grid-template-columns:1fr;gap:28px}}
@media (max-width:560px){.ea-list{grid-template-columns:1fr}.ea-lead{font-size:18px}}

/* ==== era-v250-about ==== */
/* v250 · фирменная надпись ERAMOTORS (свои буквы, SVG) */
.eh-wm{display:inline-block;width:auto;color:var(--text);overflow:visible}

.eh-h2wm{display:flex;align-items:baseline;gap:.3em;flex-wrap:wrap}.eh-h2wm .eh-wm{align-self:center}
/* правая колонка: карта и шаги */
.ea-side{display:grid;gap:16px}
.ea-card{border-radius:var(--r-lg);background:var(--surface,var(--fix-surface));border:1px solid rgba(127,127,127,.18);padding:20px 22px}
:root[data-theme="light"] .ea-card{background:var(--surface);border-color:var(--line)}
.ea-ct b{display:block;color:var(--text);font-size:18px;font-weight:600}.ea-ct span{display:block;color:var(--text-muted);font-size:14px;margin-top:4px}
.em-map{display:block;width:100%;height:auto;margin:14px 0 8px}
.em-g{fill:rgba(127,127,127,.28)}
.em-r{fill:none;stroke:rgba(var(--accent-rgb),.28);stroke-width:2}
.em-ra{fill:none;stroke:rgba(var(--accent-rgb),.7);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
.em-map.em-go .em-ra{animation:emFly 1.6s ease-out forwards}   /* v284: один раз, когда карта появилась на экране */
@keyframes emFly{to{stroke-dashoffset:0}}
.em-d{fill:var(--text)}.em-k{fill:var(--accent-text)}.em-k2{fill:rgba(var(--accent-rgb),.18)}
.em-t{fill:var(--text);font:600 24px var(--sans)}.em-tk{fill:var(--accent-text)}
.ea-tags{display:flex;flex-wrap:wrap;gap:8px}.ea-tags span{font-size:14px;padding:4px 10px;border-radius:var(--r-pill);border:1px solid rgba(127,127,127,.3);color:var(--text-muted)}
.ea-steps{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.ea-steps li{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-content:start}
.ea-steps i{grid-row:span 2;font-style:normal;color:var(--accent-text);font-weight:600;font-size:16px}
.ea-steps b{color:var(--text);font-size:16px}.ea-steps span{color:var(--text-muted);font-size:14px}
.ea-ic{display:flex;gap:8px;margin-top:8px}
.ea-ic a{width:34px;height:34px;border-radius:var(--r);display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(127,127,127,.3);color:var(--text);transition:color .2s,border-color .2s}
.ea-ic a:hover{color:var(--accent-text);border-color:var(--accent)}.ea-ic svg{width:17px;height:17px}
.ea-adr b{display:block}.ea-adr b+b{font-weight:500;color:var(--text-muted);font-size:14px;margin-top:2px}
@media (prefers-reduced-motion:reduce){.em-ra,.em-map.em-go .em-ra{animation:none;stroke-dasharray:none;stroke:rgba(var(--accent-rgb),.7)}}
@media (max-width:900px){.ea-side{grid-template-columns:1fr}}

/* ==== era-v254-logo ==== */
/* v255 · логотип EraMotors (Inter Black, утверждённая версия 5, в контурах): шапка и надписи */
header.top .brand-logo-img{height:52px !important;width:auto}
@media (max-width:1479px){header.top .brand-logo-img{height:48px !important}}
@media (max-width:760px){header.top .brand-logo-img{height:44px !important}}
.eh-wm{height:.78em;vertical-align:-.02em}
.ea-lead .eh-wm{height:.9em;vertical-align:-.08em;margin-right:.08em}
.eh-h2wm .eh-wm{height:.78em}

/* ==== era-v256-neon ==== */
/* v284: белый неон «Era» при наведении на логотип убран (минус эффекты); слой .era-neon оставлен в разметке, но скрыт */
.brand{position:relative}
.era-neon{display:none !important}

/* ==== era-v258 ==== */
/* v258 · раздел «Партнёрам», заполнение пустого каталога Encar */
.eh-h3{margin:34px 0 14px;font-size:18px;font-weight:600;color:var(--text)}
#h-partners .eh-sub{max-width:760px}
.eh-steps.eh-steps3{grid-template-columns:repeat(3,minmax(0,1fr))}
.eh-btn.eh-btn-x{font-weight:600;letter-spacing:0}
.eh-pcta{margin-top:28px;padding-top:24px;border-top:1px solid var(--border-soft)}
@media (max-width:760px){.eh-steps.eh-steps3{grid-template-columns:1fr}}
.era-cat-empty{display:flex;flex-direction:column;gap:22px;padding:28px;border:1px solid var(--border-soft);border-radius:var(--r);background:var(--surface)}
.era-cat-empty[hidden]{display:none}
.ece-head h3{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text)}
.ece-head p{margin:0;color:var(--text-muted);font-size:16px;line-height:1.5;max-width:620px}
.ece-filters{display:none;margin-top:16px}
.ece-brands{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ece-l{width:100%;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint,var(--fix-muted))}
.ece-brands button,.ece-src button,.ece-src a{font:inherit;font-size:14px;padding:8px 14px;border-radius:var(--r-pill);border:1px solid var(--border-soft);background:transparent;color:var(--text);cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s}
.ece-brands button:hover,.ece-src button:hover,.ece-src a:hover{border-color:var(--accent);color:var(--accent-text)}
.ece-brands button:focus-visible,.ece-src button:focus-visible,.ece-src a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ece-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ece-grid .eh-card{background:transparent}
.ece-grid .eh-card b{font-size:18px}
.ece-grid .eh-card span{font-size:14px}
.ece-src{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}
@media (max-width:1100px){.ece-grid{grid-template-columns:1fr}}
@media (max-width:760px){.era-cat-empty{padding:20px}.ece-filters{display:inline-flex}}

/* ==== era-lang ==== */
.lang-switch{display:inline-flex;flex:none;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:var(--r-sm);overflow:hidden;background:rgba(255,255,255,.04);cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}
.lang-switch span{padding:5px 8px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--fix-muted);background:#000;line-height:1;transition:color .2s,background .2s}
.lang-switch span.on{color:#000;background:#fff}
.lang-theme-row{display:flex;align-items:center;gap:12px;flex:none}
.view .acc-badge .acc-label{white-space:nowrap}
.lang-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:760px){.lang-switch span{padding:4px 6px;font-size:10px}}

/* ==== era-v261-feed-css ==== */
.era-feed-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding:4px 0 14px}
.era-feed-t{font-size:24px;font-weight:600;line-height:1.2}
.era-feed-s{color:var(--muted,var(--fix-muted));font-size:14px;margin-top:4px}
.era-feed-s b{color:var(--accent-text);font-weight:600}
.era-feed-chips{display:flex;flex-wrap:wrap;gap:6px}
.era-feed-chip{padding:7px 14px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:inherit;font:inherit;font-size:14px;cursor:pointer;transition:border-color .2s,color .2s}
.era-feed-chip:hover{border-color:var(--accent);color:var(--accent-text)}
.era-feed-more{display:block;margin:18px auto 6px;padding:13px 34px;border-radius:var(--r);border:0;background:var(--accent);color:var(--on-accent);font:inherit;font-weight:600;cursor:pointer}
.era-feed-more:disabled{opacity:.6;cursor:default}
html[data-theme="light"] .era-feed-chip{border-color:rgba(0,0,0,.15);background:var(--surface)}

/* ==== era-v282-css ==== */
.era-reset-btn{display:block;margin:10px auto 0;padding:6px 10px;background:none;border:0;color:var(--muted,var(--fix-muted));font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.era-reset-btn:hover{color:var(--accent-text)}

/* ==== era-v264-fab-css ==== */
.era-fab{position:fixed;right:18px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:41;font-family:inherit}
.era-fab-btn{position:relative;width:58px;height:58px;border-radius:50%;border:0;padding:0;cursor:pointer;display:block;color:var(--fix-accent-text);-webkit-tap-highlight-color:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 6px 18px rgba(0,0,0,.35);transition:background .2s}
.era-fab-btn:hover .era-fab-bg{background:var(--fix-line)}
.era-fab-bg{position:absolute;inset:0;border-radius:50%;opacity:0;transition:opacity .6s ease}
.era-fab-bg.on{opacity:1}
.era-fab-bg.wa{background:var(--fix-raised)}
.era-fab-bg.tg{background:var(--fix-raised)}
.era-fab-ic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.3) rotate(-90deg);transition:opacity .35s ease,transform .5s cubic-bezier(.3,1.5,.5,1)}
.era-fab-ic.on{opacity:1;transform:none;transition-delay:.15s}
.era-fab-ic.out{opacity:0;transform:scale(.3) rotate(90deg);transition-delay:0s}
.era-fab-ic svg{width:30px;height:30px;display:block}
/* v284: пульсация (eraFabPulse) убрана; фон — графит #1E2125, значок оранжевый; WhatsApp ↔ Telegram больше не чередуются */
.era-fab-menu{position:absolute;right:0;bottom:70px;min-width:210px;padding:8px;border-radius:var(--r-lg);background:rgba(18,18,18,.96);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(10px) scale(.96);transform-origin:bottom right;transition:opacity .2s,transform .2s,visibility .2s}
.era-fab.open .era-fab-menu{opacity:1;visibility:visible;transform:none}
.era-fab-menu a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r);color:var(--fix-text);text-decoration:none;font-size:16px;font-weight:600}
.era-fab-menu a:hover{background:rgba(255,255,255,.07)}
.era-fab-menu i{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;color:#fff}
.era-fab-menu i svg{width:19px;height:19px}
.era-fab-menu small{display:block;font-weight:400;font-size:12px;color:var(--fix-muted)}
:root[data-theme="light"] .era-fab-menu{background:var(--surface);border-color:rgba(0,0,0,.1)}
:root[data-theme="light"] .era-fab-menu a{color:var(--text)}
#toTop{right:25px !important;bottom:calc(92px + env(safe-area-inset-bottom,0px)) !important}
@media (prefers-reduced-motion:reduce){.era-fab-btn::after{animation:none}.era-fab-ic,.era-fab-bg{transition:none}}

/* ==== era-v265-card-css ==== */
/* v265: дата объявления — серым без подложки; блок цены — нейтральный вместо оранжевого */
.lv-when{background:none !important;padding:0 !important;color:var(--fix-muted) !important;font-size:14px;font-weight:500}
:root[data-theme="light"] .lv-when{color:var(--muted) !important}
.lv-price{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.12) !important}
.lv-turn{border-top-color:rgba(255,255,255,.12) !important}
:root[data-theme="light"] .lv-price{background:var(--band) !important;border-color:var(--line) !important}
:root[data-theme="light"] .lv-turn{border-top-color:var(--line) !important}

/* ==== era-v268-check-css ==== */
/* v268: результат поиска по номеру лота / ссылке — на всю ширину, как в обычном списке (раньше сжимался до 560px) */
.check-box{max-width:none !important}
.check-box>.field,.check-box>.search-btn{max-width:560px}

/* ==== era-v271-light-shadows ==== */
/* v272: тени чуть сильнее */
/* v271: светлая тема — мягкие тени: оранжевые кнопки «светятся», карточки слегка приподняты, мелкие кнопки и поля — едва заметно */
/* v285: тени --sh-* перенесены в первый <style> (две ступени) */
/* оранжевые кнопки */
:root[data-theme="light"] .eh-btn-p,:root[data-theme="light"] .search-btn,:root[data-theme="light"] .lv-cta,:root[data-theme="light"] .era-feed-more,:root[data-theme="light"] .era-cta-btn{box-shadow:var(--sh-o);transition:box-shadow .2s,transform .2s,background .2s}
:root[data-theme="light"] .eh-btn-p:hover,:root[data-theme="light"] .search-btn:hover,:root[data-theme="light"] .lv-cta:hover,:root[data-theme="light"] .era-feed-more:hover,:root[data-theme="light"] .era-cta-btn:hover{box-shadow:var(--sh-o2);transform:translateY(-1px)}
:root[data-theme="light"] .eh-btn-p:active,:root[data-theme="light"] .search-btn:active,:root[data-theme="light"] .lv-cta:active,:root[data-theme="light"] .era-feed-more:active{transform:none;box-shadow:var(--sh-o)}
/* светлые кнопки, «таблетки», поля ввода и списки */
:root[data-theme="light"] .eh-btn-g,:root[data-theme="light"] .era-feed-chip,:root[data-theme="light"] .auc-sw-btn,:root[data-theme="light"] .er-more,:root[data-theme="light"] .radio-opt,:root[data-theme="light"] .csel-trigger,:root[data-theme="light"] .eh-quiz input,:root[data-theme="light"] .check-box input,:root[data-theme="light"] .ea-ic a,:root[data-theme="light"] .lv-acts button{box-shadow:var(--sh-1)}
:root[data-theme="light"] .eh-btn-g:hover,:root[data-theme="light"] .era-feed-chip:hover,:root[data-theme="light"] .auc-sw-btn:hover,:root[data-theme="light"] .er-more:hover{box-shadow:var(--sh-2)}
/* карточки */
:root[data-theme="light"] .eh-card,:root[data-theme="light"] .ea-card,:root[data-theme="light"] .ea-list li,:root[data-theme="light"] .eh-quiz,:root[data-theme="light"] .lv-pan,:root[data-theme="light"] .lv-box,:root[data-theme="light"] .row-list>details.car-row{box-shadow:var(--sh-2)}
:root[data-theme="light"] .row-list>details.car-row{transition:box-shadow .2s,transform .2s}
:root[data-theme="light"] .row-list>details.car-row:not([open]):hover,:root[data-theme="light"] button.eh-card:hover{box-shadow:var(--sh-3);transform:translateY(-2px)}
:root[data-theme="light"] button.eh-card{transition:box-shadow .2s,transform .2s}
@media (prefers-reduced-motion:reduce){:root[data-theme="light"] .row-list>details.car-row:hover,:root[data-theme="light"] button.eh-card:hover,:root[data-theme="light"] .eh-btn-p:hover,:root[data-theme="light"] .search-btn:hover,:root[data-theme="light"] .lv-cta:hover{transform:none}}

/* ==== era-v277-css ==== */
/* v277 · одна плавающая кнопка на телефоне, отступ под неё; ссылки на Telegram-канал */
@media (max-width:900px){ #toTop{display:none !important} .era-disc{padding-bottom:96px !important} }

.eh-sub a.eh-tgl{color:var(--accent-text);text-decoration:none;white-space:nowrap}.eh-sub a.eh-tgl:hover{text-decoration:underline}

/* ==== era-v278-css ==== */
.et-line.et-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.et-line.et-3{grid-template-columns:1fr}}
/* v278 · калькулятор, новые блоки, мобильное нижнее меню и каталог */
.ec-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:32px;border-radius:var(--r-lg);background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-soft))}
.ec-f{display:flex;flex-direction:column;gap:14px}
.ec-l{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-muted)}
.ec-l>span,.ec-l label>span{font-weight:600;color:var(--text)}
.ec-l small{font-size:12px;color:var(--text-muted)}
.ec-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ec-2 label{display:flex;flex-direction:column;gap:6px}
.ec-in{font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--r);padding:11px 12px;width:100%;box-sizing:border-box;outline:none}
.ec-in:focus{border-color:var(--accent)}
.ec-seg{display:flex;flex-wrap:wrap;gap:6px}
.ec-seg button{font:inherit;font-size:14px;padding:9px 12px;border-radius:var(--r);border:1px solid var(--border-soft);background:var(--bg);color:var(--text);cursor:pointer}
.ec-seg button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}
.ec-r{display:flex;flex-direction:column;gap:2px;min-width:0}
.ec-empty{margin:auto 0;color:var(--text-muted);font-size:16px;line-height:1.5;padding:20px;border:1px dashed var(--border-soft);border-radius:var(--r);text-align:center}
.ec-hd{margin:10px 0 4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);font-weight:600}
.ec-hd:first-child{margin-top:0}
.ec-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--border-soft);font-size:14px}
.ec-row span{color:var(--text-muted)}.ec-row span small{display:block;font-size:12px;opacity:.8}.ec-row b{color:var(--text);font-weight:600;white-space:nowrap}
.ec-tot{margin:14px 0 6px;padding:16px 18px;border-radius:var(--r);background:var(--fix-surface);color:#fff;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:baseline}
.ec-tot span{font-size:14px;color:var(--fix-muted)}.ec-tot b{font-size:24px;color:#fff;white-space:nowrap}.ec-tot small{grid-column:2;text-align:right;color:var(--fix-muted);font-size:14px}
:root[data-theme="light"] .ec-tot{background:var(--fix-surface)}
.ec-note{margin:4px 0 0;font-size:12px;line-height:1.45;color:var(--text-muted)}
.ec-send{margin-top:12px;align-self:flex-start}
.ec-ov{position:fixed;inset:0;z-index:10001;background:rgba(5,5,6,.7);display:none;align-items:flex-start;justify-content:center;padding:24px 16px;overflow:auto}
.ec-ov.on{display:flex}
.ec-m{position:relative;width:100%;max-width:880px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:26px}
.ec-mt{margin:0 30px 4px 0;font-size:18px;color:var(--text)}.ec-ms{margin:0 0 16px;color:var(--text-muted);font-size:14px}
.ec-x{position:absolute;top:12px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--text);font-size:24px;cursor:pointer}
.ec-box .ec-root{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.era-calc-open{margin:14px 0 4px}
.eh-quiz-mini{margin-top:22px}
/* сроки */
.et-line{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.et-line li{position:relative}
.et-line b{font-size:16px}.et-line em{font-style:normal;font-size:18px;font-weight:600;color:var(--accent-text)}
/* примеры */
.ex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ex-c{gap:6px !important}
.ex-c h3{margin:0;font-size:18px;color:var(--text)}
.ex-c .ex-m{font-size:14px;color:var(--text-muted)}
.ex-c .ex-r{display:flex;justify-content:space-between;gap:8px;font-size:14px;padding:5px 0;border-bottom:1px solid var(--border-soft)}
.ex-c .ex-r{flex-wrap:wrap;column-gap:8px}.ex-c .ex-r span{color:var(--text-muted);white-space:nowrap}.ex-c .ex-r b{white-space:nowrap;margin-left:auto}
.ex-c .ex-t{margin-top:6px;font-size:14px;color:var(--text-muted)}.ex-c .ex-t b{display:block;font-size:24px;color:var(--accent-text)}
.ex-c .ex-d{font-size:12px;color:var(--text-muted)}
.ex-tip{margin:18px 0 0;padding:14px 16px;border-radius:var(--r);border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);font-size:14px;line-height:1.5;color:var(--text)}
.ex-btns{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
/* оплата, документы, команда */

.e-warn{margin:18px 0 0;padding:14px 16px;border-radius:var(--r);border-left:3px solid var(--accent);background:color-mix(in srgb,var(--text) 5%,transparent);font-size:14px;line-height:1.5;color:var(--text)}

/* нужны данные от владельца — подсветка только в предпросмотре */

@media (max-width:1099px){ .ec-card,.ec-box .ec-root{grid-template-columns:1fr} .ex-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .et-line{grid-template-columns:repeat(2,minmax(0,1fr))}  }
@media (max-width:760px){
 .ec-card{padding:20px 16px} .ec-m{padding:20px 14px} .ex-grid,.et-line{grid-template-columns:1fr}
 /* строка доверия на телефоне не показывается */
 #eraTrust{display:none !important}
 /* одна панель внизу вместо плавающих кнопок */
 .era-fab,#toTop{display:none !important}
 body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
 .era-disc{padding-bottom:16px !important}
}
.era-bb{display:none}
@media (max-width:760px){
 .era-bb{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:9000;-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--fix-line);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px))}
 .era-bb button{all:unset;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;color:var(--fix-muted);font:500 12px/1.1 var(--sans);font-family:inherit;-webkit-tap-highlight-color:transparent;text-align:center}
 .era-bb svg{width:23px;height:23px}
 .era-bb button.on{color:var(--accent-text)}

 :root[data-theme="light"] .era-bb{border-top-color:var(--line)}
 :root[data-theme="light"] .era-bb button{color:var(--muted)}
}
.era-sh{position:fixed;inset:0;display:none;align-items:flex-end}
.era-sh.on{display:flex}
.era-sh-p{width:100%;max-height:82vh;overflow:auto;border-radius:var(--r-lg) var(--r-lg) 0 0;padding:14px 16px calc(80px + env(safe-area-inset-bottom,0px))}
.era-sh-g{width:42px;height:4px;border-radius:2px}
.era-sh-p button,.era-sh-p a{display:flex;align-items:center;width:100%;min-height:48px;padding:0 6px;border:0;border-bottom:1px solid var(--border-soft);background:none;color:var(--text);font:500 16px/1.2 var(--sans);font-family:inherit;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box}
.era-sh-p .era-sh-l{flex-wrap:wrap}
.era-sh-p .era-sh-l a{font-size:16px}
/* мобильный каталог: поиск сверху, фильтры по кнопке */
.era-mcat{display:none}
@media (max-width:760px){
 .era-mcat{display:flex;gap:8px;margin:0 0 12px}
 .era-mcat .era-hsearch{display:flex !important;flex:1 1 auto;max-width:none;min-width:0}
 .era-mcat .era-hsearch input{font-size:16px;padding:12px 12px 12px 36px !important}
 .era-mcat .era-mf{flex:none;display:flex;align-items:center;gap:6px;padding:0 14px;border-radius:var(--r);border:1px solid var(--accent);background:transparent;color:var(--text);font:600 16px/1 var(--sans);font-family:inherit;cursor:pointer}
 .era-mcat .era-mf.on{background:var(--accent);color:var(--on-accent)}
}

/* ==== era-v284-calm ==== */
/* ==================================================================
   v284 · «МИНУС ЭФФЕКТЫ» — последний слой стилей.
   Снимает декоративные эффекты, разбросанные по ранним патчам (v3-effects, v220–v271):
   свечения и тени у текста, «неоновое стекло» кнопки поиска, глянец значков соцсетей,
   мультипликацию переключателя темы. Вёрстка, тексты и цены не меняются.
   Сохранены: обычные тёмные тени светлой темы (v271), рамки фокуса для клавиатуры.
   Префикс html:root:root:root:root и приём :is(*,…) нужны только для «веса» правил поверх старых !important.
   ================================================================== */

/* 1 · фон страницы — ровный (сетка и оранжевое пятно убраны и в исходном блоке) */

/* 1 · никаких свечений у текста (заголовки, меню, цены, кнопки); подпись счётчика фото поверх снимка оставлена */
html:root:root:root:root *:not(.lb-viewer-count),
html:root:root:root:root *::before,
html:root:root:root:root *::after{text-shadow:none !important}

/* 1 · свечения у кнопок, карточек, полей — убраны; обычные тени остаются */
html:root:root:root:root .chip:hover,
html:root:root:root:root .chip.on{box-shadow:none !important}

html:root:root:root:root .accident-box::before{box-shadow:none !important}
html:root:root:root:root .panel.filters-panel{box-shadow:var(--sh-1) !important}

html:root:root:root:root .panel.filters-panel::after{display:none !important}

html:root:root:root:root .el-call:hover{box-shadow:0 0 0 1px rgba(255,255,255,.25) inset !important}
html:root:root:root:root header.top .era-menu button:hover,
html:root:root:root:root header.top .era-menu button:active,html:root:root:root:root header.top .era-menu a:hover,html:root:root:root:root header.top .era-menu a:active{transform:none !important}

/* 2 · логотип шапки: без свечения, «въезда», блика и неона; протектор убран из самого рисунка (SVG) */
html:root:root:root:root .logo-live,
html:root:root:root:root .logo-live:hover,
html:root:root:root:root .logo-live:active,
html:root:root:root:root .logo-live img{filter:none !important;animation:none !important}
html:root:root:root:root .logo-live img{-webkit-mask:none !important;mask:none !important;clip-path:none !important}
html:root:root:root:root .logo-live::after,
html:root:root:root:root .era-neon{display:none !important}
/* без протектора рисунок стал ниже: высота подобрана так, чтобы ширина знака осталась прежней (~125–140 px) */
html:root:root:root:root header.top .brand-logo-img{height:21px !important;width:auto !important}
@media (max-width:1479px){html:root:root:root:root header.top .brand-logo-img{height:19px !important}}
@media (max-width:760px){html:root:root:root:root header.top .brand-logo-img{height:18px !important}}
/* высота места под логотип — как была (52 / 48 / 44 px), чтобы шапка не стала ниже и страница не сдвинулась */
html:root:root:root:root header.top .logo-live{display:flex !important;align-items:center;min-height:52px}
@media (max-width:1479px){html:root:root:root:root header.top .logo-live{min-height:48px}}
@media (max-width:760px){html:root:root:root:root header.top .logo-live{min-height:44px}}

/* 4 · значки соцсетей: одноцветные, без глянца, блика и свечения; фирменный цвет — только при наведении.
   Шапка тёмная в обеих темах, поэтому значки светло-серые; размеры (зона нажатия) не менялись. */
html:root:root:root:root .contact-icons a{background:transparent !important;border:1px solid rgba(255,255,255,.18) !important;box-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;filter:none !important;transform:none !important;color:var(--fix-muted);transition:color .15s,border-color .15s !important}
html:root:root:root:root .contact-icons a::after{display:none !important}
html:root:root:root:root .contact-icons svg{filter:none !important}
html:root:root:root:root .contact-icons svg [fill="#fff"]{fill:currentColor !important}
html:root:root:root:root .contact-icons svg [stroke="#fff"]{stroke:currentColor !important}
html:root:root:root:root .era-hic a{background:var(--fix-surface) !important;border:1px solid var(--fix-line);color:var(--fix-muted) !important;box-shadow:none !important;transition:color .15s,border-color .15s}
html:root:root:root:root :is(.contact-icons,.era-hic) a:hover{border-color:currentColor !important;background:var(--fix-surface) !important}
html:root:root:root:root :is(.contact-icons,.era-hic) a[href*="wa.me"]:hover{color:#25D366 !important}
html:root:root:root:root :is(.contact-icons,.era-hic) a[href*="t.me"]:hover{color:#2AABEE !important}
html:root:root:root:root :is(.contact-icons,.era-hic) a[href*="instagram"]:hover{color:#E1306C !important}
html:root:root:root:root :is(.contact-icons,.era-hic) a[href*="youtu"]:hover{color:#FF3B30 !important}
/* значки соцсетей (.contact-icons) есть только в шапке, а она тёмная и в светлой теме — поэтому светло-серые в обеих темах */
/* переключатель языка — без стеклянного блика и оранжевого ореола */
html:root:root:root:root header.top .lang-switch,
html:root:root:root:root header.top .lang-switch:hover{box-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
html:root:root:root:root header.top .lang-switch::after{display:none !important}
html:root:root:root:root header.top .lang-switch span.on{box-shadow:none !important}

/* 6 · переключатель темы: спокойный выключатель — без звёзд, облака, свечения луны/солнца */
html:root:root:root:root .theme-switch .ts-track::before,
html:root:root:root:root .theme-switch .ts-track::after{display:none !important;animation:none !important}
html:root:root:root:root .theme-switch .ts-track,
html:root:root:root:root .theme-switch:hover .ts-track,
html:root:root:root:root .theme-switch.is-light .ts-track{background:var(--fix-surface) !important;box-shadow:inset 0 0 0 1px var(--fix-line) !important}
html:root:root:root:root .theme-switch .ts-knob{animation:none !important;background:#D8D4CA !important;box-shadow:0 1px 2px rgba(0,0,0,.35) !important;transition:transform .2s ease !important}
html:root:root:root:root .theme-switch.is-light .ts-knob{background:var(--accent) !important}

/* 6 · «Поиск» / «Проверить»: обычная главная кнопка — сплошная оранжевая заливка, тёмный текст,
   без стекла (размытия), градиента, свечения и блика; при наведении — чуть светлее */
html:root:root:root:root :is(.search-btn,.startTrimCheckBtn):is(*,:not(:disabled):not(:active):hover){
 background:var(--accent) !important;color:var(--on-accent) !important;border:1px solid var(--accent) !important;
 box-shadow:none !important;text-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
 transform:none !important;transition:background-color .15s ease,border-color .15s ease !important}
html:root:root:root:root :is(.search-btn,.startTrimCheckBtn):is(*,:not(:disabled):not(:active):hover):hover:not(:disabled){background:var(--accent-hover) !important;border-color:var(--accent-hover) !important}
html:root:root:root:root :is(.search-btn,.startTrimCheckBtn)::after{display:none !important}
html:root:root:root:root :is(.search-btn,.startTrimCheckBtn):focus-visible{outline:2px solid var(--accent-hover) !important;outline-offset:3px !important}
html:root:root:root:root[data-theme="light"] :is(.search-btn,.startTrimCheckBtn):focus-visible{outline-color:var(--accent-text) !important}

/* 7 · светлая тема: оранжевый ТЕКСТ на светлом фоне — #F58B2E (контраст 4,9:1 вместо 2,3–2,8:1).
   Заливки оранжевых кнопок не меняются (на них тёмный текст). Шапка тёмная — её не трогаем. */
html:root:root:root:root[data-theme="light"] :is(
 .eh-card>i,.eh-card>em,.eh-steps i,.ea-steps i,.ex-c .ex-t b,.ex-t>b,
 .eh-sub a.eh-tgl,.ec-hd,.et-line em,.ep-grid i,.ed-grid i,.e-office a,.pp-m a,
 .eh-brand em,.lv-when,.lv-turn b,.era-feed-s b,.hc-dl:not(.closed),.row-price small.auc-res.sold,.auc-res-tile .v,
 .csel-arrow,.chev,.fav-heart.on,.csel-option.selected,
 .el-ok a:hover,.ea-ic a:hover,.era-feed-chip:hover,.era-reset-btn:hover,
 .ece-brands button:hover,.ece-src button:hover,.ece-src a:hover){color:var(--accent-text) !important}
html:root:root:root:root[data-theme="light"] .eh-checks li::before{color:var(--accent-text) !important}

@media (prefers-reduced-motion:reduce){
 html:root:root:root:root .car-row[open] .car-detail>*{animation:none !important}
}

/* ==== era-v285-components ==== */
/* ==================================================================
   v285 · компоненты «Графит и медь». Цвета — только из токенов (первый <style>).
   ================================================================== */
/* чередование секций: фон / вторая полоса + тонкая линия, чтобы секции не сливались */
.eh-alt{border-block:1px solid var(--line)}
/* светлые «бумажные» вставки внутри тёмной темы: «Документы» и «Оплата».
   Токены переопределены на уровне секции — всё внутри само берёт тёмный текст и медный акцент. */

:root[data-theme="light"] :is(#h-docs,#h-pay){background:var(--band) !important}
:root[data-theme="light"] :is(#h-docs,#h-pay) .eh-card{background:var(--surface) !important}
:is(#h-docs,#h-pay) .e-warn{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent)}
/* линейные иконки (stroke 1.75, currentColor = медный акцент) */
.eh-ico{width:28px;height:28px;flex:none;display:block;color:var(--accent-text);fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
.eh-card:has(>.eh-ico){position:relative}
.eh-card:has(>.eh-ico)>i{position:absolute;top:22px;right:22px;font-style:normal;font-size:14px;font-weight:600;color:var(--accent-text) !important;font-variant-numeric:tabular-nums}
/* карточки: тёмная тема — только рамка, без теней; светлая — тени --sh-1/--sh-2 (v271) */

/* кнопка «Поиск/Проверить» и кнопки каталога — высота 44px */
:is(.search-btn,.startTrimCheckBtn){min-height:44px;font-weight:600;border-radius:var(--r) !important}
/* значки соцсетей в мобильной шапке: зона нажатия 24×36 px без изменения высоты шапки (WCAG 2.2, 2.5.8) */
header.top .contact-icons a{position:relative}
header.top .contact-icons a::before{content:"";position:absolute;inset:-8px -2px;display:block}

/* ==== era-v285-strip ==== */
/* v285 · спокойная фото-полоса «реальная логистика» между отзывами и отправками.
   Исходник вертикальный (контейнер с двумя машинами) — обрезка по центру через object-fit, центр 50% 55%. */
.eh-strip{position:relative;margin:0;overflow:hidden;background:var(--raised);border-block:1px solid var(--line)}
.eh-strip picture{display:block;width:100%;height:100%}
.eh-strip img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.eh-strip::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.45) 100%)}
.eh-strip figcaption{position:absolute;left:0;right:0;bottom:16px;z-index:1;max-width:var(--eh-in);margin:0 auto;padding-inline:20px;color:#F3F1EC;font-size:14px;font-weight:500;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.5)}
@media (max-width:760px){.eh-strip figcaption{padding-inline:18px;bottom:12px}}

/* ==== era-v287-var2 ==== */
/* ==================================================================
   v287 · ВАРИАНТ 2 «Чёрные карточки»
   Светлая тема всегда, все секции светлые (белый / полоса #F5F4F1).
   Чёрные информационные карточки: «Как купить» (6 шагов), «Примеры цен»,
   «Как проходит оплата», «Информация о каждом автомобиле», «Документы и гарантии».
   Карточке переопределены токены тёмной темы — текст, линии и медь внутри
   перекрашиваются сами. FAQ, калькулятор, площадки, партнёры — светлые.
   Чтобы убрать вариант — удалить этот блок и data-theme="light" у <html>.
   ================================================================== */

#themeToggle{display:none !important}

/* --- 1. токены чёрной карточки --- */
:root[data-theme="light"] :is(#h-steps,#h-cases,#h-pay,#h-features,#h-docs,#h-partners) .eh-card,
:root[data-theme="light"] #h-about .ea-card,
:root[data-theme="light"] #h-about .ea-list li{
  color-scheme:dark;
  --surface:#16181B; --raised:#1E2125; --line:#2A2E33; --band:#16181B;
  --text:#F3F1EC; --muted:#A3A7AD; --faint:#8E939A; --accent-text:#F58B2E;
  --surface-2:#1E2125; --surface-3:#2A2E33; --border:#2A2E33; --border-soft:#2A2E33;
  --text-muted:#A3A7AD; --text-faint:#8E939A;
  background:linear-gradient(180deg,#191B1F 0%,#121417 100%),#16181B !important;
  border:1px solid #23262B !important;
  color:var(--text);
  box-shadow:0 1px 2px rgba(18,20,23,.10),0 14px 30px -16px rgba(18,20,23,.45) !important;
}
:root[data-theme="light"] :is(#h-steps,#h-cases,#h-pay,#h-features,#h-docs,#h-partners) .eh-card b,:root[data-theme="light"] #h-about .ea-card :is(b,strong){color:var(--text)}
:root[data-theme="light"] :is(#h-steps,#h-cases,#h-pay,#h-features,#h-docs,#h-partners) .eh-card span{color:var(--muted)}

/* --- 2. медная иконка в мягкой плашке, номер шага медный --- */
:root[data-theme="light"] :is(#h-steps,#h-pay,#h-features,#h-docs,#h-partners) .eh-card>.eh-ico{
  width:44px;height:44px;padding:9px;border-radius:12px;margin-bottom:10px;
  background:#23262B;box-shadow:inset 0 0 0 1px #2E3238;color:#F58B2E}
:root[data-theme="light"] :is(#h-steps,#h-pay,#h-partners) .eh-card:has(>.eh-ico)>i{color:#F58B2E !important;top:24px;right:24px}

/* --- 3. «Примеры цен»: строки-разделители и итог на чёрном --- */
:root[data-theme="light"] #h-cases .ex-c .ex-r{border-bottom-color:#2A2E33}
:root[data-theme="light"] #h-cases .ex-c .ex-r b{color:var(--text)}
:root[data-theme="light"] #h-cases .ex-c .ex-t b{color:#F58B2E}

/* --- 4. «Документы» и «Оплата» — без «бумажных» вставок: обычные светлые секции --- */

/* --- 5. первый экран: светлая полоса, рамка фото остаётся --- */
:root[data-theme="light"] .eh-hero{background:linear-gradient(180deg,#F5F4F1 0%,#FFFFFF 100%) !important;border-bottom:1px solid var(--line)}
:root[data-theme="light"] .eh-hero .eh-eyebrow{background:#FFFFFF !important;border:1px solid var(--line);color:var(--muted) !important}
:root[data-theme="light"] .eh-hero .eh-btn-g{background:#FFFFFF !important}

/* --- 6. подвал и оговорка под ним — чёрные --- */
:root[data-theme="light"] .eh-foot{background:#0E0F11 !important;color:#A3A7AD}
:root[data-theme="light"] .eh-foot b{color:#F3F1EC}
:root[data-theme="light"] .eh-foot :is(span,button){color:#A3A7AD}
:root[data-theme="light"] .eh-foot button:hover{color:#F58B2E}
:root[data-theme="light"] body:has(#view-home.active) .era-disc{background:#0E0F11;color:#8E939A !important;opacity:1 !important;margin:0}

:root[data-theme="light"] #h-about .ea-list li b{color:var(--text)}
:root[data-theme="light"] #h-about .ea-list li span{color:var(--muted)}
:root[data-theme="light"] #h-about .ea-list .ea-ic a{background:#23262B;border-color:#2E3238;color:#F3F1EC}

/* ==== era-v288-strip ==== */
.eh-strip{height:440px}@media (max-width:760px){.eh-strip{height:300px}}

/* ==== era-v291-copy ==== */
/* v291 · «Почему Palisade дороже» — над карточками */
#h-cases .ex-tip.ex-tip-top{margin:0 0 20px}
#h-cases .ex-c .ex-r.ex-r-sub span{white-space:normal}
/* v291 · предупреждение об оплате — первым и выделено */

/* ==== era-v297-calc ==== */
/* v297 · калькулятор: без оранжевого контура, тень как у светлых карточек; поля и кнопки светло-серые */
html:root .ec-card{border:1px solid #E4E1DA;box-shadow:0 1px 3px rgba(28,20,12,.07),0 10px 28px rgba(28,20,12,.09)}
html:root .ec-in,html:root .ec-seg button{background:#F5F4F1;border-color:#E4E1DA}
html:root .ec-in:focus{border-color:#F58B2E}
html:root .ec-seg button.on{background:#F58B2E;border-color:#F58B2E}

/* ==== era-v298-tip ==== */
/* v298 · подсказка «Почему Palisade дороже»: без оранжевой полосы слева, значок «!» в начале */
html:root #h-cases .ex-tip.ex-tip-top{display:flex;align-items:flex-start;gap:14px;border-left:1px solid var(--line,#E4E1DA);padding:16px 18px}
#h-cases .ex-tip-ico{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#F58B2E;box-shadow:0 0 0 5px rgba(245,139,46,.14);margin-top:-2px}
#h-cases .ex-tip-ico svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round}
#h-cases .ex-tip-ico svg circle{fill:#fff;stroke:none}
#h-cases .ex-tip-tx{flex:1;min-width:0}

/* ==== era-v299-cases ==== */
/* v299 · «4 реальных расчёта»: место под фото сверху, карточки ниже по высоте, на телефоне листаются вбок */
html:root #h-cases .ex-c{padding:0 18px 16px;gap:4px !important;overflow:hidden}
#h-cases .ex-cv{margin:0 -18px 10px;aspect-ratio:16/9;background:linear-gradient(135deg,#30343B,#1E2125);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#7D838C;font-size:12px}
#h-cases .ex-cv svg{width:26px;height:26px;fill:none;stroke:#7D838C;stroke-width:1.6;stroke-linejoin:round}
html:root #h-cases .ex-c h3{font-size:16px;line-height:1.3}
html:root #h-cases .ex-c .ex-m{font-size:12.5px;line-height:1.4;margin-bottom:2px}
html:root #h-cases .ex-c .ex-r{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:10px;padding:6px 0}
html:root #h-cases .ex-c .ex-r span{font-size:13px;line-height:1.35;white-space:normal}
html:root #h-cases .ex-c .ex-r b{font-size:15px;line-height:1.35;margin:0}
html:root #h-cases .ex-c .ex-t{margin-top:4px;font-size:12.5px;line-height:1.35}
html:root #h-cases .ex-c .ex-t b{font-size:22px;line-height:1.3}
html:root #h-cases .ex-c .ex-d{font-size:11.5px}
#h-cases .ex-dots{display:none}
@media (max-width:760px){
 html:root #h-cases .ex-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:4px 16px 18px;scroll-padding:0 16px}
 #h-cases .ex-grid::-webkit-scrollbar{display:none}
 html:root #h-cases .ex-grid>.ex-c{flex:0 0 84%;scroll-snap-align:start}
 #h-cases .ex-dots{display:flex;justify-content:center;gap:7px;margin:-6px 0 4px}
 #h-cases .ex-dots i{width:7px;height:7px;border-radius:50%;background:#D5D1C8;transition:width .2s,background .2s}
 #h-cases .ex-dots i.on{width:20px;border-radius:4px;background:#F58B2E}
}

/* ==== era-v301-pay ==== */
/* v303: предупреждение перенесено в «Как купить» под карточки; блок «Оплата» удалён */
html:root body #h-steps .e-warn.eh-paywarn{margin:20px 0 0}
/* v301 · предупреждение в «Оплате» — как подсказка про Palisade: белая карточка, серая рамка, значок «!» */
html:root body #h-steps .e-warn.eh-paywarn{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid #E4E1DA;border-left:1px solid #E4E1DA;padding:16px 18px;font-size:14px;line-height:1.5}
html:root body #h-steps .e-warn.eh-paywarn b{display:inline;margin:0}
#h-steps .ex-tip-ico{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#F58B2E;box-shadow:0 0 0 5px rgba(245,139,46,.14);margin-top:-2px}
#h-steps .ex-tip-ico svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round}
#h-steps .ex-tip-ico svg circle{fill:#fff;stroke:none}
#h-steps .ex-tip-tx{flex:1;min-width:0}

/* ==== era-v303-about ==== */
/* v303 · «О компании»: после удаления «Прозрачная стоимость» карточка «Всегда на связи» на всю ширину */
@media (min-width:761px){ #h-about .ea-list>li:last-child{grid-column:1/-1} }

/* ==== era-v304 ==== */
/* v304 · первый экран: второй абзац; «Всегда на связи» — текст и иконки в одну строку */
.eh-lead.eh-lead2{margin-top:12px}
#h-about .ea-list>li:last-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:14px;row-gap:6px}
#h-about .ea-list>li:last-child>b{grid-column:1/-1}
#h-about .ea-list>li:last-child>.ea-ic{margin-top:0}

/* ==== era-v305-about ==== */
/* v305 · линия над реквизитами — до правого края карточки «Как мы работаем» */
@media (min-width:901px){
 #h-about .ea-co{position:relative;border-top:0}
 #h-about .ea-co::before{content:"";position:absolute;top:0;left:0;height:1px;background:rgba(127,127,127,.22);width:calc(100% * 2 / 1.15 + 48px)}
}

/* ==== era-v306-menu ==== */
/* v306 · «Калькулятор» длиннее «Цены» — на узких компьютерах (1100–1199px) меню чуть плотнее, чтобы телефон в шапке не обрезался */
@media (min-width:1100px) and (max-width:1199px){ html:root header.top .era-menu{gap:8px !important} html:root header.top .era-menu button,html:root header.top .era-menu a{font-size:13px !important} }

/* ==== era-v307-dd ==== */
/* v307 · выпадающее меню в шапке: Каталог авто · Аукционы · О нас ▾ · Как купить ▾ · Партнёрам · Контакты */
header.top .era-menu{align-items:center}
header.top .era-dd{position:relative;display:inline-flex;align-items:center}
html:root header.top .era-menu .era-dd-t::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin:0 0 3px 7px;opacity:.7;transition:transform .2s}
header.top .era-dd:hover .era-dd-t::after,header.top .era-dd:focus-within .era-dd-t::after{transform:rotate(225deg);margin-bottom:-1px}
header.top .era-dd-p{position:absolute;top:100%;left:-14px;padding-top:14px;display:none;z-index:200}
header.top .era-dd:hover .era-dd-p,header.top .era-dd:focus-within .era-dd-p{display:block}
header.top .era-dd.shut .era-dd-p{display:none !important}
header.top .era-dd-in{display:flex;flex-direction:column;min-width:240px;background:#16181B;border:1px solid #2A2E33;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.35);padding:8px}
html:root header.top .era-menu .era-dd-in button,html:root header.top .era-menu .era-dd-in a{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:10px 12px !important;border-radius:8px;color:#F3F1EC !important;font-size:14.5px !important;font-weight:500 !important;text-shadow:none !important;transform:none !important;box-shadow:none !important;white-space:nowrap}
html:root header.top .era-menu .era-dd-in button b,html:root header.top .era-menu .era-dd-in a b{font-weight:500}
html:root header.top .era-menu .era-dd-in button small,html:root header.top .era-menu .era-dd-in a small{color:#8B9099;font-size:12px;font-weight:400}
html:root header.top .era-menu .era-dd-in button:hover,html:root header.top .era-menu .era-dd-in button:focus-visible,html:root header.top .era-menu .era-dd-in a:hover,html:root header.top .era-menu .era-dd-in a:focus-visible{background:#23262B}
html:root header.top .era-menu .era-dd-in button:hover b,html:root header.top .era-menu .era-dd-in button.on b,html:root header.top .era-menu .era-dd-in a:hover b,html:root header.top .era-menu .era-dd-in a.on b{color:#F58B2E}
html:root header.top .era-menu .era-dd:has(.era-dd-in button.on)>.era-dd-t,html:root header.top .era-menu .era-dd:has(.era-dd-in a.on)>.era-dd-t{color:#FFFFFF !important;font-weight:600 !important}

/* ==== era-v308-foot ==== */
/* v308 · подвал: иконки соцсетей, ИНН, значок локации, телефон в реквизитах */
.eh-foot .eh-soc{display:flex;gap:8px;margin-top:4px}
.eh-foot .eh-soc a{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#1A1C20;border:1px solid #2A2E33;color:#C9CCD1;transition:color .2s,border-color .2s,background .2s}
.eh-foot .eh-soc a:hover{color:#F58B2E;border-color:#F58B2E;background:#1F1A15}
.eh-foot .eh-soc svg{width:18px;height:18px}
.eh-foot .eh-adr{display:inline-flex;align-items:flex-start;gap:6px}
.eh-foot .eh-pin{width:16px;height:16px;flex:none;color:#F58B2E;margin-top:1px}
.eh-foot a.eh-ftel{color:inherit;text-decoration:none}
.eh-foot a.eh-ftel:hover{color:#F58B2E}
.eh-foot .eh-fc{min-width:0}
.eh-foot .eh-fc span{overflow-wrap:anywhere}
@media (max-width:760px){ .eh-foot .eh-foot-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .eh-foot .eh-soc{gap:6px;flex-wrap:wrap} .eh-foot .eh-soc a{width:32px;height:32px;border-radius:9px} .eh-foot .eh-soc svg{width:16px;height:16px} }

/* ==== era-v309-legal ==== */
/* v309 · строка «© … Все права защищены» внизу подвала */
.eh-foot .eh-legal{margin-top:28px;padding-top:18px;border-top:1px solid #23262B;font-size:12.5px;line-height:1.55;color:#7D828A;display:flex;flex-wrap:wrap;gap:4px 14px}

/* ==== era-v313-card ==== */
/* v313 · открытая карточка: шапка с отступом слева (фото не касается края при увеличении), плитки Год/Пробег/… серее и с тенью */
.row-list>details.car-row[open]>summary{padding-left:30px !important;padding-right:24px !important}
html:root .lv-k{background:#ECEAE5 !important;border:1px solid #E1DED7;box-shadow:0 1px 2px rgba(28,20,12,.06),0 6px 14px rgba(28,20,12,.07)}

/* ==== era-v314-card ==== */
/* v314 · карточки: плитка «Мощность» на всю ширину; кнопка «Рассчитать стоимость»; звезда избранного в шапке */
.lv-key .lv-k-wide{grid-column:1/-1}
html:root .lv-pan button.lv-cta{width:100%;border:0;cursor:pointer;font-family:inherit;margin:0}
.car-row.is-fav>summary .row-title .name::before{content:"★";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#F58B2E;color:#fff;font-size:13px;line-height:1;margin-right:8px;vertical-align:2px;box-shadow:0 0 0 3px rgba(245,139,46,.20),0 0 8px 2px rgba(245,139,46,.65),0 0 18px 4px rgba(245,139,46,.35);text-shadow:0 0 4px rgba(255,255,255,.9)}
#favoritesList .car-row>summary .fav-heart{display:none !important}
html:root .car-row.is-fav>summary .row-title .name{padding:14px 0 10px 16px !important;margin:-14px 0 -10px -16px !important}
html:root .car-row.is-fav>summary .row-title .name-wrap{padding:14px 0 0 16px !important;margin:-14px 0 0 -16px !important;width:calc(100% + 16px) !important}

/* ==== era-v317-card ==== */
/* v317 · карточка: разделительная линия между «Характеристиками» и блоками ДТП / страховых / кузова (как линия над реквизитами в «О компании») */
.lv-rest>.lv-two{border-top:1px solid rgba(127,127,127,.22);padding-top:20px}

/* ==== era-v320-catalog-look ==== */
/* v320 · вариант F: серый фон каталога, тень у фильтров, тёмная рамка фото и тёмная панель цены */
body:has(.view.active:not(#view-home):not(#view-soon)){background:#EFEDE9 !important} /* v321: светлее */
html:root .filters-panel{box-shadow:0 2px 4px rgba(20,16,12,.06),0 10px 28px rgba(20,16,12,.14) !important;border:1px solid rgba(0,0,0,.06) !important}
html:root details.car-row{box-shadow:0 2px 6px rgba(20,16,12,.06),0 14px 34px rgba(20,16,12,.10) !important}
html:root details.car-row[open]{background:#F6F4F0 !important}
html:root .car-row .lv-box{background:#fff !important;box-shadow:0 1px 3px rgba(20,16,12,.05),0 8px 22px rgba(20,16,12,.08) !important}
html:root details.car-row[open] .lv-gal{border-radius:18px;padding:14px}

html:root .car-row .lv-pan{background:#1C1C1F !important;border:0 !important;box-shadow:0 14px 34px rgba(0,0,0,.25) !important;color:#D8D5CF}
html:root .car-row .lv-pan .lv-title{color:#fff !important}
html:root .car-row .lv-pan .lv-sub{color:#9C9891 !important}
html:root .car-row .lv-pan .lv-k{background:#2A2A2E !important;border-color:rgba(255,255,255,.06) !important;box-shadow:none !important}
html:root .car-row .lv-pan .lv-k span{color:#9C9891 !important}
html:root .car-row .lv-pan .lv-k b{color:#F2F0EC !important}
html:root .car-row .lv-pan .lv-k b.good{color:#4CC38A !important}
html:root .car-row .lv-pan .lv-k b.bad{color:#FF7A6B !important}
html:root .car-row .lv-pan .lv-price{background:#242427 !important;border-color:rgba(255,255,255,.06) !important;box-shadow:none !important}
html:root .car-row .lv-pan .lv-price *{color:#D8D5CF !important}
html:root .car-row .lv-pan .lv-price .lv-pl{color:#F58B2E !important}
html:root .car-row .lv-pan .lv-pv{color:#fff !important}
html:root .car-row .lv-pan .lv-acts button,html:root .car-row .lv-pan .lv-acts a{background:#2A2A2E !important;border-color:rgba(255,255,255,.12) !important;color:#E8E5E0 !important}

/* ==== era-v325-mobile-swipe ==== */
/* v325 · телефон: карточки в блоках главной листаются пальцем влево-вправо (как на iPhone), а не стопкой вниз.
   Родная прокрутка браузера с «примагничиванием» к карточке: мгновенный отклик, инерция, без задержек */
.eh-dots{display:none}
@media (max-width:760px){
 html:root .eh-swipe{display:flex !important;flex-wrap:nowrap !important;gap:12px !important;overflow-x:auto !important;overflow-y:hidden;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;
  margin-left:-16px !important;margin-right:-16px !important;padding:4px 16px 16px !important;scroll-padding:0 16px;
  grid-template-columns:none !important;list-style:none;align-items:stretch}
 .eh-swipe::-webkit-scrollbar{display:none}
 html:root *:has(> .eh-swipe){min-width:0 !important} /* карусель не растягивает свой столбец шире экрана */
 html:root .eh-swipe{max-width:100vw}
 html:root .eh-swipe>*{flex:0 0 84% !important;width:auto !important;max-width:none !important;min-width:0;scroll-snap-align:start;margin:0 !important}
 html:root .eh-swipe.eh-sw-s>*{flex-basis:66% !important}
 .eh-swipe::after{content:"";flex:0 0 4px} /* последняя карточка не прилипает к краю экрана */
 .eh-dots{display:flex;justify-content:center;gap:7px;margin:-4px 0 6px}
 .eh-dots i{width:7px;height:7px;border-radius:50%;background:#D5D1C8;transition:width .2s,background .2s}
 .eh-dots i.on{width:20px;border-radius:4px;background:#F58B2E}
}

/* ==== era-v329-msheet ==== */
/* v329 · меню телефона: заголовок и крестик, группы «Как купить» / «О нас» с подписями и значками,
   нижнее меню остаётся видно поверх затемнения (кнопка «Меню» подсвечена, повторное нажатие закрывает). */
.era-sh{z-index:8990;background:rgba(10,10,11,.55)}
.era-sh.on{animation:eraShF .2s ease both}
.era-sh.on .era-sh-p{animation:eraShU .28s cubic-bezier(.2,.8,.2,1) both}
@keyframes eraShF{from{opacity:0}to{opacity:1}}
@keyframes eraShU{from{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}
html.era-sh-open{overflow:hidden}
.era-sh-p{background:var(--band);padding:8px 14px calc(78px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 70px);overscroll-behavior:contain;box-shadow:0 -12px 32px rgba(0,0,0,.28)}
.era-sh-g{margin:0 auto 6px;background:#CFCAC1}
.era-sh-h{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 4px}
.era-sh-h b{font:700 22px/1.2 var(--display);letter-spacing:-.01em;color:var(--text)}
.era-sh-p button.era-sh-x{all:unset;box-sizing:border-box;width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent}
.era-sh-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.era-sh-c{font:600 12px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:16px 6px 8px}
.era-sh-c.era-sh-c0{margin:0;height:12px}
.era-sh-gr{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.era-sh-p button.era-sh-r{display:grid;grid-template-columns:38px 1fr 16px;align-items:center;gap:12px;min-height:58px;padding:9px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;text-align:left;-webkit-tap-highlight-color:transparent}
.era-sh-gr button.era-sh-r:last-child{border-bottom:0}
.era-sh-p button.era-sh-r:active{background:var(--raised)}
.era-sh-r i{width:38px;height:38px;border-radius:11px;background:var(--fix-surface);color:var(--accent);display:grid;place-items:center}
.era-sh-r i svg{width:20px;height:20px}
.era-sh-r span{display:flex;flex-direction:column;gap:3px;min-width:0}
.era-sh-r b{font:600 16px/1.2 var(--sans);color:var(--text)}
.era-sh-r small{font:400 13px/1.25 var(--sans);color:var(--muted)}
.era-sh-r em{color:var(--faint);display:flex}
.era-sh-r em svg{width:16px;height:16px}
.era-sh-p .era-sh-l{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.era-sh-p .era-sh-l a{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:auto;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font:500 15px/1.2 var(--sans);color:var(--text)}
.era-sh-l a svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.era-sh.on~.era-bb{z-index:9600}
/* v329: активная вкладка нижнего меню снова подсвечивается оранжевым (в светлой теме её перекрывал серый цвет) */
:root[data-theme="light"] .era-bb button.on{color:var(--accent-text)}

/* ==== era-v330 ==== */
/* v330 · телефон: под «Свежие объявления Encar» без кнопок с марками (марка выбирается в «Фильтрах») */
@media (max-width:760px){ .era-feed-chips{display:none} }

/* ==== era-v331-bb-ios ==== */
/* v331 · iPhone (Safari): нижнее меню не «прыгает» при прокрутке.
   Когда Safari прячет/показывает свою панель, меняется отступ под «полоской» iPhone (safe-area) — теперь
   меню подстраивается плавно, а не рывком. Размытие фона под меню убрано (в Safari оно заставляет
   перерисовывать меню на каждом кадре прокрутки) — фон сплошной. Меню вынесено в отдельный слой. */
@media (max-width:760px){
 .era-bb{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0C0B0A;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:padding-bottom .25s ease}
 :root[data-theme="light"] .era-bb{background:#FFFFFF}
 .era-sh-p{transition:padding-bottom .25s ease}
}

/* ==== era-v333-cases: фото в «4 реальных расчёта» ==== */
#h-cases .ex-cv.ex-ph{position:relative;display:block;padding:0;background:#1E2125;cursor:zoom-in;overflow:hidden}
#h-cases .ex-cv.ex-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
@media (hover:hover){#h-cases .ex-cv.ex-ph:hover img{transform:scale(1.03)}}
#h-cases .ex-cnt{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:999px;background:rgba(12,11,10,.72);color:#fff;font-size:12px;font-weight:600;line-height:1;letter-spacing:.02em}
#h-cases .ex-cnt svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linejoin:round}

/* ==== era-v334-lb-arrows ==== */
/* v334 · просмотр фото на компьютере: стрелки «назад/вперёд» стоят неподвижно по бокам от фото, по центру высоты —
   не прыгают при смене вертикального и горизонтального кадра. Счётчик «N / M» остаётся под фото. */
@media (min-width:761px){
 .lightbox-frame{position:relative}
 .lightbox-controls{justify-content:center !important;position:static !important}
 .lightbox-arrow{position:absolute !important;top:calc((100vh - 128px - var(--safe-top,0px)) / 2 - 28px);width:56px !important;height:56px !important;border-radius:50% !important;
  display:grid !important;place-items:center;font-size:30px !important;line-height:1;padding:0 0 3px !important;z-index:3;
  background:rgba(20,20,22,.78) !important;border:1px solid rgba(255,255,255,.18) !important;color:#fff !important;box-shadow:0 6px 18px rgba(0,0,0,.35)}
 .lightbox-arrow:hover{background:#F58B2E !important;border-color:#F58B2E !important;color:#fff !important}
 #lightboxPrevBtn{left:16px}
 #lightboxNextBtn{right:16px}
 .lightbox-count{color:#fff !important;font-weight:600}
}

/* ==== era-v335-mobile ==== */
/* v335 · телефон: шапка ниже — без курсов валют и без строки «Поиск по фильтрам / Проверить авто / Избранное»
   (избранное — в нижнем меню вместо «Связаться»); калькулятор — шторкой снизу, закрывается смахиванием */
@media (max-width:760px){
 header.top #hdrRate{display:none !important}
 header.top nav.tabs{display:none !important}
 .era-bb .era-bb-fi{position:relative;display:flex}
 .era-bb .era-bb-n{position:absolute;top:-5px;right:-10px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#F58B2E;color:#fff;font:700 10.5px/17px var(--sans);font-style:normal;text-align:center;box-sizing:border-box}
 .ec-ov{align-items:flex-end !important;padding:0 !important;overflow:hidden !important}
 .ec-m{max-height:calc(100dvh - env(safe-area-inset-top,0px) - 14px);max-height:calc(100vh - env(safe-area-inset-top,0px) - 14px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  border-radius:20px 20px 0 0 !important;border-bottom:0 !important;padding:30px 16px calc(22px + env(safe-area-inset-bottom,0px)) !important;will-change:transform}
 @supports (height:100dvh){ .ec-m{max-height:calc(100dvh - env(safe-area-inset-top,0px) - 14px)} }
 .ec-m::before{content:"";position:absolute;top:10px;left:50%;width:42px;height:5px;margin-left:-21px;border-radius:3px;background:#C9C5BC}
 .ec-ov.on .ec-m{animation:ecUp .26s ease}
 @keyframes ecUp{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}
}

/* ==== era-v336-card-screen ==== */
/* v336 · телефон: открытое объявление — отдельным экраном поверх списка; шапка карточки со стрелкой «назад» */
@media (max-width:760px){
 html.era-card-open{overflow:hidden}
 details.car-row.era-full{position:fixed !important;inset:0 !important;z-index:9700 !important;margin:0 !important;border-radius:0 !important;max-width:none !important;width:auto !important;
  overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--bg) !important;
  padding:0 0 calc(18px + env(safe-area-inset-bottom,0px)) !important;box-shadow:-12px 0 30px rgba(0,0,0,.25) !important;will-change:transform;animation:eraCardIn .24s ease}
 html details.car-row.era-full[open]>summary,html.era-grid .row-list>details.car-row.era-full[open]>summary,html .row-list>details.car-row.era-full[open]>summary{position:sticky !important;top:0 !important;z-index:6;padding-top:calc(10px + env(safe-area-inset-top,0px)) !important;padding-left:44px !important;border-radius:0 !important}
 details.car-row.era-full>summary::before{content:"";position:absolute;left:16px;top:50%;width:12px;height:12px;margin-top:calc(env(safe-area-inset-top,0px) / 2 - 6px);border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);color:var(--text);opacity:.85}
 details.car-row.era-full>.car-detail{border-radius:0 !important}
 @keyframes eraCardIn{from{transform:translateX(36px);opacity:.4}to{transform:none;opacity:1}}
 html.era-card-open .lightbox{z-index:9800 !important}
 details.car-row.era-full>summary .chev{visibility:hidden}
}

/* ==== era-v337-short-page ==== */
/* v337 · телефон: страница всегда не ниже экрана — на коротких разделах (пустое «Избранное») iPhone
   не «поднимает» нижнее меню и под ним не остаётся пустой полосы */
@media (max-width:760px){
 html{min-height:100%;background:#EFEDE9}
 body{min-height:100vh;min-height:100lvh;box-sizing:border-box}
}

/* ==== era-v338-gal-light ==== */
/* v338 · рамка вокруг фото в открытой карточке — светлая (была тёмной #1C1C1F), как белые блоки ниже */
html:root details.car-row[open] .lv-gal{background:#fff;box-shadow:0 1px 3px rgba(20,16,12,.05),0 8px 22px rgba(20,16,12,.08)}
html:root details.car-row[open] .lv-thumbs{scrollbar-color:#C9C5BC transparent}

/* ==== era-v338-cbar-hide ==== */
/* v338 · телефон, каталог: при прокрутке вниз строка «Encar · Autohub · Lotte · K Car · HappyCar» прячется,
   у самого верха — появляется. Высота строки уходит в отступ под шапкой — список при этом не сдвигается. */
@media (max-width:760px){
 .era-cbar{overflow:hidden;max-height:var(--era-cbh,80px);transition:max-height .22s ease,opacity .18s ease}
 header.top{transition:margin-bottom .22s ease}
 html.era-cbar-hide .era-cbar{max-height:0;opacity:0;border-top-color:transparent}
 html.era-cbar-hide header.top{margin-bottom:var(--era-cbh,56px)}
}

/* ==== era-v339-pan-narrow ==== */
/* v339 · компьютер: панель с ценой в открытой карточке уже (380 → 320 px), фото шире */
@media (min-width:1000px){
 .lv{grid-template-columns:minmax(0,1fr) 320px;column-gap:24px}
 html:root .car-row .lv-pan .lv-pv{font-size:28px}
}

/* ==== era-v340-card-screen-desktop ==== */
/* v340 · компьютер: открытое объявление — отдельным экраном на всю ширину под шапкой сайта (фильтры и список скрыты под ним).
   Шапка карточки прилипает сверху и начинается с «‹ Назад к списку» (нажатие на шапку закрывает карточку); Esc и «Назад» браузера тоже.
   Телефон — см. era-v336-card-screen. */
.era-back{display:none !important}
.row-list,.row-list *{overflow-anchor:none} /* раскрытие карточки не должно сдвигать страницу (её место в списке запоминается) */
details.car-row.era-full>summary{position:sticky !important;top:0 !important}
@media (min-width:761px){
 html details.car-row.era-full{position:fixed !important;top:var(--era-ctop,170px) !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:18 !important;margin:0 !important;
  width:auto !important;max-width:none !important;border-radius:0 !important;overflow-y:auto !important;overscroll-behavior:contain;background:#EFEDE9 !important;box-shadow:none !important;
  padding:0 max(24px,calc((100vw - 1400px) / 2)) 48px !important;animation:eraCardInD .2s ease}
 html details.car-row.era-full>summary,html.era-grid .row-list>details.car-row.era-full[open]>summary,html .row-list>details.car-row.era-full[open]>summary{top:0 !important;margin-top:14px !important;border-radius:0 0 var(--r-lg) var(--r-lg) !important;padding-left:210px !important;position:sticky !important}
 html details.car-row.era-full>summary::before{content:"Назад к списку";position:absolute;left:20px;top:50%;transform:translateY(-50%);height:38px;line-height:38px;padding:0 16px 0 34px;border-radius:999px;
  border:1px solid rgba(0,0,0,.1);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E") no-repeat 12px 50%/16px 16px;
  color:#1A1A1A;font:600 14px/38px var(--sans);box-shadow:0 2px 8px rgba(20,16,12,.08);white-space:nowrap}
 html[lang="en"] details.car-row.era-full>summary::before{content:"Back to list"}
 html details.car-row.era-full>summary:hover::before{border-color:#F58B2E;color:#C25E0A}
 html details.car-row.era-full .lv-pan{top:calc(var(--era-sum,90px) + 14px) !important;max-height:calc(100vh - var(--era-ctop,170px) - var(--era-sum,90px) - 28px) !important}
 @keyframes eraCardInD{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}

/* ==== era-v341-card-compact ==== */
/* v341 · открытая карточка: панель с ценой ниже по высоте (плитки, цена, кнопка компактнее);
   телефон — у блоков карточки отступы от краёв экрана (были вплотную) */
html:root .car-row .lv-pan{padding:18px !important;gap:10px !important}
html:root .car-row .lv-pan .lv-title{font-size:20px !important;line-height:1.2 !important}
html:root .car-row .lv-pan .lv-when{font-size:13px !important}
html:root .car-row .lv-pan .lv-key{gap:8px !important}
html:root .car-row .lv-pan .lv-k{padding:8px 12px !important;gap:1px !important;min-height:0 !important}
html:root .car-row .lv-pan .lv-k span{font-size:11.5px !important;line-height:1.3 !important}
html:root .car-row .lv-pan .lv-k b{font-size:16px !important;line-height:1.3 !important}
html:root .car-row .lv-pan .lv-price{padding:12px 16px !important;gap:2px !important}
html:root .car-row .lv-pan .lv-pv{font-size:26px !important}
html:root .car-row .lv-pan .lv-turn{margin-top:6px !important;padding-top:8px !important}
html:root .car-row .lv-pan .lv-turn b{font-size:14px !important}
html:root .car-row .lv-pan .lv-turn span{font-size:12.5px !important;line-height:1.35 !important}
html:root .car-row .lv-pan .lv-cta{padding:11px 16px !important;font-size:15px !important}
@media (max-width:760px){
 html details.car-row.era-full>.car-detail{padding:12px 12px 0 !important}
 html details.car-row.era-full .lv{padding-top:0 !important}
}

/* ==== era-v341-photo-direct ==== */
/* v341 · телефон: фото из карточки открывается сразу на весь экран — галерея-подложка под ним скрыта */
#photoLightbox.lb-direct{background:#000 !important}
#photoLightbox.lb-direct>:not(#lbViewer){visibility:hidden !important}

/* ==== era-v341-calc-share ==== */
/* v341 · калькулятор: кнопки «Отправить расчёт менеджеру» и «Поделиться расчётом»; всплывающая подсказка «Файл готов» */
.ec-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.ec-btns .eh-btn{flex:1 1 220px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.ec-share svg{flex:none}
.era-qt{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:10050;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:14px;background:#1C1C1F;color:#fff;font:500 14px/1.3 var(--sans);box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:calc(100vw - 32px)}
.era-qt button{all:unset;cursor:pointer;padding:8px 14px;border-radius:999px;background:#F58B2E;color:#fff;font-weight:600}

/* ==== era-v342-quote-menu ==== */
/* v342 · компьютер: окно «Поделиться расчётом» — скопировать картинкой или скачать PDF */
.era-qm{position:fixed;inset:0;z-index:10060;background:rgba(5,5,6,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.era-qm-p{position:relative;width:100%;max-width:420px;background:#fff;border-radius:18px;padding:26px 24px 22px;display:flex;flex-direction:column;gap:8px;box-shadow:0 20px 60px rgba(0,0,0,.3);color:#1A1A1A}
.era-qm-p b{font-size:19px}.era-qm-p p{margin:0 0 8px;color:#6B6760;font-size:14px}
.era-qm-p small{color:#6B6760;font-size:12.5px;line-height:1.4;margin:-2px 2px 8px}
.era-qm-p .eh-btn{width:100%;justify-content:center}
.era-qm-x{all:unset;position:absolute;top:10px;right:14px;font-size:26px;line-height:1;cursor:pointer;color:#6B6760}
.era-qm-ok{font-style:normal;font-size:13.5px;font-weight:600;color:#1F8A55;background:#E6F4EC;border-radius:10px;padding:9px 12px}

/* ==== era-v343-lb-center ==== */
/* v343 · компьютер, просмотр фото: фото по центру свободного места слева от ленты миниатюр (было — по центру экрана, вплотную к ленте) */
@media (min-width:761px){
 html .lightbox-body{grid-template-columns:clamp(8px,1vw,24px) minmax(0,1fr) var(--lbc) !important}
}

/* ==== era-v345-fixes ==== */
/* v345 · телефон: ссылка «Свежие отправки — в нашем Telegram-канале» не помещалась в строку (страница была шире экрана) — теперь переносится */
@media (max-width:760px){ .eh-sub a.eh-tgl{white-space:normal} }

/* ==== era-v347-video-viewer ==== */
/* v347 · просмотр видео и фото в «Отзывах» и «Отправках»: пока ролик грузится — обложка того же размера вместо маленького чёрного окна;
   на телефоне крестик внизу между стрелками (в зоне большого пальца), смахивание вверх/вниз закрывает */
.er-lb .er-m{position:relative}
.er-lb .er-m.er-wait video{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.er-lb .er-ph{max-width:100%;max-height:calc(100vh - 120px);border-radius:var(--r);display:block;background:#000}
@media (max-width:760px){
 .er-lb{padding:max(14px,env(safe-area-inset-top)) 8px calc(84px + env(safe-area-inset-bottom))}
 .er-lb .er-m,.er-lb img,.er-lb video,.er-lb .er-ph{max-height:calc(100dvh - 150px)}
 .er-lb .er-x,.er-lb .er-pr,.er-lb .er-nx{top:auto;bottom:calc(16px + env(safe-area-inset-bottom));margin:0;width:52px;height:52px;line-height:52px}
 .er-lb .er-x{right:auto;left:calc(50% - 26px);font-size:28px;background:rgba(255,255,255,.18)}
 .er-lb .er-pr{left:calc(50% - 98px)}
 .er-lb .er-nx{right:calc(50% - 98px)}
 .er-lb .er-cap{font-size:15px;text-align:center;padding:0 12px}
}

/* ==== era-v349-search ==== */
/* v350: строка поиска на телефоне — как до v349 (кнопка «Фильтры» со словом); ниже — кнопки выбора аукциона в результатах поиска */
.era-aucpick{display:inline-block;margin:6px 6px 0 0;padding:7px 12px;border-radius:var(--r);border:1px solid var(--accent);background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}
.era-aucpick:hover{background:var(--accent);color:var(--on-accent)}

/* ==== era-v351-inapp-edges ==== */
/* v351 · телефон, встроенный браузер Telegram (и похожие): он рисует страницу и под своей верхней панелью с адресом,
   и под нижней — при прокрутке над шапкой «просвечивал» список, а под нижним меню — низ страницы.
   Чёрная заливка продолжает шапку вверх, белая — нижнее меню вниз. В обычных браузерах она за краем экрана и не видна. */
@media (max-width:760px){
 header.top::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:320px;background:#000;pointer-events:none}
 .era-bb::after{content:"";position:absolute;left:0;right:0;top:100%;height:320px;background:inherit;border:0;pointer-events:none}
}

/* ==== era-v353-telegram ==== */
/* v353 · только во встроенном браузере Telegram на телефоне (класс era-tg): Telegram рисует страницу и под своими полосами
   сверху и снизу, а закреплённые шапка и меню встают у края выданной ему «середины» — над шапкой и под меню видна страница.
   Поэтому там: шапка уезжает вместе со страницей; нижнее меню прячется при прокрутке вниз и возвращается при прокрутке вверх. */
@media (max-width:760px){
 html.era-tg header.top{position:relative !important;top:auto !important}
 html.era-tg .era-bb{transition:transform .25s ease,padding-bottom .25s ease}
 html.era-tg.era-bb-away .era-bb{transform:translate3d(0,120%,0) !important;-webkit-transform:translate3d(0,120%,0) !important}
}

/* ==== era-v356-ios-zoom ==== */
/* v356 · iPhone увеличивает страницу при нажатии на поле ввода, если текст в поле мельче 16px, и после этого
   страница остаётся увеличенной и «съезжает» вбок (поле «Ссылка на объявление Энкара», фильтры, «Номер лота»).
   На телефоне у всех полей ввода — 16px. */
@media (max-width:760px){
 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea{font-size:16px !important}
}

/* ==== era-v359-no-side-jump ==== */
/* v359 · телефон: страница не сдвигается вбок, если что-то на миг вылезло за правый край (закрытие карточки смахиванием) */
@media (max-width:760px){ body{overflow-x:clip} }

/* ==== era-v363-feed-loading ==== */
/* v363 · пока грузится лента свежих объявлений Encar — строка «Загружаю…» и серые заготовки строк вместо подсказки «выберите марку» */
body.era-feed-loading #resultsList:empty::before{content:"Загружаю свежие объявления Encar…";display:block;grid-column:1/-1;width:100%;padding:6px 2px 14px;color:#8a847b;font-size:14px}
body.era-feed-loading #resultsList:empty::after{content:"";display:block;grid-column:1/-1;width:100%;height:560px;border-radius:16px;
 background:repeating-linear-gradient(180deg,#e6e3dd 0,#e6e3dd 96px,transparent 96px,transparent 110px);
 animation:eraSkel 1.2s ease-in-out infinite alternate}
@keyframes eraSkel{from{opacity:.55}to{opacity:1}}
@media (max-width:760px){ body.era-feed-loading #resultsList:empty::after{height:440px} }

/* ==== era-v364-audit ==== */
/* v364 · «Убрать» прямо в строке «Избранного» (звезда там скрыта с v314) — маленькая кнопка под строкой с годом и пробегом */
#favoritesList .car-row>summary .fav-rm{display:inline-flex;align-items:center;margin-top:8px;appearance:none;border:1px solid rgba(0,0,0,.16);background:transparent;color:#5d5850;font:inherit;font-size:13px;line-height:1;padding:7px 12px;border-radius:999px;cursor:pointer;position:relative}
#favoritesList .car-row>summary .fav-rm:hover{border-color:#F58B2E;color:#F58B2E}
#favoritesList .car-row>summary .fav-rm::before{content:"";position:absolute;left:-6px;right:-6px;top:-8px;bottom:-8px}
/* v364 · зоны нажатия не меньше 44×44 на сенсорных экранах: невидимая область вокруг мелких кнопок, сам вид не меняется */
@media (pointer:coarse){
 .era-hic a,header .src-btn,.fav-heart,.share-btn,.link-btn,.era-view-ic button,.era-sh-p button.era-sh-x{position:relative}
 .era-hic a::before,header .src-btn::before,.fav-heart::before,.share-btn::before,.link-btn::before,.era-view-ic button::before,.era-sh-x::before,.pp-x::before,.el-x::before{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%);background:transparent}
}

/* ==== era-v366-lb-strip ==== */
/* v366 · просмотр фото на весь экран: соседние фото рядом с текущим (лента), без чёрного экрана между ними */
.lb-viewer-side{pointer-events:none}
.lb-viewer:not(.open) .lb-viewer-side{visibility:hidden}

/* ==== era-v367-more-sep ==== */
/* v367 · черта «Ещё N · a–b из T» перед новой порцией после «Показать ещё»; подсветка первого нового лота */
.era-more-sep{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:14px 2px 6px;color:#8a847b;font-size:13px;font-weight:600;overflow-anchor:none}
.era-more-sep::before,.era-more-sep::after{content:"";flex:1;height:1px;background:rgba(245,139,46,.45)}
.era-more-sep span{white-space:nowrap}
.era-new-flash{outline:2px solid #F58B2E;outline-offset:2px;border-radius:16px}
.auc-more,[id$="More"],.era-feed-more{overflow-anchor:none}

/* v374 · текст страницы внизу (шаг 2 многостраничного сайта): оформление — как у блоков главной */
.era-seo{--eh-in:1200px;border-top:1px solid var(--line)}
.era-seo[hidden]{display:none !important}
.era-seo-txt{max-width:880px}
.era-seo-txt p,.era-seo-txt li{margin:0 0 14px;color:var(--text-muted);font-size:16px;line-height:1.6}
.era-seo-txt ul{margin:0 0 14px;padding-left:22px}
.era-seo-txt li{margin-bottom:6px}
.era-seo-txt .era-seo-lt{color:var(--text);font-weight:600;margin-bottom:8px}
.era-seo-h3{font:600 22px/1.25 var(--display);margin:28px 0 0;color:var(--text);letter-spacing:-.01em}
html[lang="en"] .era-seo{display:none !important}
/* в каталоге и аукционах текст выровнен по левому краю, как фильтры */
.view:not(#view-home) .era-seo{margin-top:40px;padding-block:48px 56px}
.view:not(#view-home) .era-seo .eh-in{max-width:none;padding-inline:0}
/* v374 · строка для ссылки Encar над калькулятором */
.ec-link{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.ec-link input{flex:1 1 320px;min-width:0;font:inherit;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r);padding:12px 14px;outline:none;box-sizing:border-box}
.ec-link input:focus{border-color:var(--accent)}
.ec-link .eh-btn{flex:0 0 auto}
.ec-link-msg{flex:1 0 100%;margin:0;font-size:14px;color:var(--text-muted);min-height:0}
.ec-link-msg:empty{display:none}
.ec-link-msg.err{color:#C0392B}
@media (max-width:760px){.ec-link .eh-btn{flex:1 0 100%}}
/* v374 · подборка «до 160 л.с.»: плашка над списком */
.era-hp160{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 14px;padding:12px 16px;border-radius:var(--r);background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border-soft));font-size:15px;color:var(--text)}
.era-hp160[hidden]{display:none !important}
.era-hp160 a{color:var(--accent-text,#B85F10);text-decoration:underline;white-space:nowrap}
/* v375 · заголовок страницы над списком машин или лотов */
.era-seo-h1{font:600 clamp(24px,2.2vw,30px)/1.15 var(--display);letter-spacing:-.02em;color:var(--text);margin:2px 0 16px;text-wrap:balance}
.era-seo-h1[hidden]{display:none !important}
html[lang="en"] .era-seo-h1{display:none !important}