/* ============ tokens ============ */
:root{
  --bordo:#7A2637;
  --bordo-deep:#5F1D2B;
  --bordo-ink:#2B0E16;
  --yellow:#FFC907;
  --red:#D62839;
  --red-deep:#B01F2D;
  --red-glow:rgba(214,40,57,.42);
  --ink:#26161B;
  --muted:#6D5C62;
  --line:rgba(38,22,27,.14);
  --line-inv:rgba(255,255,255,.18);
  --rose-lbl:#E8C9D0;
  --gold-soft:rgba(255,201,7,.16);
  --tank-surface:#C08A97;
  --bg:#fff;
  --ease-o:cubic-bezier(.19,1,.22,1);   /* expo-out */
  --ease-q:cubic-bezier(.25,1,.5,1);    /* quart-out */
  --fb:'Golos Text',system-ui,-apple-system,sans-serif;
  --fd:'Sofia Sans Condensed','Golos Text',sans-serif;
  /* display-метрики: подстраиваются под шрифтовую тему */
  --dscale:1;
  --dls:-.005em;
  --dlh1:1.02;
  --dlh2:1.05;
  --dwt:800;
  /* единый вертикальный ритм секций (blik-калибровка): дышит на десктопе, поджимается на мобилке */
  --sy:clamp(80px,8.6vw,132px);
  --sy-sm:clamp(54px,5.6vw,88px);
}
/* ============ цветовые темы (переключаются через [data-theme]) ============ */
/* Индиго — премиальная ночная синева + золото */
html[data-theme="indigo"]{
  --bordo:#2E3EAE; --bordo-deep:#232F8A; --bordo-ink:#12163A;
  --red:#D23732; --red-deep:#B52A26; --red-glow:rgba(210,55,50,.42);
  --ink:#1A1E38; --muted:#60647C; --line:rgba(26,30,56,.14);
  --rose-lbl:#C9CFF4; --bordo-soft:rgba(46,62,174,.08); --off:#F5F6FA;
  --tank-surface:#A3ABE4;
}
/* Изумруд — чистый газ, безопасность */
html[data-theme="emerald"]{
  --bordo:#0F7A54; --bordo-deep:#0A5A3F; --bordo-ink:#07271C;
  --red:#D23732; --red-deep:#B52A26; --red-glow:rgba(210,55,50,.42);
  --ink:#16231D; --muted:#5A6B62; --line:rgba(22,35,29,.14);
  --rose-lbl:#DEF4EA; --bordo-soft:rgba(15,122,84,.08); --off:#F3F7F5;
  --tank-surface:#8FC9B2;
}
/* Аметист — премиальный фиолет */
html[data-theme="amethyst"]{
  --bordo:#6231C8; --bordo-deep:#4C22A2; --bordo-ink:#1E1038;
  --red:#D22F38; --red-deep:#B4232B; --red-glow:rgba(210,47,56,.42);
  --ink:#201931; --muted:#675F7A; --line:rgba(32,25,49,.14);
  --rose-lbl:#D6C9F2; --bordo-soft:rgba(98,49,200,.08); --off:#F6F5FA;
  --tank-surface:#B39ADF;
}
/* Сталь и янтарь — индустриальный характер */
html[data-theme="graphite"]{
  --bordo:#2F5D8C; --bordo-deep:#224564; --bordo-ink:#101B26;
  --yellow:#FFB547; --gold-soft:rgba(255,181,71,.18);
  --red:#C9490A; --red-deep:#A83A05; --red-glow:rgba(201,73,10,.42);
  --ink:#18222B; --muted:#5C6874; --line:rgba(16,27,38,.14);
  --rose-lbl:#CDDCE8; --bordo-soft:rgba(47,93,140,.08); --off:#F4F6F8;
  --tank-surface:#93AFC8;
}
/* Брендовый Айгас — цвета с реального логотипа */
html[data-theme="igas-brand"]{
  --bordo:#146BB8; --bordo-deep:#0E4D84; --bordo-ink:#092136;
  --red:#DF1F25; --red-deep:#BD1D22; --red-glow:rgba(236,36,42,.42);
  --ink:#16242E; --muted:#5B6A73; --line:rgba(22,36,46,.14);
  --rose-lbl:#E3F0FA; --bordo-soft:rgba(20,107,184,.08); --off:#F4F7FA;
  --tank-surface:#8FBBDE;
}
/* ============ шрифтовые темы (переключаются через [data-font]) ============ */
/* Издательский — контрастная антиква + гуманистический гротеск */
html[data-font="editorial"]{
  --fd:'Playfair Display',Georgia,'Times New Roman',serif;
  --fb:'Manrope',system-ui,-apple-system,sans-serif;
  --dscale:.9; --dls:-.01em; --dlh1:1.1; --dlh2:1.12;
}
/* Промышленный — узкий гротеск-дисплей */
html[data-font="industrial"]{
  --fd:'Oswald',system-ui,-apple-system,sans-serif;
  --fb:'Golos Text',system-ui,-apple-system,sans-serif;
  --dscale:.96; --dls:.008em; --dlh1:1.06; --dlh2:1.08; --dwt:700;
}
/* Основательный — крепкая брусковая антиква */
html[data-font="solid"]{
  --fd:'Bitter',Georgia,'Times New Roman',serif;
  --fb:'Golos Text',system-ui,-apple-system,sans-serif;
  --dscale:.9; --dls:-.012em; --dlh1:1.08; --dlh2:1.1;
}
/* Современный — чистый геометрический гротеск */
html[data-font="modern"]{
  --fd:'Onest',system-ui,-apple-system,sans-serif;
  --fb:'Onest',system-ui,-apple-system,sans-serif;
  --dscale:.9; --dls:-.02em; --dlh1:1.06; --dlh2:1.08;
}
/* Люкс — утончённая антиква + гуманистический гротеск */
html[data-font="lux"]{
  --fd:'Cormorant',Georgia,'Times New Roman',serif;
  --fb:'Manrope',system-ui,-apple-system,sans-serif;
  --dscale:.98; --dls:0; --dlh1:1.04; --dlh2:1.06; --dwt:700;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }
body{
  font-family:var(--fb); color:var(--ink); background:var(--bg);
  font-size:16px; line-height:1.7;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a,button,input{touch-action:manipulation}
::selection{background:var(--bordo);color:#fff}
:focus-visible{outline:3px solid var(--bordo);outline-offset:2px;border-radius:4px}
.scene :focus-visible,.statbar :focus-visible{outline-color:var(--yellow)}
.container{max-width:1300px;margin:0 auto;padding:0 clamp(20px,3.4vw,36px)}

/* ============ header ============ */
.hd{
  position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);
  -webkit-backdrop-filter:saturate(1.5) blur(12px);backdrop-filter:saturate(1.5) blur(12px);
  border-bottom:1px solid var(--line);
  transition:box-shadow .3s var(--ease-q);
}
.hd.sc{box-shadow:0 10px 28px -16px rgba(38,22,27,.25)}
.hd-in{display:flex;align-items:center;gap:18px;min-height:96px}
.brand{display:inline-flex;align-items:center;flex:none}
.brand img{width:116px;height:44px;object-fit:contain}
.hd-nav{margin-left:6px}
.hd-nav ul{display:flex;list-style:none;gap:2px}
.hd-nav a{
  display:inline-flex;align-items:center;min-height:44px;padding:0 12px;
  font-size:15px;font-weight:500;color:var(--ink);border-radius:100px;white-space:nowrap;
  transition:color .18s,background-color .18s;
}
.hd-nav a:hover{color:var(--bordo);background:var(--bordo-soft)}
.hd-right{margin-left:auto;display:flex;align-items:center;gap:13px}
.hd-phone{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;
  font-weight:700;font-size:16.5px;letter-spacing:.01em;white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.hd-phone svg{width:17px;height:17px;stroke:var(--bordo);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hd-phone:hover{color:var(--bordo)}
.hd-msg{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;flex:none;transition:transform .18s var(--ease-o),box-shadow .18s}
.hd-msg svg{width:100%;height:100%;fill:#fff;display:block}
.hd-msg:hover{transform:translateY(-1px)}
.hd-msg--tg{background:none;overflow:hidden}
.hd-msg--tg svg{width:100%;height:100%;display:block}
.hd-msg--tg:hover{box-shadow:0 6px 15px -4px rgba(41,169,235,.65)}
.hd-msg--max{background:none;overflow:hidden}
.hd-msg--max svg{width:100%;height:100%;display:block}
.hd-msg--max:hover{box-shadow:0 6px 15px -4px rgba(123,77,255,.55)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:100px;font-weight:600;font-size:16px;line-height:1.2;
  min-height:52px;padding:13px 26px;white-space:nowrap;
  transition:background-color .2s,color .2s,border-color .2s,transform .35s var(--ease-o),box-shadow .35s var(--ease-o);
}
.btn:active{transform:scale(.97)}
.btn svg{width:18px;height:18px;flex:none}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-deep);box-shadow:0 14px 30px -10px var(--red-glow)}
.btn-ghost{border:1.5px solid var(--bordo);color:var(--bordo);min-height:46px;padding:10px 20px;font-size:15px}
.btn-ghost:hover{background:var(--bordo);color:#fff}
.btn-line{border:1.5px solid rgba(255,255,255,.78);color:#fff;background:rgba(30,9,15,.22)}
.btn-line:hover{background:#fff;color:var(--ink);border-color:#fff}
.burger{
  display:none;width:46px;height:46px;border-radius:12px;
  align-items:center;justify-content:center;border:1px solid var(--line);
}
.burger svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round}
/* mobile menu */
.mmenu{
  display:none;position:absolute;left:0;right:0;top:100%;
  background:#fff;border-bottom:1px solid var(--line);
  box-shadow:0 30px 50px -30px rgba(38,22,27,.35);
  padding:8px clamp(18px,3.4vw,32px) 22px;
}
.mmenu.open{display:block}
.js .mmenu.open{animation:mm .35s var(--ease-o)}
@keyframes mm{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mmenu ul{list-style:none}
.mmenu ul a{
  display:flex;align-items:center;min-height:50px;
  font-size:17px;font-weight:600;border-bottom:1px solid var(--line);
}
.mmenu-foot{display:flex;flex-direction:column;gap:14px;padding-top:18px}
.mmenu-foot .hd-phone{font-size:19px}

/* ============ scene ============ */
.scene{position:relative;background:var(--bordo-ink);overflow:hidden;isolation:isolate}
.scene-media{position:absolute;inset:0;z-index:-2}
.scene-media img{
  width:100%;height:100%;object-fit:cover;object-position:55% 46%;
}
.js .scene-media img{transform:scale(1.055);transition:transform 2.2s var(--ease-o)}
.js .scene.in .scene-media img{transform:scale(1)}
.scene-shade{
  position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(to top, rgba(30,9,15,.9) 0%, rgba(30,9,15,.52) 40%, rgba(30,9,15,0) 76%),
    linear-gradient(102deg, rgba(30,9,15,.42) 0%, rgba(30,9,15,0) 52%);
}
.scene .container{
  position:relative;display:flex;align-items:flex-end;
  min-height:clamp(620px,86vh,920px);
  padding-top:132px;padding-bottom:60px;
}
.scene-copy{max-width:720px;color:#fff}
.scene-loc{
  font-size:14.5px;font-weight:500;color:rgba(255,255,255,.88);
  margin-bottom:24px;display:flex;align-items:center;gap:10px;
}
.scene-loc::before{content:'';width:26px;height:2px;background:var(--yellow);border-radius:2px;flex:none}
.scene h1{
  font-family:var(--fd);font-weight:var(--dwt);
  font-size:calc(clamp(2.55rem, 1.7rem + 3vw, 4.15rem) * var(--dscale));
  line-height:var(--dlh1);letter-spacing:var(--dls);
  text-wrap:balance;max-width:19ch;
}
.scene h1 .hl{color:var(--yellow)}
.scene .sub{
  margin-top:28px;font-size:clamp(1.05rem,.98rem + .35vw,1.24rem);
  line-height:1.64;max-width:52ch;color:rgba(255,255,255,.94);
}
.scene .sub .price{font-weight:700;color:#fff}
.scene .sub b{color:#fff}
.chip{
  display:inline-flex;align-items:center;gap:9px;margin-top:28px;
  min-height:40px;padding:8px 16px;border-radius:100px;
  border:1px solid rgba(255,255,255,.4);background:rgba(30,9,15,.34);
  font-size:14.5px;font-weight:500;color:#fff;
}
.chip svg{width:16px;height:16px;stroke:var(--yellow);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
/* «4 часа» badge */
.badge44{
  position:absolute;right:clamp(18px,4vw,56px);bottom:44px;
  background:var(--yellow);color:var(--ink);border-radius:18px;
  padding:16px 22px 14px;box-shadow:0 18px 44px -14px rgba(20,5,10,.5);
}
.badge44 .b1{font-family:var(--fd);font-weight:800;font-size:32px;line-height:1}
.badge44 .b2{font-size:13px;font-weight:600;margin-top:4px}

/* ============ stat band ============ */
.statbar{background:var(--bordo);color:#fff}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{display:flex;align-items:center;gap:15px;padding:34px 30px;min-height:116px}
.stat + .stat{border-left:1px solid var(--line-inv)}
.stat-ic{flex:none;width:24px;height:24px}
.stat-ic svg{width:24px;height:24px;stroke:var(--yellow);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.stat b{
  display:block;font-family:var(--fd);font-weight:800;
  font-size:23px;line-height:1.08;letter-spacing:.012em;
  font-variant-numeric:tabular-nums;
}
.stat .lbl{display:block;font-size:13.5px;line-height:1.42;color:var(--rose-lbl);margin-top:3px}

/* ============ order ribbon ============ */
.lenta-row{
  display:grid;align-items:stretch;
  grid-template-columns:minmax(400px,1.6fr) minmax(210px,1fr) auto minmax(215px,auto);
}
.lz{padding:26px clamp(16px,1.6vw,23px);display:flex;flex-direction:column;gap:13px;justify-content:flex-start}
.lz + .lz{border-left:1px solid var(--line)}
.lz-label{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  font-size:15px;font-weight:600;color:var(--ink);line-height:1.35;
}
.lz-label .val{color:var(--bordo);font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
/* редактируемый остаток газа */
.gauge-edit{display:inline-flex;align-items:baseline;gap:0}
.gauge-input{
  width:2.6em;font:inherit;font-weight:800;font-size:16px;color:var(--bordo);
  text-align:right;background:none;border:none;
  border-bottom:1.6px dashed color-mix(in srgb,var(--bordo) 42%,transparent);
  padding:0 3px 2px;margin:0;font-variant-numeric:tabular-nums;
  -moz-appearance:textfield;appearance:textfield;cursor:text;transition:border-color .15s,background-color .15s;
}
.gauge-input::-webkit-outer-spin-button,.gauge-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.gauge-input:hover{border-bottom-color:var(--bordo)}
.gauge-input:focus{outline:none;border-bottom-style:solid;border-bottom-color:var(--bordo);background:var(--bordo-soft)}
.gauge-sign{font-weight:800;font-size:16px;color:var(--bordo)}
/* volume chips */
.vol-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.vol-chips .vchip:nth-child(5){grid-column:1 / -1}   /* 5-й на всю ширину — без «дырки» в ряду */
.vchip{
  display:flex;align-items:baseline;justify-content:center;gap:4px;
  min-height:48px;padding:12px 8px;border-radius:100px;
  border:1.5px solid var(--line);background:#fff;
  font-size:15px;font-weight:700;color:var(--ink);
  white-space:nowrap;
  transition:border-color .18s,background-color .18s,color .18s,transform .25s var(--ease-o);
}
.vchip .u{font-size:13px;font-weight:500;color:var(--muted)}
.vchip:hover{border-color:var(--bordo);color:var(--bordo)}
.vchip:hover .u{color:var(--bordo)}
.vchip:active{transform:scale(.96)}
.vchip.on{background:var(--bordo);border-color:var(--bordo);color:#fff}
.vchip.on .u{color:rgba(255,255,255,.78)}
/* slider */
.sl-wrap{display:flex;align-items:center;gap:10px}
.sl-thumb-area{position:relative;flex:1;display:flex;align-items:center;min-width:0}
.sl-thumb-area .sl{flex:1}
.sl-bubble{
  position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%);
  background:var(--bordo);color:#fff;font-size:13px;font-weight:800;line-height:1;
  padding:6px 10px;border-radius:9px;white-space:nowrap;font-variant-numeric:tabular-nums;
  box-shadow:0 8px 18px -7px rgba(38,22,27,.55);z-index:5;pointer-events:none;
  opacity:0;transition:opacity .16s var(--ease-q);
}
.sl-bubble::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--bordo)}
.sl-thumb-area:hover .sl-bubble,.sl-thumb-area:focus-within .sl-bubble,.sl-thumb-area.show .sl-bubble{opacity:1}
.sl-end{font-size:14.5px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}
input[type=range].sl{
  --p:30%;
  flex:1;appearance:none;-webkit-appearance:none;height:44px;background:none;min-width:0;
}
input[type=range].sl::-webkit-slider-runnable-track{
  height:6px;border-radius:3px;
  background:linear-gradient(to right,var(--bordo) 0 var(--p),var(--line) var(--p) 100%);
}
input[type=range].sl::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:26px;height:26px;margin-top:-10px;border-radius:50%;
  background:#fff;border:3.5px solid var(--bordo);
  box-shadow:0 2px 8px rgba(38,22,27,.3);cursor:grab;
}
input[type=range].sl::-moz-range-track{
  height:6px;border-radius:3px;
  background:linear-gradient(to right,var(--bordo) 0 var(--p),var(--line) var(--p) 100%);
}
input[type=range].sl::-moz-range-thumb{
  width:19px;height:19px;border-radius:50%;
  background:#fff;border:3.5px solid var(--bordo);
  box-shadow:0 2px 8px rgba(38,22,27,.3);cursor:grab;
}
/* price */
.lz-price{min-width:240px}
.price-big{
  font-family:var(--fd);font-weight:800;color:var(--ink);
  font-size:calc(clamp(2.5rem,2.1rem + 1.1vw,3.15rem) * var(--dscale));line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:.01em;
  display:flex;align-items:baseline;gap:7px;white-space:nowrap;
}
.price-big .rub{font-size:.62em;font-weight:700;color:var(--bordo)}
.price-fix{
  display:flex;align-items:flex-start;gap:8px;
  font-size:12.5px;line-height:1.45;color:var(--muted);max-width:250px;
}
.price-fix svg{width:15px;height:15px;flex:none;margin-top:1px;stroke:var(--bordo);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* cta zone */
.lz-cta{justify-content:center;gap:11px}
.lz-cta .btn{min-height:58px;font-size:17px;padding:15px 30px}
/* плашка-преимущество «Оплата после слива» */
.pay-badge{
  display:flex;align-items:center;gap:12px;
  padding:12px 14px;border-radius:15px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--yellow) 26%,#fff),var(--gold-soft));
  border:1.5px solid color-mix(in srgb,var(--yellow) 62%,transparent);
}
.pay-badge .pay-ic{flex:none;width:36px;height:36px;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px -6px color-mix(in srgb,var(--yellow) 80%,transparent)}
.pay-badge .pay-ic svg{width:19px;height:19px;stroke:var(--bordo-ink);fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.pay-badge .pay-txt{min-width:0;line-height:1.2}
.pay-badge b{display:block;font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.pay-badge em{display:block;font-style:normal;font-size:12px;line-height:1.35;color:var(--ink);opacity:.72;margin-top:3px}

/* ============ tech footer ============ */
.note{
  padding:30px 0 36px;text-align:center;
  font-size:12px;color:var(--muted);
}

/* ============ reveals (classes applied by JS only) ============ */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease-q),transform .7s var(--ease-q)}
.js .rv.in{opacity:1;transform:none}
.js .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.09em;margin-bottom:-.09em}
.js .w .wi{display:inline-block;transform:translateY(114%);transition:transform .95s var(--ease-o) var(--d,0s)}
.js .scene.in .w .wi{transform:none}

/* ============ responsive ============ */
@media (max-width:1180px){
  .lenta-row{grid-template-columns:1.2fr 1fr}
  .lz + .lz{border-left:0}
  .lz-left{border-left:1px solid var(--line) !important}
  .lz-price,.lz-cta{border-top:1px solid var(--line)}
  .lz-cta{border-left:1px solid var(--line) !important}
  .lz-cta .btn{align-self:flex-start}
}
@media (max-width:1080px){
  .hd-nav{display:none}
  .burger{display:inline-flex}
  .hd-right .btn-ghost{display:none}
}
@media (max-width:760px){
  .hd-in{min-height:74px;gap:14px}
  .brand img{width:85px;height:32px}
  .hd-phone .num{display:none}
  .hd-phone{min-width:44px;justify-content:center}
  .hd-phone svg{width:20px;height:20px}
  .hd-msg{width:36px;height:36px}
  .hd-in.hd-in{gap:10px}
  .hd-right{gap:8px}
  /* мобильный герой: медиа целиком сверху, текст с кнопками под ним */
  .scene{display:block}
  .scene-media{position:relative;inset:auto;z-index:0;aspect-ratio:4/3;overflow:hidden;background:var(--bordo-ink)}
  .scene-media img,.scene-vid{object-position:50% 40%}
  .scene-shade{display:none}
  .scene .container{min-height:0;display:block;padding:28px 20px 38px}
  .scene-copy{max-width:none}
  /* плашка «4 часа» — правый нижний угол медиа-кадра (высота кадра = 75vw при 4:3) */
  .badge44{right:14px;bottom:auto;top:calc(75vw - 72px);padding:11px 16px 10px;border-radius:14px}
  .badge44 .b1{font-size:22px}
  .badge44 .b2{font-size:11.5px;margin-top:2px}
  .chip{border-radius:18px}
  .cta-row{margin-top:22px}
  .cta-row .btn{flex:1 1 100%;min-height:54px}
  .stat-row{grid-template-columns:1fr 1fr}
  .stat{padding:16px 14px;min-height:0;gap:11px}
  .stat + .stat{border-left:0}
  .stat:nth-child(2n){border-left:1px solid var(--line-inv)}
  .stat:nth-child(n+3){border-top:1px solid var(--line-inv)}
  .stat b{font-size:19px}
  .stat .lbl{font-size:12.5px}
  .lenta-row{grid-template-columns:1fr}
  .lz{padding:20px 18px}
  .lz + .lz{border-left:0 !important;border-top:1px solid var(--line)}
  .lz-price,.lz-cta{border-top:1px solid var(--line)}
  .lz-cta .btn{align-self:stretch}
  .cta-note{justify-content:center}
}
/* =====================================================================
   FULL PAGE — глава за главой (продолжение языка d5)
   ===================================================================== */
:root{
  --off:#F7F5F6;
  --bordo-soft:rgba(122,38,55,.08);
}
.scene-vid{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:55% 46%;
  opacity:0;transition:opacity .9s var(--ease-q);
}
.scene-vid.playing{opacity:1}

/* ---- section heads ---- */
.sec-label{
  display:flex;align-items:center;gap:10px;
  font-size:14.5px;font-weight:600;color:var(--bordo);margin-bottom:16px;
}
.sec-label::before{content:'';width:26px;height:2px;background:var(--bordo);border-radius:2px;flex:none}
.sec-label.on-dark{color:var(--rose-lbl)}
.sec-label.on-dark::before{background:var(--yellow)}
.h2{
  font-family:var(--fd);font-weight:var(--dwt);
  font-size:calc(clamp(1.9rem,1.3rem + 2.1vw,2.95rem) * var(--dscale));
  line-height:var(--dlh2);letter-spacing:var(--dls);color:var(--ink);
  text-wrap:balance;max-width:26ch;
}
.h2 .hl{color:var(--bordo)}
.h2.on-dark{color:#fff}
.lead{
  margin-top:22px;font-size:clamp(1.02rem,.97rem + .3vw,1.15rem);
  line-height:1.74;color:var(--muted);max-width:60ch;
}
.lead.on-dark{color:var(--rose-lbl)}
.sec-head{margin-bottom:clamp(42px,4.6vw,64px)}
.sec-head .h2{margin-bottom:0}

/* ============ CALC chapter (развитие заказ-ленты) ============ */
.calcsec{background:var(--off);border-bottom:1px solid var(--line);padding:var(--sy) 0}
.calc-card{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;
  overflow:hidden;box-shadow:0 34px 64px -40px rgba(38,22,27,.5);
}
.calc-card::after{
  content:'';position:absolute;inset:0;border:3px solid var(--yellow);border-radius:20px;
  opacity:0;pointer-events:none;transition:opacity .5s var(--ease-q);z-index:4;
}
.calc-card.pulse::after{opacity:1}
.vol-slider-row{margin-top:2px}
/* options row */
.lenta-more{
  display:grid;grid-template-columns:1.1fr .95fr 1.25fr;
  border-top:1px solid var(--line);background:#fff;
}
/* combobox */
.combo{position:relative}
.combo-input{
  width:100%;font:inherit;font-size:16.5px;font-weight:600;color:var(--ink);
  background:#fff;border:1.5px solid var(--line);border-radius:12px;
  padding:14px 48px 14px 16px;min-height:56px;transition:border-color .16s;
}
.combo-input::placeholder{color:var(--muted);font-weight:500}
.combo-input:focus{outline:none;border-color:var(--bordo)}
.combo-ic{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}
.combo-ic svg{width:20px;height:20px;stroke:var(--muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.combo-list{
  position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;display:none;
  background:#fff;border:1px solid var(--line);border-radius:12px;
  box-shadow:0 26px 50px -22px rgba(38,22,27,.45);
  max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:6px;
}
.combo-list.open{display:block}
.combo-opt{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:11px 12px;border-radius:8px;cursor:pointer;
  font-size:15px;font-weight:500;color:var(--ink);
}
.combo-opt:hover,.combo-opt.hl{background:var(--bordo-soft)}
.combo-opt .km{font-size:12.5px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}
.combo-empty{padding:13px 12px;font-size:14px;color:var(--muted)}
/* seg — цена сегодня / фиксация */
.seg{display:flex;gap:4px;background:var(--off);border:1.5px solid var(--line);border-radius:100px;padding:4px}
.seg-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
  min-height:44px;padding:9px 10px;border-radius:100px;
  font-size:13.5px;font-weight:600;color:var(--muted);line-height:1.15;text-align:center;
  transition:background-color .18s,color .18s;
}
.seg-btn svg{width:14px;height:14px;flex:none;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.seg-btn.active{background:var(--bordo);color:#fff}
.seg-btn.fix.active{background:var(--red);color:#fff}
.fix-badge{
  display:none;align-items:flex-start;gap:8px;margin-top:12px;
  font-size:13px;font-weight:600;color:var(--bordo);line-height:1.4;
  background:var(--bordo-soft);border-radius:10px;padding:9px 13px;
}
.fix-badge.show{display:inline-flex}
.js .fix-badge.show{animation:popIn .3s var(--ease-q)}
@keyframes popIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.fix-badge svg{width:15px;height:15px;flex:none;margin-top:1px;stroke:var(--bordo);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* summary — итог заказа (светлая панель уровня + бордовый итог) */
.calc-sum{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-top:1px solid var(--line)}
.sum-left{padding:28px clamp(20px,2.4vw,34px);display:flex;flex-direction:column;gap:16px;justify-content:center}
.gauge-lbl{font-size:13.5px;font-weight:600;color:var(--muted)}
.gauge-lbl b{color:var(--bordo);font-weight:700;font-variant-numeric:tabular-nums}
.fuel-gauge{position:relative;height:52px;border-radius:100px;background:color-mix(in srgb,var(--ink) 9%,transparent)}
.fuel-gauge:focus-within{outline:3px solid var(--bordo);outline-offset:3px;border-radius:100px}
.fuel-fill{
  position:absolute;left:0;top:0;bottom:0;overflow:hidden;
  min-width:max-content;padding-right:17px;
  background:linear-gradient(100deg,var(--bordo-deep) 0%,var(--bordo) 42%,#8f3044 52%,var(--bordo) 62%,var(--bordo-deep) 100%);
  background-size:240% 100%;border-radius:100px;
  display:flex;align-items:center;transition:width .45s var(--ease-q);
  animation:fuelFlow 3s linear infinite;
}
@keyframes fuelFlow{from{background-position:110% 0}to{background-position:-45% 0}}
/* пузырьки газа, поднимающиеся по линии остатка */
.gas-bubbles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:100px}
.gas-bubbles i{
  position:absolute;bottom:-12px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;
  background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.92),rgba(255,255,255,.3) 58%,transparent 72%);
  opacity:0;will-change:transform,opacity;
  animation:gasRise var(--d) linear infinite;animation-delay:var(--delay);
}
@keyframes gasRise{
  0%{transform:translate3d(0,0,0) scale(.5);opacity:0}
  14%{opacity:.95}
  66%{opacity:.7}
  100%{transform:translate3d(6px,-58px,0) scale(1.05);opacity:0}
}
.fuel-txt{position:relative;z-index:2;font-size:15px;font-weight:700;color:#fff;white-space:nowrap;padding-left:18px;text-shadow:0 1px 3px rgba(20,5,10,.35)}
.fuel-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}
.fuel-fill.empty{min-width:0;padding-right:0}
.gauge-ends{display:flex;justify-content:space-between;font-size:14.5px;font-weight:600;color:var(--muted);margin-top:9px}
/* цистерна клиента с живым уровнем */
.tank-illu{position:relative;width:100%;max-width:350px;margin:6px auto 0}
.tank-png{display:block;width:100%;height:auto;mix-blend-mode:multiply;filter:brightness(1.07)}
.tank-liquid{position:absolute;left:14%;right:14.2%;top:33.7%;bottom:36%;border-radius:999px;overflow:hidden;pointer-events:none}
.tl-fill{
  position:absolute;left:0;right:0;bottom:0;height:20%;
  background:linear-gradient(to top,var(--bordo-deep),var(--bordo));
  transition:height .55s var(--ease-q);
}
@media (prefers-reduced-motion:no-preference){.tl-fill{animation:tlSlosh 2.8s ease-in-out infinite}}
@keyframes tlSlosh{0%,100%{transform:skewX(-.8deg)}50%{transform:skewX(.8deg)}}
.tl-surface{position:absolute;left:-14%;right:-14%;top:-8px;height:18px;border-radius:50%;background:var(--tank-surface);opacity:.8}
@media (prefers-reduced-motion:no-preference){.tl-surface{animation:tlWave 2.8s ease-in-out infinite}}
@keyframes tlWave{
  0%  {transform:translateX(-14%) scaleY(1.1)}
  50% {transform:translateX(14%)  scaleY(.65)}
  100%{transform:translateX(-14%) scaleY(1.1)}
}
.sum-rows{display:flex;flex-direction:column;gap:11px;border-top:1px solid var(--line-inv);padding-top:16px;margin-top:6px}
.srow{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-size:15px;color:var(--rose-lbl)}
.srow b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.sum-note{font-size:12.5px;color:var(--rose-lbl)}
.srow--pay b{color:var(--yellow)}
.sum-right{
  padding:28px clamp(20px,2.4vw,34px);background:var(--bordo);color:#fff;
  display:flex;flex-direction:column;justify-content:center;gap:10px;
}
.sum-right :focus-visible{outline-color:var(--yellow)}
.sum-cap{font-size:13.5px;font-weight:600;color:var(--rose-lbl)}
.sum-total{
  font-family:var(--fd);font-weight:800;color:#fff;
  font-size:calc(clamp(2.6rem,2rem + 1.7vw,3.6rem) * var(--dscale));line-height:1;
  letter-spacing:.01em;font-variant-numeric:tabular-nums;
}
.sum-total .apx{color:var(--yellow)}
.sum-right .btn{margin-top:10px}
.sum-disc{font-size:12.5px;line-height:1.5;color:var(--rose-lbl)}
/* lead form (reveal) */
.lead-form{display:none;background:var(--bordo-deep);color:#fff;border-top:1px solid var(--line-inv);padding:30px clamp(20px,2.6vw,36px) 34px}
.lead-form.show{display:block}
.js .lead-form.show{animation:slideDown .4s var(--ease-q)}
@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.lead-form h3{font-family:var(--fd);font-weight:800;font-size:24px;letter-spacing:.01em;margin-bottom:5px}
.lf-sub{font-size:15px;color:var(--rose-lbl);margin-bottom:20px}
.lf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:720px}
.lf-field{display:flex;flex-direction:column;gap:6px}
.lf-field.full{grid-column:1/-1}
.lf-field label{font-size:13px;font-weight:600;color:var(--rose-lbl)}
.lf-field input{
  font:inherit;font-size:16px;color:#fff;background:rgba(255,255,255,.08);
  border:1.5px solid rgba(255,255,255,.26);border-radius:11px;
  padding:12px 15px;min-height:50px;transition:border-color .16s;
}
.lf-field input::placeholder{color:var(--rose-lbl)}
.lf-field input:focus{outline:none;border-color:var(--yellow);background:rgba(255,255,255,.12)}
.lf-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;margin-top:2px;font-size:13px;line-height:1.5;color:var(--rose-lbl);cursor:pointer}
.lf-consent input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--yellow)}
.lf-consent a{color:var(--yellow);text-decoration:underline;text-underline-offset:2px}
.lead-form .btn{margin-top:18px}
.lead-success{display:none;text-align:center;padding:12px 0 6px}
.lead-success.show{display:block}
.js .lead-success.show{animation:popIn .4s var(--ease-q)}
.lead-success .ic{width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.12);margin:0 auto 14px;display:flex;align-items:center;justify-content:center}
.lead-success .ic svg{width:30px;height:30px;stroke:var(--yellow);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lead-success h3{font-family:var(--fd);font-weight:800;font-size:24px;margin-bottom:7px}
.lead-success p{color:var(--rose-lbl);font-size:15.5px;max-width:46ch;margin:0 auto}

/* ============ R6: двухколоночный калькулятор ============ */
/* по умолчанию (мобайл) — вертикальный стек, как было */
.calc-split{display:block}
.calc-controls{display:block}
.cf{padding:22px clamp(16px,2vw,24px);display:flex;flex-direction:column;gap:13px}
.cf + .cf{border-top:1px solid var(--line)}
/* красивая анимированная линия остатка — и на мобайле, и на десктопе */
.rem-gauge{display:flex;flex-direction:column;gap:12px}
.rem-slider{display:none}
.calc-summary{
  background:var(--bordo-ink);color:#fff;
  padding:28px clamp(20px,4vw,32px);
  display:flex;flex-direction:column;justify-content:center;gap:12px;
}
.calc-summary :focus-visible{outline-color:var(--yellow)}
.calc-summary .sum-cap{font-size:13.5px;font-weight:600;color:var(--rose-lbl)}
.calc-summary .sum-total{
  font-family:var(--fd);font-weight:800;color:#fff;
  font-size:calc(clamp(2.7rem,2rem + 2vw,3.8rem) * var(--dscale));line-height:1;
  letter-spacing:.01em;font-variant-numeric:tabular-nums;
}
.calc-summary .sum-total span{color:#fff}
.sum-sub{font-size:14.5px;color:var(--rose-lbl);font-variant-numeric:tabular-nums;margin-top:-3px}
.calc-summary .sum-rows{display:flex;flex-direction:column;gap:11px;border-top:1px solid var(--line-inv);padding-top:16px;margin-top:4px}
.calc-summary .btn{margin-top:4px;align-self:stretch;white-space:normal;line-height:1.3}
.calc-summary .sum-disc{font-size:12.5px;line-height:1.5;color:var(--rose-lbl)}
.calc-consent{display:flex;align-items:flex-start;gap:11px;margin:2px 0;font-size:12.5px;line-height:1.45;color:var(--rose-lbl);cursor:pointer}
.calc-consent input{width:21px;height:21px;flex:none;margin-top:1px;accent-color:var(--yellow);cursor:pointer}
.calc-consent a{color:var(--yellow);text-decoration:underline;text-underline-offset:2px}
.js .calc-consent.shake{animation:ocShake .38s var(--ease-q)}
/* плашка «Оплата после слива» — вариант для тёмной панели */
.pay-badge--dark{
  background:linear-gradient(135deg,color-mix(in srgb,var(--yellow) 24%,var(--bordo-deep)),var(--bordo-deep));
  border:1.5px solid color-mix(in srgb,var(--yellow) 52%,transparent);
}
.pay-badge--dark .pay-ic{background:var(--yellow)}
.pay-badge--dark b{color:#fff}
.pay-badge--dark em{color:var(--rose-lbl);opacity:1}
/* десктоп — две колонки: контролы | тёмный итог */
@media (min-width:761px){
  .calc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(358px,406px);align-items:stretch}
  .calc-controls{display:flex;flex-direction:column;justify-content:center;padding:6px 0}
  .cf{padding:24px clamp(24px,2.8vw,42px)}
  .rem-gauge{display:flex;flex-direction:column;gap:12px}
  .rem-slider{display:none}
  .calc-summary{border-left:1px solid var(--line)}
  .vol-chips{grid-template-columns:repeat(5,1fr)}   /* ровный ряд из 5, как на блике */
  .vol-chips .vchip:nth-child(5){grid-column:auto}   /* на десктопе — обычная ячейка */
  .vchip{padding:13px 6px;font-size:15.5px}
}

/* ============ DELIVERY ============ */
.delivery{padding:var(--sy) 0}
.dgrid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(32px,4.5vw,60px);align-items:center}
.dpoints{display:flex;flex-direction:column;gap:30px;margin-top:42px}
.dpoint{display:flex;gap:16px;align-items:flex-start}
.dic{flex:none;width:52px;height:52px;border-radius:14px;background:var(--bordo-soft);display:flex;align-items:center;justify-content:center}
.dic svg{width:26px;height:26px;stroke:var(--bordo);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dic--img{background:none;overflow:hidden;border-radius:50%;border:1px solid var(--line)}
.dic--img img{width:100%;height:100%;object-fit:cover}
.dpoint h3{font-size:17.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:7px}
.dpoint p{font-size:15px;line-height:1.64;color:var(--muted);max-width:46ch}
.dfig{position:relative}
.dphoto{border-radius:18px;overflow:hidden;aspect-ratio:6/5;box-shadow:0 34px 64px -40px rgba(38,22,27,.55);background:var(--off)}
.dphoto img{width:100%;height:100%;object-fit:cover;object-position:60% 45%}
.dbadge{
  position:absolute;left:22px;bottom:22px;
  background:var(--yellow);color:var(--ink);border-radius:16px;
  padding:15px 20px 13px;box-shadow:0 18px 44px -14px rgba(20,5,10,.45);
}
.dbadge b{display:block;font-family:var(--fd);font-weight:800;font-size:32px;line-height:1}
.dbadge span{display:block;font-size:12.5px;font-weight:600;margin-top:4px;max-width:150px;line-height:1.3}

/* ============ STEPS ============ */
.steps{padding:var(--sy) 0;border-top:1px solid var(--line)}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.6vw,34px);margin-top:50px}
.step{position:relative;padding-top:28px}
.step::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--line)}
.step::after{content:'';position:absolute;top:-3px;left:0;width:38px;height:8px;border-radius:4px;background:var(--bordo)}
.step-n{
  font-family:var(--fd);font-weight:800;font-size:23px;line-height:1;
  color:var(--bordo);letter-spacing:.02em;font-variant-numeric:tabular-nums;
}
.step h3{
  font-family:var(--fd);font-size:clamp(1.15rem,1.05rem + .4vw,1.4rem);font-weight:800;
  letter-spacing:.005em;line-height:1.12;margin:14px 0 11px;
}
.step p{font-size:15px;line-height:1.62;color:var(--muted)}

/* ============ OFFER — документ с бордовой печатью ============ */
.offersec{padding:var(--sy) 0;background:var(--off);border-top:1px solid var(--line)}
.offer{
  max-width:920px;margin:46px auto 0;background:#fff;
  border:1px solid var(--line);border-radius:10px;
  box-shadow:0 44px 90px -50px rgba(38,22,27,.55);
}
.offer-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:22px;
  padding:34px clamp(22px,4vw,46px) 20px;
  border-bottom:2.5px solid var(--ink);position:relative;
}
.offer-head::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--line)}
.oh-logo{height:30px;width:auto}
.oh-meta{text-align:right;flex:none}
.oh-title{font-family:var(--fd);font-weight:800;font-size:19px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.oh-sub{font-size:12px;color:var(--muted);margin-top:5px}
.offer-body{padding:8px clamp(22px,4vw,46px)}
.clause{display:grid;grid-template-columns:62px 1fr;gap:24px;padding:clamp(30px,3.4vw,44px) 0;border-bottom:1px solid var(--line)}
.clause:last-child{border-bottom:none}
.clause-no{
  font-family:var(--fd);font-weight:800;font-size:27px;line-height:1;
  color:var(--bordo);font-variant-numeric:tabular-nums;
}
.clause h3{font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin-bottom:10px}
.clause p{font-size:15.5px;line-height:1.66;color:var(--muted);max-width:58ch}
.clause-money{
  display:inline-flex;align-items:center;gap:7px;margin-top:12px;
  font-size:14px;font-weight:800;color:var(--bordo);letter-spacing:.01em;
}
.clause-money svg{width:17px;height:17px;flex:none;stroke:var(--bordo);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.offer-foot{
  position:relative;display:flex;align-items:flex-end;gap:26px;
  padding:26px clamp(22px,4vw,46px) 42px;border-top:2.5px solid var(--ink);
}
.offer-sign .sig-img{height:56px;width:auto;margin-bottom:9px}
.os-name{font-size:15px;font-weight:700;letter-spacing:-.01em}
.os-role{font-size:13px;color:var(--muted);margin-top:2px}
.oc-divider{width:1.5px;background:var(--line);align-self:stretch;flex:none}
.offer-client{flex:1;min-width:0;margin-right:158px}
.oc-label{font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--muted);margin-bottom:15px}
.oc-fields{display:flex;gap:16px;margin-bottom:16px}
.oc-field{flex:1;position:relative}
.oc-input{
  width:100%;background:none;border:none;border-bottom:2px solid color-mix(in srgb,var(--ink) 28%,transparent);
  padding:6px 0 8px;font:inherit;font-size:15.5px;font-weight:600;color:var(--ink);
  outline:none;min-height:44px;border-radius:0;
}
.oc-input::placeholder{color:var(--muted);font-weight:400;font-size:14px}
.oc-progress{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--bordo);transition:width .3s var(--ease-q);pointer-events:none}
.oc-field:focus-within .oc-progress{width:100%}
.oc-cap{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.06em;margin-top:5px}
.oc-consent{display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;max-width:520px;font-size:12.5px;line-height:1.5;color:var(--muted);cursor:pointer}
.oc-consent input{width:19px;height:19px;flex:none;margin-top:1px;accent-color:var(--bordo);cursor:pointer}
.oc-consent a{color:var(--bordo);text-decoration:underline;text-underline-offset:2px}
.oc-submit{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  min-height:48px;border-radius:100px;background:var(--red);color:#fff;
  font-size:15px;font-weight:600;
  transition:background-color .18s,transform .35s var(--ease-o);
}
.oc-submit:hover{background:var(--red-deep)}
.oc-submit:active{transform:scale(.98)}
.oc-submit svg{width:16px;height:16px;flex:none;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.js .oc-submit.shake{animation:ocShake .38s var(--ease-q)}
@keyframes ocShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.oc-success{display:none}
.oc-success.show{display:block}
.js .oc-success.show{animation:popIn .4s var(--ease-q)}
.oc-signed-name{font-size:27px;font-style:italic;font-weight:700;color:var(--ink);font-family:Georgia,'Times New Roman',serif;letter-spacing:-.01em;line-height:1.1;margin-bottom:5px}
.oc-signed-date{font-size:12px;color:var(--muted);font-weight:600}
.oc-badge{
  display:inline-flex;align-items:center;gap:6px;margin-top:11px;
  background:var(--bordo-soft);color:var(--bordo);border-radius:100px;
  padding:6px 13px;font-size:12.5px;font-weight:700;
}
.oc-badge svg{width:13px;height:13px;flex:none;stroke:var(--bordo);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.offer-stamp{
  position:absolute;right:38px;bottom:30px;width:134px;height:134px;
  color:var(--bordo);opacity:.85;transform:rotate(-8deg);pointer-events:none;
}
.offer-stamp .ost{font-size:11px;font-weight:800;letter-spacing:2px}

/* ============ AUTOPARK — бордовая полоса-глава ============ */
.autopark{background:var(--bordo-deep);color:#fff;padding:var(--sy) 0}
.ap-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(40px,5.5vw,76px);align-items:center}
.ap-media{border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -34px rgba(0,0,0,.6);background:var(--bordo-ink)}
.ap-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2;object-position:50% 58%}
.ap-copy .h2{margin:0 0 14px;color:#fff}
.ap-copy .h2 .hl{color:var(--yellow)}
.ap-feats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.ap-feat{display:flex;gap:13px;align-items:flex-start}
.ap-feat .ic{
  flex:none;width:46px;height:46px;border-radius:12px;
  background:var(--gold-soft);display:flex;align-items:center;justify-content:center;
}
.ap-feat .ic svg{width:23px;height:23px;stroke:var(--yellow);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ap-feat b{display:block;font-size:16px;font-weight:700;margin-bottom:2px}
.ap-feat span{font-size:14px;color:var(--rose-lbl);line-height:1.45}
.autopark .btn-line{margin-top:32px}
.autopark :focus-visible{outline-color:var(--yellow)}

/* ============ HONEST — счётчик ============ */
.honest{padding:var(--sy) 0}
.hgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4.5vw,56px);align-items:center}
.hquote{
  margin-top:16px;font-family:var(--fd);font-weight:700;
  font-size:clamp(1.25rem,1.05rem + .9vw,1.6rem);line-height:1.3;
  letter-spacing:.005em;color:var(--ink);max-width:30ch;
}
.honest-list{list-style:none;display:flex;flex-direction:column;gap:22px;margin-top:36px}
.honest-list li{display:flex;gap:13px;align-items:flex-start;font-size:16.5px;font-weight:500;line-height:1.6}
.honest-list .ic{flex:none;width:28px;height:28px;border-radius:50%;background:var(--bordo-soft);display:flex;align-items:center;justify-content:center;margin-top:1px}
.honest-list .ic svg{width:15px;height:15px;stroke:var(--bordo);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.honest-visual{position:relative;padding-bottom:64px}
.honest-photo{border-radius:18px;overflow:hidden;aspect-ratio:4/3.3;box-shadow:0 34px 64px -40px rgba(38,22,27,.55);background:var(--off)}
.honest-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 60%}
.meter-card{
  position:absolute;left:22px;right:22px;bottom:0;
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:19px 21px;box-shadow:0 30px 56px -30px rgba(38,22,27,.5);
}
.mc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.mc-top .t{font-size:13.5px;font-weight:600;color:var(--muted)}
.mc-live{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--red)}
.mc-live .pulse{width:8px;height:8px;border-radius:50%;background:var(--red)}
@media (prefers-reduced-motion:no-preference){.mc-live .pulse{animation:mpulse 1.6s ease-in-out infinite}}
@keyframes mpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.meter-digits{display:flex;gap:6px;margin-bottom:9px;align-items:stretch}
.meter-digits .d{flex:1;background:var(--bordo-ink);border-radius:8px;height:54px;overflow:hidden;position:relative}
.meter-digits .d.lit{background:var(--yellow)}
.meter-digits .d.dot{
  flex:0 0 14px;background:none;overflow:visible;display:flex;align-items:flex-end;justify-content:center;
  color:var(--ink);font-size:28px;font-weight:700;line-height:1;padding-bottom:8px;
}
.meter-digits .reel{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.34,1.15,.45,1);will-change:transform}
.meter-digits .d.dec .reel{transition-duration:.16s;transition-timing-function:linear}
.meter-digits .reel b{
  height:54px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-family:var(--fd);font-size:29px;font-weight:800;
  font-variant-numeric:tabular-nums;line-height:1;
}
.meter-digits .d.lit .reel b{color:var(--ink)}
.mc-foot{font-size:12.5px;color:var(--muted);text-align:center}

/* ============ TRUST (фото-сцена доверия) ============ */
.trust{padding:0 0 var(--sy)}
.trust-card{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  border-radius:20px;overflow:hidden;background:#fff;
  border:1px solid var(--line);box-shadow:0 34px 64px -40px rgba(38,22,27,.5);
}
.trust-photo{position:relative;min-height:360px}
.trust-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.trust-copy{padding:clamp(28px,3.4vw,46px);display:flex;flex-direction:column;justify-content:center;gap:14px}
.trust-quote{
  font-family:var(--fd);font-weight:800;
  font-size:clamp(1.4rem,1.15rem + 1vw,1.85rem);line-height:1.18;
  letter-spacing:.005em;color:var(--ink);text-wrap:balance;
}
.trust-sub{font-size:16px;line-height:1.6;color:var(--muted)}
.trust-copy .btn{align-self:flex-start;margin-top:8px}

/* ============ TEAM ============ */
.team{padding:var(--sy) 0;background:var(--off);border-top:1px solid var(--line)}
.team-scroll-wrap{position:relative;margin-top:44px}
.team-grid{
  display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:var(--bordo) color-mix(in srgb,var(--ink) 10%,transparent);
}
.team-grid::-webkit-scrollbar{height:8px}
.team-grid::-webkit-scrollbar-track{background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:99px}
.team-grid::-webkit-scrollbar-thumb{background:var(--bordo);border-radius:99px}
.tcard{flex:0 0 206px;scroll-snap-align:start}
.tphoto{border-radius:16px;overflow:hidden;aspect-ratio:756/1253;margin-bottom:13px;background:#fff;box-shadow:0 10px 24px -12px rgba(38,22,27,.35)}
.tphoto img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;transition:transform .6s var(--ease-o)}
.tcard:hover .tphoto img{transform:scale(1.035)}
.tname{font-size:16.5px;font-weight:700;letter-spacing:-.01em}
.trole{font-size:13px;color:var(--muted);margin-top:3px}
.team-scroll-hint{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:13px;color:var(--muted);user-select:none}
.team-scroll-hint svg{flex:none;width:16px;height:16px;opacity:.65}

/* ============ DIRECTOR ============ */
.director{padding:var(--sy) 0}
.dir-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(36px,5vw,72px);align-items:center}
.dir-photo{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3.4;box-shadow:0 34px 64px -40px rgba(38,22,27,.55);background:var(--off)}
.dir-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 24%}
.dir-photo .badge{
  position:absolute;left:16px;bottom:16px;background:#fff;
  border-radius:12px;padding:11px 15px;box-shadow:0 14px 30px -14px rgba(38,22,27,.5);
}
.dir-photo .badge b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em}
.dir-photo .badge span{font-size:12.5px;color:var(--muted)}
.director blockquote{
  font-family:var(--fd);font-weight:800;
  font-size:clamp(1.45rem,1.15rem + 1.2vw,2rem);line-height:1.26;
  letter-spacing:.004em;color:var(--ink);margin:22px 0 30px;text-wrap:balance;
}
.director blockquote .em{color:var(--bordo)}
.body-letter{font-size:16.5px;line-height:1.78;color:var(--muted)}
.body-letter p{margin-bottom:22px}
.sign{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.sign .sig-img{height:64px;width:auto}
.sign .scursive{font-weight:700;font-size:18px;letter-spacing:-.01em;line-height:1.1}
.sign .srole{font-size:14px;color:var(--muted);margin-top:4px}

/* ============ REVIEWS — колонки с линейками, не карточки ============ */
.reviews{padding:var(--sy) 0;background:var(--off);border-top:1px solid var(--line)}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:46px}
.rcol{display:flex;flex-direction:column;gap:15px;padding:6px clamp(20px,2.4vw,34px)}
.rcol:first-child{padding-left:0}
.rcol + .rcol{border-left:1px solid var(--line)}
.rstars{display:flex;gap:3px}
.rstars svg{width:17px;height:17px;fill:#E8A902}
.rtext{font-size:15.5px;line-height:1.62;font-weight:500;color:var(--ink);flex:1}
.rauthor{display:flex;align-items:center;gap:12px}
.ravatar{
  width:44px;height:44px;border-radius:50%;flex:none;
  background:var(--bordo);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fd);font-weight:800;font-size:18px;
}
.rname{font-size:15px;font-weight:700}
.rmeta{font-size:13px;color:var(--muted);margin-top:2px}
.rev-badge{display:inline-flex;align-items:center;gap:9px;margin-top:34px;font-size:14.5px;color:var(--muted)}
.rev-badge svg{width:19px;height:19px;fill:#E8A902;flex:none}
.rev-badge b{color:var(--ink);font-weight:700}

/* ============ STATS — бордовая полоса цифр ============ */
.stats{background:var(--bordo);color:#fff;padding:var(--sy-sm) 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat2{padding:4px clamp(18px,2.4vw,34px)}
.stat2:first-child{padding-left:0}
.stat2 + .stat2{border-left:1px solid var(--line-inv)}
.stat2 .num{
  font-family:var(--fd);font-weight:800;color:#fff;
  font-size:calc(clamp(2.4rem,1.9rem + 1.8vw,3.4rem) * var(--dscale));line-height:1;
  letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap;
}
.stat2 .num .u{color:var(--yellow);font-size:.5em;font-weight:800;margin-left:4px}
.stat2 .lbl{font-size:14.5px;color:var(--rose-lbl);margin-top:10px;line-height:1.4}
.stats-note{display:inline-flex;align-items:flex-start;gap:10px;margin-top:40px;font-size:15px;line-height:1.5;color:var(--rose-lbl)}
.stats-note svg{width:19px;height:19px;flex:none;margin-top:2px;stroke:var(--yellow);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ============ FAQ ============ */
.faq{padding:var(--sy) 0}
.faq-wrap{margin-top:44px;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;
  text-align:left;padding:21px 2px;min-height:64px;
  font-size:17.5px;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--ink);
  transition:color .16s;
}
.faq-q:hover{color:var(--bordo)}
.faq-ic{
  flex:none;width:30px;height:30px;border-radius:50%;background:var(--bordo-soft);
  display:flex;align-items:center;justify-content:center;
  transition:transform .35s var(--ease-q),background-color .2s;
}
.faq-ic svg{width:15px;height:15px;stroke:var(--bordo);fill:none;stroke-width:2.4;stroke-linecap:round}
.faq-item.open .faq-ic{transform:rotate(135deg);background:var(--yellow)}
.faq-item.open .faq-ic svg{stroke:var(--ink)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease-q)}
.faq-a-inner{padding:0 44px 22px 2px;font-size:15.5px;line-height:1.62;color:var(--muted);max-width:70ch}

/* ============ OFFSTRIP — российская компания ============ */
.offstrip{padding:0 0 30px}
.offstrip-inner{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;
  background:var(--bordo-ink);border-radius:18px;padding:27px clamp(22px,3vw,40px);
}
.offitem{display:flex;align-items:center;gap:12px;color:#fff;font-size:15.5px;font-weight:600;line-height:1.3}
.offitem svg{width:23px;height:23px;flex:none;stroke:var(--yellow);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.offitem svg.flag{width:27px;height:18px;border-radius:3px;border:1px solid rgba(255,255,255,.25);stroke:none}
.offitem b{font-weight:700}

/* ============ FINAL CTA ============ */
.finalcta{padding:var(--sy-sm) 0 var(--sy)}
.finalcta-box{
  background:var(--bordo-deep);border-radius:22px;color:#fff;text-align:center;
  padding:clamp(44px,6vw,64px) clamp(24px,5vw,56px);position:relative;overflow:hidden;
}
.finalcta-box::before{
  content:'';position:absolute;top:-70px;right:-70px;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,var(--gold-soft),transparent 70%);
}
.finalcta-box>*{position:relative;z-index:1}
.finalcta-box .h2{margin:0 auto 14px;color:#fff}
.finalcta-box .h2 .hl{color:var(--yellow)}
.fc-sub{font-size:17px;color:var(--rose-lbl);max-width:52ch;margin:0 auto 28px}
.fc-phone{
  display:inline-block;font-family:var(--fd);font-weight:800;color:#fff;
  font-size:calc(clamp(2rem,1.5rem + 2.4vw,3rem) * var(--dscale));line-height:1;letter-spacing:.015em;
  font-variant-numeric:tabular-nums;margin-bottom:10px;
  transition:color .18s;
}
.fc-phone:hover{color:var(--yellow)}
.fc-addr{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;color:var(--rose-lbl);margin-bottom:30px}
.fc-addr svg{width:17px;height:17px;flex:none;stroke:var(--yellow);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fc-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.finalcta :focus-visible{outline-color:var(--yellow)}

/* ============ REGIONS ============ */
.regions{padding:var(--sy-sm) 0 var(--sy)}
.regions-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.region-chips{display:flex;flex-wrap:wrap;gap:8px}
/* кнопка «показать все» — только мобилка (как на блике) */
.regions-more{display:none;margin:20px auto 0;padding:13px 28px;border-radius:100px;border:1.6px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s}
.regions-more:hover{background:var(--ink);color:#fff}
.regions-more:active{transform:scale(.98)}
.rchip{
  display:inline-flex;align-items:center;min-height:34px;padding:7px 14px;
  font-size:13.5px;font-weight:600;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:100px;
  transition:border-color .16s,color .16s,background-color .16s;
}
.rchip:hover{border-color:var(--bordo);color:var(--bordo)}
.rchip--all{background:var(--bordo);border-color:var(--bordo);color:#fff}
.rchip--all:hover{background:var(--bordo-deep);border-color:var(--bordo-deep);color:#fff}

/* ============ VOLSAVE — коллективная заявка, скидка за объём ============ */
.volsave{padding:0 0 8px}
.volsave-box{
  position:relative;overflow:hidden;
  display:flex;align-items:center;gap:clamp(20px,3vw,42px);
  padding:clamp(28px,3.3vw,42px) clamp(26px,3.4vw,50px);
  border-radius:24px;color:#fff;
  background:linear-gradient(118deg,var(--bordo-deep) 0%,var(--bordo) 60%,#8f2f42 100%);
  box-shadow:0 34px 64px -40px rgba(38,22,27,.6);
}
.volsave-box::after{content:'';position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,201,7,.16),transparent 70%);pointer-events:none}
.vs-ic{flex:none;width:clamp(56px,5vw,72px);height:clamp(56px,5vw,72px);border-radius:18px;background:var(--yellow);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px -12px rgba(255,201,7,.6)}
.vs-ic svg{width:clamp(28px,2.6vw,36px);height:auto;stroke:var(--bordo-ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vs-copy{flex:1;min-width:0}
.vs-h{font-family:var(--fd);font-weight:800;font-size:clamp(1.5rem,1.15rem + 1.4vw,2.15rem);line-height:1.13;letter-spacing:.004em;color:#fff;text-wrap:balance}
.vs-h span{color:var(--yellow)}
.vs-sub{margin-top:13px;font-size:clamp(1rem,.96rem + .2vw,1.1rem);line-height:1.6;color:var(--rose-lbl);max-width:66ch}
.vs-btn{flex:none;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:15px 34px;border-radius:100px;background:var(--yellow);color:var(--bordo-ink);font-weight:700;font-size:16px;white-space:nowrap;transition:transform .35s var(--ease-o),box-shadow .25s var(--ease-q),background-color .18s}
.vs-btn:hover{background:#ffd633;box-shadow:0 14px 30px -10px rgba(255,201,7,.55);transform:translateY(-1px)}
.vs-btn:active{transform:scale(.98)}
.volsave :focus-visible{outline:3px solid var(--yellow);outline-offset:3px}

/* ============ FOOTER ============ */
.footer{background:var(--bordo-ink);color:var(--rose-lbl);padding:64px 0 30px}
.footer-grid{
  display:grid;grid-template-columns:1.7fr 1fr 1.25fr;gap:clamp(32px,4vw,56px);
  padding-bottom:clamp(34px,3.6vw,46px);border-bottom:1px solid var(--line-inv);
}
.f-brand .btn-red{margin-bottom:4px}
/* мессенджеры в бренд-колонке */
.f-msg{display:flex;gap:10px;margin-top:20px}
.f-msg .hd-msg{width:44px;height:44px;border-radius:12px}
.hd-msg--wa{background:none;overflow:hidden}
.hd-msg--wa:hover{box-shadow:0 6px 15px -4px rgba(37,211,102,.6)}
/* меню подвала */
.f-nav ul{list-style:none;display:flex;flex-direction:column;gap:2px}
.f-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:15px;font-weight:500;color:#fff;transition:color .16s}
.f-nav a:hover{color:var(--yellow)}
.f-logo{height:40px;width:auto;margin-bottom:20px}
.f-tag{font-size:15.5px;line-height:1.55;max-width:320px;margin-bottom:24px}
.footer h5{font-size:13px;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.55);margin-bottom:16px}
.f-contact{display:flex;flex-direction:column;gap:4px}
.f-contact a,.f-contact span{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:15.5px;font-weight:500;color:#fff}
.f-contact a:hover{color:var(--yellow)}
.f-contact svg{width:17px;height:17px;flex:none;stroke:var(--yellow);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.f-contact .small{font-size:14px;color:var(--rose-lbl);font-weight:400}
.f-cities{display:flex;flex-wrap:wrap;gap:2px 16px}
.f-cities a{display:inline-flex;align-items:center;min-height:44px;font-size:14.5px;color:var(--rose-lbl)}
.f-cities a:hover{color:#fff}
/* полное облако регионов доставки */
.footer-regions{padding:clamp(30px,3.4vw,40px) 0 6px}
.fr-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:22px}
.fr-head h5{margin-bottom:0}
.fr-all{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--yellow);white-space:nowrap}
.fr-all svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease-o)}
.fr-all:hover svg{transform:translateX(3px)}
.f-cities--cloud{display:block;columns:178px;column-gap:26px}
.f-cities--cloud a{display:block;min-height:0;padding:6px 2px 6px 0;font-size:14px;line-height:1.35;break-inside:avoid;color:var(--rose-lbl)}
.f-cities--cloud a:hover{color:#fff}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:14px;font-size:13.5px;color:rgba(255,255,255,.55)}
.footer-bottom a{color:var(--rose-lbl);display:inline-flex;align-items:center;min-height:44px}
.footer-bottom a:hover{color:#fff}
.footer :focus-visible{outline-color:var(--yellow)}

/* ============ MOBILE STICKY PRICE BAR ============ */
.price-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:55;
  background:var(--bordo-ink);color:#fff;
  display:none;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 18px calc(11px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -10px 30px -12px rgba(20,5,10,.6);
  transform:translateY(110%);transition:transform .3s var(--ease-q);
}
.price-bar.show{transform:translateY(0)}
.pb-lbl{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--rose-lbl);line-height:1.2}
.pb-num{font-family:var(--fd);font-weight:800;font-size:25px;line-height:1.1;font-variant-numeric:tabular-nums}
.pb-num .rub{color:var(--yellow);font-size:.72em;margin-left:2px}
.price-bar .btn{min-height:48px;padding:11px 24px;font-size:15px}
@media (min-width:761px){.price-bar{display:none !important}}
@media (max-width:760px){.price-bar{display:flex}}

/* ============ CALLBACK MODAL ============ */
.cb-overlay{
  position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;
  background:rgba(30,9,15,.56);opacity:0;visibility:hidden;
  transition:opacity .25s var(--ease-q),visibility .25s;
}
.cb-overlay.open{opacity:1;visibility:visible}
.cb-card{
  background:#fff;border-radius:20px;padding:40px 34px 34px;width:100%;max-width:430px;position:relative;
  transform:translateY(26px);transition:transform .32s var(--ease-q);
  box-shadow:0 34px 80px -18px rgba(20,5,10,.5);
}
.cb-overlay.open .cb-card{transform:none}
.cb-close{
  position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--muted);
  transition:background-color .18s;
}
.cb-close:hover{background:var(--off)}
.cb-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}
.cb-title{font-family:var(--fd);font-weight:800;font-size:26px;letter-spacing:.01em;margin-bottom:5px}
.cb-sub{font-size:15px;color:var(--muted);margin-bottom:26px}
.cb-fields{display:flex;flex-direction:column;gap:20px;margin-bottom:22px}
.cb-consent{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;font-size:12.5px;line-height:1.5;color:var(--muted);cursor:pointer;text-align:left}
.cb-consent input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--bordo);cursor:pointer}
.cb-consent a{color:var(--bordo);text-decoration:underline;text-underline-offset:2px}
.cb-field{position:relative;border-bottom:1.5px solid color-mix(in srgb,var(--ink) 28%,transparent);padding-bottom:9px;transition:border-color .2s}
.cb-field:focus-within{border-bottom-color:var(--bordo)}
.cb-progress{position:absolute;bottom:-1.5px;left:0;width:0;height:1.5px;background:var(--bordo);transition:width .3s var(--ease-q)}
.cb-field:focus-within .cb-progress{width:100%}
.cb-input{width:100%;border:none;outline:none;font:inherit;font-size:17px;font-weight:500;color:var(--ink);background:none;padding:6px 0 0;min-height:38px}
.cb-input::placeholder{color:var(--muted);font-weight:400}
.cb-cap{font-size:11.5px;color:var(--bordo);font-weight:600;margin-top:4px;letter-spacing:.04em}
.cb-submit{
  width:100%;display:flex;align-items:center;justify-content:center;gap:10px;
  min-height:54px;border-radius:100px;background:var(--red);color:#fff;
  font-size:16px;font-weight:600;padding:14px 24px;
  transition:background-color .18s,transform .35s var(--ease-o);
}
.cb-submit:hover{background:var(--red-deep)}
.cb-submit:active{transform:scale(.98)}
.cb-submit svg{width:17px;height:17px;flex:none;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.js .cb-submit.shake{animation:ocShake .38s var(--ease-q)}
.cb-success{display:none;flex-direction:column;align-items:center;gap:13px;text-align:center;padding:8px 0}
.cb-success.show{display:flex}
.cb-success-ico{width:58px;height:58px;background:var(--bordo-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bordo)}
.cb-success-ico svg{width:26px;height:26px;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none}
.cb-success-title{font-family:var(--fd);font-weight:800;font-size:23px}
.cb-success-text{font-size:15px;color:var(--muted);max-width:300px;line-height:1.55}

/* ============ DYNAMICS — график динамики цен ============ */
.dyn{padding:var(--sy) 0;background:var(--off);border-top:1px solid var(--line)}
.dyn-grid{display:block}
.dyn-copy{max-width:760px}
.dyn-copy .h2{margin-bottom:14px}
.dyn-note{display:flex;gap:13px;align-items:flex-start;margin-top:32px}
.dyn-note .ic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--gold-soft);display:flex;align-items:center;justify-content:center}
.dyn-note .ic svg{width:23px;height:23px;stroke:var(--bordo);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dyn-note b{display:block;font-size:16px;font-weight:700;margin-bottom:2px}
.dyn-note span{font-size:14.5px;color:var(--muted);line-height:1.5}
.dyn-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(22px,2.6vw,34px);box-shadow:0 34px 64px -40px rgba(38,22,27,.5);margin-top:44px}
/* график цен — крупная карточка во всю ширину контейнера (аккуратно, в рамках блока) */
@media (min-width:761px){
  .dyn-card{padding:clamp(30px,3vw,44px) clamp(34px,3.6vw,52px)}
}
.dyn-legend{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:22px}
.dyn-leg{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink)}
.dyn-leg i{width:26px;height:4px;border-radius:2px;flex:none}
.dyn-leg.market i{background:var(--muted)}
.dyn-leg.fix i{background:var(--red)}
.dyn-chart{width:100%;height:auto;display:block;overflow:visible}
.dyn-chart .grid-l{stroke:var(--line);stroke-width:1}
.dyn-chart .axis-t{fill:var(--muted);font-size:12px;font-weight:600;font-family:var(--fb)}
.dyn-chart .mk-area{fill:url(#dynFill);opacity:.9}
.dyn-chart .mk-line{fill:none;stroke:var(--muted);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.dyn-chart .fx-line{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.dyn-chart .fx-lbl{fill:var(--red);font-size:12.5px;font-weight:800;font-family:var(--fd)}
.dyn-chart .mk-lbl{fill:var(--muted);font-size:12.5px;font-weight:800;font-family:var(--fd)}
.js .dyn .mk-line,.js .dyn .fx-line{stroke-dasharray:1600;stroke-dashoffset:1600;transition:stroke-dashoffset 1.7s var(--ease-o)}
.js .dyn.in .mk-line,.js .dyn.in .fx-line{stroke-dashoffset:0}
.js .dyn .mk-area,.js .dyn .fx-lbl,.js .dyn .mk-lbl{opacity:0;transition:opacity .6s var(--ease-q) .9s}
.js .dyn.in .mk-area{opacity:.9}
.js .dyn.in .fx-lbl,.js .dyn.in .mk-lbl{opacity:1}

/* ---- интерактив графика: наведение ---- */
.dyn-chart-wrap{position:relative;touch-action:pan-y}
.dyn-guide{stroke:var(--bordo);stroke-width:1.5;stroke-dasharray:4 4;opacity:0;transition:opacity .15s;pointer-events:none}
.dyn-hd{opacity:0;transition:opacity .15s;pointer-events:none}
.dyn-hd-mk{fill:#fff;stroke:var(--muted);stroke-width:3}
.dyn-hd-fx{fill:#fff;stroke:var(--red);stroke-width:3}
.dyn-chart-wrap.active .dyn-guide,.dyn-chart-wrap.active .dyn-hd{opacity:1}
.dyn-tip{position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 14px));background:var(--bordo-ink);color:#fff;border-radius:12px;padding:10px 13px;min-width:148px;white-space:nowrap;box-shadow:0 18px 40px -18px rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .15s;pointer-events:none;z-index:3}
.dyn-tip.below{transform:translate(-50%,14px)}
.dyn-chart-wrap.active .dyn-tip{opacity:1;visibility:visible}
.dyn-tip-m{font-family:var(--fd);font-weight:800;font-size:14px;margin-bottom:7px}
.dyn-tip-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;margin-top:3px}
.dyn-tip-row span{display:inline-flex;align-items:center;gap:7px;color:var(--rose-lbl)}
.dyn-tip-row i{width:12px;height:3px;border-radius:2px;flex:none}
.dyn-tip-row i.mk{background:#c9b8bd}
.dyn-tip-row i.fx{background:var(--red)}
.dyn-tip-row b{font-weight:700;font-variant-numeric:tabular-nums;color:#fff}
.dyn-tip-save{margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.16);font-size:12.5px;font-weight:800;color:var(--yellow)}

/* ============ LICENSES — документы/лицензии ============ */
.lic{padding:var(--sy) 0;border-top:1px solid var(--line)}
.lic-scroll{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:6px 2px 20px;margin-top:44px;scrollbar-width:thin;scrollbar-color:var(--bordo) color-mix(in srgb,var(--ink) 10%,transparent)}
.lic-scroll::-webkit-scrollbar{height:8px}
.lic-scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:99px}
.lic-scroll::-webkit-scrollbar-thumb{background:var(--bordo);border-radius:99px}
.lic-card{flex:0 0 268px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 18px 40px -26px rgba(38,22,27,.5);transition:transform .5s var(--ease-o),box-shadow .5s var(--ease-o);cursor:pointer}
.lic-card:hover{transform:translateY(-6px);box-shadow:0 34px 60px -30px rgba(38,22,27,.55)}
.lic-doc{position:relative;aspect-ratio:1/1.414;background:linear-gradient(160deg,#fff 0%,var(--off) 100%);padding:22px 20px;display:flex;flex-direction:column}
.lic-doc::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--bordo)}
.lic-doc-top{display:flex;align-items:center;gap:9px;padding-bottom:13px;border-bottom:2px solid var(--ink)}
.lic-doc-top img{height:19px;width:auto;opacity:.9}
.lic-doc-kind{font-family:var(--fd);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.lic-lines{margin-top:15px;display:flex;flex-direction:column;gap:9px;flex:1}
.lic-lines i{display:block;height:7px;border-radius:4px;background:color-mix(in srgb,var(--ink) 9%,transparent)}
.lic-lines i:nth-child(1){width:92%}
.lic-lines i:nth-child(2){width:78%}
.lic-lines i:nth-child(3){width:85%}
.lic-lines i:nth-child(4){width:60%}
.lic-seal{position:absolute;right:16px;bottom:58px;width:74px;height:74px;color:var(--bordo);opacity:.85;transform:rotate(-7deg)}
.lic-no{font-size:12px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums;margin-top:auto}
.lic-meta{padding:15px 17px;border-top:1px solid var(--line)}
.lic-meta b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.lic-meta span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.lic-hint{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:13px;color:var(--muted)}
.lic-hint svg{width:16px;height:16px;opacity:.65;flex:none}

/* ============ NEWS — медиацентр ============ */
.news{padding:var(--sy) 0;background:var(--off);border-top:1px solid var(--line)}
.news-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:44px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.2vw,26px)}
.nart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .5s var(--ease-o),box-shadow .5s var(--ease-o)}
.nart:hover{transform:translateY(-6px);box-shadow:0 34px 60px -34px rgba(38,22,27,.5)}
.nart-top{position:relative;padding:22px 22px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.nart-cat{display:inline-flex;align-items:center;min-height:28px;padding:5px 13px;border-radius:100px;background:var(--bordo-soft);color:var(--bordo);font-size:12px;font-weight:700;letter-spacing:.02em}
.nart-date{font-size:12.5px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}
.nart-body{padding:15px 22px 22px;display:flex;flex-direction:column;flex:1}
.nart h3{font-family:var(--fd);font-weight:800;font-size:20px;letter-spacing:.004em;line-height:1.16;margin-bottom:10px}
.nart p{font-size:14.5px;line-height:1.55;color:var(--muted);flex:1}
.nart-more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:14.5px;font-weight:700;color:var(--bordo)}
.nart-more svg{width:17px;height:17px;stroke:var(--bordo);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease-o)}
.nart:hover .nart-more svg{transform:translateX(4px)}
.nart::before{content:'';height:5px;background:var(--bordo);opacity:0;transition:opacity .3s}
.nart:hover::before{opacity:1}

/* =====================================================================
   PRO-слой: зерно, прогресс, марки-лента, reveal-варианты, hover-физика,
   переключатель оформления (инструмент прототипа)
   ===================================================================== */
/* плёночное зерно поверх всей страницы */
.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.026;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* прогресс чтения */
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:65;background:var(--bordo);transform:scaleX(0);transform-origin:left;pointer-events:none}
/* мягкий зум фото при наведении */
.dphoto img,.honest-photo img,.ap-media img,.trust-photo img,.dir-photo img{transition:transform 1.1s var(--ease-o)}
.dphoto:hover img,.honest-photo:hover img,.ap-media:hover img,.trust-photo:hover img,.dir-photo:hover img{transform:scale(1.035)}
/* парение жёлтого бейджа после появления */
@media (prefers-reduced-motion:no-preference){
  .js .scene.in .badge44{animation:bFloat 6s ease-in-out 2s infinite}
}
@keyframes bFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
/* reveal-варианты: фото — «шторка», списки — каскад, линейка sec-label растёт */
.js .rv-clip{opacity:0;clip-path:inset(6% 0 22% 0);transform:translateY(22px);transition:opacity .8s var(--ease-q),transform .9s var(--ease-o),clip-path 1s var(--ease-o)}
.js .rv-clip.in{opacity:1;clip-path:inset(0 0 0 0);transform:none}
.js .rv-stag>*{opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease-q),transform .65s var(--ease-o)}
.js .rv-stag.in>*{opacity:1;transform:none}
.js .rv-stag.in>*:nth-child(1){transition-delay:.05s}
.js .rv-stag.in>*:nth-child(2){transition-delay:.13s}
.js .rv-stag.in>*:nth-child(3){transition-delay:.21s}
.js .rv-stag.in>*:nth-child(4){transition-delay:.29s}
.js .rv-stag.in>*:nth-child(5){transition-delay:.37s}
.js .rv-stag.in>*:nth-child(6){transition-delay:.45s}
.js .rv-stag.in>*:nth-child(7){transition-delay:.53s}
.js .rv-stag.in>*:nth-child(n+8){transition-delay:.6s}
/* вернуть чипам регионов их hover-переходы после каскадного появления */
.js .rv-stag.in>.rchip{transition:border-color .16s,color .16s,background-color .16s,opacity .65s var(--ease-q),transform .65s var(--ease-o)}
.js .rv .sec-label::before{transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease-o) .2s}
.js .rv.in .sec-label::before{transform:scaleX(1)}
/* марки-лента городов */
.mq{overflow:hidden;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:44px;user-select:none}
.mq--band{margin-bottom:0;background:var(--off)}
.mq-track{display:flex;width:max-content}
.js .mq-track{animation:mqScroll 52s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
.mq-seg{display:flex;align-items:center;white-space:nowrap;font-family:var(--fd);font-weight:800;font-size:clamp(19px,2.3vw,27px);letter-spacing:.03em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 36%,#fff)}
.mq-seg i{width:7px;height:7px;border-radius:50%;background:var(--yellow);margin:0 22px;flex:none}
@keyframes mqScroll{to{transform:translateX(-50%)}}
/* ---- переключатель оформления (прототип-инструмент) ---- */
/* кнопка «наверх» */
.to-top{position:fixed;right:18px;bottom:78px;z-index:79;width:46px;height:46px;border-radius:50%;background:var(--bordo);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 28px -10px rgba(38,22,27,.55);opacity:0;visibility:hidden;transform:translateY(12px) scale(.9);transition:opacity .3s var(--ease-q),transform .3s var(--ease-o),visibility .3s,background-color .18s;cursor:pointer;border:none}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--bordo-deep)}
.to-top:active{transform:scale(.94)}
.to-top svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:760px){.to-top{right:12px;bottom:150px;width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.to-top{transition:opacity .2s,background-color .18s}}
/* плавающие мессенджеры (MAX + Telegram) — слева снизу, всегда видны */
.msg-fab{position:fixed;left:18px;bottom:78px;z-index:78;display:flex;flex-direction:column;gap:10px}
.msg-fab a{width:52px;height:52px;border-radius:50%;overflow:hidden;display:block;box-shadow:0 12px 30px -8px rgba(38,22,27,.6);transition:transform .28s var(--ease-o),box-shadow .28s var(--ease-o)}
.msg-fab a:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 18px 36px -10px rgba(38,22,27,.66)}
.msg-fab a:active{transform:scale(.96)}
.msg-fab svg{width:100%;height:100%;display:block}
@media (max-width:760px){.msg-fab{left:12px;bottom:150px}.msg-fab a{width:48px;height:48px}}
@media (prefers-reduced-motion:reduce){.msg-fab a{transition:box-shadow .2s}}
.theme-fab{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.theme-toggle,.theme-panel{pointer-events:auto}
.theme-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 13px;border-radius:100px;background:#fff;border:1px solid var(--line);box-shadow:0 4px 14px rgba(38,22,27,.16);font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;transition:box-shadow .25s var(--ease-q),transform .25s var(--ease-q)}
.theme-toggle:hover{box-shadow:0 8px 22px rgba(38,22,27,.22);transform:translateY(-1px)}
.theme-toggle svg{width:17px;height:17px;stroke:var(--bordo);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.theme-toggle .swatch{width:11px;height:11px;border-radius:50%;background:var(--bordo);border:1.5px solid rgba(0,0,0,.08);flex:none}
.theme-panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px -24px rgba(38,22,27,.45);padding:16px;width:min(94vw,480px);max-height:min(80vh,640px);overflow-y:auto;overscroll-behavior:contain;transform-origin:bottom right;transform:scale(.92);opacity:0;visibility:hidden;transition:transform .25s var(--ease-q),opacity .25s var(--ease-q),visibility .25s}
.theme-panel.open{transform:scale(1);opacity:1;visibility:visible}
.tp-cols{display:flex;align-items:flex-start;gap:14px}
.tp-col{min-width:0}
.tp-col--color{flex:0 0 216px}
.tp-col--font{flex:1 1 auto;border-left:1px solid var(--line);padding-left:14px}
.tp-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.theme-opt,.font-opt{display:flex;align-items:center;gap:9px;width:100%;border:1.5px solid transparent;border-radius:12px;padding:8px;font-size:13.5px;font-weight:600;color:var(--ink);text-align:left;transition:background-color .16s,border-color .16s}
.theme-opt:hover,.font-opt:hover{background:var(--off)}
.theme-opt.active,.font-opt.active{border-color:var(--bordo);background:var(--bordo-soft)}
.theme-opt .dots{display:flex;gap:3px;flex:none}
.theme-opt .dots i{width:14px;height:14px;border-radius:50%;display:block;border:1.5px solid rgba(0,0,0,.06)}
.theme-opt .nm,.font-opt .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.font-opt .nm{display:flex;flex-direction:column;line-height:1.2}
.font-opt .nm em{font-style:normal;font-size:11px;font-weight:600;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.font-opt .fprev{flex:none;width:34px;height:28px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:var(--ink);background:var(--off);border:1px solid var(--line);border-radius:8px;line-height:1}
.theme-opt .chk,.font-opt .chk{width:15px;height:15px;flex:none;opacity:0;transition:opacity .15s}
.theme-opt .chk svg,.font-opt .chk svg{width:15px;height:15px;stroke:var(--bordo);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.theme-opt.active .chk,.font-opt.active .chk{opacity:1}
/* ---- меню ревизий (версии прототипа, инструмент показа) ---- */
.rev-fab{position:fixed;left:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;align-items:flex-start;gap:10px;pointer-events:none}
.rev-toggle,.rev-panel{pointer-events:auto}
.rev-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 13px;border-radius:100px;background:var(--bordo);border:1px solid var(--bordo);box-shadow:0 4px 14px rgba(38,22,27,.22);font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap;transition:box-shadow .25s var(--ease-q),transform .25s var(--ease-q)}
.rev-toggle:hover{box-shadow:0 8px 22px rgba(38,22,27,.3);transform:translateY(-1px)}
.rev-toggle svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.rev-toggle .rev-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:100px;background:var(--yellow);color:var(--ink);font-size:11px;font-weight:800;flex:none}
.rev-panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px -24px rgba(38,22,27,.45);padding:12px;width:min(94vw,470px);transform-origin:bottom left;transform:scale(.92);opacity:0;visibility:hidden;transition:transform .25s var(--ease-q),opacity .25s var(--ease-q),visibility .25s}
.rev-panel.open{transform:scale(1);opacity:1;visibility:visible}
.rev-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:4px 6px 10px}
.rev-opt{display:flex;align-items:center;gap:11px;width:100%;border:1.5px solid transparent;border-radius:12px;padding:9px 10px;color:var(--ink);transition:background-color .16s,border-color .16s}
a.rev-opt:hover{background:var(--off)}
.rev-opt.active{border-color:var(--bordo);background:var(--bordo-soft);cursor:default}
.rev-n{flex:none;width:34px;height:34px;border-radius:10px;background:var(--off);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:800;font-size:15px;color:var(--bordo)}
.rev-opt.active .rev-n{background:var(--bordo);border-color:var(--bordo);color:#fff}
.rev-nm{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2;font-size:14px;font-weight:700}
.rev-nm em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--muted);margin-top:3px;white-space:normal;line-height:1.35}
.rev-cur{flex:none;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--bordo);background:var(--bordo-soft);border-radius:100px;padding:3px 8px}
@media (max-width:760px){
  .theme-fab{right:12px;bottom:84px}
  .rev-fab{left:12px;bottom:84px}
  .rev-toggle span:not(.rev-badge){display:none}
  .rev-toggle{padding:0 11px}
  .theme-panel{width:min(94vw,352px);padding:13px}
  .tp-cols{gap:10px}
  .tp-col--color{flex:0 0 47%}
  .tp-col--font{padding-left:11px}
  .font-opt .nm em{display:none}
  .font-opt .fprev{width:30px;height:26px;font-size:15px}
  .theme-opt,.font-opt{padding:7px 6px;gap:8px}
  .mq{margin-bottom:30px;padding:15px 0}
  .mq--band{margin-bottom:0}
  .mq-seg i{margin:0 15px}
}

/* =====================================================================
   RESPONSIVE — новые главы
   ===================================================================== */
@media (max-width:1080px){
  .lenta-more{grid-template-columns:1fr 1fr}
  .lm-price{grid-column:1/-1;border-top:1px solid var(--line)}
  .lm-price .lz-label{max-width:520px}
  .dgrid,.hgrid,.dyn-grid{grid-template-columns:1fr;gap:38px}
  .news-grid{grid-template-columns:1fr 1fr}
  .dfig{order:-1}
  .ap-grid{grid-template-columns:1fr;gap:36px}
  .dir-grid{grid-template-columns:1fr;gap:34px;max-width:660px}
  .dir-photo{aspect-ratio:16/10}
  .rev-grid{grid-template-columns:1fr}
  .rcol{padding:22px 0}
  .rcol + .rcol{border-left:0;border-top:1px solid var(--line)}
  .stats-grid{grid-template-columns:1fr 1fr;gap:30px 0}
  .stat2:nth-child(3){border-left:0;padding-left:0}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
}
@media (max-width:760px){
  .calcsec,.delivery,.steps,.offersec,.autopark,.honest,.team,.director,.reviews,.stats,.faq,.finalcta,.dyn,.lic,.news{padding:76px 0}
  .news-grid{grid-template-columns:1fr}
  .news-head{margin-bottom:28px}
  .lic-card{flex-basis:224px}
  .lic-scroll{margin-top:30px}
  .dyn-card{padding:16px 14px 18px}
  /* широкий график на мобайле — горизонтальный свайп */
  .dyn-chart-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
  .dyn-chart{min-width:680px;height:auto}
  .trust{padding:0 0 76px}
  .regions{padding:52px 0 76px}
  .finalcta{padding:48px 0 76px}
  .sec-head{margin-bottom:36px}
  .calcsec{padding-bottom:100px} /* место под sticky-бар */
  /* моб: логичный порядок заказа — Объём → Остаток → Район → Фиксация цены → Кнопка.
     прячем преждевременную кнопку, дубль цены и анимированный газгольдер */
  .lz-price,.lz-cta{display:none}
  .sum-left{display:none}
  .lenta-more{grid-template-columns:1fr}
  .lm-price{border-top:0;background:var(--bordo-soft);border-radius:14px;padding:16px 15px;margin:2px 0 0}
  .calc-sum{grid-template-columns:minmax(0,1fr)}
  .sum-right{min-width:0;border-left:0;border-top:0}
  .sum-right .btn{align-self:stretch;white-space:normal;line-height:1.3}
  .lf-grid{grid-template-columns:1fr}
  .steps-grid{grid-template-columns:repeat(2,1fr);gap:26px 14px;margin-top:32px}
  .step{padding-top:18px}
  .step p{font-size:14px}
  .dphoto{aspect-ratio:4/3.4}
  .dbadge{left:14px;bottom:14px;padding:11px 15px 10px;border-radius:13px}
  .dbadge b{font-size:23px}
  .dbadge span{font-size:11px}
  .offer{margin-top:30px}
  .offer-head{flex-direction:column;align-items:flex-start;gap:14px;padding:26px 20px 18px}
  .oh-meta{text-align:left}
  .offer-body{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .clause{grid-template-columns:1fr;gap:4px;padding:14px 13px;border-bottom:0;
    border:1px solid var(--line);border-radius:14px;align-content:start}
  .clause:last-child{border-bottom:1px solid var(--line)}  /* вернуть нижнюю границу карточке №4 (база убирает её для десктопной колонки) */
  .clause-no{font-size:14px}
  .clause h3{font-family:var(--fd);font-size:15.5px;font-weight:800;letter-spacing:.005em;line-height:1.15;margin-bottom:4px}
  .clause p{font-size:12.5px;line-height:1.45}
  .clause-money{font-size:11.5px;margin-top:8px;gap:5px}
  .clause-money svg{width:14px;height:14px}
  .offer-foot{flex-direction:column;align-items:flex-start;gap:18px;padding:22px 20px 30px}
  .oc-divider{display:none}
  .offer-client{margin-right:0;width:100%}
  .oc-fields{flex-direction:column;gap:14px}
  .offer-stamp{position:static;transform:rotate(-4deg);width:100px;height:100px;align-self:center;margin:8px auto 0}
  .ap-feats{grid-template-columns:1fr;gap:15px}
  .honest-visual{padding-bottom:56px}
  .meter-card{left:12px;right:12px;padding:15px 15px}
  .meter-digits .d{height:46px}
  .meter-digits .reel b{height:46px;font-size:24px}
  .trust-card{grid-template-columns:1fr}
  .trust-photo{min-height:0;aspect-ratio:16/11}
  .tcard{flex-basis:164px}
  .stats-grid{grid-template-columns:1fr 1fr;gap:26px 0}
  .stat2{padding:0 0 0 16px}
  .stat2:nth-child(even){padding-left:20px}
  .stat2:nth-child(odd){border-left:0;padding-left:0}
  .faq-q{font-size:16px;min-height:58px;padding:17px 2px}
  .faq-a-inner{padding-right:6px}
  .offstrip-inner{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 22px}
  .fc-actions .btn{flex:1 1 100%}
  .regions-head{flex-direction:column;align-items:flex-start}
  .regions-head .rchip--all{display:none}   /* на мобилке ведём через кнопку снизу */
  .region-chips{position:relative;max-height:264px;overflow:hidden}
  .region-chips::after{content:"";position:absolute;left:0;right:0;bottom:0;height:88px;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--bg));pointer-events:none;transition:opacity .25s}
  .region-chips.open{max-height:none}
  .region-chips.open::after{opacity:0}
  .regions-more{display:block}
  .volsave-box{flex-direction:column;align-items:flex-start;gap:18px;padding:26px 22px 28px}
  .vs-btn{align-self:stretch}
  .footer-grid{grid-template-columns:1fr;gap:32px;padding-bottom:30px}
  .footer-regions{padding-top:30px}
  .f-cities--cloud{columns:132px;column-gap:16px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}
  .cb-card{padding:34px 22px 26px}
}

/* ============ reduced motion (последним, гасит всё) ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  .js .rv,.js .w .wi{opacity:1;transform:none}
  .js .rv-clip{opacity:1;transform:none;clip-path:none}
  .js .rv-stag>*{opacity:1;transform:none}
  .js .rv .sec-label::before{transform:scaleX(1)}
  .js .scene-media img{transform:none}
  .scene-vid{display:none}
}

/* ==================================================================== *
 *  ВНУТРЕННИЕ СТРАНИЦЫ (регионы/объёмы/новости/контакты/страницы)
 * ==================================================================== */
.h3{font-family:var(--fb);font-weight:700;font-size:clamp(21px,2.4vw,27px);letter-spacing:-.01em;color:var(--ink);line-height:1.18}

/* хлебные крошки */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;margin-bottom:22px}
.crumbs a{color:inherit;opacity:.72;text-decoration:none;transition:opacity .18s}
.crumbs a:hover{opacity:1}
.crumbs-sep{opacity:.4}
.crumbs [aria-current="page"]{opacity:.9}

/* герой страницы */
.page-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(150deg,var(--bordo) 0%,var(--bordo-deep) 58%,var(--bordo-ink) 100%);padding:clamp(38px,6vw,72px) 0 clamp(40px,6vw,66px)}
.page-hero .crumbs{color:var(--rose-lbl)}
.page-hero--photo::before{content:"";position:absolute;inset:0;background-image:var(--hero-img);background-size:cover;background-position:center;opacity:.26}
.page-hero--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(95,29,43,.82),rgba(43,14,22,.88))}
.page-hero>.container{position:relative;z-index:2}
.page-hero__date{font-size:14px;color:var(--rose-lbl);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}
.page-hero__title{font-family:var(--fd);font-weight:800;font-size:clamp(32px,6vw,58px);line-height:1.02;letter-spacing:-.01em;text-wrap:balance;margin:0}
.page-hero__sub{margin:16px 0 0;max-width:62ch;font-size:clamp(16px,1.9vw,19px);line-height:1.6;color:rgba(255,255,255,.9)}
.page-hero__badge{display:inline-block;margin-top:22px;padding:9px 18px;border-radius:100px;background:var(--gold-soft);border:1px solid rgba(255,201,7,.5);color:var(--yellow);font-weight:700;font-size:14.5px}
.page-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.page-hero .btn-line{border-color:rgba(255,255,255,.5);color:#fff}
.page-hero .btn-line:hover{background:rgba(255,255,255,.12);border-color:#fff}

/* тело страницы */
.page-body{padding:clamp(48px,7vw,84px) 0}
.page-empty{color:var(--muted);font-size:17px;padding:20px 0}
.page-back{margin-top:34px}
.search-pager{margin-top:36px}
.search-pager .page-numbers{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;padding:0 12px;margin:0 3px;border-radius:12px;border:1.5px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600}
.search-pager .page-numbers.current{background:var(--bordo);border-color:var(--bordo);color:#fff}

/* проза (the_content) */
.prose{max-width:768px;font-size:17.5px;line-height:1.72;color:var(--ink)}
.prose>*+*{margin-top:1.15em}
.prose h2{font-family:var(--fd);font-weight:800;font-size:clamp(25px,3.4vw,36px);letter-spacing:-.01em;line-height:1.12;margin-top:1.7em;color:var(--bordo)}
.prose h3{font-weight:700;font-size:clamp(20px,2.4vw,25px);margin-top:1.5em;color:var(--ink)}
.prose p{margin-top:1em}
.prose a{color:var(--bordo);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--bordo-deep)}
.prose ul,.prose ol{margin-top:1em;padding-left:1.35em}
.prose li{margin-top:.5em}
.prose ul li{list-style:none;position:relative;padding-left:6px}
.prose ul li::before{content:"";position:absolute;left:-16px;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--yellow)}
.prose ol li{list-style:decimal}
.prose img{max-width:100%;height:auto;border-radius:16px;margin:1.4em 0}
.prose blockquote{margin:1.4em 0;padding:16px 22px;background:var(--off);border-radius:14px;color:var(--ink);font-style:normal}
.prose table{width:100%;border-collapse:collapse;font-size:16px}
.prose th,.prose td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
.prose th{background:var(--off);font-weight:700}
.prose strong{font-weight:700}

/* сетка карточек регионов/объёмов */
.region-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.rcard{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;border:1.5px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .3s var(--ease-o),border-color .18s,box-shadow .3s var(--ease-o)}
.rcard:hover{transform:translateY(-4px);border-color:var(--bordo);box-shadow:0 18px 40px -22px rgba(95,29,43,.5)}
.rcard__img{display:block;aspect-ratio:16/10;background:linear-gradient(140deg,var(--bordo),var(--bordo-ink));background-size:cover;background-position:center}
.rcard__name{padding:15px 18px;font-weight:700;font-size:17px}
/* «доставка в другие регионы» — горизонтальная лента */
.other-regions{padding:0 0 clamp(40px,6vw,72px)}
/* компактные чипы «другие регионы» на страницах городов (как на главной, но реальные ссылки) */
.reg-chips-flat{display:flex;flex-wrap:wrap;gap:8px}
.other-regions__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch}
.other-regions__row .rcard{scroll-snap-align:start}
/* ---- типографические карточки городов (без фото): /regions/ и «другие регионы» ---- */
.rcard--city{position:relative;padding:20px;min-height:150px;justify-content:space-between;gap:24px}
.rcard--city::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--bordo);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-o)}
.rcard--city:hover::before{transform:scaleX(1)}
.rcard--city .rcard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.rcard--city .rcard__mono{font-family:var(--fd);font-weight:800;font-size:38px;line-height:.86;color:var(--bordo);letter-spacing:-.02em}
.rcard--city .rcard__arrow{flex:none;width:30px;height:30px;border-radius:50%;background:var(--bordo-soft);display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .3s var(--ease-o)}
.rcard--city .rcard__arrow svg{width:15px;height:15px;stroke:var(--bordo);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}
.rcard--city:hover .rcard__arrow{background:var(--bordo);transform:translateX(2px)}
.rcard--city:hover .rcard__arrow svg{stroke:#fff}
.rcard--city .rcard__body{display:block}
.rcard--city .rcard__name{display:block;padding:0;font-family:var(--fd);font-weight:800;font-size:19.5px;line-height:1.12;letter-spacing:.005em;color:var(--ink)}
.rcard--city .rcard__tag{display:block;margin-top:5px;font-size:12.5px;color:var(--muted);font-weight:500}
.rcard[hidden]{display:none}
/* алфавит-фильтр городов */
.reg-alpha{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}
.reg-alpha__b{min-width:42px;min-height:42px;padding:6px 13px;border-radius:100px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:border-color .16s,background-color .16s,color .16s,transform .25s var(--ease-o)}
.reg-alpha__b:hover{border-color:var(--bordo);color:var(--bordo)}
.reg-alpha__b:active{transform:scale(.96)}
.reg-alpha__b.is-active{background:var(--bordo);border-color:var(--bordo);color:#fff}
@media (max-width:760px){
  .rcard--city{min-height:126px;padding:16px;gap:16px}
  .rcard--city .rcard__mono{font-size:31px}
  .rcard--city .rcard__name{font-size:17.5px}
  .reg-alpha{gap:6px;margin-bottom:22px}
  .reg-alpha__b{min-width:38px;min-height:38px;font-size:14px;padding:5px 10px}
}

/* новости */
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.ncard{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;border:1.5px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .3s var(--ease-o),border-color .18s,box-shadow .3s var(--ease-o)}
.ncard:hover{transform:translateY(-4px);border-color:var(--bordo);box-shadow:0 18px 40px -22px rgba(95,29,43,.5)}
.ncard__img{aspect-ratio:16/9;background:linear-gradient(140deg,var(--bordo),var(--bordo-ink));background-size:cover;background-position:center}
.ncard__body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px}
.ncard__date{font-size:13.5px;color:var(--bordo);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.ncard__title{font-weight:700;font-size:18px;line-height:1.3}

/* контакты */
.contacts-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:38px;align-items:start}
.contacts-list{list-style:none;margin:22px 0 24px;padding:0;display:flex;flex-direction:column;gap:16px}
.contacts-list li{display:flex;gap:13px;align-items:flex-start;font-size:17px;line-height:1.5}
.contacts-list a{color:var(--ink);text-decoration:none}
.contacts-list a:hover{color:var(--bordo)}
.ci-ic{flex:0 0 auto;width:24px;height:24px;color:var(--bordo)}
.ci-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contacts-msg{display:flex;gap:10px;margin-bottom:24px}
.contacts-msg .hd-msg{width:44px;height:44px}
.contacts-map{border-radius:20px;overflow:hidden;min-height:360px;border:1.5px solid var(--line)}
.contacts-map iframe,.contacts-map ymaps,.contacts-map>*{width:100%!important;min-height:360px;border:0}
.contacts-map__ph{display:flex;align-items:center;justify-content:center;min-height:360px;background:var(--off);color:var(--muted);font-size:16px}

@media (max-width:760px){
  .contacts-grid{grid-template-columns:1fr;gap:26px}
  .contacts-map{min-height:280px}
  .region-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
  .prose{font-size:16.5px}
  .page-hero__cta .btn{flex:1 1 100%}
}