:root{--c-bg:#07111f;--c-ink:#102033;--c-muted:#5e6d7d;--c-gold:#ff5a1f;--c-green:#97c136;--c-line:#dce4eb;--c-soft:#f4f7f9;--c-white:#fff}
body.commercial-page{margin:0;overflow-x:hidden;background:var(--c-white);color:var(--c-ink);font-family:Manrope,Arial,sans-serif;line-height:1.6}
.commercial-page *{box-sizing:border-box}.commercial-page a{color:inherit}.commercial-page .container{width:min(1180px,calc(100% - 40px));margin:auto}
.commercial-page .wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.commercial-page .hdr{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.96);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px)}
.commercial-page .hdr__in{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.commercial-page .logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}.commercial-page .logo__photo{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--c-gold)}.commercial-page .logo__photo img{width:100%;height:100%;object-fit:cover}.commercial-page .logo__name{font-weight:900;font-size:16px}.commercial-page .logo__sub{font-size:11px;color:#9fb0c2}
.commercial-page .nav{display:flex;gap:20px}.commercial-page .nav a{font-size:13px;font-weight:700;color:#d8e2ec;text-decoration:none}.commercial-page .nav a:hover{color:var(--c-gold)}
.commercial-page .hdr__contacts{display:flex;align-items:center;gap:12px}.commercial-page .hdr__phone{color:#fff;text-decoration:none;font-weight:900;white-space:nowrap}
/* ШАПКА НА 300 px — 06.08.2026. Коммерческие страницы НЕ подключают main.css, поэтому
   правило узкой шапки, которое есть у главной и городов, сюда не доходило: логотип
   разъезжался на три строки («Автоподбор» / «Крым» / «Илья Гнездилов · с 2015 г.»)
   и верхняя строка срезалась. Порог 359 px — на 360 и шире подпись остаётся видна. */
@media(max-width:359px){
  .commercial-page .logo__sub{display:none!important}
  .commercial-page .logo__name{font-size:12px!important;line-height:1.15!important}
  .commercial-page .logo__photo img{width:36px!important;height:36px!important}
  .commercial-page .hdr__phone{font-size:11px!important}
  .commercial-page .hdr__status{display:none!important}
}.commercial-page .hdr__status{font-size:11px;color:#a9b8c7}.commercial-page .hdr__status:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#22c55e}
.commercial-page .crumbs{position:absolute;z-index:2;top:92px;left:50%;width:min(1180px,calc(100% - 40px));transform:translateX(-50%);font-size:12px;color:#b8c7d5}.commercial-page .crumbs a{color:#d9e4ee}
.commercial-hero{position:relative;min-height:650px;display:grid;align-items:center;overflow:hidden;background:#07111f url('/img/hero-bg.webp') center/cover no-repeat;color:#fff}
.commercial-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,27,.97) 0%,rgba(5,14,27,.87) 48%,rgba(5,14,27,.28) 100%)}
.commercial-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:end;gap:34px;padding:132px 0 54px}
.commercial-hero__copy{align-self:center;padding-bottom:28px}.commercial-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#e6eff6;font-size:13px;font-weight:800;text-transform:uppercase}.commercial-kicker:before{content:"";width:30px;height:2px;background:var(--c-gold)}
.commercial-hero h1{max-width:760px;margin:0 0 20px;font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:0}.commercial-hero__lead{max-width:710px;margin:0;color:#d5e0ea;font-size:19px;line-height:1.58}
.commercial-rating{display:flex;align-items:center;gap:10px;margin:20px 0;color:#fff;font-weight:800;font-size:13px}.commercial-rating__stars{color:var(--c-green);font-size:18px}
.commercial-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.commercial-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;border:1px solid var(--c-gold);border-radius:12px;background:var(--c-gold);color:#17202b!important;text-decoration:none;font-weight:900}.commercial-btn--ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.45)}
.commercial-hero__expert{position:relative;min-height:520px;display:flex;align-items:flex-end;justify-content:center}.commercial-hero__expert img{display:block;max-width:100%;max-height:560px;object-fit:contain;filter:drop-shadow(0 20px 36px rgba(0,0,0,.35))}
.commercial-page .hero{position:relative;min-height:650px;display:grid;align-items:center;overflow:hidden;padding:0;background:#07111f url('/img/hero-main.jpg') center/cover no-repeat;color:#fff}.commercial-page .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,27,.98) 0%,rgba(5,14,27,.9) 48%,rgba(5,14,27,.15) 100%)}.commercial-page .hero .wrap{position:relative;z-index:2;padding:140px 390px 56px 0}.commercial-page .hero h1{position:relative;z-index:1;max-width:760px;margin:0 0 20px;overflow-wrap:anywhere;white-space:normal!important;font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:0}.commercial-page .hero .lead{position:relative;z-index:1;max-width:720px;margin:0;color:#d5e0ea;font-size:19px}.commercial-page .hero .eyebrow{position:relative;z-index:1;color:var(--c-gold)}.commercial-page .hero .actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.commercial-page .hero .btn{min-height:54px;padding:0 25px;border:1px solid var(--c-gold);border-radius:12px;background:var(--c-gold);color:#17202b;text-decoration:none;font-weight:900}.commercial-page .hero .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}.commercial-page .hero .proof{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:38px}.commercial-page .hero .proof div{padding:15px;border:1px solid rgba(255,255,255,.17);border-radius:4px;background:rgba(11,28,47,.78)}.commercial-page .hero .proof b{display:block;font-size:18px}.commercial-page .hero .proof span{display:block;margin-top:4px;color:#b8c6d3;font-size:11px}
.commercial-proof{position:relative;z-index:3;background:#fff;border-bottom:1px solid var(--c-line)}.commercial-proof__grid{display:grid;grid-template-columns:repeat(4,1fr)}.commercial-proof__item{padding:25px 24px;border-right:1px solid var(--c-line)}.commercial-proof__item:last-child{border-right:0}.commercial-proof b{display:block;font-size:23px;line-height:1.1}.commercial-proof span{display:block;margin-top:6px;color:var(--c-muted);font-size:13px}
.commercial-page section{padding:86px 0}.commercial-page section.alt{background:var(--c-soft)}.commercial-page h2{margin:0 0 28px;font-size:clamp(31px,4vw,48px);line-height:1.12;letter-spacing:0}.commercial-page h3{line-height:1.25}.commercial-page .eyebrow{margin-bottom:10px;color:#a66d00;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.commercial-page .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.commercial-page .card{min-height:190px;padding:26px;background:#fff;border:1px solid var(--c-line);border-radius:6px;box-shadow:0 12px 36px rgba(26,48,70,.06)}.commercial-page .card h3{margin-top:0}.commercial-page .muted,.commercial-page .content p,.commercial-page .content li{color:var(--c-muted)}.commercial-page .content{max-width:880px}.commercial-page .content h2{margin-top:54px}.commercial-page .content h2:first-child{margin-top:0}
.commercial-page .note{padding:22px 24px;border-left:4px solid var(--c-gold);background:#fff8e8;color:#3e4751}
.commercial-page .steps{counter-reset:step}.commercial-page .steps .card:before{counter-increment:step;content:"0" counter(step);display:block;margin-bottom:24px;color:#a66d00;font-size:14px;font-weight:900}
.commercial-reviews{background:var(--c-bg);color:#fff}.commercial-reviews .muted{color:#b4c2cf}.commercial-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.commercial-review{overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#102033}.commercial-review img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}
.commercial-page .faq details{border-bottom:1px solid var(--c-line);padding:19px 0}.commercial-page .faq summary{cursor:pointer;font-weight:900}.commercial-page .faq p{color:var(--c-muted)}
.commercial-page .formbox{display:grid;grid-template-columns:1.2fr 1fr;gap:38px;align-items:center;padding:42px;background:var(--c-bg);color:#fff;border-radius:6px}.commercial-page .leadform{display:grid;min-width:0;gap:12px}.commercial-page .leadform input{width:100%;height:54px;padding:0 16px;border:1px solid #41536a;border-radius:12px;background:#0e1c2d;color:#fff;font-size:16px}.commercial-page .consent{display:block!important;min-width:0;font-size:12px;color:#adbbc8}.commercial-page .consent input[type="checkbox"]{display:inline-block;margin-right:6px;vertical-align:middle}.commercial-page .consent a{overflow-wrap:anywhere}.commercial-page .related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.commercial-page .related a{padding:20px;border:1px solid var(--c-line);border-radius:4px;background:#fff;text-decoration:none;font-weight:800}
.commercial-page .footer{padding:44px 0;background:#050d18;color:#aebdca;font-size:13px}.commercial-page .footer a{color:#fff}.commercial-page .footer-nav,.commercial-page .footer-contacts{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:15px}
@media(max-width:900px){.commercial-page .nav{display:none}.commercial-hero__inner{grid-template-columns:1fr;padding-top:128px}.commercial-hero__expert{position:absolute;right:-80px;bottom:0;opacity:.34}.commercial-hero__copy{position:relative;z-index:2;max-width:720px}.commercial-page .hero .wrap{padding-right:200px}.commercial-proof__grid{grid-template-columns:1fr 1fr}.commercial-proof__item:nth-child(2){border-right:0}.commercial-page .grid,.commercial-page .related{grid-template-columns:1fr 1fr}.commercial-page .formbox{grid-template-columns:1fr}}
@media(max-width:560px){.commercial-page .container,.commercial-page .wrap{width:calc(100% - 24px)}.commercial-page .hdr__in{height:68px}.commercial-page .logo__sub,.commercial-page .hdr__status{display:none}.commercial-page .hdr__phone{font-size:12px}.commercial-page .crumbs{top:80px;width:calc(100% - 24px)}.commercial-hero{min-height:650px}.commercial-hero__inner{padding:118px 0 44px}.commercial-hero h1,.commercial-page .hero h1{max-width:100%;font-size:36px}.commercial-hero__lead,.commercial-page .hero .lead{font-size:16px}.commercial-hero__expert{right:-145px;opacity:.25}.commercial-page .hero{background-position:62% center}.commercial-page .hero .wrap{padding:122px 0 44px}.commercial-page .hero .proof{grid-template-columns:1fr 1fr}.commercial-actions{align-items:stretch}.commercial-btn,.commercial-page .hero .btn{width:100%}.commercial-proof__item{padding:19px 15px}.commercial-proof b{font-size:18px}.commercial-page section{padding:58px 0}.commercial-page .grid,.commercial-page .related,.commercial-reviews__grid{grid-template-columns:1fr}.commercial-page .card{min-height:0}.commercial-page .formbox{padding:25px}}
/* Липкая кнопка связи на телефоне. Причина: страница услуги ~17 экранов,
   а точки входа в заявку были только на первом и на предпоследнем экране. */
.sticky-cta{display:none}
@media (max-width:900px){
  .sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:9990;
    background:rgba(7,20,38,.97);border-top:1px solid rgba(255,255,255,.12);
    padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));
    box-shadow:0 -6px 20px rgba(0,0,0,.28)}
  .sticky-cta__in{display:flex;gap:8px;max-width:560px;margin:0 auto}
  .sticky-cta a{flex:1;display:flex;align-items:center;justify-content:center;
    min-height:44px;border-radius:12px;font-weight:700;font-size:15px;
    text-decoration:none;line-height:1.15;text-align:center;padding:0 10px}
  .sticky-cta .is-main{background:#ff6b35;color:#fff}
  .sticky-cta .is-call{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
  .commercial-page{padding-bottom:68px}
}

/* Заголовки навигационных блоков: в разметке H3 (это не разделы содержания),
   но по виду остаются как были. */
.blok-zag{font-size:clamp(23px,3vw,34px);line-height:1.2;margin:0 0 22px;font-weight:800}

/* Блоки из seo-pages.css написаны под тёмную тему сайта, а страницы услуг
   светлые. Без переопределения плашка-вывод даёт светлый текст на светлом
   фоне и не читается (поймано на кадре ПК 31.07.2026). */
.commercial-page .vyvod{color:#12283f;background:rgba(49,199,128,.14);border-color:rgba(30,150,90,.42)}
.commercial-page .vyvod b{color:#071426}
.commercial-page .tabl-podpis{color:#5b6b7f}
/* Куки-баннер прижат к низу экрана (z-index 9999) и полностью закрывал липкую
   кнопку связи (z-index 9990) до тех пор, пока человек не нажмёт «Хорошо».
   С рекламы все посетители новые, то есть баннер видят все — и кнопки заявки
   на протяжении 14 экранов у них не было вообще (замер 31.07.2026).
   Поднимаем баннер над кнопкой: видно оба, требование 152-ФЗ не нарушено. */
/* Жёсткий подъём куки-баннера убран 14.08.2026: плашка сама встаёт над липкой
   панелью и пересчитывает положение при прокрутке. */
/* ---- Экономика услуги: главный аргумент страницы, показанный цифрами ----
   Раньше «торг перекрывает стоимость проверки: 60 000 на Solaris,
   150 000 на Porsche, 350 000 на Land Cruiser» лежало строчкой в абзаце
   на девятом экране — то есть не работало вообще (обход глазами 31.07.2026). */
.ekonomika{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.ekonomika .kejs{border:1px solid var(--c-line);border-radius:16px;padding:18px;background:var(--c-white);
  box-shadow:0 6px 20px rgba(16,32,51,.05)}
.ekonomika .kejs b{display:block;font-size:15px;color:var(--c-ink);margin-bottom:12px}
.ekonomika .stroka{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13px;color:var(--c-muted)}
.ekonomika .summa{font-size:26px;font-weight:900;line-height:1.1;color:var(--c-ink)}
.ekonomika .vygoda .summa{color:#1f9d55}
.ekonomika .strelka{margin:10px 0;height:1px;background:var(--c-line)}
.ekonomika-itog{margin:-10px 0 26px;font-size:14px;color:var(--c-muted)}

/* ---- Чего боятся покупатели: проценты как шкала, а не как текст ---- */
.strahi{display:grid;gap:12px;margin:24px 0}
.strahi .str{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:14px}
.strahi .pct{font-size:23px;font-weight:900;color:var(--c-gold);text-align:right;line-height:1}
.strahi .telo{min-width:0}
.strahi .nadpis{font-size:15px;color:var(--c-ink);margin-bottom:6px;line-height:1.3}
.strahi .shkala{height:9px;border-radius:999px;background:#eef2f6;overflow:hidden}
.strahi .zapoln{height:100%;border-radius:999px;background:linear-gradient(90deg,#ff8a4c,#ff5a1f)}

@media(max-width:720px){
  .ekonomika{grid-template-columns:1fr}
  /* Две колонки «было → стало». Подпись сверху, сумма под ней: при раскладке
     в одну строку суммы сжимались и рвались на три строки («от 5 / 000 / ₽»). */
  .ekonomika .kejs{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:8px 14px;padding:16px}
  .ekonomika .kejs b{grid-column:1 / -1;margin-bottom:2px}
  .ekonomika .stroka{display:block}
  .ekonomika .stroka span:first-child{display:block;font-size:12px;margin-bottom:2px}
  .ekonomika .strelka{display:none}
  .ekonomika .summa{font-size:21px;white-space:nowrap}
  .strahi .str{grid-template-columns:56px 1fr;gap:11px}
  .strahi .pct{font-size:20px}
  .strahi .nadpis{font-size:14px}
}
/* Кнопка заявки в липкой шапке. На ПК страница идёт 8+ экранов без единого
   призыва: липкая панель снизу включается только на телефоне, а в шапке был
   один телефон (замер 31.07.2026). Ниже 900 px кнопку прячем — там уже есть
   липкая панель, и дублировать её незачем. */
.hdr__cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;
  padding:0 18px;margin-left:16px;border-radius:12px;background:var(--c-gold);color:#fff;
  text-decoration:none;font-weight:800;font-size:15px;white-space:nowrap;
  transition:transform .15s,box-shadow .15s}
.hdr__cta:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(255,90,31,.32)}
.hdr__contacts{display:flex;align-items:center}
@media(max-width:900px){.hdr__cta{display:none}}
/* Видимая ошибка формы. Раньше сообщение выводилось серым классом muted под
   кнопкой, и человек его не замечал: жал «отправить», ничего не происходило,
   уходил. Нашёл Андрей 31.07.2026 — для платного трафика это потеря заявки. */
.form-oshibka{color:#ff6b35;font-weight:800;font-size:14px;line-height:1.35}
.consent-error{outline:2px solid #ff6b35;outline-offset:5px;border-radius:8px}
.consent-error a{color:#ff6b35}
.pole-error{border-color:#ff6b35!important;box-shadow:0 0 0 3px rgba(255,107,53,.18)}
/* galochka-fix-commercial: правило .commercial-page .leadform input задаёт
   width:100%;height:54px и применялось к чекбоксу согласия — галочка
   растягивалась в белый прямоугольник 393x54 px и не читалась как чекбокс.
   Здесь нужен селектор с типом, иначе общее правило побеждает по порядку. */
.commercial-page .leadform input[type="checkbox"],
.commercial-page .consent input[type="checkbox"]{
  width:18px!important;height:18px!important;min-height:0;padding:0;
  margin:0 8px 0 0;vertical-align:-3px;border-radius:4px;
  accent-color:var(--c-gold);cursor:pointer}