/* Ток Восток — главная. Только токены из theme.css */

.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--c-surface);padding:var(--s-3) var(--s-4);border-radius:var(--r-btn)}
.skip:focus{left:var(--s-4)}
.i{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle}
.i--s{width:16px;height:16px}
.i--l{width:32px;height:32px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- шапка «Маркетплейс»: строка доверия + основная строка + каталог-колонка ---------- */
.hdr{position:sticky;top:-36px;z-index:50}
.hdr__top{background:var(--c-dark);color:var(--c-on-dark-70);font-size:13px}
.hdr__top-in{display:flex;align-items:center;gap:var(--s-6);min-height:36px}
.hdr__top span{display:inline-flex;align-items:center;gap:var(--s-2)}
.hdr__top .i{color:var(--c-accent-on-dark)}
.hdr__top-msg{margin-left:auto;gap:var(--s-5)!important}
.hdr__top a{color:var(--c-on-dark);text-decoration:none}
.hdr__top a:hover{color:var(--c-accent-on-dark)}
.hdr__main{background:var(--c-surface);border-bottom:var(--border)}
.hdr__in{display:flex;align-items:center;gap:var(--s-4);min-height:72px}
.hdr__logo{display:block;flex:none}
.hdr__logo img{height:30px;width:auto}
.kat-btn{display:inline-flex;align-items:center;gap:var(--s-2);flex:none;min-height:44px;padding:0 var(--s-4) 0 var(--s-3);border:0;border-radius:var(--r-btn);background:var(--c-ink);color:var(--c-surface);font:var(--fw-semibold) 15px/1 var(--font);cursor:pointer;transition:background var(--t-fast)}
.kat-btn:hover{background:#353A41}
.kat-btn[aria-expanded="true"]{background:var(--c-accent)}
.nav{display:flex;align-items:center;gap:2px}
.nav__link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 var(--s-3);border:0;background:none;font:var(--fw-medium) 15px/1 var(--font);color:var(--c-ink);text-decoration:none;border-radius:var(--r-btn);cursor:pointer}
.nav__link:hover,.nav__link[aria-current="page"]{color:var(--c-accent)}
.nav__msgs{display:none}
.hdr__cta{margin-left:auto;min-height:44px;padding:0 var(--s-4);font-size:15px}
.burger{display:none;width:44px;height:44px;border:0;background:none;position:relative;cursor:pointer;border-radius:var(--r-btn)}
.burger span{position:absolute;left:11px;right:11px;height:2px;background:var(--c-ink);transition:transform var(--t-fast)}
.burger span:first-child{top:16px}.burger span:last-child{top:26px}
.burger[aria-expanded="true"] span:first-child{transform:translateY(5px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-5px) rotate(-45deg)}
/* поиск по каталогу (вариант шапки «Поиск») */
.poisk{display:none;position:relative;flex:1;max-width:440px}
.poisk__in{width:100%;min-height:44px;padding:0 44px 0 var(--s-4);border:1.5px solid var(--c-ink);border-radius:var(--r-btn);background:var(--c-surface);font:400 15px/1 var(--font);color:var(--c-ink)}
.poisk__in:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}
.poisk__i{position:absolute;right:14px;top:12px;color:var(--c-ink-70);pointer-events:none}
.poisk__res{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--c-surface);border:var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-hover);padding:var(--s-2);max-height:420px;overflow:auto}
.poisk__res a{display:grid;grid-template-columns:48px 1fr auto;gap:var(--s-3);align-items:center;padding:6px var(--s-2);border-radius:var(--r-btn);text-decoration:none;color:var(--c-ink);font-size:14px}
.poisk__res a:hover,.poisk__res a[aria-selected="true"]{background:var(--c-bg)}
.poisk__res img{width:48px;height:48px;border-radius:var(--r-btn);background:var(--c-bg)}
.poisk__res span{display:grid;gap:1px;line-height:1.3}.poisk__res small{color:var(--c-ink-70);font-size:12.5px}
.poisk__res em{font-style:normal;font-weight:var(--fw-bold);white-space:nowrap}
.poisk__res p{padding:var(--s-3);color:var(--c-ink-70);font-size:14px}
/* выезжающая колонка каталога */
.mp{position:absolute;left:0;right:0;top:100%;height:calc(100vh - 72px);background:rgba(30,34,39,.42)}
.mp[hidden]{display:none}
.mp__in{display:grid;grid-template-columns:max(300px,calc((100vw - 1200px)/2 + 300px)) 1fr;background:var(--c-surface);box-shadow:0 18px 40px rgba(30,34,39,.1);max-height:100%;overflow:auto}
.mp:not([hidden]) .mp__in{animation:dn .18s ease-out}
@keyframes dn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mp__tabs{display:flex;flex-direction:column;gap:2px}
.mp__left{display:flex;flex-direction:column;gap:2px;border-right:var(--border);padding:var(--s-4) var(--s-3) var(--s-5) max(var(--s-4),calc((100vw - 1200px)/2 + 12px))}
.mp__line{display:grid;grid-template-columns:40px 1fr 16px;gap:var(--s-3);align-items:center;width:100%;text-align:left;padding:var(--s-2) var(--s-3);border:0;border-radius:var(--r-btn);background:none;font:inherit;color:var(--c-ink);cursor:pointer}
.mp__line img{width:40px;height:40px;border-radius:var(--r-btn);object-fit:cover}
.mp__line b{display:block;font-size:15.5px}
.mp__line small{display:block;color:var(--c-ink-70);font-size:13px}
.mp__line .i{color:var(--c-ink-70)}
.mp__line[aria-selected="true"]{background:var(--c-bg)}
.mp__line[aria-selected="true"] .i{color:var(--c-accent)}
.mp__all{margin:var(--s-3) var(--s-3) 0;padding-top:var(--s-3);border-top:var(--border);font-weight:var(--fw-semibold);font-size:15px;color:var(--c-accent);text-decoration:none}
.mp__quiz{display:grid;grid-template-columns:24px 1fr;gap:var(--s-3);align-items:center;margin-top:var(--s-6);padding:var(--s-3);border:0;border-radius:var(--r-card);background:var(--c-accent-soft);text-align:left;font:inherit;color:var(--c-ink);cursor:pointer}
.mp__quiz .i{color:var(--c-accent);width:24px;height:24px}
.mp__quiz b{display:block;font-size:14.5px}
.mp__quiz small{display:block;color:var(--c-accent-deep);font-size:13px}
.mp__right{padding:var(--s-5) max(var(--s-5),calc((100vw - 1200px)/2 + 24px)) var(--s-6) var(--s-6)}
.mp__pane[hidden]{display:none}
.mp__ph{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-4)}
.mp__ph h2{font-size:22px}
.mp__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s-4)}
.mp__card{display:grid;align-content:start;gap:2px;text-decoration:none;color:var(--c-ink)}
.mp__card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r-btn);background:var(--c-bg);margin-bottom:var(--s-2);border:var(--border)}
.mp__card b{font-size:14.5px;line-height:1.3}
.mp__card small{color:var(--c-ink-70);font-size:12.5px;line-height:1.35}
.mp__card em{font-style:normal;font-weight:var(--fw-bold);margin-top:2px}
.mp__card:hover b{color:var(--c-accent)}
/* оформление шапки: варианты (на сайте остаётся один, атрибут data-hdr на <html>) */
[data-hdr="dark"] .hdr__main{background:var(--c-dark);border-bottom-color:rgba(255,255,255,.1)}
[data-hdr="dark"] .hdr__top{background:#15181C}
[data-hdr="dark"] .hdr__logo img{content:url(../brand/tokvostok-shapka-white.svg)}
[data-hdr="dark"] .nav__link{color:var(--c-on-dark)}
[data-hdr="dark"] .nav__link:hover{color:var(--c-accent-on-dark)}
[data-hdr="dark"] .kat-btn{background:var(--c-surface);color:var(--c-ink)}
[data-hdr="dark"] .kat-btn[aria-expanded="true"]{background:var(--c-accent);color:#fff}
[data-hdr="dark"] .burger span{background:var(--c-on-dark)}
[data-hdr="poisk"] .poisk{display:block}
[data-hdr="poisk"] .hdr__main .nav{display:none}
[data-hdr="poisk"] .hdr__cta{margin-left:0}
[data-hdr="poisk"] .poisk{max-width:none}
[data-hdr="svet"] .hdr__top{background:var(--c-bg);color:var(--c-ink-70);border-bottom:var(--border)}
[data-hdr="svet"] .hdr__top a{color:var(--c-ink)}
[data-hdr="svet"] .hdr__top .i{color:var(--c-accent)}
[data-hdr="svet"] .kat-btn{background:var(--c-accent)}
[data-hdr="svet"] .kat-btn:hover{background:var(--c-accent-deep)}
[data-hdr="svet"] .hdr__cta{background:transparent;color:var(--c-ink);border-color:var(--c-ink)}
[data-hdr="svet"] .hdr__cta:hover{background:var(--c-ink);color:#fff}

/* ---------- 1. первый экран — четыре компоновки, на сайте остаётся одна ---------- */
img{height:auto}
.hero{padding:var(--s-7) 0 var(--s-8)}
.hero h1 .l{display:block}
.hero .lead{margin-top:var(--s-5);color:var(--c-ink);max-width:31em}
.hero__btns{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-5);margin-top:var(--s-6)}
.trust{list-style:none;margin:var(--s-7) 0 0;padding:var(--s-5) 0 0;border-top:var(--border);display:grid;gap:var(--s-3);font-size:var(--fs-small);line-height:1.35}
.trust li{display:flex;align-items:center;gap:var(--s-3)}
.trust .i{color:var(--c-accent)}
.hero__pic{margin:0;border-radius:var(--r-photo);overflow:hidden;background:#CBCFDB}
.hero__pic img{width:100%;height:100%;object-fit:cover}
/* А «Ровная колонка»: 50/50, заголовок в три ровные строки */
.hero--a .hero__in{display:grid;grid-template-columns:7fr 6fr;gap:var(--s-7);align-items:center}
.hero--a h1{font-size:clamp(34px,3.6vw,44px);line-height:1.08}
.hero--a .hero__pic{aspect-ratio:1400/1119}
/* Б «Заголовок над фото»: две строки на всю ширину, ниже текст и фото */
.hero--b h1{font-size:56px;line-height:1.04;letter-spacing:-.015em}
.hero--b .hero__row{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-7);align-items:start;margin-top:var(--s-6)}
.hero--b .lead{margin-top:0}
.hero--b .trust{margin-top:var(--s-6)}
.hero--b .hero__pic{aspect-ratio:16/10}
/* В «Студия»: весь экран — студийный фон фото, станции уходят за правый край */
.hero--c{position:relative;padding:0;background:#CBCFDB;overflow:hidden}
.hero--c .hero__in{position:relative;z-index:1;min-height:600px;display:flex;align-items:center;padding-top:var(--s-8);padding-bottom:var(--s-8)}
.hero--c .hero__text{max-width:600px}
.hero--c h1{font-size:clamp(34px,3.4vw,44px);line-height:1.07}
.hero--c .trust{border-top-color:rgba(30,34,39,.18)}
.hero--c .hero__pic{position:absolute;right:0;top:0;bottom:0;width:50%;border-radius:0;background:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%);mask-image:linear-gradient(90deg,transparent 0,#000 12%)}
.hero--c .hero__pic img{object-position:40% 55%}
/* Г «Три линейки сразу»: заголовок, кнопка и сразу выбор — дом, бизнес, дорога */
.hero--d h1{font-size:54px;line-height:1.05;max-width:22em}
.hero--d .hero__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-5) var(--s-7);margin-top:var(--s-5)}
.hero--d .lead{margin:0;max-width:36em}
.hero--d .hero__btns{margin:0}
.hero--d .hero__lines{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);margin-top:var(--s-7)}
.hl{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-card);overflow:hidden;background:var(--c-surface);border:var(--border);text-decoration:none;color:var(--c-ink);transition:box-shadow var(--t-base)}
.hl:hover{box-shadow:var(--shadow-hover)}
.hl img{width:100%;aspect-ratio:16/10;object-fit:cover}
.hl span{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);padding:var(--s-4) var(--s-5)}
.hl b{font-size:19px}
.hl em{font-style:normal;font-weight:var(--fw-bold);color:var(--c-accent);white-space:nowrap}
.hero--d .trust{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-6);border-top:0;padding-top:0;margin-top:var(--s-5)}

/* ---------- 2. три линейки ---------- */
.lines h2{margin-bottom:var(--s-6)}
.lines__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5)}
.line{display:flex;flex-direction:column;background:var(--c-surface);border:var(--border);border-radius:var(--r-card);overflow:hidden;text-decoration:none;color:var(--c-ink);transition:box-shadow var(--t-base)}
.line:hover{box-shadow:var(--shadow-hover)}
.line img{aspect-ratio:4/3;width:100%;object-fit:cover;background:var(--c-bg)}
.line__b{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-5);flex:1}
.line__t{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-semibold)}
.line__d{color:var(--c-ink-70);font-size:var(--fs-small);line-height:var(--lh-small);flex:1}
.line__p{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s-3);padding-top:var(--s-4);border-top:var(--border);font-size:20px;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}
.line__p .i{color:var(--c-accent);transition:transform var(--t-fast)}
.line:hover .line__p .i{transform:translateX(4px)}

/* ---------- 3. какой разъём ---------- */
.plug__head{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-7);align-items:end;margin-bottom:var(--s-7)}
.plug__head .lead{max-width:30em}
.plug__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5)}
.plug__col{border:var(--border);border-radius:var(--r-card);padding:var(--s-6);background:var(--c-bg)}
.plug__col .small{margin-top:var(--s-2)}
.faces{list-style:none;margin:var(--s-6) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5)}
.faces li{display:flex;flex-direction:column;gap:var(--s-3)}
.faces .rz{width:132px;height:132px}
.faces span{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--c-ink-70)}
.faces b{display:block;font-size:18px;line-height:1.3;color:var(--c-ink);margin-bottom:2px}
.rz-o{fill:var(--c-surface);stroke:var(--c-ink);stroke-width:2.2}
.rz-p{fill:var(--c-accent-soft);stroke:var(--c-accent);stroke-width:2}
.rz-s{fill:var(--c-surface);stroke:var(--c-ink);stroke-width:1.6}
.rz-b{fill:none;stroke:#B9BFC5;stroke-width:1.4;stroke-dasharray:3 3}
.plug__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-5);padding:var(--s-5) var(--s-6);border-radius:var(--r-card);background:var(--c-accent-soft)}
.plug__foot p{max-width:42em}

/* ---------- 4. шильдик с ценами ---------- */
.anchor__in{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-8);align-items:center}
.anchor__text .lead{margin:var(--s-5) 0 var(--s-6)}
.plate{position:relative;background:var(--c-surface);border:var(--border);border-radius:var(--r-card);padding:var(--s-7) var(--s-7) var(--s-6)}
.plate::before{content:"";position:absolute;inset:10px;border:1px solid #E7EAEC;border-radius:3px;pointer-events:none}
.plate__sc{position:absolute;width:12px;height:12px;border-radius:50%;border:1.5px solid #B9BFC5}
.plate__sc::after{content:"";position:absolute;left:1.5px;right:1.5px;top:3.75px;height:1.5px;background:#B9BFC5;transform:rotate(35deg)}
.plate__sc:nth-child(1){left:22px;top:22px}.plate__sc:nth-child(2){right:22px;top:22px}
.plate__sc:nth-child(3){left:22px;bottom:22px}.plate__sc:nth-child(4){right:22px;bottom:22px}
.plate__t{position:relative;width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.plate__t thead th{padding:0 0 var(--s-3);border-bottom:1.5px solid var(--c-ink);font-size:var(--fs-caps);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--c-ink-70);text-align:left}
.plate__t td,.plate__t tbody th{padding:var(--s-4) var(--s-3) var(--s-4) 0;border-bottom:var(--border);text-align:left;vertical-align:baseline}
.plate__t tbody th{font-weight:var(--fw-semibold);width:40%}
.plate__t td:nth-child(2){color:var(--c-ink-70)}
.plate__t s{text-decoration-color:rgba(91,98,107,.55);text-decoration-thickness:1px}
.plate__t td:last-child{font-size:22px;font-weight:var(--fw-bold);color:var(--c-accent);white-space:nowrap;padding-right:0}
.plate__note{position:relative;margin-top:var(--s-4);font-size:var(--fs-small);color:var(--c-ink-70)}

/* ---------- 5. чаще всего берут ---------- */
.top__head,.deliv__head,.steps__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-6)}
.top__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-5)}
.model{display:flex;flex-direction:column}
.model .photo{width:100%;border:var(--border)}
.model h3{font-size:19px;line-height:1.3;margin-top:var(--s-4);min-height:2.6em}
.model{position:relative}
.model h3 a{color:var(--c-ink);text-decoration:none;transition:color var(--t-base)}
/* вся карточка — ссылка на модель: растянутая ссылка заголовка; кнопка цены остаётся над ней */
.model h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.model:hover h3 a,.model h3 a:focus-visible{color:var(--c-accent)}
.model .photo{transition:border-color var(--t-base)}
.model:hover .photo{border-color:var(--c-accent-soft)}
.model .price{transition:color var(--t-base)}
.model:hover .price{color:var(--c-accent)}
.model .btn{position:relative;z-index:2}
.model__spec{margin:var(--s-3) 0 0;font-size:var(--fs-small)}
.model__spec div{display:flex;justify-content:space-between;gap:var(--s-3);padding:6px 0;border-bottom:var(--border)}
.model__spec dt{color:var(--c-ink-70)}
.model__spec dd{margin:0;font-weight:var(--fw-medium);text-align:right}
.model .price{margin:var(--s-4) 0 var(--s-4)}
.model .btn{margin-top:auto;width:100%;min-height:48px;font-size:15px}

/* ---------- 6. однолинейная схема ---------- */
.sch{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s-5);position:relative}
.sch::before{content:"";position:absolute;left:14px;right:-6px;top:15px;height:1.5px;background:var(--c-ink)}
.sch::after{content:"";position:absolute;right:-10px;top:8px;width:16px;height:16px;border-right:1.5px solid var(--c-ink);border-top:1.5px solid var(--c-ink);transform:rotate(45deg)}
.sch li{position:relative}
.sch__n{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c-bg);border:1.5px solid var(--c-ink);font-weight:var(--fw-bold);font-size:15px;font-variant-numeric:tabular-nums}
.sch .is-key .sch__n{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}
.sch h3{font-size:19px;margin:var(--s-5) 0 var(--s-2)}
.sch p{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--c-ink-70)}

/* ---------- 7. проверка ---------- */
.check__in{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-8);align-items:center}
.check__pic{margin:0}
.check__pic img{width:100%;border-radius:var(--r-photo);aspect-ratio:4/3;object-fit:cover}
.check__text .lead{margin:var(--s-5) 0 var(--s-4)}
.ticks{list-style:none;margin:0 0 var(--s-6);padding:0}
.ticks li{display:flex;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:var(--border)}
.ticks .i{color:var(--c-accent);margin-top:2px}

/* ---------- 8. для России ---------- */
.ru h2{margin-bottom:var(--s-7);max-width:16em}
.ru__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-6)}
.ru__it{padding-top:var(--s-5);border-top:1.5px solid var(--c-ink)}
.ru__it .i{color:var(--c-accent)}
.ru__it h3{font-size:19px;margin:var(--s-4) 0 var(--s-2)}
.ru__it p{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--c-ink-70)}

/* ---------- 9. бизнесу ---------- */
.biz__in{display:grid;grid-template-columns:7fr 5fr;gap:var(--s-8);align-items:center}
.biz .lead{margin-top:var(--s-4)}
.biz__list{list-style:none;margin:var(--s-6) 0 0;padding:0}
.biz__list li{padding:var(--s-4) 0;border-bottom:1px solid rgba(255,255,255,.14);color:var(--c-on-dark-70);line-height:1.5}
.biz__list b{color:var(--c-on-dark);font-weight:var(--fw-semibold)}
.biz__need{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-5);font-size:var(--fs-small);color:var(--c-on-dark-70)}
.biz__need .i{color:var(--c-accent-on-dark)}
.biz__btns{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-5);margin-top:var(--s-6)}
.section--dark .link-line{color:var(--c-on-dark);border-color:var(--c-accent-on-dark)}
.biz__pic{margin:0}
.biz__pic img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r-photo)}

/* ---------- 10. доставка ---------- */
.deliv__in{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-7);align-items:start}
.deliv__pic{margin:0}
.deliv__pic img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-photo)}
.deliv__cols{display:grid;gap:var(--s-5)}
.deliv__cols>div{display:grid;grid-template-columns:32px 1fr;column-gap:var(--s-4);padding-bottom:var(--s-5);border-bottom:var(--border)}
.deliv__cols>div:last-child{border-bottom:0;padding-bottom:0}
.deliv__cols .i{color:var(--c-accent);grid-row:span 2}
.deliv__cols h3{font-size:19px;margin-bottom:var(--s-2)}
.deliv__cols p{color:var(--c-ink-70)}

/* ---------- 11. вопросы ---------- */
.faq__in{display:grid;grid-template-columns:4fr 8fr;gap:var(--s-8);align-items:start}
.faq__list details{border-bottom:var(--border)}
.faq__list details:first-child{border-top:var(--border)}
.faq__list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);min-height:64px;padding:var(--s-3) 0;font-weight:var(--fw-semibold);font-size:18px;cursor:pointer}
.faq__list summary::-webkit-details-marker{display:none}
.faq__list summary::after{content:"";flex:none;width:12px;height:12px;border-right:1.5px solid var(--c-ink);border-bottom:1.5px solid var(--c-ink);transform:rotate(45deg) translate(-3px,-3px);transition:transform var(--t-fast)}
.faq__list details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.faq__list summary:hover{color:var(--c-accent)}
.faq__list p{padding:0 0 var(--s-5);max-width:42em;color:var(--c-ink-70)}

/* ---------- 12. финальный ---------- */
.final{border-top:1px solid rgba(255,255,255,.1)}
.final h2{max-width:18em}
.final .lead{margin:var(--s-4) 0 var(--s-6);max-width:32em}
.final__btns{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.final .small{margin-top:var(--s-4)}

/* ---------- подвал ---------- */
.ftr{background:var(--c-dark);color:var(--c-on-dark-70);padding:var(--s-8) 0 var(--s-6);border-top:1px solid rgba(255,255,255,.1);font-size:var(--fs-small)}
.ftr__top{display:grid;grid-template-columns:5fr 2fr 3fr 2fr;gap:var(--s-6)}
.ftr__brand img{width:220px;height:auto}
.ftr__brand p{margin-top:var(--s-4);max-width:24em}
.ftr h4{margin:0 0 var(--s-3);color:var(--c-on-dark);font-size:15px;font-weight:var(--fw-semibold)}
.ftr__col a{display:block;padding:6px 0;color:var(--c-on-dark-70);text-decoration:none}
.ftr__col a:hover{color:var(--c-on-dark)}
.ftr__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-3) var(--s-6);margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid rgba(255,255,255,.12)}
.ftr__bot a{color:var(--c-on-dark-70);text-decoration:none}
.ftr__bot a:hover{color:var(--c-on-dark)}
.ftr__bot span{display:flex;flex-wrap:wrap;gap:var(--s-5)}
.ftr__dev{color:var(--c-on-dark-70)}

/* ---------- квиз ---------- */
.quiz{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--s-4);background:rgba(30,34,39,.56)}
.quiz[hidden]{display:none}
.quiz__box{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--c-surface);border-radius:var(--r-card);padding:var(--s-6) var(--s-7) var(--s-6)}
.quiz__top{display:flex;align-items:center;justify-content:space-between}
.quiz__count{font-size:var(--fs-small);color:var(--c-ink-70);font-variant-numeric:tabular-nums}
.quiz__close{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px;border:0;background:none;border-radius:50%;color:var(--c-ink);cursor:pointer}
.quiz__close:hover{background:var(--c-bg)}
.quiz__bar{height:3px;background:var(--c-bg);border-radius:2px;margin:var(--s-3) 0 var(--s-6);overflow:hidden}
.quiz__bar i{display:block;height:100%;width:16%;background:var(--c-accent);transition:width var(--t-base)}
.q{border:0;margin:0;padding:0;min-width:0}
.q legend{padding:0;font-size:28px;line-height:1.15;font-weight:var(--fw-bold);margin-bottom:var(--s-5)}
.q__opts{display:grid;gap:var(--s-3)}
.q__opts--pic{grid-template-columns:repeat(3,1fr)}
.q__opts--row{grid-template-columns:repeat(4,1fr)}
.opt{position:relative;display:flex;align-items:center;min-height:56px;padding:var(--s-3) var(--s-4) var(--s-3) 48px;border:var(--border);border-radius:var(--r-input);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast);line-height:1.35}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt::before{content:"";position:absolute;left:var(--s-4);top:50%;width:18px;height:18px;margin-top:-9px;border:1.5px solid #9AA1A9;border-radius:50%;background:var(--c-surface)}
.opt:hover{border-color:var(--c-ink)}
.opt:has(input:checked){border-color:var(--c-accent);background:var(--c-accent-soft)}
.opt:has(input:checked)::before{border-color:var(--c-accent);box-shadow:inset 0 0 0 4px var(--c-surface);background:var(--c-accent)}
.opt:has(input:focus-visible){box-shadow:var(--focus)}
.opt--pic{flex-direction:column;align-items:stretch;padding:0;overflow:hidden;min-height:0}
.opt--pic::before{left:auto;right:var(--s-3);top:var(--s-3);margin:0}
.opt--pic img{aspect-ratio:1/1;width:100%;object-fit:cover;background:var(--c-bg)}
.opt--pic span{padding:var(--s-3) var(--s-4) var(--s-4);font-weight:var(--fw-medium)}
.q__more{margin-top:var(--s-4)}
.q__hint{color:var(--c-ink-70);font-size:var(--fs-small);margin:calc(-1 * var(--s-3)) 0 var(--s-5)}
.q__picks{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-bottom:var(--s-5)}
.pick{display:grid;grid-template-columns:88px 1fr;gap:var(--s-3);align-items:center;padding:var(--s-2);border:0;border-radius:var(--r-card);background:var(--c-bg);color:var(--c-ink);text-decoration:none;transition:background var(--t-fast)}
.pick:hover{background:var(--c-accent-soft);color:var(--c-ink)}
.pick:hover b{color:var(--c-accent)}
.pick img{width:88px;height:88px;border-radius:var(--r-btn);background:var(--c-surface);object-fit:cover}
.pick b{display:block;font-size:15px;line-height:1.3}
.pick small{display:block;color:var(--c-ink-70);font-size:13px;line-height:1.35;margin-top:2px}
.pick .price{font-size:18px;margin-top:4px}
.q__form{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}
.q__msgr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin-top:var(--s-4)}
.q__msgr .label{margin:0 var(--s-2) 0 0}
.chip-r{position:relative;cursor:pointer}
.chip-r input{position:absolute;opacity:0}
.chip-r span{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--s-4);border:var(--border);border-radius:999px;font-size:var(--fs-small)}
.chip-r input:checked+span{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent-deep);font-weight:var(--fw-medium)}
.chip-r input:focus-visible+span{box-shadow:var(--focus)}
.agree{margin-top:var(--s-4);font-size:13px;line-height:1.45;color:var(--c-ink-70)}
.q--done{text-align:left;padding:var(--s-5) 0}
.q--done .i{color:var(--c-success)}
.q--done h3{font-size:28px;margin:var(--s-3) 0 var(--s-3)}
.quiz__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-6);padding-top:var(--s-5);border-top:var(--border)}
.quiz__back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 var(--s-2);border:0;background:none;font:var(--fw-medium) 15px/1 var(--font);color:var(--c-ink);cursor:pointer;border-radius:var(--r-btn)}
.quiz__back[hidden]{display:none}
.quiz__note{font-size:13px;color:var(--c-ink-70);text-align:center}
.quiz__nav .btn[disabled]{opacity:.45;cursor:not-allowed}
.quiz__nav [hidden]{display:none!important}

/* ---------- внутренние страницы ---------- */
.ftr h2{margin:0 0 var(--s-3);color:var(--c-on-dark);font-size:15px;font-weight:var(--fw-semibold);letter-spacing:0}
.link-btn{border:0;border-bottom:1.5px solid var(--c-accent);background:none;font:inherit;font-weight:var(--fw-semibold);cursor:pointer;padding:0 0 2px;border-radius:0}
.crumbs{padding-top:var(--s-4);font-size:var(--fs-small)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-2)}
.crumbs li{display:flex;align-items:center;gap:var(--s-2);color:var(--c-ink-70)}
.crumbs li+li::before{content:"";width:6px;height:6px;border-right:1.5px solid #9AA1A9;border-top:1.5px solid #9AA1A9;transform:rotate(45deg)}
.crumbs a{color:var(--c-ink-70);text-decoration:none}
.crumbs a:hover{color:var(--c-accent)}
.pg{padding:0 0 var(--s-8)}
.pg .crumbs{margin-bottom:var(--s-6)}
.pg__in{display:grid;grid-template-columns:7fr 5fr;gap:var(--s-7);align-items:center}
.pg h1{font-size:clamp(34px,3.3vw,44px);line-height:1.08}
.pg .lead{margin-top:var(--s-4);color:var(--c-ink);max-width:34em}
.pg__btns{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-5);margin-top:var(--s-6)}
.pg__pic{margin:0;border-radius:var(--r-photo);overflow:hidden;background:#CBCFDB}
.pg__pic img{width:100%;aspect-ratio:4/3;object-fit:cover}
.pg--text{padding-bottom:var(--s-7)}
.pg--text .pg__in{grid-template-columns:1fr}
.pg--text h1{max-width:22em}
.trust--row{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-6);margin-top:var(--s-6)}
/* фильтры и сетка каталога */
.cat{padding-top:var(--s-6)}
.flt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-6);padding-bottom:var(--s-5);margin-bottom:var(--s-6);border-bottom:var(--border)}
.flt__g{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}
.flt__l{font-size:var(--fs-small);color:var(--c-ink-70);margin-right:var(--s-1)}
.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:var(--border);border-radius:var(--r-btn);background:var(--c-surface);font:var(--fw-medium) 14.5px/1 var(--font);color:var(--c-ink);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}
.chip:hover{border-color:var(--c-ink)}
.chip[aria-pressed="true"]{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-surface)}
.flt__n{margin-left:auto;font-size:var(--fs-small);color:var(--c-ink-70);white-space:nowrap}
.flt__reset{border:0;background:none;font:inherit;color:var(--c-accent);cursor:pointer;padding:0}
.cat__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-7) var(--s-5)}
.model[hidden],.cat__group[hidden]{display:none}
.model__pic{display:block}
.cat__empty{padding:var(--s-6);background:var(--c-bg);border-radius:var(--r-card)}
.cat__empty[hidden]{display:none}
.cat__empty-btns{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-4)}
.cat__group+.cat__group{margin-top:var(--s-8);padding-top:var(--s-7);border-top:var(--border)}
.cat__gh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5)}
.cat__gh h2{font-size:28px}
.cat__gh h2 .small{font-weight:var(--fw-regular);font-size:16px;margin-left:var(--s-2)}
.top__grid--3{grid-template-columns:repeat(3,1fr)}
.ru__grid--3{grid-template-columns:repeat(3,1fr)}
/* сколько кВт */
.kvt__in{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-8);align-items:center}
.kvt .lead{margin-top:var(--s-4)}
.kvt__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-4)}
.kvt__list li{display:grid;grid-template-columns:84px 1fr 130px;gap:var(--s-4);align-items:center;font-variant-numeric:tabular-nums}
.kvt__list b{font-size:18px}
.kvt__bar{height:12px;border-radius:2px;background:var(--c-bg);overflow:hidden}
.kvt__bar i{display:block;height:100%;background:var(--c-accent)}
.kvt__list em{font-style:normal;font-weight:var(--fw-semibold);text-align:right}
.kvt__note{margin-top:var(--s-5);max-width:40em}
/* переходы между разделами */
.xbiz__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-5) var(--s-7)}
.xbiz .lead{margin-top:var(--s-3);max-width:36em}
.xlink{padding:var(--s-7) 0}
.xlink__in{display:grid;grid-template-columns:120px 1fr auto;gap:var(--s-6);align-items:center}
.xlink img{width:120px;height:120px;object-fit:cover;border-radius:var(--r-photo)}
.xlink h2{font-size:24px}
.xlink p{margin-top:var(--s-2);color:var(--c-ink-70)}
/* карточка модели */
.pr{background:var(--c-surface);padding-bottom:var(--s-8)}
.pr .crumbs{margin-bottom:var(--s-5)}
.pr__in{display:grid;grid-template-columns:7fr 5fr;gap:var(--s-7);align-items:start}
.gal__big{margin:0;border:var(--border);border-radius:var(--r-photo);overflow:hidden;background:var(--c-bg)}
.gal__big img{width:100%;aspect-ratio:1/1;object-fit:cover}
.gal__th{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s-2);margin-top:var(--s-3)}
.gal__th button{padding:0;border:1.5px solid var(--c-line);border-radius:var(--r-btn);background:var(--c-bg);cursor:pointer;overflow:hidden;transition:border-color var(--t-fast)}
.gal__th button:hover{border-color:var(--c-ink)}
.gal__th button[aria-current="true"]{border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent)}
.gal__th img{width:100%;aspect-ratio:1/1;object-fit:cover}
.gal__cap{margin-top:var(--s-3);font-size:var(--fs-small);color:var(--c-ink-70)}
.pr__info{position:sticky;top:var(--s-5)}
.pr__info .caps a{color:var(--c-ink-70);text-decoration:none}
.pr h1{font-size:34px;line-height:1.12;margin-top:var(--s-2)}
.pr__short{margin-top:var(--s-3);color:var(--c-ink-70)}
.pw{margin-top:var(--s-5)}
.pw__l{font-size:var(--fs-small);color:var(--c-ink-70);margin-bottom:var(--s-2)}
.pw__btns{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.pw__btns .chip{min-width:84px;justify-content:center;font-size:15.5px}
.pr__price{margin-top:var(--s-5);padding-top:var(--s-5);border-top:var(--border)}
.pr__price .price{font-size:40px;line-height:1}
.pr__price p:not(.price){margin-top:var(--s-2);font-size:var(--fs-small);color:var(--c-ink-70)}
.pr__dealer s{text-decoration-color:rgba(91,98,107,.6)}
.pr__btns{display:grid;gap:var(--s-3);margin-top:var(--s-5)}
.pr__btns .btn{width:100%}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin:var(--s-5) 0 0;border:var(--border);border-radius:var(--r-card)}
.facts div{padding:var(--s-3);border-left:var(--border);min-width:0}
.facts div:first-child{border-left:0}
.facts dt{font-size:12.5px;color:var(--c-ink-70)}
.facts dd{margin:2px 0 0;font-weight:var(--fw-bold);font-size:15.5px;line-height:1.3}
.facts--big{grid-template-columns:1fr 1fr;margin:0;background:var(--c-bg)}
.facts--big div{padding:var(--s-5);border-left:0;border-bottom:var(--border)}
.facts--big div:nth-child(odd){border-right:var(--border)}
.facts--big div:nth-last-child(-n+2){border-bottom:0}
.facts--big dd{font-size:24px;margin-top:var(--s-1)}
.pr__trust{list-style:none;padding:0;margin:var(--s-5) 0 0;display:grid;gap:var(--s-2);font-size:var(--fs-small);color:var(--c-ink-70)}
.pr__trust li{display:flex;align-items:center;gap:var(--s-2)}
.pr__trust .i{color:var(--c-accent)}
.fit__in{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5)}
.fit__b{background:var(--c-surface);border:var(--border);border-radius:var(--r-card);padding:var(--s-6)}
.fit__face{display:flex;gap:var(--s-3);margin-bottom:var(--s-4)}
.fit__face .rz{width:96px;height:96px}
.fit__ic{display:grid;place-items:center;width:96px;height:96px;margin-bottom:var(--s-4);border-radius:50%;background:var(--c-bg);color:var(--c-accent)}
.fit__b h2{font-size:26px}
.fit__b p{margin-top:var(--s-3)}
.fit__b>.link-line{display:inline-block;margin-top:var(--s-4)}
.fit__x{padding-top:var(--s-4);border-top:var(--border);font-size:var(--fs-small)}
.spec__in{display:grid;grid-template-columns:4fr 8fr;gap:var(--s-8);align-items:start}
.spec__note{margin-top:var(--s-4);max-width:22em}
.spec__t{width:100%;border-collapse:collapse}
.spec__t th,.spec__t td{padding:var(--s-3) 0;border-bottom:var(--border);text-align:left;vertical-align:top;font-size:16px;line-height:1.45}
.spec__t tr:first-child th,.spec__t tr:first-child td{border-top:1.5px solid var(--c-ink)}
.spec__t th{width:36%;padding-right:var(--s-5);font-weight:var(--fw-regular);color:var(--c-ink-70)}
/* бизнесу */
.who h2{margin-bottom:var(--s-6)}
.who__list{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--c-ink)}
.who__list li{display:grid;grid-template-columns:4fr 8fr;gap:var(--s-6);padding:var(--s-5) 0;border-bottom:var(--border);align-items:baseline}
.who__list b{font-size:20px;font-weight:var(--fw-semibold)}
.who__list p{color:var(--c-ink-70)}
.duo__in{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-7);align-items:start}
.duo__in--3{grid-template-columns:4fr 8fr}
.duo__text .lead{margin:var(--s-4) 0 var(--s-5)}
.duo__text .small{margin-top:var(--s-4)}
.duo__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5)}
.duo__cards--3{grid-template-columns:repeat(3,1fr)}
.need__plate .plate{padding:var(--s-6)}
.docs__lead{margin-top:var(--s-4)}
/* доставка */
.route h2{margin-bottom:var(--s-6)}
.route__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5);counter-reset:r}
.route__list li{position:relative;padding:var(--s-5) var(--s-5) var(--s-5) var(--s-5);border:var(--border);border-radius:var(--r-card);background:var(--c-bg)}
.route__list li:not(:last-child)::after{content:"";position:absolute;right:-17px;top:50%;width:10px;height:10px;border-right:1.5px solid var(--c-ink);border-top:1.5px solid var(--c-ink);transform:translateY(-50%) rotate(45deg)}
.route__list b{display:block;font-size:20px}
.route__list p{margin-top:var(--s-2);color:var(--c-ink-70);font-size:var(--fs-small);line-height:var(--lh-small)}
.inc__in{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-8)}
.inc h2{margin-bottom:var(--s-5);font-size:28px}
.ticks--minus .i{color:var(--c-ink-70)}
/* проверка, о нас */
.check__pic figcaption{margin-top:var(--s-3)}
.why__in h2{max-width:20em;margin-bottom:var(--s-6)}
.why__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-7)}
.why__cols h3{margin-bottom:var(--s-3)}
.why__cols>p{color:var(--c-ink-70)}
.how__side{align-self:center}
/* документы, 404 */
.legal{padding-top:var(--s-7)}
.prose{max-width:760px}
.prose h2{font-size:22px;margin:var(--s-6) 0 var(--s-2)}
.prose p,.prose li{margin-top:var(--s-2)}
.prose ul{padding-left:1.2em;margin:0}
.nf{padding-top:var(--s-9)}
.nf h1{margin-top:var(--s-3)}

/* ---------- планшет и телефон ---------- */
@media (max-width:1100px){
  .nav__link{padding:0 var(--s-2);font-size:14px}
  .hdr__top-in span:nth-child(2){display:none}
  .hero--b h1,.hero--d h1{font-size:46px}
  .top__grid{grid-template-columns:repeat(2,1fr)}
  .cat__grid{grid-template-columns:repeat(3,1fr)}
  .spg{grid-template-columns:1fr 1fr}
  .spd__big{grid-template-columns:repeat(3,1fr)}
  .duo__cards--3{grid-template-columns:repeat(2,1fr)}
  .ru__grid{grid-template-columns:repeat(2,1fr)}
  .ftr__top{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .hdr{top:0}
  .hdr__top{display:none}
  .hdr__in{min-height:60px;gap:var(--s-3)}
  .hdr__logo img{height:24px}
  .kat-btn{padding:0 var(--s-3);min-height:40px;font-size:14px;margin-left:auto}
  .burger{display:block}
  .hdr__cta,.poisk,[data-hdr="poisk"] .poisk{display:none}
  [data-hdr="poisk"] .hdr__main .nav{display:flex}
  .nav__msgs{display:flex;gap:var(--s-5);padding:var(--s-5) 0}
  .nav__msgs a{font-weight:var(--fw-semibold);color:var(--c-accent);text-decoration:none}
  .mp{height:calc(100vh - 60px);background:var(--c-surface)}
  .mp__in{grid-template-columns:1fr;box-shadow:none}
  .mp__left{border-right:0;border-bottom:var(--border);padding:var(--s-3) var(--gutter)}
  .mp__right{padding:var(--s-4) var(--gutter) var(--s-7)}
  .mp__grid{grid-template-columns:1fr 1fr;gap:var(--s-3)}
  .mp__quiz{margin-top:var(--s-3)}
  .hero--b h1 .l,.hero--d h1 .l{display:inline}
  .hero--b h1,.hero--d h1{font-size:var(--fs-h1);line-height:1.08}
  /* три строки по смыслу и на телефоне: кегль подстраивается под ширину, «напрямую» не остаётся одно */
  .hero--a h1,.hero--c h1{font-size:clamp(20px,calc((100vw - 2 * var(--gutter)) / 13.4),34px);line-height:1.1}
  .hero--a .hero__in,.hero--b .hero__row{grid-template-columns:1fr;gap:var(--s-6)}
  .hero--c .hero__in{min-height:0;padding-top:var(--s-6);padding-bottom:var(--s-6);flex-direction:column;align-items:stretch}
  .hero--c .hero__pic{position:static;width:auto;height:auto;margin:0 calc(-1 * var(--gutter));-webkit-mask-image:none;mask-image:none;aspect-ratio:4/3}
  .hero--d .hero__lines{grid-template-columns:1fr;gap:var(--s-3)}
  .hl{grid-template-columns:120px 1fr;grid-template-rows:none}
  .hl img{height:100%;aspect-ratio:auto}
  .hl span{flex-direction:column;justify-content:center;gap:2px;padding:var(--s-3) var(--s-4)}
  .nav{position:fixed;left:0;right:0;top:60px;bottom:0;z-index:40;margin:0;padding:var(--s-4) var(--gutter) var(--s-6);background:var(--c-surface);flex-direction:column;align-items:stretch;gap:0;overflow:auto;transform:translateX(100%);visibility:hidden;transition:transform var(--t-base),visibility var(--t-base)}
  .nav.is-open{transform:none;visibility:visible}
  .nav__link{justify-content:space-between;min-height:56px;font-size:18px;border-bottom:var(--border);border-radius:0;padding:0}
  .hero{padding:var(--s-5) 0 var(--s-7)}
  .spl{padding:var(--s-6) var(--s-5) var(--s-5)}
  .spl__top{grid-template-columns:1fr;gap:var(--s-1)}
  .spl__cols{grid-template-columns:1fr}
  .spg{grid-template-columns:1fr}
  .spd__big{grid-template-columns:1fr 1fr}
  .spd__big div{border-right:0;border-bottom:var(--border);padding-left:0!important}
  .calc__in,.calc--b .calc__in{grid-template-columns:1fr;gap:var(--s-6)}
  .calc__card,.calc__plate{padding:var(--s-5)}
  .calc__two{grid-template-columns:1fr}
  .calc__rows>div{grid-template-columns:1fr;gap:var(--s-1)}
  .calc__line{grid-template-columns:1fr;padding:var(--s-4)}
  .pg__in,.pr__in,.fit__in,.spec__in,.duo__in,.duo__in--3,.kvt__in,.inc__in,.why__cols{grid-template-columns:1fr;gap:var(--s-6)}
  .pg .crumbs{margin-bottom:var(--s-4)}
  .pg h1,.pr h1{font-size:var(--fs-h1)}
  .pr__info{position:static}
  .cat__grid,.duo__cards,.duo__cards--3,.top__grid--3{grid-template-columns:1fr 1fr;gap:var(--s-6) var(--s-3)}
  .facts{grid-template-columns:1fr 1fr}
  .facts div:nth-child(3){border-left:0}
  .facts div:nth-child(n+3){border-top:var(--border)}
  .who__list li{grid-template-columns:1fr;gap:var(--s-2)}
  .route__list{grid-template-columns:1fr;gap:var(--s-4)}
  .route__list li:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-14px;transform:translateX(-50%) rotate(135deg)}
  .xlink__in{grid-template-columns:72px 1fr;gap:var(--s-4)}
  .xlink img{width:72px;height:72px}
  .xlink .link-line{grid-column:1/-1;justify-self:start}
  .kvt__list li{grid-template-columns:64px 1fr 104px;gap:var(--s-3)}
  .flt{gap:var(--s-3)}
  .flt__n{margin-left:0;width:100%}
  .ru__grid--3{grid-template-columns:1fr}
  .gal__th{gap:6px}
  .spec__t th{width:42%}
  .lines__grid,.plug__grid,.plug__head,.anchor__in,.check__in,.biz__in,.deliv__in,.faq__in{grid-template-columns:1fr}
  .plug__head{gap:var(--s-4);margin-bottom:var(--s-6)}
  .anchor__in,.check__in,.biz__in{gap:var(--s-6)}
  .faq__in{gap:var(--s-5)}
  .plug__col{padding:var(--s-5)}
  .faces .rz{width:104px;height:104px}
  .plate{padding:var(--s-7) var(--s-5) var(--s-7)}
  .plate__t thead{display:none}
  .plate__t,.plate__t tbody,.plate__t tr{display:block}
  .plate__t tr{display:grid;grid-template-columns:1fr auto;column-gap:var(--s-3);padding:var(--s-4) 0;border-bottom:var(--border)}
  .plate__t tbody th{grid-column:1/-1;width:auto;padding:0 0 var(--s-1);border:0}
  .plate__t td{padding:0;border:0}
  .plate__t td:nth-child(2)::before{content:"у дилеров ";font-size:var(--fs-small)}
  .top__grid{gap:var(--s-4)}
  .model h3{font-size:16px}
  .sch{grid-template-columns:1fr;gap:var(--s-5)}
  .sch::before{left:15px;right:auto;top:16px;bottom:16px;width:1.5px;height:auto}
  .sch::after{display:none}
  .sch li{display:grid;grid-template-columns:32px 1fr;column-gap:var(--s-4)}
  .sch__n{grid-row:span 2}
  .sch h3{margin:4px 0 var(--s-1)}
  .biz__pic{order:-1}
  .ru__grid{gap:var(--s-5)}
  .final__btns .btn{flex:1 1 calc(50% - 12px)}
  .final__btns .btn--primary{flex-basis:100%}
  .quiz{padding:0;place-items:end stretch}
  .quiz__box{max-height:100vh;height:100%;border-radius:0;padding:var(--s-4) var(--s-4) var(--s-5);display:flex;flex-direction:column}
  .quiz__box form{display:flex;flex-direction:column;flex:1}
  .quiz__nav{margin-top:auto}
  .q legend{font-size:23px}
  .q__opts--pic{grid-template-columns:1fr}
  .opt--pic{flex-direction:row;align-items:center}
  .opt--pic img{width:72px;flex:none}
  .opt--pic::before{top:50%;margin-top:-9px}
  .q__opts--row{grid-template-columns:1fr 1fr}
  .q__picks,.q__form{grid-template-columns:1fr}
  .quiz__note{display:none}
}
@media (max-width:520px){
  .top__grid{grid-template-columns:1fr 1fr;gap:var(--s-3)}
  .model__spec div:nth-child(3){display:none}
  .model .btn{font-size:14px;padding:0 var(--s-2)}
  .faces{grid-template-columns:1fr}
  .faces li{flex-direction:row;align-items:center}
  .faces .rz{width:96px;height:96px}
  .ftr__top{grid-template-columns:1fr}
}

/* ---------- характеристики: четыре оформления ---------- */
.spec__head .spec__share,.spec__headrow .spec__share{display:inline-flex;align-items:center;gap:var(--s-2);margin-top:var(--s-4);font-size:15px;color:var(--c-ink)}
.spec__share .i{color:var(--c-accent)}
.spec__headrow{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-6)}
.spec__headrow .spec__share{margin-top:0}
.spec__headrow .spec__note{margin-top:var(--s-2)}
.spec__headrow>div{flex:1 1 auto}
/* Б шильдик */
.spl{padding:var(--s-7) var(--s-8) var(--s-6)}
.spl__top{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-5);align-items:baseline;padding-bottom:var(--s-4);border-bottom:1.5px solid var(--c-ink)}
.spl__top b{font-size:20px}
.spl__kw{font-weight:var(--fw-bold);color:var(--c-accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.spl__cols{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s-7)}
.spl__col{margin:0}
.spl__col div{display:grid;grid-template-columns:2fr 3fr;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:var(--border)}
.spl__col dt{font-size:var(--fs-small);color:var(--c-ink-70);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;padding-top:3px}
.spl__col dd{margin:0;font-weight:var(--fw-medium);font-size:15.5px;line-height:1.4}
/* В группы */
.spg{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4)}
.spg__card{padding:var(--s-5);border-radius:var(--r-card);background:var(--c-bg)}
.spg__card h3{display:flex;align-items:center;gap:var(--s-2);font-size:17px;margin-bottom:var(--s-3);padding-bottom:var(--s-3);border-bottom:1.5px solid var(--c-ink)}
.spg__card h3 .i{color:var(--c-accent)}
.spg__card dl{margin:0}
.spg__card div{padding:var(--s-2) 0;border-bottom:var(--border)}
.spg__card div:last-child{border-bottom:0}
.spg__card dt{font-size:12.5px;color:var(--c-ink-70)}
.spg__card dd{margin:2px 0 0;font-weight:var(--fw-medium);font-size:15px;line-height:1.4}
/* Г главное крупно */
.spd__big{display:grid;grid-template-columns:repeat(6,1fr);margin:0;border-top:1.5px solid var(--c-ink);border-bottom:var(--border)}
.spd__big div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:var(--s-1);padding:var(--s-5) var(--s-4) var(--s-5) 0;border-right:var(--border)}
.spd__big div+div{padding-left:var(--s-4)}
.spd__big div:last-child{border-right:0}
.spd__big dd{margin:0;font-size:20px;font-weight:var(--fw-bold);line-height:1.2;font-variant-numeric:tabular-nums}
.spd__big dt{font-size:12.5px;color:var(--c-ink-70);text-transform:uppercase;letter-spacing:.06em}
.spd__all{margin-top:var(--s-5)}
.spd__all summary{display:inline-flex;align-items:center;gap:var(--s-3);min-height:44px;cursor:pointer;font-weight:var(--fw-semibold);list-style:none;border-bottom:1.5px solid var(--c-accent)}
.spd__all summary::-webkit-details-marker{display:none}
.spd__all summary::after{content:"";width:9px;height:9px;border-right:1.5px solid var(--c-ink);border-bottom:1.5px solid var(--c-ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--t-fast)}
.spd__all[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.spd__all .spec__t{margin-top:var(--s-4);max-width:880px}
.spd__all .spec__note{margin-top:var(--s-3)}

/* ---------- расчёт на карточке: квиз прямо на странице ---------- */
.calc__in{display:grid;grid-template-columns:5fr 6fr;gap:var(--s-8);align-items:center}
.calc h2{max-width:14em}
.calc .lead{margin-top:var(--s-4)}
.calc__model{display:grid;grid-template-columns:96px 1fr;gap:var(--s-4);align-items:center;margin-top:var(--s-6);padding:var(--s-3);border-radius:var(--r-card);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.calc__model img{width:96px;height:96px;object-fit:cover;border-radius:var(--r-btn);background:var(--c-bg)}
.calc__model b{display:block;font-size:17px;line-height:1.3}
.calc__model span{font-size:var(--fs-small);color:var(--c-on-dark-70);font-variant-numeric:tabular-nums}
.calc__trust{list-style:none;margin:var(--s-5) 0 0;padding:0;display:grid;gap:var(--s-2);font-size:var(--fs-small);color:var(--c-on-dark-70)}
.calc__trust li{display:flex;align-items:center;gap:var(--s-2)}
.calc__trust .i{color:var(--c-accent-on-dark)}
.calc__chips{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-3)}
.chip--radio{position:relative;cursor:pointer}
.chip--radio input{position:absolute;opacity:0;width:1px;height:1px}
.chip--radio:has(input:checked){background:var(--c-ink);border-color:var(--c-ink);color:var(--c-surface)}
.chip--radio:has(input:focus-visible){box-shadow:var(--focus)}
.calc__msgr{border:0;margin:var(--s-4) 0 0;padding:0;min-width:0}
.calc__msgr .calc__chips{margin-top:0}
.calc__two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}
.calc .agree{margin-top:var(--s-3);font-size:12.5px;line-height:1.45;color:var(--c-ink-70)}
.calc .field-error{margin-top:var(--s-3)}
.calc__ok{text-align:left}
.calc__ok .i{color:var(--c-success);width:40px;height:40px}
.calc__ok-t{font-size:22px;font-weight:var(--fw-bold);margin:var(--s-3) 0 var(--s-2)}
.calc form.is-sent>*:not([data-ok]):not(.plate__sc){display:none}
/* А «Карточка справа» */
.calc__card a,.calc__line a{color:var(--c-accent)}
.calc__card{background:var(--c-surface);color:var(--c-ink);border-radius:var(--r-card);padding:var(--s-6);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.calc__step{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-small);color:var(--c-ink-70);margin-bottom:var(--s-4)}
.calc__bar{flex:1;height:3px;background:var(--c-bg);border-radius:2px;overflow:hidden}
.calc__bar i{display:block;height:100%;width:50%;background:var(--c-accent);transition:width var(--t-base)}
.calc__st{border:0;margin:0;padding:0;min-width:0}
.calc__st[hidden]{display:none}
.calc__q{padding:0;font-size:24px;font-weight:var(--fw-bold);margin-bottom:var(--s-4);color:var(--c-ink)}
.calc__go{width:100%;margin-top:var(--s-5)}
.calc__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-5)}
.calc__nav .btn{flex:1}
/* Б «Шильдик» */
.calc--b .calc__in{grid-template-columns:4fr 7fr}
.calc__plate{padding:var(--s-7) var(--s-7) var(--s-6)}
.calc__cap{position:relative;margin-bottom:var(--s-3)}
.calc__rows{position:relative;margin:0;border-top:1.5px solid var(--c-ink)}
.calc__rows>div{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-4);align-items:center;padding:var(--s-3) 0;border-bottom:var(--border)}
.calc__rows dt{font-size:var(--fs-small);color:var(--c-ink-70)}
.calc__rows dd{margin:0;font-weight:var(--fw-semibold)}
.calc__rows dd small{display:block;font-weight:var(--fw-regular);font-size:12.5px;color:var(--c-ink-70);margin-top:4px}
.calc__rows .input{min-height:44px}
.calc__rows .calc__chips{margin:0}
.calc__sum{font-size:22px;color:var(--c-accent);font-variant-numeric:tabular-nums}
.calc__plate .calc__go,.calc__plate .agree,.calc__plate .field-error,.calc__plate .calc__ok{position:relative}
/* В «Одна строка» */
.calc__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-5);margin-bottom:var(--s-6)}
.calc__model--row{margin:0;grid-template-columns:56px 1fr;padding:var(--s-2) var(--s-4) var(--s-2) var(--s-2)}
.calc__model--row img{width:56px;height:56px}
.calc__line{display:grid;grid-template-columns:1.3fr 1fr 1.2fr auto auto;gap:var(--s-3);align-items:end;padding:var(--s-5);background:var(--c-surface);border-radius:var(--r-card);color:var(--c-ink)}
.calc__line .calc__msgr{margin:0}
.calc__line .btn{min-height:var(--h-control)}
.calc__line .agree,.calc__line .field-error,.calc__line .calc__ok{grid-column:1/-1;margin-top:0}
/* Г «Переписка» */
.calc--d .calc__model{background:var(--c-surface);border-color:var(--c-line)}
.calc--d .calc__model span{color:var(--c-ink-70)}
.chat{background:var(--c-surface);border:var(--border);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-hover)}
.chat__top{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);border-bottom:var(--border);background:var(--c-bg)}
.chat__top img{width:36px;height:36px;border-radius:50%;background:var(--c-surface)}
.chat__top b{display:block;font-size:15px}.chat__top small{font-size:12.5px;color:var(--c-ink-70)}
.chat__log{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-5) var(--s-5) var(--s-3);min-height:120px}
.chat__b,.chat__me{max-width:84%;padding:10px 14px;border-radius:14px;font-size:15.5px;line-height:1.45;animation:dn .2s ease-out}
.chat__b{align-self:flex-start;background:var(--c-bg);border-top-left-radius:4px}
.chat__me{align-self:flex-end;background:var(--c-accent);color:#fff;border-top-right-radius:4px}
.chat .calc__st{padding:0 var(--s-5) var(--s-5)}
.chat .calc__chips{margin-top:0}
.chat__in{display:grid;grid-template-columns:1fr 52px;gap:var(--s-2);margin-top:var(--s-3)}
.chat__in .btn{padding:0}
.chat .agree,.chat .field-error{padding:0 var(--s-5)}
.chat .calc__st .agree{padding:0}
.chat__ok{padding:0 var(--s-5) var(--s-5)}

/* ---------- расчёт и характеристики: планшет и телефон (после базовых правил) ---------- */
@media (max-width:1100px){
  .spg{grid-template-columns:1fr 1fr}
  .spd__big{grid-template-columns:repeat(3,1fr)}
  .calc__line{grid-template-columns:1fr 1fr}
  .calc__line .calc__msgr,.calc__line .btn{grid-column:span 1}
}
@media (max-width:860px){
  .calc__in,.calc--b .calc__in{grid-template-columns:1fr;gap:var(--s-6)}
  .calc__card,.calc__plate{padding:var(--s-5)}
  .calc__two{grid-template-columns:1fr}
  .calc__rows>div{grid-template-columns:1fr;gap:var(--s-1)}
  .calc__line{grid-template-columns:1fr;padding:var(--s-4)}
  .calc__q{font-size:21px}
  .spl{padding:var(--s-6) var(--s-4) var(--s-5)}
  .spl__top{grid-template-columns:1fr;gap:var(--s-1)}
  .spl__kw{white-space:normal}
  .spl__cols{grid-template-columns:1fr}
  .spl__col div{grid-template-columns:1fr;gap:2px}
  .spg{grid-template-columns:1fr}
  .spd__big{grid-template-columns:1fr 1fr}
  .spd__big div{border-right:0;border-bottom:var(--border);padding-left:0!important}
}

/* ---------- /biznesu/: кому и зачем — четыре оформления ---------- */
.whb{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s-4)}
.whb__it img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-photo);background:var(--c-bg);margin-bottom:var(--s-4)}
.whb__it b{display:block;font-size:18px;line-height:1.25;margin-bottom:var(--s-2)}
.whb__it p{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--c-ink-70)}
.whc__head{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-7);align-items:end;margin-bottom:var(--s-6)}
.whc__head h2{margin:0}
.whc__wrap{overflow-x:auto}
.whc{width:100%;border-collapse:collapse;min-width:880px}
.whc thead th{padding:0 var(--s-4) var(--s-3) 0;border-bottom:1.5px solid var(--c-ink);font-size:var(--fs-caps);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--c-ink-70);text-align:left;white-space:nowrap}
.whc td,.whc tbody th{padding:var(--s-4) var(--s-4) var(--s-4) 0;border-bottom:var(--border);text-align:left;vertical-align:middle;font-size:15.5px}
.whc tbody th{width:30%;font-weight:var(--fw-regular)}
.whc tbody th b{display:block;font-size:17px;font-weight:var(--fw-semibold)}
.whc tbody th small{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:var(--c-ink-70)}
.whc__m{display:grid;grid-template-columns:56px 1fr;gap:var(--s-3);align-items:center;color:var(--c-ink);text-decoration:none;font-size:14.5px;line-height:1.3;font-weight:var(--fw-medium)}
.whc__m img{width:56px;height:56px;border-radius:var(--r-btn);background:var(--c-bg);object-fit:cover}
.whc__m:hover span{color:var(--c-accent)}
.whc__p{font-weight:var(--fw-bold);color:var(--c-accent);white-space:nowrap;font-size:18px;font-variant-numeric:tabular-nums}
.whc__note{margin-top:var(--s-4)}
.whc__note .link-btn{color:var(--c-ink);font-size:inherit}
.who--d h2{margin-bottom:var(--s-6)}
.whd{display:grid;grid-template-columns:300px 1fr;gap:var(--s-6);align-items:start}
.whd__tabs{display:flex;flex-direction:column;border-top:1.5px solid var(--c-ink)}
.whd__tab{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:60px;padding:0 var(--s-3) 0 0;border:0;border-bottom:var(--border);background:none;font:var(--fw-semibold) 17px/1.25 var(--font);color:var(--c-ink-70);text-align:left;cursor:pointer;transition:color var(--t-fast),padding var(--t-fast)}
.whd__tab .i{opacity:0;color:var(--c-accent);transition:opacity var(--t-fast)}
.whd__tab:hover{color:var(--c-ink)}
.whd__tab[aria-selected="true"]{color:var(--c-ink);padding-left:var(--s-3);box-shadow:inset 3px 0 var(--c-accent)}
.whd__tab[aria-selected="true"] .i{opacity:1}
.whd__pane{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);align-items:center;animation:dn .2s ease-out}
.whd__pane[hidden]{display:none}
.whd__pic{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r-photo);background:var(--c-bg)}
.whd__txt h3{font-size:26px}
.whd__txt>p{margin-top:var(--s-3);color:var(--c-ink-70)}
.whd__facts{display:grid;grid-template-columns:1fr 1fr;margin:var(--s-5) 0 0;border-top:var(--border)}
.whd__facts div{padding:var(--s-3) var(--s-3) var(--s-3) 0;border-bottom:var(--border)}
.whd__facts dt{font-size:12.5px;color:var(--c-ink-70)}
.whd__facts dd{margin:2px 0 0;font-weight:var(--fw-semibold)}
.whd__m{display:grid;grid-template-columns:64px 1fr;gap:var(--s-3);align-items:center;margin:var(--s-5) 0;padding:var(--s-2);border-radius:var(--r-card);background:var(--c-bg);color:var(--c-ink);text-decoration:none}
.whd__m img{width:64px;height:64px;border-radius:var(--r-btn);background:var(--c-surface);object-fit:cover}
.whd__m b{display:block;font-size:15px;line-height:1.3}
.whd__m em{font-style:normal;font-weight:var(--fw-bold);color:var(--c-accent)}
.whd__m:hover b{color:var(--c-accent)}
@media (max-width:1100px){
  .whb{grid-template-columns:repeat(3,1fr)}
  .whd{grid-template-columns:240px 1fr}
  .whd__pane{grid-template-columns:1fr}
}
@media (max-width:860px){
  .whb{grid-template-columns:1fr 1fr;gap:var(--s-5) var(--s-3)}
  .whc__head{grid-template-columns:1fr;gap:var(--s-3)}
  .whd{grid-template-columns:1fr}
  .whd__tabs{flex-direction:row;overflow-x:auto;border-top:0;gap:var(--s-2)}
  .whd__tab{flex:none;min-height:40px;padding:0 14px!important;border:var(--border);border-radius:var(--r-btn);font-size:14.5px;box-shadow:none!important}
  .whd__tab[aria-selected="true"]{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-surface)}
  .whd__tab .i{display:none}
}

/* ---------- /biznesu/: вопросы — четыре оформления ---------- */
.faqv--b h2,.faqv--d h2{margin-bottom:var(--s-6)}
.fqb{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s-8);border-top:1.5px solid var(--c-ink)}
.fqb__it{padding:var(--s-5) 0;border-bottom:var(--border)}
.fqb__it h3{font-size:19px;margin-bottom:var(--s-2)}
.fqb__it p{color:var(--c-ink-70)}
.fqc{display:grid;grid-template-columns:8fr 4fr;gap:var(--s-8);align-items:start}
.fqc h2{margin-bottom:var(--s-6)}
.fqc .faq__list details[open]{padding-bottom:var(--s-5)}
.fqc .faq__list p{padding-bottom:var(--s-3)}
.fqc__go{display:inline-block;font-size:15px}
.fqc__ask{position:sticky;top:var(--s-6);padding:var(--s-6);border-radius:var(--r-card);background:var(--c-dark);color:var(--c-on-dark)}
.fqc__ask .i{color:var(--c-accent-on-dark)}
.fqc__t{margin:var(--s-3) 0 var(--s-2);font-size:22px;font-weight:var(--fw-bold)}
.fqc__ask p:not(.fqc__t){color:var(--c-on-dark-70)}
.fqc__btns{display:grid;gap:var(--s-2);margin-top:var(--s-5)}
.fqc__btns .btn{color:var(--c-on-dark);border-color:rgba(255,255,255,.4);justify-content:flex-start}
.fqc__btns .btn:hover{background:var(--c-surface);color:var(--c-ink)}
.fqd{display:grid;grid-template-columns:4fr 7fr;gap:var(--s-8);align-items:start}
.fqd__side{position:sticky;top:var(--s-6)}
.fqd__side h2{margin-bottom:var(--s-4)}
.fqd__btns{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-5)}
.fqd__chat{background:var(--c-surface);border:var(--border);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-hover)}
.fqd__log{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5)}
.fqd__q,.fqd__a{display:flex}
.fqd__q{justify-content:flex-end}
.fqd__q p,.fqd__a p{max-width:82%;padding:12px 16px;border-radius:16px;font-size:15.5px;line-height:1.5}
.fqd__q p{background:var(--c-accent);color:#fff;border-top-right-radius:4px;font-weight:var(--fw-medium)}
.fqd__a p{background:var(--c-bg);border-top-left-radius:4px}
.fqd__a+.fqd__q{margin-top:var(--s-3)}
@media (max-width:860px){
  .fqb,.fqc,.fqd{grid-template-columns:1fr;gap:var(--s-5)}
  .fqc__ask,.fqd__side{position:static}
  .fqd__q p,.fqd__a p{max-width:92%}
}

/* ---------- мобильная панель действий ---------- */
.mbar{display:none}
@media (max-width:860px){
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:var(--s-2);padding:var(--s-2) var(--gutter) calc(var(--s-2) + env(safe-area-inset-bottom));background:var(--c-surface);border-top:var(--border);box-shadow:0 -6px 20px rgba(30,34,39,.08);transform:translateY(110%);transition:transform var(--t-base)}
  .mbar.is-on{transform:none}
  .mbar .btn--primary{flex:1;min-height:48px}
  .mbar__msg{width:48px;min-height:48px;padding:0;flex:none}
  body{padding-bottom:72px}
}

/* ---------- доступность ---------- */
html{scroll-padding-top:88px}
@media (max-width:860px){html{scroll-padding-top:72px}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ---------- Первый шаг квиза на странице («Бизнесу», финальный блок) ---------- */
.qs__top{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}
.qs__step{font-size:12.5px;font-weight:var(--fw-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--c-on-dark-70);white-space:nowrap}
.qs__bar{flex:1;max-width:200px;height:4px;border-radius:2px;background:rgba(255,255,255,.16);overflow:hidden}
.qs__bar i{display:block;height:100%;background:var(--c-accent-on-dark)}
.qs__alt{margin-top:var(--s-5);font-size:15px;color:var(--c-on-dark-70)}
.qs__alt a{font-weight:var(--fw-semibold)}
.qs .qs__card h3,.qs .qsb__demo,.qs .qsd__plate h3{color:var(--c-ink)}
.qs .qs__card .qs__step,.qs .qsd__plate .qs__step,.qs .qsb__demo .caps,.qs .qsd__plate .caps,.qs .qsb__demo .small{color:var(--c-ink-70)}
.qs__card .qs__bar,.qsd__plate .qs__bar{background:var(--c-line)}
.qs__card .qs__bar i{background:var(--c-accent)}
/* А — плитки с фото */
.qsa__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-8);align-items:center}
.qs__head h2{max-width:12em}
.qs__head .lead{margin-top:var(--s-4);max-width:26em}
.qs__card{padding:var(--s-6);border-radius:var(--r-card);background:var(--c-surface);color:var(--c-ink)}
.qs__card h3{font-size:22px}
.qsa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3);margin-top:var(--s-4)}
.qsa__it{display:flex;flex-direction:column;padding:0;border:var(--border);border-radius:var(--r-card);background:var(--c-surface);font:inherit;color:var(--c-ink);text-align:left;cursor:pointer;overflow:hidden;transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.qsa__it img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--c-bg);transition:transform var(--t-base)}
.qsa__it>span:last-child{display:block;padding:10px 12px 12px}
.qsa__it b{display:block;font-size:15px;line-height:1.25;transition:color var(--t-fast)}
.qsa__it small{display:block;margin-top:3px;font-size:12.5px;line-height:1.35;color:var(--c-ink-70)}
.qsa__it:hover,.qsa__it.is-on{border-color:var(--c-accent)}
.qsa__it.is-on{box-shadow:0 0 0 1px var(--c-accent)}
.qsa__it:hover b,.qsa__it.is-on b{color:var(--c-accent)}
.qsa__it:hover img{transform:scale(1.04)}
.qsa__it--more{background:var(--c-bg)}
.qsa__ico{display:grid;place-items:center;aspect-ratio:4/3;color:var(--c-accent)}
.qsa__ico .i{width:34px;height:34px}
/* Б — список и пример ответа */
.qsb__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-8);align-items:center}
.qsb__in .lead{margin:var(--s-4) 0 var(--s-6);max-width:30em}
.qsb__in h3{font-size:22px}
.qsb{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s-6);margin-top:var(--s-3);border-top:1px solid rgba(255,255,255,.18)}
.qsb__it{display:grid;grid-template-columns:1fr auto;column-gap:var(--s-3);align-items:center;min-height:70px;padding:12px 4px 12px 0;border:0;border-bottom:1px solid rgba(255,255,255,.18);background:none;font:inherit;color:var(--c-on-dark);text-align:left;cursor:pointer}
.qsb__it b{font-size:17px;font-weight:var(--fw-semibold);line-height:1.25;transition:color var(--t-fast)}
.qsb__it small{grid-row:2;font-size:13.5px;color:var(--c-on-dark-70)}
.qsb__it .i{grid-row:1/3;grid-column:2;color:var(--c-accent-on-dark);opacity:.45;transform:translateX(-6px);transition:opacity var(--t-fast),transform var(--t-fast)}
.qsb__it:hover b,.qsb__it.is-on b{color:var(--c-accent-on-dark)}
.qsb__it:hover .i,.qsb__it.is-on .i{opacity:1;transform:none}
.qsb__demo{padding:var(--s-5);border-radius:var(--r-card);background:var(--c-surface)}
.qsb__msg{margin-top:var(--s-3);padding:var(--s-4);border-radius:14px 14px 14px 4px;background:var(--c-bg);font-size:15px;line-height:1.45}
.qsb__m{display:grid;grid-template-columns:56px 1fr;gap:var(--s-3);align-items:center;margin:var(--s-3) 0;padding:8px;border-radius:var(--r-card);background:var(--c-surface)}
.qsb__m img{width:56px;height:56px;border-radius:var(--r-btn);object-fit:cover;background:var(--c-bg)}
.qsb__m b{display:block;font-size:14.5px;line-height:1.3}
.qsb__m em{font-style:normal;font-size:14.5px;font-weight:var(--fw-bold);color:var(--c-accent)}
.qsb__time{display:block;margin-top:var(--s-2);font-size:12px;color:var(--c-ink-70);text-align:right}
.qsb__demo .small{margin-top:var(--s-3)}
/* В — одна строка-предложение */
.qsc__in{max-width:1040px}
.qs__top--line{margin-bottom:var(--s-5)}
.qsc__h{font-size:clamp(32px,3.6vw,46px);line-height:1.1}
.qsc{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s-5)}
.qsc__chip{min-height:54px;padding:0 24px;border:1.5px solid rgba(255,255,255,.34);border-radius:27px;background:none;font:var(--fw-medium) 21px/1 var(--font);color:var(--c-on-dark);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}
.qsc__chip:hover,.qsc__chip.is-on{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}
.qsc__in .lead{margin-top:var(--s-6);max-width:34em}
.qsc__in .qs__alt{margin-top:var(--s-3)}
/* Г — шильдик-анкета */
.qsd__in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s-8);align-items:center}
.qsd__plate{color:var(--c-ink)}
.qsd__top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);padding-bottom:var(--s-3);border-bottom:1.5px solid var(--c-ink)}
.qsd__plate h3{position:relative;margin-top:var(--s-4);font-size:22px}
.qsd{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s-6);margin-top:var(--s-2)}
.qsd__it{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:13px 0;border:0;border-bottom:var(--border);background:none;font:inherit;color:var(--c-ink);text-align:left;cursor:pointer}
.qsd__box{display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border:1.5px solid var(--c-ink);border-radius:3px;color:var(--c-on-accent);transition:background var(--t-fast),border-color var(--t-fast)}
.qsd__box .i{width:15px;height:15px;stroke-width:2.4;opacity:0;transition:opacity var(--t-fast)}
.qsd__it b{display:block;font-size:16px;font-weight:var(--fw-semibold);line-height:1.3;transition:color var(--t-fast)}
.qsd__it small{display:block;margin-top:1px;font-size:13px;color:var(--c-ink-70)}
.qsd__it:hover .qsd__box{border-color:var(--c-accent);background:var(--c-accent-soft)}
.qsd__it:hover b,.qsd__it.is-on b{color:var(--c-accent)}
.qsd__it.is-on .qsd__box{border-color:var(--c-accent);background:var(--c-accent)}
.qsd__it.is-on .qsd__box .i{opacity:1}
@media (max-width:960px){
  .qsa__in,.qsb__in,.qsd__in{grid-template-columns:1fr;gap:var(--s-6)}
  .qsa{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qs__card{padding:var(--s-4)}
}
@media (max-width:600px){
  .qsb,.qsd{grid-template-columns:1fr}
  .qsc__chip{min-height:46px;padding:0 18px;font-size:17px}
  .qsd__plate{padding:44px 20px 46px}
}
/* А — весь квиз в карточке на странице */
.qsa__in:has(.qz){align-items:start}
.qz{scroll-margin-top:96px}
.qz .q legend{font-size:24px;margin-bottom:var(--s-4)}
.qz .q__hint{margin-top:calc(-1 * var(--s-2))}
.qz .quiz__nav{margin-top:var(--s-5);padding-top:var(--s-4)}
.qz .quiz__nav[hidden]{display:none}
.qz .qs__bar i{transition:width var(--t-base)}
.qs .qz .lead,.qs .qz .small{color:var(--c-ink-70)}
.qs .qz a{color:var(--c-accent)}
.qs .qz .pick{color:var(--c-ink)}
.qs .qz h3{color:var(--c-ink)}
.qz .q--done{padding:var(--s-4) 0 var(--s-2)}
.qsa__it{position:relative}
.qsa__it input{position:absolute;opacity:0;pointer-events:none}
.qsa__it:has(input:checked){border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent)}
.qsa__it:has(input:checked) b{color:var(--c-accent)}
.qsa__it:has(input:focus-visible){box-shadow:var(--focus)}
.qz .qsa{margin-top:0}
@media (max-width:600px){
  .qz .q legend{font-size:21px}
  .qz .q__opts--row{grid-template-columns:1fr 1fr}
}
.pick .price small{display:inline;margin:0;font-size:14px;color:var(--c-ink-70)}
.qz:has([data-q="done"]:not([hidden])) .qs__top{display:none}
/* Какой разъём: каждый торец ведёт в каталог с фильтром. Наведение — А «контакты под током» (29.10) */
.face{display:flex;flex-direction:column;gap:var(--s-3);height:100%;margin:calc(-1 * var(--s-3));padding:var(--s-3);border-radius:var(--r-card);color:inherit;text-decoration:none}
.face b{transition:color var(--t-base)}
.face .rz-o,.face .rz-p{transition:fill var(--t-base),stroke var(--t-base)}
.face:is(:hover,:focus-visible) .rz-p{fill:var(--c-accent);stroke:var(--c-accent)}
.face:is(:hover,:focus-visible) .rz-o{stroke:var(--c-accent)}
.face:is(:hover,:focus-visible) b{color:var(--c-accent)}
.face__go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-style:normal;font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--c-accent);text-underline-offset:4px;text-decoration-thickness:1.5px}
.face:is(:hover,:focus-visible) .face__go{text-decoration:underline}
.face__go .i{transition:transform var(--t-base)}
.face:is(:hover,:focus-visible) .face__go .i{transform:translateX(3px)}
.plug__col{display:flex;flex-direction:column}
.plug__col .faces{margin-bottom:var(--s-6)}
.plug__all{align-self:flex-start;margin-top:auto}
.plug__foot p a{color:var(--c-accent)}
.chip--rz{display:inline-flex;align-items:center;gap:6px}
.chip--rz .i--rz{width:20px;height:20px;flex:none}
@media (prefers-reduced-motion:reduce){.face:is(:hover,:focus-visible) .face__go .i{transform:none}}