@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:optional;src:url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:optional;src:url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:optional;src:url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:optional;src:url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:optional;src:url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:optional;src:url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:optional;src:url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:optional;src:url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* ВИСТЛАН · AutoID · стили новых блоков поверх styles.css (S1, 03.09.2026). */
.pilot{background:linear-gradient(135deg,#0B1220 0%,#16213f 100%);color:#eaf1ff;border-radius:22px;padding:34px;display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:start}
.pilot h2{color:#fff;margin:0 0 10px}
.pilot .lead{color:#c9d6f2}
.pilot__list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.pilot__list li{display:flex;gap:10px;align-items:flex-start;color:#dbe6ff;font-size:15px}
.pilot__list li:before{content:"✓";color:#22D3EE;font-weight:800;flex:none}
.pilot__form{background:#fff;color:#0B1220;border-radius:16px;padding:22px}
.pilot__form .field label{color:#0B1220}
.pilot__form select,.pilot__form input,.pilot__form textarea{width:100%;border:1.5px solid #d6deee;border-radius:10px;padding:11px 12px;font:inherit;font-size:15px;background:#fff}
.pilot__form textarea{min-height:64px;resize:vertical}
.pilot__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pilot__form .chk-line{display:flex;gap:8px;align-items:center;font-size:14px;color:#3a4a6b;margin:4px 0 10px}
.autoid-success{display:none;background:#0e1730;color:#eaf1ff;border-radius:14px;padding:22px;line-height:1.5}
.autoid-success h3{color:#fff;margin:0 0 8px}
@media (max-width:900px){.pilot{grid-template-columns:1fr;padding:24px}.pilot__grid{grid-template-columns:1fr}}

.stock{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-top:28px}
.stock__it{background:#fff;border:1px solid #e3e9f5;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s,transform .2s}
.stock__it:hover{box-shadow:0 12px 30px rgba(11,18,32,.10);transform:translateY(-2px)}
.stock__img{aspect-ratio:1/1;background:#f4f7fc;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.stock__img img{max-width:88%;max-height:88%;object-fit:contain}
.stock__name{font-weight:700;font-size:14px;line-height:1.35;color:#0B1220;min-height:38px}
.stock__vendor{font-size:12px;color:#6b7a99}
.stock .btn{margin-top:auto}
.stock--order{background:#f4f7fc;border-radius:18px;padding:26px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
@media (max-width:700px){.stock--order{grid-template-columns:1fr}}

.models{overflow-x:auto;margin-top:26px}
.models table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
.models th,.models td{padding:12px 14px;border-bottom:1px solid #e3e9f5;text-align:left;vertical-align:top}
.models th{background:#0B1220;color:#fff;font-weight:700}
.models th:first-child{background:#16213f}
.models td:first-child{color:#3a4a6b;font-weight:600;white-space:nowrap}
.models tfoot td{border-bottom:0;padding-top:16px}
.models__src{font-size:12px;color:#6b7a99;margin-top:10px}

.hubmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:24px}
.hubmap a{display:block;background:#fff;border:1px solid #e3e9f5;border-radius:14px;padding:14px 16px;color:#0B1220;text-decoration:none;font-weight:700;transition:border-color .2s,transform .2s}
.hubmap a:hover{border-color:#22D3EE;transform:translateY(-2px)}
.hubmap a small{display:block;font-weight:500;color:#6b7a99;font-size:12.5px;margin-top:4px}

.xcards .card{position:relative}
.xcards .card a.stretch{position:absolute;inset:0;border-radius:inherit}
.xcards .card h3{font-size:18px}

.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.articles a{display:block;background:#fff;border:1px solid #e3e9f5;border-radius:14px;padding:18px;color:#0B1220;text-decoration:none;font-weight:600}
.articles a:hover{border-color:#22D3EE}
@media (max-width:800px){.articles{grid-template-columns:1fr}}

.calc .chk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.calc .chk-grid label{display:flex;gap:8px;align-items:center;font-size:14px;background:#fff;border:1px solid #d6deee;border-radius:10px;padding:8px 10px;cursor:pointer}
.calc select{width:100%;border:1.5px solid #d6deee;border-radius:10px;padding:10px 12px;font:inherit;font-size:15px;background:#fff}
.qtitle{font-size:22px;margin:0 0 16px}
.trust-chip{display:inline-block;padding:6px 12px;border-radius:999px;background:#eef3fb;color:#0B1220;font-size:13px;font-weight:600;text-decoration:none;margin:2px}
a.trust-chip:hover{background:#22D3EE;color:#0B1220}
.disclaimer.small{font-size:12px}

/* S2 04.09.2026 — калькулятор на телефоне. Косяк: .opt-grid с inline grid-template-columns:repeat(N,1fr)
   и .chk-opt с нежатым текстом давали min-content 486 px при экране 375 px: сетка .calc растягивалась,
   ползунки и списки уходили за правый край. Лечение: колонки 1fr с minmax(0), перенос текста, одна колонка опций. */
@media (max-width:700px){
  .calc{grid-template-columns:minmax(0,1fr)!important;gap:22px}
  .calc__form,.calc__result{min-width:0;max-width:100%;box-sizing:border-box}
  .calc .opt-grid{grid-template-columns:1fr!important;gap:8px}
  .calc .chk-opt{padding:12px 14px}
  .calc .chk-opt>span{min-width:0}
  .calc .chk-opt .nm,.calc .chk-opt .ds{white-space:normal;overflow-wrap:anywhere}
  .calc input[type=range],.calc select{width:100%;max-width:100%;box-sizing:border-box}
  .calc .chk-grid{grid-template-columns:1fr 1fr}
  .calc__line{flex-wrap:wrap}
  .calc__result{padding:22px}
}
@media (max-width:420px){
  .calc .chk-grid{grid-template-columns:1fr}
}

/* S2 04.09.2026 — первый экран и форма пилота на телефоне. Кнопка «Запросить пилот на тест» с nowrap
   растягивала колонку .hero__grid до 392 px; селекты формы пилота (min-content по самой длинной опции)
   растягивали .pilot до 354 px при 297 доступных. */
@media (max-width:700px){
  .hero__grid{grid-template-columns:minmax(0,1fr)!important}
  .hero__text,.hero__soc{min-width:0;max-width:100%}
  .hero__cta .btn{white-space:normal;text-align:center;line-height:1.25;width:100%}
  .pilot{grid-template-columns:minmax(0,1fr)!important}
  .pilot>div,.pilot__form{min-width:0;max-width:100%}
  .pilot__form select,.pilot__form input,.pilot__form textarea{max-width:100%;box-sizing:border-box}
  .cmp{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .proofbar .container{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:700px){
  .soc__stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:8px}
  .soc__stat{min-width:0}
  .soc__stat .n,.soc__stat .l{overflow-wrap:anywhere}
}

/* ── S5-1 07.09.2026 ─────────────────────────────────────────────────────────── */
/* Первый вопрос квиза на первом экране */
.hq{margin:-8px 0 22px;padding:14px 16px;border:1px solid rgba(34,211,238,.28);border-radius:14px;background:rgba(255,255,255,.04)}
.hq__t{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#22D3EE;margin-bottom:4px}
.hq__q{font-weight:700;color:#fff;font-size:16px;margin-bottom:10px}
.hq__opts{display:flex;flex-wrap:wrap;gap:8px}
.hq__opt{border:1.5px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#eaf1ff;border-radius:999px;padding:8px 13px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;text-align:left;line-height:1.25;max-width:100%}
.hq__opt:hover,.hq__opt.sel{border-color:#22D3EE;background:rgba(34,211,238,.16);color:#fff}
/* Калькулятор: две кнопки под результатом, результат не уезжает при прокрутке на десктопе */
.calc__cta{display:flex;flex-wrap:wrap;gap:10px}
.calc__cta .btn{flex:1 1 auto;text-align:center}
.calc__result .btn--ghost{border-color:rgba(255,255,255,.35);color:#fff}
@media (min-width:901px){.calc__result{position:sticky;top:84px}}
/* Три возражения */
.obj .card h3{margin-top:0}
@media (max-width:800px){.obj{grid-template-columns:1fr!important}}
/* Остаток в блоке «В наличии сегодня» */
.stock__qty{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#e6faf0;color:#0a7a45;font-weight:700;font-size:11.5px}
/* Телефон: плашка фактов переносится, а не режется; sticky-панель — только после первого экрана */
@media (max-width:700px){
  .proofbar .container{justify-content:flex-start!important;overflow:visible!important;gap:10px 12px}
  .proofbar__it{flex:1 1 calc(50% - 6px);white-space:normal;min-width:0;align-items:flex-start}
  .proofbar__it b{white-space:nowrap}
  .proofbar__it span{white-space:normal;overflow-wrap:anywhere}
  /* sticky-панель на телефоне: скрыта, пока не пролистали первый экран. Именно display, а не transform:
     vl-boost поднимает панель над куки-плашкой через bottom (183 px при 390 px) — сдвиг видимого fixed-элемента
     шёл в CLS (Lighthouse 07.09: 0.048–0.056, источник body > div.sticky-cta на 11 хостах). */
  .sticky-cta{display:none!important}
  .sticky-cta.on{display:flex!important}
  .hq{margin-top:0}
}

/* S5-5 07.09.2026 — LCP на телефоне 3,1 с против 1,8 с с заблокированным шрифтом (Lighthouse, honeywell).
   Причина: font-display:swap перерисовывает первый экран после загрузки Manrope, и перерисованный
   текст становится новым, более крупным LCP-кандидатом. Запасной шрифт с метриками Manrope
   (ascent 1057/1000, descent 278/1000, ширина ≈ +3 %) делает площадь текста одинаковой до и после подмены. */
@font-face{font-family:'Manrope Fallback';src:local('Arial'),local('Helvetica'),local('Liberation Sans');size-adjust:103%;ascent-override:105.7%;descent-override:27.8%;line-gap-override:0%}
body,.btn,input,select,textarea,button,h1,h2,h3,h4{font-family:'Manrope','Manrope Fallback',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
:root{--ff:'Manrope','Manrope Fallback',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
/* S5-3.3 матрица «под задачу» */
.matrix table{min-width:720px}
.matrix td:first-child{font-weight:700;color:#0B1220;white-space:normal}
.matrix td:last-child{font-size:12.5px;color:#6b7a99}
/* Оффер 07.09.2026 — «три двери» под первым экраном */
.doors{background:#0e1730;border-bottom:1px solid rgba(255,255,255,.06)}
.doors__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0}
.door{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;padding:12px 14px;border:1px solid rgba(34,211,238,.25);border-radius:14px;color:#eaf1ff;text-decoration:none;background:rgba(255,255,255,.03);transition:border-color .2s,background .2s}
.door:hover{border-color:#22D3EE;background:rgba(34,211,238,.1)}
.door__n{grid-row:span 2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#22D3EE;color:#0B1220;font-weight:800}
.door b{color:#fff;font-size:15px}
.door span:last-child{font-size:12.5px;color:#aebbd6;line-height:1.3}
@media (max-width:800px){.doors__grid{grid-template-columns:1fr;gap:8px;padding:12px 0}.door{padding:10px 12px}}
/* 07.09.2026 — чат vistlan.ru на телефоне у нового посетителя закрывал кнопку героя: .vlc-root (fixed, pointer-events:auto
   на всю ширину) поднимается над куки-плашкой ровно на высоту кнопки «Получить подбор и КП» (elementFromPoint по трём
   точкам кнопки → vlc-root / vlc-launcher / span). Пока плашка в DOM — кнопка чата скрыта; сам контейнер клики не ловит. */
.vlc-root{pointer-events:none!important}
.vlc-root>*{pointer-events:auto}
@media (max-width:700px){ body:has(#vl-cookie) .vlc-launcher{display:none!important} }

/* S5-1b 08.09.2026 — первый вопрос квиза на первом экране телефона. Замер 375×812 (labels): #heroQuiz начинался
   на 802 px; между кнопками и квизом vl-boost вставляет строку «или напишите на…». На ≤700px порядок:
   подзаголовок → h1 → оффер → квиз → кнопки → контакт → доверие; вводный абзац скрыт (он остаётся в HTML). */
@media (max-width:700px){
  .hero__text{display:flex;flex-direction:column}
  .hero__text>.eyebrow{order:0}
  .hero__text>h1{order:1}
  .hero__text>p.hero__sub{order:2}
  .hero__text>p.hero__sub:first-of-type{display:none}
  .hero__text>.hq{order:3;margin:0 0 14px}
  .hero__text>.hero__cta{order:4}
  .hero__text>.hero__contact-alt{order:5}
  .hero__text>.trustline{order:6}
}

/* ══ R2 09.09.2026 — контакт за минуту ══════════════════════════════════════
   A1. Квиз просит контакт за КП. Заголовок и суть рекомендации видны без него,
   характеристики и бренды (#eqDetail) раскрываются после отправки.
   A2. Форма пилота: на виду имя и телефон, остальные десять полей под <details>. */
/* Гейт стоит ВНУТРИ .qverdict — тёмной карточки. Поэтому подпись и пояснение светлые:
   первая версия была тёмно-синей на тёмном и почти не читалась (поймано скриншотом 390×844). */
.qgate{margin:14px 0 4px;padding:14px;border:1px solid rgba(34,211,238,.35);border-radius:14px;background:rgba(255,255,255,.06)}
.qgate__lbl{display:block;font-weight:700;font-size:15px;color:#eaf1ff;margin:0 0 10px;line-height:1.3}
.qgate__row{display:flex;gap:8px;flex-wrap:wrap}
.qgate__row input{flex:1 1 220px;min-width:0;padding:12px 14px;border:1px solid rgba(255,255,255,.25);border-radius:12px;font:inherit;font-size:16px;background:#fff;color:#0B1220}
.qgate__row input:focus{outline:2px solid #22D3EE;outline-offset:1px;border-color:#22D3EE}
.qgate__btn{margin-top:10px}
/* Текст согласия 152-ФЗ вставляет vl-c6.js; он длинный по закону, но на тёмном фоне
   должен быть читаемым и не должен спорить с полем ввода за внимание. */
.qgate .vl-c6-consent{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-size:12px;line-height:1.35;color:#aebbd6}
.qgate .vl-c6-consent a{color:#22D3EE}
.qgate .vl-c6-consent input[type=checkbox]{flex:0 0 auto;margin-top:2px;width:18px;height:18px}
.qgate .vl-c6-err{color:#fca5a5;font-size:12.5px;margin-top:6px}
.qgate__note{margin:10px 0 0;font-size:12.5px;color:#aebbd6;line-height:1.35}
.qgate__ok{margin:14px 0 4px;padding:12px 14px;border-radius:14px;background:rgba(16,185,129,.14);border:1px solid rgba(16,185,129,.45);color:#a7f3d0;font-weight:600;font-size:14px;line-height:1.4}
.qdetail[hidden]{display:none}
.pf-more{margin:0 0 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fbfcfe}
.pf-more>summary{cursor:pointer;padding:11px 14px;font-weight:600;font-size:14px;color:#2D2767;list-style:none}
.pf-more>summary::-webkit-details-marker{display:none}
.pf-more>summary::after{content:'＋';float:right;color:#6b7a99;font-weight:700}
.pf-more[open]>summary::after{content:'−'}
.pf-more>summary:focus-visible{outline:2px solid #22D3EE;outline-offset:2px}
.pf-more__body{padding:0 14px 12px}
/* Телефон: форма в одну колонку, поле контакта и кнопка друг под другом. */
@media (max-width:700px){
  .pilot__grid{grid-template-columns:1fr}
  /* flex-basis 220px при column уходит в ВЫСОТУ: замер 390x844 (mobile UA) дал поле
     высотой 220 px вместо 48. Десктопный замер этого не показывает — правило 17. */
  .qgate__row{flex-direction:column}
  .qgate__row input{flex:0 0 auto;width:100%}
  .qgate__btn{width:100%}
}

/* ══ R2-M 10.09.2026 — квизы и калькуляторы на телефоне ═══════════════════════
   Сергей: «на телефоне всё съезжает, все ползунки». Замер WebKit iPhone 14 (labels): ползунок
   высотой 8 px, палец мимо (elementFromPoint ±14 px не в input), поля 15 px (Safari зумит),
   панель 61 + cookie 158 = 219 px низа, тап-цели 36–37 px. Правила ниже — поверх styles.css
   (общего для 70 хостов); специфичность выше, чтобы победить при более раннем подключении. */
/* 1. Ползунок: дорожка отдельным псевдоэлементом, бегунок с margin-top, зона тапа 44 px (Safari/Chrome/Firefox) */
.calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;margin:0;padding:0;background:transparent;touch-action:pan-y;cursor:pointer;outline:none;border-radius:0}
.calc input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--blue) 0%,var(--blue) var(--fill,30%),var(--bg2) var(--fill,30%))}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-10px;border-radius:50%;background:#fff;border:4px solid var(--blue);box-shadow:0 3px 10px -2px rgba(37,99,235,.6);transition:transform .1s}
.calc input[type=range]::-webkit-slider-thumb:active{transform:scale(1.12)}
.calc input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:var(--bg2)}
.calc input[type=range]::-moz-range-progress{height:8px;border-radius:999px;background:var(--blue)}
.calc input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid var(--blue);box-sizing:border-box}
.calc input[type=range]:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
/* 6. Строка значения: подпись переносится, значение не ломается */
.calc .calc__row label.t{flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.calc .calc__row .v{white-space:nowrap;font-size:20px}
/* 5. Таблицы: уже, первая колонка липкая, подсказка о прокрутке на телефоне */
.models table{min-width:560px}
.matrix table{min-width:560px}
.models table th:first-child,.models table td:first-child{position:sticky;left:0;z-index:1;background:#fff}
.models table th:first-child{background:#16213f}
/* 4. Без «проявления» на тач-устройствах: ничего не прозрачно дольше кадра */
@media (hover:none){
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
}
@media (max-width:768px){
  /* 2. Поля ≥ 16 px — Safari не зумит страницу при фокусе */
  .calc select,.pilot__form input,.pilot__form select,.pilot__form textarea,.field input,.field select,.field textarea,
  #exitForm input,#leadForm input,#leadForm select,.qgate__row input,.modal input,.modal select,.embed input{font-size:16px!important}
  .pilot__form input:not([type=checkbox]):not([type=radio]),.pilot__form select,.field input:not([type=checkbox]):not([type=radio]),.field select,.calc select{min-height:48px}
  /* 7. Тап-цели ≥ 44 px, интервалы ≥ 8 px */
  .qopt,.hq__opt,.calc .chk-grid label,.chk-opt,.btn,.door,.sticky-cta .btn,.sticky-cta .scall{min-height:44px}
  .hq__opt{padding:11px 14px}
  .calc .chk-grid label{padding:11px 12px}
  .qopts{gap:10px}
  .hq__opts{gap:8px}
  /* 3. Низ экрана: панель ≤ 56 px, плашка cookie ≤ 120 px; секциям — запас под панелью */
  .sticky-cta{padding:6px 12px calc(6px + env(safe-area-inset-bottom));gap:8px}
  .sticky-cta .btn{padding:11px 10px;font-size:15px;min-height:44px}
  .sticky-cta .scall{width:44px}
  /* vl-boost.css ставит #vl-cookie{padding:12px 14px!important;font-size:13px!important} и грузится ПОСЛЕ — берём специфичностью html body */
  html body #vl-cookie{padding:8px 10px!important;font-size:12px!important;line-height:1.3!important;gap:6px!important;border-radius:12px!important;left:8px!important;right:8px!important;bottom:8px!important}
  html body #vl-cookie>span:first-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0!important;flex:1 1 100%!important}
  html body #vl-cookie>span:last-child{display:flex;gap:8px;flex:1 1 100%;margin:0!important}
  html body #vl-cookie button{padding:8px 10px!important;font-size:12.5px!important;min-height:44px;flex:1 1 40%;margin:0!important;line-height:1.2}
  #ecalc,#equiz,#pilot{scroll-margin-top:72px}
  #ecalc .calc,#equiz,.pilot{padding-bottom:12px}
  section#ecalc,section#quiz,section#pilot,section#fleet{padding-bottom:180px}
  /* Плашка фактов: span-текст блоком, иначе его строчный прямоугольник вылезает за правый край (sklad, 390 px) */
  .proofbar__it span{display:block;min-width:0;flex:1 1 auto}
  /* «Удалённая поддержка» с .nowrap на mdm/soti не влезает в половину 390 px — на узких экранах плашка в один столбец */
  .proofbar__it b.nowrap{white-space:normal}
  /* 5. Подсказка о прокрутке таблиц */
  .models{position:relative}
  .models::before{content:'← листайте →';display:block;font-size:12px;color:#6b7a99;margin:0 0 6px;text-align:right}
  /* 8. Квиз: шаги не прыгают по высоте; поле контакта и кнопка полной ширины */
  #eqStep{min-height:260px}
  .qgate__row input{min-height:48px}
  .qgate__btn{min-height:48px;width:100%}
  /* 9. Форма пилота: одна колонка (уже), поля 48 px, details без прыжка */
  #pf-more{scroll-margin-top:80px}
  .pilot__form .btn--block{min-height:52px}
}
