/* webmilana.com v2 — дизайн-система «как Apple»: крупная плотная типографика, bento-плитки, ритм фонов белый / #f5f5f7 / чёрный,
   движение только transform/opacity, одна синяя кнопка на экран. Светлая тема по умолчанию, тёмная — html[data-site-theme="dark"].
   Без color-mix, :has, @layer (старые WebView мессенджеров). */

/* ---------------------------------------------------------------- шрифт: Inter (своё подмножество), на Apple — SF */
@font-face{font-family:"InterW";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin.woff2?v=c9407645) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"InterW";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-cyrillic.woff2?v=aebf2ab4) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"InterW";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-cyrext.woff2?v=fccca918) format("woff2");
  unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"InterW Fallback";src:local("Arial"),local("ArialMT");size-adjust:107%;ascent-override:90.5%;descent-override:22.5%;line-gap-override:0%}
@font-face{font-family:"InterW Roboto";src:local("Roboto"),local("Roboto-Regular");size-adjust:104%;ascent-override:93%;descent-override:23%;line-gap-override:0%}

/* ---------------------------------------------------------------- токены */
:root{
  color-scheme:light;
  --bg:#ffffff; --bg-alt:#f5f5f7; --bg-elev:#ffffff; --fill:#e8e8ed; --fill-2:#f0f0f3;
  --ink:#000000; --ink-2:#1d1d1f; --ink-3:#2c2c2e;
  --fg:#1d1d1f; --fg-2:#424245; --muted:#6e6e73; --muted-2:#86868b; --on-ink:#f5f5f7; --on-ink-2:#a1a1a6;
  --line:#d2d2d7; --hair:rgba(0,0,0,.08);
  --accent:#0071e3; --accent-hover:#0077ed; --accent-press:#006edb; --accent-fg:#ffffff; --accent-text:#0066cc; --link:#0066cc; --link-on-ink:#2997ff; --accent-soft:#e8f1fc;
  --ok:#1e7a35; --ok-fill:#248a3d; --err:#d70015; --warn:#b25000; --wa:#0b7a6f; --wa-hover:#0a6a60; --wa-icon:#128c7e; --tg:#229ed9;
  --photo-a:#eceeef; --photo-b:#eceeef;
  --b-byd-a:#e6eefc; --b-byd-b:#f4f7fd; --b-byd-i:#1f3f8f;
  --b-leap-a:#e3f3ec; --b-leap-b:#f3faf6; --b-leap-i:#13603f;
  --b-li-a:#ece9fb; --b-li-b:#f6f5fd; --b-li-i:#4b3aa6;
  --b-kia-a:#e9e9ee; --b-kia-b:#f6f6f8; --b-kia-i:#1d1d1f;
  --b-bmw-a:#e2eef9; --b-bmw-b:#f3f7fc; --b-bmw-i:#0b4f8a;
  --b-def-a:#ececf0; --b-def-b:#f7f7f9; --b-def-i:#1d1d1f;
  --glass:rgba(255,255,255,.72); --glass-line:rgba(0,0,0,.08);
  --inp-bg:#ffffff; --inp-line:#d2d2d7;
  --chip:#ffffff;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","InterW","InterW Fallback","InterW Roboto","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  /* px по умолчанию — для WebView без clamp()/max() (Chrome < 79, iOS < 13.4); плавные значения ниже в @supports */
  --t-hero:44px; --t-h1:40px; --t-h2:32px; --t-stat:48px; --t-h3:24px; --t-h4:19px; --t-lead:19px; --t-eyebrow:17px;
  --gut:20px; --sec-y:72px; --sec-y-tight:40px; --head-gap:32px; --grid-gap:12px; --tile-pad:24px;
  --r-xs:8px; --r-s:14px; --r-m:20px; --r-l:24px; --r-pill:999px;
  --sh-hover:0 2px 8px rgba(0,0,0,.04),0 16px 40px -12px rgba(0,0,0,.16);
  --sh-float:0 1px 2px rgba(0,0,0,.06),0 10px 30px -6px rgba(0,0,0,.20);
    --e-out:cubic-bezier(.22,1,.36,1); --e-inout:cubic-bezier(.65,0,.35,1); --e-spring:cubic-bezier(.34,1.56,.64,1); --e-std:cubic-bezier(.25,.1,.25,1);
  --d-press:120ms; --d-fast:200ms; --d-med:320ms; --d-slow:600ms; --d-reveal:600ms;
  --stagger:60ms; --rv-y:16px; --nav-h:52px;
}
:root[lang="tg"]{--t-hero:40px;--t-h2:30px}
@supports (width:clamp(1px,2px,3px)){
  :root{
    --t-hero:clamp(44px, 4.19vw + 27.6px, 88px);
    --t-h1:clamp(40px, 2.29vw + 31px, 64px);
    --t-h2:clamp(32px, 2.29vw + 23px, 56px);
    --t-stat:clamp(48px, 3.81vw + 33px, 88px);
    --t-h3:clamp(24px, .76vw + 21px, 32px);
    --t-h4:clamp(19px, .29vw + 18px, 22px);
    --t-lead:clamp(19px, .48vw + 17px, 24px);
    --t-eyebrow:clamp(17px, .19vw + 16px, 19px);
    --gut:max(20px, env(safe-area-inset-left, 0px));
    --sec-y:clamp(72px, 7.62vw + 42px, 152px);
    --sec-y-tight:clamp(40px, 3.81vw + 25px, 80px);
    --head-gap:clamp(32px, 2.29vw + 23px, 56px);
    --grid-gap:clamp(12px, .76vw + 9px, 20px);
    --tile-pad:clamp(24px, 1.52vw + 18px, 40px);
    --r-m:clamp(20px, .76vw + 17px, 28px); --r-l:clamp(24px, 1.52vw + 18px, 36px);
  }
  :root[lang="tg"]{--t-hero:clamp(40px, 3.6vw + 26px, 76px);--t-h2:clamp(30px, 2vw + 22px, 50px)}
}
:root[data-site-theme="dark"]{
  color-scheme:dark;
  --bg:#000000; --bg-alt:#161617; --bg-elev:#1d1d1f; --fill:#2c2c2e; --fill-2:#3a3a3c;
  --ink:#000000; --ink-2:#1d1d1f; --ink-3:#2c2c2e;
  --fg:#f5f5f7; --fg-2:#d2d2d7; --muted:#a1a1a6; --muted-2:#86868b;
  --line:#424245; --hair:rgba(255,255,255,.1);
  --accent:#0071e3; --accent-hover:#0077ed; --accent-press:#0066cc; --accent-text:#2997ff; --link:#2997ff; --accent-soft:rgba(41,151,255,.16);
  --ok:#30d158; --ok-fill:#248a3d; --err:#ff453a; --warn:#ff9f0a; --wa:#0b7a6f; --wa-hover:#0d8a7d; --wa-icon:#25d366;
  --b-byd-a:#141c2e; --b-byd-b:#0d121d; --b-byd-i:#a9c1ff;
  --b-leap-a:#10221a; --b-leap-b:#0b1611; --b-leap-i:#7fd8ad;
  --b-li-a:#1b172f; --b-li-b:#110f1e; --b-li-i:#c3b8ff;
  --b-kia-a:#1d1d1f; --b-kia-b:#141415; --b-kia-i:#f5f5f7;
  --b-bmw-a:#0f1b29; --b-bmw-b:#0a121c; --b-bmw-i:#9fcbf5;
  --b-def-a:#1d1d1f; --b-def-b:#141415; --b-def-i:#f5f5f7;
  --glass:rgba(22,22,23,.72); --glass-line:rgba(255,255,255,.1);
  --inp-bg:#2c2c2e; --inp-line:#424245; --chip:#2c2c2e;
  --sh-hover:0 0 0 1px rgba(255,255,255,.08),0 20px 50px -20px rgba(0,0,0,.8);
  --sh-float:0 0 0 1px rgba(255,255,255,.08),0 20px 50px -20px rgba(0,0,0,.8);
}
@media (min-width:768px){:root{--gut:32px}}
@media (min-width:960px){:root{--nav-h:48px}}
@media (min-width:1200px){:root{--gut:40px}}

/* ---------------------------------------------------------------- база */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.47 var(--font);letter-spacing:-.012em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{max-width:100%;display:block}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
a,button{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;letter-spacing:inherit}
input{font:inherit;letter-spacing:inherit}
p,h1,h2,h3,h4,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3,h4{font-weight:600;text-wrap:balance}
p{text-wrap:pretty}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:10px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.muted{color:var(--muted)}
.small{font-size:15px;line-height:1.4}
.center{text-align:center}
sup{font-size:.62em;line-height:0;vertical-align:.55em;margin-left:1px;color:var(--muted);font-weight:500}

/* ---------------------------------------------------------------- раскладка */
.wrap{width:100%;max-width:calc(1120px + 2*var(--gut));margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.wrap.text{max-width:calc(760px + 2*var(--gut))}
.sec{padding-top:var(--sec-y);padding-bottom:var(--sec-y);background:var(--bg)}
.sec.alt{background:var(--bg-alt)}
.sec.ink{background:var(--ink);color:var(--on-ink)}
.sec.tight-top{padding-top:var(--sec-y-tight)}
.sec.page-top{padding-bottom:0;padding-top:40px;padding-top:clamp(40px,3.81vw + 25px,80px)}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin-bottom:var(--head-gap)}
.sec-h>div{max-width:760px}
.sec-h.center{justify-content:center;text-align:center}
.sec-h.center>div{margin-left:auto;margin-right:auto}
.sec-h h2{font-size:var(--t-h2);line-height:1.08;letter-spacing:-.025em}
.sec-h h1{font-size:var(--t-hero);line-height:1.04;letter-spacing:-.03em}
.sec-h .lead{margin-top:16px}
.sec-h .more{font-size:17px;flex:none}
.eb{display:block;font-size:var(--t-eyebrow);line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--accent-text);margin-bottom:12px}
.sec.ink .eb{color:var(--link-on-ink)}
.lead{font-size:var(--t-lead);line-height:1.38;letter-spacing:-.012em;color:var(--fg-2)}
.sec.ink .lead{color:var(--on-ink-2)}
.sub-h{font-size:var(--t-h3);letter-spacing:-.02em;line-height:1.15;margin:var(--sec-y-tight) 0 24px}
.after{margin-top:28px}
.honest{margin-top:28px;font-size:15px;color:var(--muted);max-width:640px}

/* bento */
.bento{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(2,minmax(0,1fr))}
.bento>*{grid-column:span 2}
.bento>.c-1{grid-column:span 1}
@media (min-width:768px){
  .bento{grid-template-columns:repeat(6,minmax(0,1fr))}
  .bento>*{grid-column:span 6}
  .bento>.m-2{grid-column:span 2}.bento>.m-3{grid-column:span 3}.bento>.m-6{grid-column:span 6}
}
@media (min-width:1068px){
  .bento{grid-template-columns:repeat(12,minmax(0,1fr))}
  .bento>.d-3{grid-column:span 3}.bento>.d-4{grid-column:span 4}.bento>.d-6{grid-column:span 6}.bento>.d-8{grid-column:span 8}.bento>.d-12{grid-column:span 12}
}
.tile{position:relative;overflow:hidden;border-radius:var(--r-m);background:var(--bg-alt);padding:var(--tile-pad);min-width:0;display:flex;flex-direction:column;isolation:isolate}
.sec.alt .tile{background:var(--bg-elev)}
.sec.ink .tile{background:var(--ink-2);color:var(--on-ink)}
:root[data-site-theme="dark"] .sec.ink .tile{background:var(--ink-2)}
.tile h3{font-size:var(--t-h4);line-height:1.2;letter-spacing:-.015em}
.tile p{margin-top:8px;color:var(--muted);font-size:17px;line-height:1.45}
.sec.ink .tile p{color:var(--on-ink-2)}
.tile.kv p{color:var(--fg-2)}
.tile.kv .more{display:inline-flex}

/* ---------------------------------------------------------------- кнопки */
.btn{--h:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 24px;border-radius:var(--r-pill);
  background:var(--accent);color:var(--accent-fg);font:500 17px/1 var(--font);letter-spacing:-.012em;white-space:nowrap;text-align:center;
  touch-action:manipulation;user-select:none;-webkit-user-select:none;
  transition:background-color var(--d-fast) var(--e-std),color var(--d-fast) var(--e-std),transform 200ms var(--e-out)}
.btn svg{width:20px;height:20px;flex:none}
.nofg .btn svg{margin-right:8px}
@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--accent-hover)}}
.btn:active{transform:scale(.97);transition-duration:var(--d-press);transition-timing-function:var(--e-std);background:var(--accent-press)}
.btn.lg{--h:56px;padding:0 32px;font-size:18px}
.btn.sm{--h:36px;padding:0 18px;font-size:15px}
.btn.sm svg{width:18px;height:18px}
.btn.block{width:100%}
.btn.ghost{background:transparent;color:var(--link);box-shadow:inset 0 0 0 1.5px currentColor}
@media (hover:hover) and (pointer:fine){.btn.ghost:hover{background:var(--accent-soft)}}
.btn.ghost:active{background:var(--accent-soft)}
.sec.ink .btn.ghost{background:#f5f5f7;color:#1d1d1f;box-shadow:none}
.btn.white{background:#fff;color:#0066cc}
@media (hover:hover) and (pointer:fine){.btn.white:hover{background:#f0f6ff}}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.btn-row{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:32px}
.nofg .btn-row>*{margin:6px 10px}
.btn-row.center{justify-content:center}
.more{display:inline-flex;align-items:center;gap:4px;color:var(--link);font-weight:400;padding:6px 0;position:relative;white-space:nowrap}
.sec.ink .more{color:var(--link-on-ink)}
.more svg{width:.72em;height:.72em;transition:transform var(--d-fast) var(--e-out)}
.more::after{content:"";position:absolute;left:0;right:1em;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--d-med) var(--e-out)}
@media (hover:hover) and (pointer:fine){.more:hover svg{transform:translateX(3px)}.more:hover::after{transform:scaleX(1)}}
.more:active{opacity:.6}

/* ---------------------------------------------------------------- шапка */
.nav-sentinel{position:absolute;top:0;left:0;height:1px;width:1px}
/* стекло — на ::before: backdrop-filter на самой .nav сделал бы её контейнером для fixed-меню (меню высотой 56 px) */
.nav{position:sticky;top:0;z-index:40;height:var(--nav-h);transition:box-shadow var(--d-fast) var(--e-std)}
.nav::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);transition:background-color 240ms var(--e-out)}
.nav.open::before{background:var(--bg)}
@media (min-width:960px){.nav::before{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}
.nav.is-stuck{box-shadow:0 1px 0 var(--glass-line)}
.nav-in{height:100%;display:flex;align-items:center;gap:20px}
.brand{font-size:17px;font-weight:600;letter-spacing:.01em;white-space:nowrap;margin-right:auto}
.brand small{font-size:inherit;font-weight:inherit;letter-spacing:inherit;margin-left:2px}
@media (max-width:1099px){.brand .b-full{display:none}}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{font-size:14px;line-height:1;letter-spacing:-.005em;opacity:.8;transition:opacity var(--d-fast) var(--e-std);white-space:nowrap}
.nav-links a[aria-current]{opacity:1;font-weight:600}
@media (hover:hover) and (pointer:fine){.nav-links a:hover{opacity:1}}
.nav-tels{display:flex;flex-direction:column;gap:3px}
.nav-links .nav-tel{display:flex;align-items:baseline;gap:6px;font-size:13px;font-variant-numeric:tabular-nums}
.nav-tel b{font-weight:500}
.nav-tel small{font-size:11px;color:var(--muted);letter-spacing:0}
.nav-hrs{display:none}
.nav-tools{display:flex;align-items:center;gap:6px}
.lang,.theme{height:32px;min-width:32px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);font-size:14px;font-weight:500;color:var(--muted);transition:color var(--d-fast),background-color var(--d-fast)}
@media (hover:hover) and (pointer:fine){.lang:hover,.theme:hover{color:var(--fg);background:var(--fill)}}
.theme{position:relative;width:32px}
.theme svg{width:17px;height:17px;position:absolute;transition:transform var(--d-med) var(--e-spring),opacity var(--d-fast) var(--e-std)}
.theme .i-sun{opacity:0;transform:rotate(-90deg) scale(.6)}
.theme[aria-pressed="true"] .i-sun{opacity:1;transform:none}
.theme[aria-pressed="true"] .i-moon{opacity:0;transform:rotate(90deg) scale(.6)}
.nav-cta{--h:32px;padding:0 16px;font-size:14px;margin-left:6px}
.menu-b{display:none;width:40px;height:40px;position:relative;margin-right:-8px}
.menu-b span{position:absolute;left:12px;right:12px;height:1.5px;background:var(--fg);border-radius:1px;transition:transform var(--d-med) var(--e-inout)}
.menu-b span:first-child{top:16px}.menu-b span:last-child{top:23px}
.nav.open .menu-b span:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav.open .menu-b span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
@media (max-width:959px){
  .js .menu-b{display:block}
  .js .nav-links{position:fixed;top:var(--nav-h);right:0;bottom:0;left:0;background:var(--bg);flex-direction:column;align-items:stretch;gap:0;padding:16px var(--gut) 40px;
    opacity:0;visibility:hidden;transition:opacity 240ms var(--e-out),visibility 0s linear 240ms;overflow-y:auto}
  .js .nav.open .nav-links{opacity:1;visibility:visible;transition:opacity 240ms var(--e-out),visibility 0s}
  .js .nav-links a{font-size:28px;font-weight:600;letter-spacing:-.02em;opacity:1;padding:14px 0;transform:translateY(-8px);transition:transform 360ms var(--e-out),opacity 360ms var(--e-out);transition-delay:calc(var(--i,0) * 30ms)}
  .js .nav-links a{opacity:0}
  .js .nav.open .nav-links a{opacity:1;transform:none}
  .js .nav-tels{gap:0;margin-top:20px}
  .js .nav-links .nav-tel{flex-direction:column;align-items:flex-start;gap:2px;font-size:21px;font-weight:500;padding:10px 0}
  .js .nav-links .nav-tel small{font-size:15px}
  .js .nav-hrs{display:block;font-size:15px;color:var(--muted);margin-top:6px}
  .nav-cta{display:none}
  :root:not(.js) .nav-links{display:none}
  .nav-in{gap:8px}
}
@media (min-width:960px) and (max-width:1199px){.nav-tels{display:none}.nav-links{gap:22px}}
body.menu-open{overflow:hidden}

/* ---------------------------------------------------------------- hero */
.hero{padding-top:28px;padding-top:clamp(28px,1.14vw + 24px,40px);padding-bottom:var(--sec-y-tight);text-align:center}
.hero h1{font-size:var(--t-hero);line-height:1.04;letter-spacing:-.03em;max-width:14ch;margin-left:auto;margin-right:auto}
.hero .lead{max-width:44ch;margin:16px auto 0}
.hero-cta{margin-top:24px}
.trust{margin-top:14px;font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}
/* фото машины: вырезка на прозрачном фоне (WebP с альфой, своя мягкая тень); JPEG — запасной для iOS 12–13, уже на светлой подложке плитки */
.hero-pic{position:relative;max-width:700px;margin:28px auto 0;margin:clamp(28px,.76vw + 25px,36px) auto 0;border-radius:var(--r-l);overflow:hidden;background:linear-gradient(180deg,var(--photo-a),var(--photo-b))}
.hero-pic picture,.car-pic picture{display:block}
.hero-pic img,.car-pic img{width:100%;height:auto}
.hero-pic img{transform-origin:50% 60%}
@media (max-width:639px){
  .hero-cta{flex-direction:column;align-items:stretch;gap:12px;max-width:420px;margin-left:auto;margin-right:auto}
  .hero-cta .btn{width:100%}
  .nofg .hero-cta .btn+.btn{margin:12px 0 0}
}
/* тёмная тема: фото не светится плашкой — тёмная подложка, вокруг машины мягкий «студийный» свет */
:root[data-site-theme="dark"] .hero-pic{background:radial-gradient(ellipse 70% 60% at 50% 60%,#26262a 0%,#141416 70%)}
:root[data-site-theme="dark"] .hero-pic img,:root[data-site-theme="dark"] .car-pic img{filter:brightness(.9)}

/* ---------------------------------------------------------------- машины */
.rail{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--grid-gap)}
@media (max-width:1067px){
  .rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:calc(-1*var(--gut));margin-right:calc(-1*var(--gut));padding-left:var(--gut);padding-right:var(--gut);scroll-padding-left:var(--gut);scroll-padding-right:var(--gut);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .rail::-webkit-scrollbar{display:none}
  .rail>.tile{flex:0 0 46%;max-width:420px;scroll-snap-align:start}
  .nofg .rail>.tile+.tile{margin-left:var(--grid-gap)}
}
@media (max-width:767px){.rail>.tile{flex:0 0 80%;max-width:340px}}
.car{color:var(--fg);transition:transform 200ms var(--e-out)}
.car::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:var(--sh-hover);opacity:0;transition:opacity var(--d-med) var(--e-std);pointer-events:none;z-index:-2}
.tile[href]:active{transform:scale(.985);transition-duration:var(--d-press);transition-timing-function:var(--e-std)}
.car .eb-s{display:block;font-size:15px;font-weight:600;color:var(--muted);letter-spacing:-.005em}
.car h3{font-size:var(--t-h3);line-height:1.12;letter-spacing:-.02em;margin-top:4px}
.car .yr{font-size:15px;color:var(--muted);margin-top:2px;font-variant-numeric:tabular-nums}
.car .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;max-width:100%}
.nofg .car .tags .tag{margin:0 6px 6px 0}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;margin-top:12px;font-variant-numeric:tabular-nums}
.nofg .price>*+*{margin-left:6px}
.price .from,.price .c{font-size:15px;color:var(--muted);font-weight:500}
.price .n{font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1.05}
.price.na .n{font-size:17px;font-weight:500;color:var(--fg-2);letter-spacing:-.012em;display:inline-flex;align-items:baseline;gap:8px;line-height:1.3}
.price.na .n::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--i,var(--muted));transform:translateY(-2px)}
.go{position:absolute;top:var(--tile-pad);right:var(--tile-pad);width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.06);display:grid;place-items:center;color:var(--fg);
  transition:background-color var(--d-fast) var(--e-std),color var(--d-fast) var(--e-std),transform var(--d-fast) var(--e-out)}
.go svg{width:12px;height:12px}
:root[data-site-theme="dark"] .go{background:rgba(255,255,255,.1)}
@media (hover:hover) and (pointer:fine){
  .tile[href]:hover::before{opacity:1}
  .tile[href]:hover .go{background:var(--accent);color:#fff}
  .car.has-pic:hover .car-pic img{transform:scale(1.03)}
}
/* фото-плитка: светлая, как фон фотографии; в тёмной теме — тёмная подложка */
.car.has-pic{background:linear-gradient(180deg,var(--photo-a),var(--photo-b))!important;color:#1d1d1f;padding-bottom:0}
.car.has-pic .eb-s,.car.has-pic .price .from,.car.has-pic .price .c{color:#424245}
.car.has-pic .go{background:rgba(0,0,0,.06);color:#1d1d1f}
.car.has-pic .tag{background:rgba(0,102,204,.1);color:#0066cc}
:root[data-site-theme="dark"] .car.has-pic{background:var(--photo-a)!important;color:#1d1d1f}
:root[data-site-theme="dark"] .car.has-pic .eb-s,:root[data-site-theme="dark"] .car.has-pic .price .from,:root[data-site-theme="dark"] .car.has-pic .price .c{color:#424245}
:root[data-site-theme="dark"] .car.has-pic .go{background:rgba(0,0,0,.06);color:#1d1d1f}
:root[data-site-theme="dark"] .car.has-pic .tag{background:rgba(0,102,204,.1);color:#0066cc}
.car-top{display:block;padding-right:40px}
.car-pic{display:block;margin:auto calc(-1*var(--tile-pad)) 0;padding-top:8px;max-width:none}
/* фото — студийный кадр (единый свет и тон фона = --photo-a): во всю ширину плитки, верх растворяется в фоне плитки */
.car-pic img{width:100%;max-width:none;transition:transform var(--d-slow) var(--e-out);transform-origin:50% 70%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%)}
/* компактная плитка с фото (сетка): поля и шрифты как у плиток марок, фото во всю ширину плитки */
.car.has-pic.sm{padding:20px;padding:clamp(20px,1.14vw + 16px,32px);padding-bottom:0;min-height:240px;min-height:clamp(240px,8.38vw + 200px,330px)}
.car.has-pic.sm .car-top{padding-right:0}
.car.has-pic.sm .eb-s{padding-right:36px}
.car.has-pic.sm h3{font-size:22px;font-size:clamp(22px,.76vw + 19px,30px);line-height:1.08;letter-spacing:-.025em}
.car.has-pic.sm .yr{display:block;margin-top:4px;color:#6e6e73}
.car.has-pic.sm .price .n{font-size:26px;font-size:clamp(26px,.57vw + 24px,32px)}
.car.has-pic.sm .price.na .n{font-size:15px}
.car.has-pic.sm .go{top:16px;top:clamp(16px,.76vw + 13px,24px);right:16px;right:clamp(16px,.76vw + 13px,24px);width:28px;height:28px}
.car.has-pic.sm .car-pic{margin:auto calc(-1*20px) 0;margin:auto calc(-1*clamp(20px,1.14vw + 16px,32px)) 0;padding-top:12px}
:root[data-site-theme="dark"] .car.has-pic.sm .yr{color:#6e6e73}
@media (max-width:479px){.car.has-pic.sm{padding:16px 16px 0}.car.has-pic.sm .car-pic{margin:auto -16px 0}.car.has-pic.sm .eb-s{font-size:14px}.car.has-pic.sm .tags .tag{font-size:12px;padding:3px 8px}
  .car.has-pic.sm .price .from,.car.has-pic.sm .price .c{font-size:14px}.car.has-pic.sm .price{gap:0 5px}.car.has-pic.sm .price.na .n{font-size:14px}}
/* плитка без фото: цвет марки и типографика (без картинки — одинаковый силуэт на всех выглядел дёшево) */
.car.no-pic{--a:var(--b-def-a);--b:var(--b-def-b);--i:var(--b-def-i);background:linear-gradient(160deg,var(--a) 0%,var(--b) 72%)!important;min-height:184px;min-height:clamp(184px,8.38vw + 151px,248px);padding:20px;padding:clamp(20px,1.14vw + 16px,32px)}
.car.no-pic[data-brand="byd"]{--a:var(--b-byd-a);--b:var(--b-byd-b);--i:var(--b-byd-i)}
.car.no-pic[data-brand="leapmotor"]{--a:var(--b-leap-a);--b:var(--b-leap-b);--i:var(--b-leap-i)}
.car.no-pic[data-brand="li-auto"]{--a:var(--b-li-a);--b:var(--b-li-b);--i:var(--b-li-i)}
.car.no-pic[data-brand="kia"]{--a:var(--b-kia-a);--b:var(--b-kia-b);--i:var(--b-kia-i)}
.car.no-pic[data-brand="bmw"]{--a:var(--b-bmw-a);--b:var(--b-bmw-b);--i:var(--b-bmw-i)}
.car.no-pic .eb-s{color:var(--i);padding-right:32px}
.car.no-pic h3{font-size:26px;font-size:clamp(26px,.95vw + 22px,36px);line-height:1.05;letter-spacing:-.03em;margin-top:6px;padding-right:8px}
.car.no-pic .yr{margin-top:6px}
.car.no-pic .price{margin-top:auto;padding-top:20px}
.car.no-pic .price .n{font-size:28px;font-size:clamp(28px,.76vw + 25px,36px)}
.car.no-pic .price.na .n{font-size:15px;font-weight:500;letter-spacing:-.01em}
@media (max-width:479px){.car.no-pic{padding:18px}.car.no-pic .price .from,.car.no-pic .price .c{font-size:14px}.car.no-pic .price{gap:0 5px}}
.car.no-pic .go{top:16px;top:clamp(16px,.76vw + 13px,24px);right:16px;right:clamp(16px,.76vw + 13px,24px);width:28px;height:28px}
.car.no-pic .tag{background:rgba(0,0,0,.06);color:var(--fg-2)}
:root[data-site-theme="dark"] .car.no-pic .tag{background:rgba(255,255,255,.1);color:var(--fg-2)}
/* мягкое свечение цвета марки в углу — вместо картинки */
.car.no-pic::after{content:"";position:absolute;z-index:-1;top:-45%;right:-35%;width:95%;height:120%;border-radius:50%;background:radial-gradient(closest-side,var(--i),rgba(255,255,255,0));opacity:.10;
  transition:transform var(--d-slow) var(--e-out),opacity var(--d-slow) var(--e-out);pointer-events:none}
:root[data-site-theme="dark"] .car.no-pic::after{opacity:.16;background:radial-gradient(closest-side,var(--i),rgba(0,0,0,0))}
@media (hover:hover) and (pointer:fine){.car.no-pic:hover::after{transform:translate(-6%,6%);opacity:.16}}
.tile.ask{background:var(--accent)!important;color:#fff;min-height:184px;min-height:clamp(184px,8.38vw + 151px,248px);padding:20px;padding:clamp(20px,1.14vw + 16px,32px)}
.tile.ask h3{font-size:21px;font-size:clamp(21px,.38vw + 19.5px,24px);letter-spacing:-.02em;line-height:1.15}
.tile.ask p{color:rgba(255,255,255,.88);font-size:15px;margin:6px 0 16px}
.tile.ask .btn{margin-top:auto;align-self:flex-start}
@media (max-width:420px){.tile.ask p{font-size:14px}}

/* теги */
.tag{display:inline-block;vertical-align:middle;height:26px;padding:0 10px;border-radius:var(--r-pill);font:600 14px/26px var(--font);letter-spacing:0;background:var(--accent-soft);color:var(--link);
  width:auto;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tag.warn{background:rgba(178,80,0,.1);color:var(--warn)}
.tag.part{background:var(--fill);color:var(--fg-2)}

/* ---------------------------------------------------------------- сравнение пакетов */
.cmp{background:var(--bg-elev);border-radius:var(--r-l);padding:8px 16px 12px;padding:8px clamp(16px,1.52vw + 10px,40px) 12px}
.cmp-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;padding:16px 0;border-top:1px solid var(--hair);align-items:start}
.cmp-row.cmp-head{align-items:end}
.cmp-row:first-child{border-top:0}
.cmp-l{grid-column:1/-1;font-size:14px;font-weight:500;color:var(--muted);margin-bottom:10px;text-align:center}
.cmp-head .cmp-l{display:none}
.cmp-head{position:-webkit-sticky;position:sticky;top:var(--nav-h);background:var(--bg-elev);z-index:2;padding-top:16px;padding-bottom:16px}
.cmp-c{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;min-width:0}
.cmp-eb{display:block;font-size:14px;font-weight:600;color:var(--accent-text);letter-spacing:0;line-height:1.2;margin-bottom:2px}
.cmp-n{font-size:16px;font-size:clamp(16px,.57vw + 14px,22px);font-weight:600;letter-spacing:-.015em;line-height:1.15}
.cmp-p{font-variant-numeric:tabular-nums;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 4px;line-height:1.1;margin-top:6px}
.nofg .cmp-p>*+*{margin-left:4px}
.cmp-p small:last-child{flex-basis:100%}
@media (min-width:768px){.cmp-p small:last-child{flex-basis:auto}}
.cmp-p b{font-size:22px;font-size:clamp(22px,1.14vw + 18px,34px);letter-spacing:-.03em;font-weight:600}
.cmp-p small{font-size:14px;color:var(--muted);font-weight:500}
.cmp-c.best .cmp-n{color:var(--accent-text)}
.cmp-v{text-align:center;font-size:15px;line-height:1.3;color:var(--fg);display:flex;flex-direction:column;justify-content:center;align-items:center;font-variant-numeric:tabular-nums;min-width:0}
.cmp-v .ck{display:block;width:20px;height:20px;background:var(--fg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.cmp-v .no{display:block;width:12px;height:2px;border-radius:1px;background:var(--muted-2);margin:9px 0}
.cmp-v small{display:block;font-size:14px;line-height:1.25;color:var(--muted);margin-top:4px;max-width:100%}
.cmp-row.cars{display:none}
.cmp-v.cars{justify-content:flex-start;font-size:15px;line-height:1.35;color:var(--fg-2)}
.cmp-v.cars a{color:var(--fg-2);padding:2px 0}
@media (hover:hover) and (pointer:fine){.cmp-v.cars a:hover{color:var(--fg);text-decoration:underline}}
.cmp-notes{margin-top:16px;font-size:14px;line-height:1.45;color:var(--muted);max-width:760px}
.cmp-notes li+li{margin-top:4px}
/* телефон: список машин по пакетам — свёрнут под таблицей */
.cmp-m{margin-top:12px;border-radius:var(--r-m);background:var(--bg-elev)}
.cmp-m summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:17px;font-weight:600;cursor:pointer}
.cmp-m summary::-webkit-details-marker{display:none}
.cmp-m summary i{position:relative;width:12px;height:12px;flex:none}
.cmp-m summary i::before,.cmp-m summary i::after{content:"";position:absolute;left:0;top:5px;width:12px;height:2px;border-radius:1px;background:currentColor;transition:transform var(--d-med) var(--e-inout)}
.cmp-m summary i::after{transform:rotate(90deg)}
.cmp-m[open] summary i::after{transform:rotate(0)}
.cmp-m dl{padding:0 20px 18px}
.cmp-m dt{font-size:15px;font-weight:600;margin-top:12px}
.cmp-m dt:first-child{margin-top:0}
.cmp-m dd{font-size:15px;line-height:1.45;color:var(--fg-2);margin-top:2px}
.cmp-m dd a{color:var(--link)}
@media (min-width:768px){
  .cmp-row{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:0 16px;padding:18px 0;align-items:center}
  .cmp-row.cars{display:grid;align-items:start}
  .cmp-l{grid-column:auto;margin:0;text-align:left;font-size:17px;color:var(--fg);font-weight:400}
  .cmp-head .cmp-l{display:block}
  .cmp-v{font-size:17px}
  .cmp-v small{font-size:14px}
  .cmp-m{display:none}
}

/* ---------------------------------------------------------------- факты */
.stat{justify-content:space-between;min-height:150px;min-height:clamp(150px,5.71vw + 128px,210px)}
.stat-v{display:flex;align-items:baseline;flex-wrap:wrap}
.stat .num{white-space:nowrap}
@media (min-width:768px) and (max-width:1067px){.stat .num,.stat.c-1 .num{font-size:52px}.bento.cars-grid>.m-2{grid-column:span 3}}
.stat .num{font-size:48px;font-size:clamp(48px, 2.67vw + 37.6px, 76px);line-height:1;letter-spacing:-.04em;font-weight:600;font-variant-numeric:tabular-nums;display:inline-block}
.stat.c-1 .num{font-size:40px;font-size:clamp(40px, 3vw + 28px, 64px)}
.stat .u{flex-basis:100%;margin-top:6px;font-size:var(--t-h4);font-weight:600;letter-spacing:-.015em;line-height:1.2}
.stat .word{font-size:22px;font-size:clamp(22px,.95vw + 18px,32px);line-height:1.12;letter-spacing:-.022em;font-weight:600}
.stat p{font-size:15px;margin-top:12px}
@media (min-width:768px){.stat p,.bento.mil .tile p,.svc p{font-size:17px;line-height:1.45}}
.num.grad{background:linear-gradient(90deg,#0071e3,#7b5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-site-theme="dark"] .num.grad{background-image:linear-gradient(90deg,#2997ff,#a78bfa)}

/* ---------------------------------------------------------------- «Милана» */
:root[data-site-theme="dark"] .sec.ink{background:#000}
:root[data-site-theme="dark"] .sec.ink+.sec:not(.alt):not(.ink),:root[data-site-theme="dark"] #facts{background:#0e0e10}
.chat{max-width:560px;margin:0 auto;height:232px;height:clamp(232px,4.57vw + 214px,280px);display:flex;flex-direction:column;justify-content:flex-end;gap:10px;overflow:hidden;
  -webkit-mask:linear-gradient(to bottom,transparent 0,#000 56px);mask:linear-gradient(to bottom,transparent 0,#000 56px)}
.chat.big{height:260px;height:clamp(260px,7.62vw + 230px,340px);margin-top:8px}
.bub{max-width:85%;padding:12px 18px;border-radius:22px;font-size:19px;line-height:1.3;letter-spacing:-.015em;flex:none}
@media (min-width:768px){.bub{font-size:24px;padding:16px 24px;border-radius:26px}}
.bub.you{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:6px;transform-origin:100% 100%}
.bub.her{align-self:flex-start;background:var(--ink-3);color:var(--on-ink);border-bottom-left-radius:6px;transform-origin:0 100%;display:flex;align-items:center;gap:10px}
.bub.her::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#2997ff,#a78bfa);flex:none}
.bub.typing{gap:5px;min-height:calc(1.3em + 24px)}
@media (min-width:768px){.bub.typing{min-height:calc(1.3em + 32px)}}
.bub.typing::before{display:none}
.bub.typing i{width:7px;height:7px;border-radius:50%;background:var(--on-ink-2);opacity:.4}
.chat-note{text-align:center;font-size:15px;color:var(--on-ink-2);margin-top:12px}
.bento.mil{margin-top:var(--head-gap)}
.bento.mil .tile h3{font-size:var(--t-h4);-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}
.bento.mil .tile p{font-size:15px}
@media (max-width:479px){.bento.mil>.c-1{padding:20px}.bento.mil .tile h3{font-size:17px}}
.mil-price{text-align:center;margin-top:32px;font-size:17px;color:var(--on-ink-2)}
.sec.ink .btn-row{margin-top:20px}

/* ---------------------------------------------------------------- шаги */
.steps{counter-reset:s}
.step{counter-increment:s}
.step::before{content:counter(s);font-size:var(--t-stat);font-weight:600;line-height:1;letter-spacing:-.04em;color:var(--accent-text);margin-bottom:20px;font-variant-numeric:tabular-nums}
.step p{font-size:17px}
@media (min-width:1068px){.step h3{min-height:2.4em}}
@media (max-width:767px){.step{display:grid;grid-template-columns:56px 1fr;column-gap:8px;padding:22px 24px}.step::before{grid-row:span 2;font-size:48px;margin:0}.step p{margin-top:4px;font-size:15px}}

/* ---------------------------------------------------------------- где мы, команды */
.where{align-items:stretch}
.tile.map{padding:0;min-height:300px;background:#e9e7e1!important}
.tile.map picture{display:block}
.tile.map img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-filter:saturate(.75) contrast(1.05);filter:saturate(.75) contrast(1.05)}
:root[data-site-theme="dark"] .tile.map{background:#1d1d1f!important}
:root[data-site-theme="dark"] .tile.map img{-webkit-filter:invert(.92) hue-rotate(180deg) saturate(.6) brightness(.9);filter:invert(.92) hue-rotate(180deg) saturate(.6) brightness(.9)}
.tile.map small{position:absolute;right:12px;bottom:8px;font-size:12px;color:#55555a;background:rgba(255,255,255,.8);padding:2px 6px;border-radius:6px}
:root[data-site-theme="dark"] .tile.map small{color:#d2d2d7;background:rgba(0,0,0,.55)}
.pin{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #fff,0 4px 12px rgba(0,0,0,.3)}
.pin::after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:var(--accent);opacity:0}
.tile.info h3{font-size:var(--t-h4);margin-top:4px}
.tile.info>p.muted{margin-top:6px;font-size:15px}
.hrs{margin:20px 0 12px;display:grid;gap:12px}
.hrs dt{font-size:15px;color:var(--muted)}
.hrs dd{font-size:17px;font-weight:600;letter-spacing:-.015em}
.info-b{margin-top:auto;padding-top:20px}
.info-b .btn svg{width:18px;height:18px}
.maps{margin-top:12px;font-size:15px;color:var(--muted);text-align:center}
.maps a{color:var(--link)}
.open-now{display:inline-flex;align-items:center;font-size:15px;font-weight:600;color:var(--ok);align-self:flex-start}
.open-now::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:8px}
.open-now.off{color:var(--muted)}
.mate-h{display:flex;gap:14px;align-items:center}
.mono{flex:none;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:15px;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#0071e3,#5e5ce6)}
.mono.asr{background:linear-gradient(135deg,#1e7a35,#0b7a6f)}
.mono-logo{flex:none;width:72px;height:72px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--hair),0 2px 8px rgba(0,0,0,.06)}
.nofg .mate-h .mono-logo{margin-right:14px}
.nofg .mate-h .mono{margin-right:14px}
.mate h3{font-size:var(--t-h4)}
.mate .does{font-size:15px;color:var(--muted);display:block;margin-top:2px;line-height:1.35}
.mate .num{display:block;font-size:var(--t-h3);font-weight:600;letter-spacing:-.02em;margin-top:24px;font-variant-numeric:tabular-nums;white-space:nowrap;transition:color var(--d-fast)}
@media (hover:hover) and (pointer:fine){.mate .num:hover{color:var(--link)}}
.wa-num{display:block;font-size:15px;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums}
.acts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}
.act{height:72px;border-radius:var(--r-s);background:var(--bg-elev);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:500;letter-spacing:0;
  transition:transform 200ms var(--e-out),background-color var(--d-fast)}
.nofg .act svg{margin-bottom:6px}
@media (max-width:479px){.acts{grid-template-columns:repeat(2,minmax(0,1fr))}.act{flex-direction:row;height:52px;font-size:15px;gap:8px}.nofg .act svg{margin:0 8px 0 0}}
.sec.alt .act{background:var(--bg-alt)}
.act svg{width:22px;height:22px}
.act.call svg{color:var(--accent)}.act.wa svg{color:var(--wa-icon)}.act.tg svg{color:var(--tg)}
.act:active{transform:scale(.95);transition-duration:var(--d-press)}
@media (hover:hover) and (pointer:fine){.act:hover{background:var(--fill)}}
.mate-more{display:flex;gap:20px;margin-top:14px;font-size:15px}
.nofg .mate-more>*+*{margin-left:20px}
.mate-more a,.mate-more button{color:var(--link)}
.tile.igs{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;background:linear-gradient(110deg,#fdf0e6,#fbe6f0 50%,#ece8fb)!important;color:#1d1d1f}
.tile.igs .more{color:#0066cc}
:root[data-site-theme="dark"] .tile.igs{background:linear-gradient(110deg,#2a1d17,#2a1724 50%,#1d1a2e)!important;color:#f5f5f7}
:root[data-site-theme="dark"] .tile.igs .more{color:#2997ff}
.igs-l{display:flex;gap:16px 32px;flex-wrap:wrap;font-size:17px}
.igs-a{display:inline-flex;align-items:center;gap:12px}
.igs-a img{flex:none;width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.06)}
.nofg .igs-l>*+*{margin-left:24px}

/* ---------------------------------------------------------------- услуги */
a.svc .go{display:none}
.svc h3{-webkit-hyphens:manual;hyphens:manual}
.svc p{font-size:15px}
.svc .go{width:28px;height:28px}
.svc-p{font-size:15px;color:var(--muted);font-weight:500}
.svc .svc-p{margin-top:auto;padding-top:16px}
.tile.svc .more{align-self:flex-start;margin-top:4px}
/* телефон: услуги — строки-ссылки во всю ширину с шевроном, как в Настройках iOS */
@media (max-width:767px){
  .bento>a.svc{grid-column:span 2;min-height:0;flex-direction:row;justify-content:space-between;align-items:center;padding:18px 20px}
  a.svc p{display:none}
  a.svc h3{font-size:17px;padding-right:12px}
  a.svc .go{display:grid;position:static;flex:none;width:28px;height:28px}
}

/* ---------------------------------------------------------------- вопросы */
.faq{border-top:1px solid var(--hair)}
.faq details{border-bottom:1px solid var(--hair)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.3;transition:color var(--d-fast)}
@media (min-width:768px){.faq summary{font-size:21px}}
.faq summary::-webkit-details-marker{display:none}
@media (hover:hover) and (pointer:fine){.faq summary:hover{color:var(--link)}}
.faq summary i{position:relative;width:14px;height:14px;flex:none}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:1px;background:currentColor;transition:transform var(--d-med) var(--e-inout)}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq-a{padding:0 0 24px;max-width:680px}
.faq-a p{font-size:17px;color:var(--fg-2)}

/* ---------------------------------------------------------------- внутренние страницы */
.page-h{max-width:760px}
.page-h h1{font-size:var(--t-h1);line-height:1.06;letter-spacing:-.028em}
.page-h .lead{margin-top:16px}
.msg-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.nofg .msg-row>*{margin:0 10px 10px 0}
.search{position:relative;margin-top:28px;max-width:520px}
.search>svg{position:absolute;left:18px;top:18px;width:20px;height:20px;color:var(--muted);pointer-events:none}
.search input{width:100%;height:56px;border:0;border-radius:var(--r-pill);background:var(--bg-alt);color:var(--fg);padding:0 20px 0 50px;font-size:17px;outline:0;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow var(--d-fast)}
.search input:focus{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 4px var(--accent-soft)}
.sugg{position:absolute;left:0;right:0;top:64px;z-index:20;background:var(--bg-elev);border-radius:20px;box-shadow:var(--sh-float);padding:8px;max-height:60vh;overflow:auto}
.sugg a{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;font-weight:500}
.sugg a small{color:var(--muted);font-size:15px;font-weight:400;white-space:nowrap}
.sugg a:hover,.sugg a:focus{background:var(--bg-alt);outline:0}
.sugg .none{display:flex;flex-direction:column;gap:6px;padding:14px;align-items:flex-start}
.sugg .none span{color:var(--muted);font-size:15px}
.sugg .none .btn{margin-top:8px}

/* машина */
.car-hero{padding-top:20px;padding-top:clamp(20px,1.9vw + 13px,40px);padding-bottom:var(--sec-y-tight)}
.crumb{display:inline-flex;align-items:center;gap:6px;font-size:15px;color:var(--link);margin-bottom:24px}
.crumb svg{width:11px;height:11px;transform:scaleX(-1)}
.ch-grid{display:grid;gap:32px;align-items:center}
.ch-text h1,.car-hero .cover h1{font-size:var(--t-h1);line-height:1.04;letter-spacing:-.028em}
.car-hero .hero-pic{margin:0;max-width:none}
/* десктоп: продуктовая страница — по центру, крупно, фото под кнопками */
@media (min-width:1068px){
  .ch-grid{gap:40px;text-align:center}
  .ch-text h1{font-size:var(--t-hero)}
  .ch-text .price,.ch-text .tags,.ch-text .btn-row{justify-content:center}
  .car-hero .ch-grid .hero-pic{width:100%;max-width:800px;margin:0 auto}
  .tile.cover h1{font-size:var(--t-hero)}
}
.car-hero .eb{margin-bottom:6px}
.years{font-size:17px;color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}
.ch-price .price{margin-top:20px}
.ch-price .price .n{font-size:var(--t-stat);letter-spacing:-.04em;line-height:1}
.ch-price .price .from,.ch-price .price .c{font-size:17px}
.ch-price .price.na .n{font-size:24px}
.ch-price .dep{display:block;font-size:15px;color:var(--muted);margin-top:6px}
.car-hero .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
.car-hero .tags:empty{display:none}
.car-hero .btn-row{margin-top:28px}
.facts-line{margin-top:20px;font-size:15px;color:var(--muted)}
@media (max-width:639px){.car-hero .btn-row{flex-direction:column;align-items:stretch}.car-hero .btn-row .btn{width:100%}}
.tile.cover{min-height:280px;min-height:clamp(280px,13.33vw + 228px,420px);justify-content:flex-end;border-radius:var(--r-l);padding:var(--tile-pad)}
.tile.cover::after{top:-50%;right:-20%;width:80%;height:160%}
.tile.cover .eb-s{font-size:var(--t-eyebrow)}
.tile.cover h1{margin-top:4px;padding:0}
.tile.cover .ch-price .price{margin-top:16px;padding-top:0}
.tile.cover .ch-price .price .n{font-size:var(--t-stat);letter-spacing:-.04em}
.tile.cover .ch-price .price.na .n{font-size:24px}
.err-note{color:var(--err);margin-top:16px}
.cond-q{font-size:var(--t-h4);font-weight:600;letter-spacing:-.015em;margin-bottom:14px}
.seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);background:var(--fill);border-radius:var(--r-s);padding:4px;max-width:560px;isolation:isolate}
.seg button{position:relative;z-index:1;padding:10px 12px;border-radius:10px;text-align:center;display:flex;flex-direction:column;gap:2px;transition:transform 200ms var(--e-out)}
.seg button b{font-size:17px;font-weight:600;letter-spacing:-.015em}
.seg button small{font-size:14px;color:var(--muted)}
.seg button:active{transform:scale(.97)}
.seg-thumb{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;border-radius:10px;background:var(--bg-elev);box-shadow:0 1px 3px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04);transition:transform var(--d-med) var(--e-inout),width var(--d-med) var(--e-inout)}
:root:not(.js) .seg button[aria-pressed="true"]{background:var(--bg-elev)}
.seg-help{margin-top:12px;font-size:15px;color:var(--muted)}
.seg-help .more{font-size:15px}
.cond{display:none;margin-top:28px}
.cond.on{display:block}
@media (prefers-reduced-motion:no-preference){.js .cond.on{animation:fadeUp var(--d-med) var(--e-out)}}
.cond .note{font-size:17px;color:var(--fg-2);max-width:680px;margin-bottom:20px}
.pkgs{display:grid;gap:var(--grid-gap)}
@media (min-width:768px){.pkgs{grid-template-columns:repeat(2,minmax(0,1fr))}.pkgs.one{grid-template-columns:minmax(0,560px)}}
.pkg h3{font-size:var(--t-h3);letter-spacing:-.02em}
.pkg-eb{line-height:22px;font-size:15px;font-weight:600;color:var(--accent-text);margin-bottom:6px}
.pkg.best{box-shadow:inset 0 0 0 2px var(--accent)}
@media (min-width:768px){.pkgs:not(.one) .pkg:not(.best)::before{content:"";flex:none;height:28px}}
.pkg .price{margin-top:12px}
.pkg .price .n{font-size:44px;font-size:clamp(44px,2.67vw + 34px,72px);letter-spacing:-.04em;line-height:1}
.pkg .price .c{font-size:17px}
.pkg .price.na .n{font-size:24px}
.pkg .ap{flex-basis:100%;font-size:14px;color:var(--muted);margin-top:6px}
.inc{margin:24px 0;display:grid;gap:12px}
.inc li{display:flex;gap:12px;font-size:17px;line-height:1.35}
.nofg .inc li::before{margin-right:12px}
.inc li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;background:var(--accent-text);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.inc li.no{color:var(--muted)}
.inc li.no::before{-webkit-mask:none;mask:none;height:2px;width:12px;margin:10px 3px 0;background:var(--muted-2)}
.pkg .meta{font-size:15px;color:var(--muted);margin-top:auto;padding-bottom:20px}

/* ---------------------------------------------------------------- запись */
/* десктоп: текст слева, форма справа (ось по левому краю, как у остальных секций); телефон — друг под другом */
.lead-grid{display:grid;gap:28px}
@media (min-width:1068px){
  .lead-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
  .lead-intro{position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + 40px)}
}
@media (max-width:1067px){.lead-grid.is-done .lead-intro{display:none}}
.lead-box{background:var(--bg-alt);border-radius:var(--r-l);padding:24px;padding:24px;padding:clamp(24px,2.29vw + 15px,48px);min-width:0}
.sec.alt .lead-box{background:var(--bg-elev);--chip:var(--bg-alt);--inp-bg:var(--bg-alt)}
:root[data-site-theme="dark"] .lead-box{background:var(--bg-elev);--chip:#2c2c2e;--inp-bg:#2c2c2e}
.lb-h{font-size:var(--t-h2);line-height:1.08;letter-spacing:-.025em}
.lb-p{margin-top:14px;font-size:var(--t-lead);line-height:1.38;color:var(--fg-2);max-width:32ch}
.lead-facts{margin-top:28px;display:none}
.lead-facts li{display:flex;align-items:center;font-size:17px;font-weight:500;color:var(--fg);padding:12px 0;border-top:1px solid var(--hair)}
.lead-facts li:last-child{border-bottom:1px solid var(--hair)}
.lead-facts li::before{content:"";flex:none;width:18px;height:18px;margin-right:12px;background:var(--accent-text);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
@media (min-width:1068px){.lead-facts{display:block}}
.ref-got{margin-top:16px;display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-text);font-size:15px;font-weight:600}
.bk-banner{margin:0 0 20px;padding:12px 16px;border-radius:var(--r-s);background:var(--accent-soft);color:var(--accent-text);font-size:15px;font-weight:600}
.bk-banner small{display:block;font-weight:400;color:var(--fg-2);margin-top:2px}
.book{counter-reset:bk;display:flex;flex-direction:column}
.bk-step{counter-increment:bk;padding:20px 0;border-top:1px solid var(--hair)}
.bk-step:first-child{border-top:0;padding-top:0}
.bk-step:focus{outline:none}
.bk-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:var(--t-h4);font-weight:600;letter-spacing:-.015em;line-height:1.2;margin-bottom:14px}
.nofg .bk-h>*+*{margin-left:12px}
.bk-h::before{content:counter(bk);flex:none;width:28px;height:28px;border-radius:50%;background:var(--fg);color:var(--bg);display:grid;place-items:center;font-size:15px;font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums}
.bk-step.done .bk-h::before{content:"";background:var(--ok-fill);
  -webkit-mask:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E");background-size:18px;background-position:center;background-repeat:no-repeat}
.bk-step.done{padding-bottom:20px}
.bk-step.done .bk-h{margin-bottom:0}
.bk-step.done .bk-body{display:none}
.bk-sum{order:3;flex-basis:100%;width:100%;text-align:left;padding-left:40px;font-weight:400;color:var(--fg-2);font-size:17px;line-height:1.35;letter-spacing:-.012em;min-width:0}
.bk-step:not(.done) .bk-sum{display:none}
.bk-edit{margin-left:auto;font-size:15px;font-weight:400;color:var(--link);flex:none;padding:6px 0}
.bk-left{margin-left:auto;font-size:15px;font-weight:500;color:var(--warn);letter-spacing:0}
.chips{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.chips.cars{grid-template-columns:repeat(3,minmax(0,1fr))}}
.chips.pkgs{grid-template-columns:1fr}
.chip{min-height:60px;padding:10px 14px;border-radius:var(--r-s);background:var(--chip);box-shadow:inset 0 0 0 1px var(--hair);text-align:left;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;
  transition:transform 200ms var(--e-out),box-shadow var(--d-fast),background-color var(--d-fast)}
.chip b{font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.chip small{font-size:14px;color:var(--muted);line-height:1.25}
.chip:active{transform:scale(.97);transition-duration:var(--d-press)}
.chip[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}
.chips.pkgs .chip{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.chips.pkgs .chip span{display:flex;flex-direction:column;gap:2px;min-width:0}
.chips.pkgs .chip em{font-style:normal;font-size:17px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.chips.pkgs .chip em small{display:inline;font-weight:500}
.chips.pkgs .chip .best{color:var(--accent-text);font-weight:600}
@media (hover:hover) and (pointer:fine){.chip:hover{box-shadow:inset 0 0 0 1px var(--line)}.chip[aria-pressed="true"]:hover{box-shadow:inset 0 0 0 2px var(--accent)}}
.bk-other{margin-top:10px}
.bk-near{display:flex;width:100%;align-items:center;gap:10px;margin:-2px 0 14px;padding:12px 14px;border-radius:var(--r-s);background:var(--accent-soft);color:var(--link);font-size:15px;font-weight:600;text-align:left;transition:transform 200ms var(--e-out)}
.bk-near::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}
.bk-near:active{transform:scale(.98)}
.days{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;margin-left:calc(-1*24px);margin-left:calc(-1*clamp(24px,2.29vw + 15px,48px));margin-right:calc(-1*24px);margin-right:calc(-1*clamp(24px,2.29vw + 15px,48px));padding:2px 24px 6px;padding:2px clamp(24px,2.29vw + 15px,48px) 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.days{scroll-padding-left:24px;scroll-padding-left:clamp(24px,2.29vw + 15px,48px);scroll-padding-right:24px;scroll-padding-right:clamp(24px,2.29vw + 15px,48px)}
.days::-webkit-scrollbar{display:none}
@media (min-width:640px){.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.day{width:auto}}
.bk-load{font-size:15px;color:var(--muted);padding:24px 0;grid-column:1/-1}
.day{flex:0 0 auto;width:68px;min-height:84px;justify-content:center;padding:10px 4px 9px;border-radius:16px;background:var(--chip);box-shadow:inset 0 0 0 1px var(--hair);display:flex;flex-direction:column;align-items:center;gap:1px;scroll-snap-align:start;
  transition:transform 200ms var(--e-out),background-color var(--d-fast),color var(--d-fast),box-shadow var(--d-fast)}
.day .wd{font-size:14px;color:var(--muted);font-weight:500;text-transform:lowercase}
.day .dn{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2;font-variant-numeric:tabular-nums}
.day .pl{font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.day.trip .pl{color:var(--accent-text)}
.day.today .wd{color:var(--accent-text);font-weight:600}
.day:active{transform:scale(.95);transition-duration:var(--d-press)}
.day[aria-pressed="true"]{background:var(--accent);box-shadow:none;color:#fff}
.day[aria-pressed="true"] .wd,.day[aria-pressed="true"] .pl{color:rgba(255,255,255,.85)}
.day:disabled{opacity:.4}
.day:disabled .dn{text-decoration:line-through}
.bk-city{margin-top:16px}
.bk-q{font-size:15px;font-weight:500;color:var(--fg-2);margin-bottom:10px}
.seg3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.seg3.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.seg3 button{height:48px;border-radius:var(--r-s);background:var(--chip);box-shadow:inset 0 0 0 1px var(--hair);font-size:17px;font-weight:500;transition:transform 200ms var(--e-out),background-color var(--d-fast),box-shadow var(--d-fast)}
.seg3 button:active{transform:scale(.97);transition-duration:var(--d-press)}
.seg3 button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft);color:var(--link);font-weight:600}
.bk-note{margin-top:12px;font-size:15px;color:var(--fg-2)}
.bk-group-t{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:15px;font-weight:500;color:var(--fg-2);text-align:left;padding:4px 0}
.bk-group-t .sw{position:relative;flex:none;width:40px;height:24px;border-radius:12px;background:var(--fill);transition:background-color var(--d-fast)}
.bk-group-t .sw::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform var(--d-med) var(--e-spring)}
.bk-group-t[aria-pressed="true"] .sw{background:var(--ok)}
.bk-group-t[aria-pressed="true"] .sw::after{transform:translateX(16px)}
.bk-group{margin-top:14px;display:grid;gap:14px}
.bk-group .bk-q{margin:0}
.fld label,.fld .lbl{display:block;font-size:15px;font-weight:500;color:var(--fg-2);margin-bottom:8px}
.times{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (min-width:640px){.times{grid-template-columns:repeat(4,minmax(0,1fr))}}
.time{height:52px;border-radius:var(--r-s);background:var(--chip);box-shadow:inset 0 0 0 1px var(--hair);font-size:17px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;
  transition:transform 200ms var(--e-out),background-color var(--d-fast),color var(--d-fast),box-shadow var(--d-fast)}
.time:active{transform:scale(.95);transition-duration:var(--d-press)}
.time[aria-pressed="true"]{background:var(--accent);color:#fff;box-shadow:none}
.time:disabled{color:var(--muted-2);text-decoration:line-through;font-weight:400;box-shadow:none;background:transparent;cursor:default}
.nofg .chips>*,.nofg .times>*{margin:0}
.bk-none{font-size:15px;color:var(--muted)}
.inp{display:flex;align-items:center;height:56px;border-radius:var(--r-s);background:var(--inp-bg);box-shadow:inset 0 0 0 1px var(--inp-line);transition:box-shadow var(--d-fast) var(--e-std)}
.inp:focus-within{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 4px var(--accent-soft)}
.inp input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--fg);font-size:17px;padding:0 16px;outline:0}
.inp input::placeholder{color:var(--muted-2)}
.inp.tel .cc{flex:none;height:100%;font-size:17px;font-weight:600;color:var(--fg-2);padding:0 12px 0 16px;border-right:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:var(--r-s) 0 0 var(--r-s);position:relative}
.inp.tel .cc::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);opacity:.6}
@media (hover:hover) and (pointer:fine){.inp.tel .cc:hover{background:var(--fill)}}
.bk-hint{margin-top:8px;font-size:14px;color:var(--muted)}
.bk-day-note{margin:-4px 0 14px;font-size:15px;color:var(--fg-2)}
.inp.tel input{font-size:19px;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.inp.bad{box-shadow:inset 0 0 0 2px var(--err)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.bk-line{margin:4px 0 14px;font-size:17px;font-weight:600;letter-spacing:-.015em;text-align:center}
.bk-line small{display:block;font-size:15px;font-weight:400;color:var(--muted);margin-top:2px}
.bk-line small.need{color:var(--warn);font-weight:500}
.err{display:block;font-size:15px;color:var(--err);margin-bottom:12px;text-align:center}
.err-wa{margin-bottom:14px}
.bk-ru{margin-top:10px;font-size:15px;color:var(--fg-2)}
.book .btn[type=submit]{margin-top:8px}
.or{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 24px;margin-top:18px;font-size:15px;color:var(--muted)}
.or span{flex-basis:100%;text-align:center}
.or a{display:inline-flex;align-items:center;gap:6px;color:var(--link);font-weight:500;padding:6px 0}
.nofg .or a+a{margin-left:24px}
.nofg .or a svg{margin-right:6px}
.or a svg{width:18px;height:18px}
.priv{display:block;text-align:center;margin-top:10px;font-size:14px;color:var(--muted)}
.spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff}

/* экран после записи: одна главная кнопка, остальное — ссылки */
.done{text-align:center;padding-top:8px}
.done:focus{outline:none}
.done .ok{width:64px;height:64px;border-radius:50%;background:var(--ok-fill);color:#fff;display:grid;place-items:center;margin:0 auto 20px}
.done .ok.req{background:var(--accent)}
.done .ok svg{width:32px;height:32px}
.done .ok path{stroke-dasharray:24;stroke-dashoffset:0}
.done h3{font-size:var(--t-h2);letter-spacing:-.025em;line-height:1.08}
.done .d-sum{margin-top:14px;font-size:21px;line-height:1.35;color:var(--fg);font-weight:600;letter-spacing:-.015em}
.done .d-sum span{display:block;font-weight:400;color:var(--fg-2);font-size:17px;margin-top:2px}
.done .d-place{margin:10px auto 0;font-size:15px;line-height:1.45;color:var(--muted);max-width:40ch}
.d-acts{margin-top:28px}
.d-acts .btn{width:100%}
.btn.wa{background:var(--wa);color:#fff}
@media (hover:hover) and (pointer:fine){.btn.wa:hover{background:var(--wa-hover)}}
.btn.wa:active{background:var(--wa-hover)}
.d-wa-p{font-size:14px;color:var(--muted);margin-top:10px}
.d-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px;margin-top:18px;font-size:17px}
.nofg .d-links>*{margin:0 12px}
.d-links .more,.d-links button.more{font-size:17px}
/* «Приведите друга» после записи: вторая по важности после WhatsApp — цветная карточка с крупной суммой и своей кнопкой */
.d-ref{position:relative;overflow:hidden;isolation:isolate;margin-top:20px;padding:24px;border-radius:var(--r-m);text-align:left;color:#fff}
.d-ref-eb{display:block;font-size:15px;font-weight:600;color:rgba(255,255,255,.92)}
.d-ref-k{display:flex;align-items:baseline;flex-wrap:wrap;margin-top:6px;font-variant-numeric:tabular-nums}
.d-ref-k b{font-size:44px;font-size:44px;font-size:clamp(44px,1.52vw + 38px,56px);line-height:1;font-weight:600;letter-spacing:-.04em;margin-right:10px}
.d-ref-k span{font-size:21px;font-weight:600;letter-spacing:-.02em}
.d-ref-p{margin-top:10px;font-size:15px;line-height:1.45;color:rgba(255,255,255,.9)}
.d-ref .btn.d-ref-b{width:100%;margin-top:18px;background:#fff;color:#0a4fb8}
@media (hover:hover) and (pointer:fine){.d-ref .btn.d-ref-b:hover{background:#f0f6ff}}
.d-ref .btn.d-ref-b:active{background:#e8f1fc}
.d-ref-c{display:block;margin:12px auto 0;padding:4px 0;font-size:15px;color:#fff;text-decoration:underline;text-underline-offset:3px;opacity:.9}
.d-know{text-align:left;margin-top:28px;padding-top:24px;border-top:1px solid var(--hair)}
.d-know h4{font-size:17px;letter-spacing:-.015em;margin-bottom:10px}
.d-know li{position:relative;padding-left:20px;font-size:15px;color:var(--fg-2);line-height:1.45;margin-top:6px}
.d-know li::before{content:"";position:absolute;left:4px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--accent-text)}
.d-more{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 24px;margin-top:20px;padding-top:16px;border-top:1px solid var(--hair);font-size:15px}
.nofg .d-more>*{margin:0 12px}
.d-more .more{font-size:15px}
button.more{font:inherit;cursor:pointer}

/* ---------------------------------------------------------------- док (телефон) */
.dock{position:fixed;z-index:30;left:12px;right:12px;bottom:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:480px;margin-left:auto;margin-right:auto;display:flex;gap:6px;padding:6px;border-radius:var(--r-pill);
  background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);box-shadow:var(--sh-float);
  transition:transform 420ms var(--e-out),opacity 420ms var(--e-out),visibility 0s}
.nofg .dock .ico{margin-left:6px}
.dock .btn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.dock .ico{flex:none;width:48px;height:48px;border-radius:50%;background:var(--fill);color:var(--wa-icon);display:grid;place-items:center;transition:transform 200ms var(--e-out)}
.dock .ico:active{transform:scale(.92)}
.dock .ico svg{width:24px;height:24px}
/* скрыт с первого кадра (класс off в HTML), показывает site.js; без JS — виден */
.js .dock.off{transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;visibility:hidden;transition:transform 420ms var(--e-out),opacity 420ms var(--e-out),visibility 0s linear 420ms}
@media (min-width:960px){.dock{display:none}}

/* ---------------------------------------------------------------- футер */
.foot{border-top:1px solid var(--hair);background:var(--bg);color:var(--muted);font-size:15px;padding:40px 0 104px;padding-bottom:calc(32px + 72px + env(safe-area-inset-bottom,0px))}
@media (min-width:960px){.foot{padding-bottom:48px}}
.f-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 48px;padding-bottom:28px;border-bottom:1px solid var(--hair)}
.nofg .f-top>*{margin:0 24px 24px 0}
.f-brand{display:flex;flex-direction:column;gap:4px}
.f-brand b{color:var(--fg);font-size:17px;letter-spacing:.01em;margin-bottom:4px}
.f-tels{display:flex;flex-wrap:wrap;gap:20px 40px}
.nofg .f-tels>*{margin:0 40px 20px 0}
.f-tels .f-team{flex-direction:row;align-items:center;gap:12px}
.f-team img{flex:none;width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--hair)}
.f-tels div{display:flex;flex-direction:column;gap:2px}
.f-tels div>a{color:var(--fg);font-size:17px;font-weight:500;font-variant-numeric:tabular-nums}
.f-tels span a{color:var(--link)}
.f-nav{display:flex;flex-wrap:wrap;gap:12px 20px;padding:20px 0;font-size:14px}
@media (max-width:479px){.f-nav{justify-content:space-between;gap:12px 14px}}
.nofg .f-nav a{margin:0 20px 12px 0}
.f-nav a{color:var(--fg-2)}
@media (hover:hover) and (pointer:fine){.f-nav a:hover{color:var(--fg)}}
.f-copy{font-size:14px}
.f-copy a{color:var(--fg-2);white-space:nowrap}
@media (hover:hover) and (pointer:fine){.f-copy a:hover{color:var(--fg);text-decoration:underline}}
/* авторство фото: /cars/#photo-credits и строка внизу страницы машины */
.credits{padding-top:40px;padding-bottom:40px;border-top:1px solid var(--hair)}
.credits h2{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--fg-2)}
.credits p,.credits li,.credit{font-size:14px;line-height:1.5;color:var(--muted)}
.credits p{margin-top:6px;max-width:72ch}.credits ul{margin-top:12px;display:grid;gap:6px}
.credits b{font-weight:600;color:var(--fg-2)}
.credit{margin-top:32px;max-width:72ch}
.credits a,.credit a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px;overflow-wrap:anywhere}
@media (hover:hover) and (pointer:fine){.credits a:hover,.credit a:hover{color:var(--fg)}}

/* ---------------------------------------------------------------- ролики из Instagram: лента 9:16 на всю ширину, окно с embed */
.reels{position:relative}
.reels-rail{display:flex;gap:var(--grid-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px var(--gut) 8px;padding:4px max(var(--gut), calc((100% - 1120px) / 2)) 8px;scroll-padding-left:var(--gut);scroll-padding-left:max(var(--gut), calc((100% - 1120px) / 2));scroll-padding-right:var(--gut);scroll-padding-right:max(var(--gut), calc((100% - 1120px) / 2))}
.reels-rail::-webkit-scrollbar{display:none}
.reel-i{flex:0 0 58vw;max-width:260px;scroll-snap-align:start}
.nofg .reel-i+.reel-i{margin-left:12px}
@media (min-width:768px){.reel-i{flex-basis:30vw}}
@media (min-width:1068px){.reel-i{flex-basis:22vw}}
.reel{position:relative;display:block;border-radius:var(--r-m);overflow:hidden;isolation:isolate;background:#1d1d1f;color:#fff;
  -webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform 200ms var(--e-out)}
.sec.ink .reel,:root[data-site-theme="dark"] .reel{box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.reel:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--r-m)}
.reel-pic{display:block;overflow:hidden}
/* обложки — кадры Instagram с крупным текстом: лёгкий кроп по центру (scale), приглушённый единый тон, затемнение снизу и сверху */
.reel-pic img{width:100%;height:auto;transform:scale(1.08);filter:saturate(.8) contrast(.96) brightness(.92);transition:transform var(--d-slow) var(--e-out)}
.reel::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 42%,rgba(0,0,0,.5) 66%,rgba(0,0,0,.88) 100%),rgba(12,14,24,.12)}
.reel-acc{position:absolute;z-index:2;top:12px;left:12px;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 24px);padding:5px 10px 5px 8px;border-radius:var(--r-pill);
  background:rgba(0,0,0,.38);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;line-height:1.2;font-weight:600;letter-spacing:0;white-space:nowrap;overflow:hidden}
.reel-acc svg{width:14px;height:14px;flex:none}
.nofg .reel-acc svg{margin-right:5px}
/* ▶ по центру и крупнее того, что Instagram впечатал в обложку (≈28 % ширины), — накрывает его */
.reel-play{position:absolute;z-index:2;left:50%;top:50%;width:36%;padding-bottom:36%;margin:-18% 0 0 -18%;border-radius:50%;color:#1d1d1f;
  background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  box-shadow:0 8px 24px -6px rgba(0,0,0,.45);transition:transform 320ms var(--e-spring),background-color var(--d-fast) var(--e-std)}
.reel-play svg{position:absolute;left:50%;top:50%;width:42%;height:42%;margin:-21% 0 0 -18%;transition:transform 320ms var(--e-spring)}
.reel-cap{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:0 16px 16px;display:flex;flex-direction:column;gap:2px;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.reel-cap b{font-size:17px;line-height:1.2;font-weight:600;letter-spacing:-.015em}
.reel-cap span{font-size:14px;line-height:1.3;color:rgba(255,255,255,.82)}
@media (hover:hover) and (pointer:fine){
  .reel:hover .reel-pic img{transform:scale(1.13)}
  .reel:hover .reel-play{transform:scale(1.08);background:#fff}
  .reel:hover .reel-play svg{transform:translateX(2px)}
}
.reel:active{transform:scale(.97);transition-duration:var(--d-press)}
.reel:active .reel-play{transform:scale(.92)}
.reels-foot{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-top:20px}
.reels-ig{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;font-size:17px}
.reels-ig>span{color:var(--muted)}
.nofg .reels-ig>*+*{margin-left:20px}
.reels-nav{display:flex;gap:12px;margin-left:auto}
.nofg .reels-b+.reels-b{margin-left:12px}
.reels-b{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--fill);color:var(--fg);
  transition:background-color var(--d-fast) var(--e-std),opacity var(--d-fast) var(--e-std),transform 200ms var(--e-out)}
.reels-b svg{width:20px;height:20px}
@media (hover:hover) and (pointer:fine){.reels-b:hover{background:var(--line)}}
.reels-b:active{transform:scale(.92)}
.reels-b:disabled{opacity:.35;cursor:default;transform:none}
.sec.alt .reels-b{background:var(--bg-elev)}
@media (max-width:767px){.reels-nav{display:none}.reels-ig{gap:0 20px}.reels-ig>span{flex-basis:100%;font-size:15px}.nofg .reels-ig>*+*{margin-left:0}.nofg .reels-ig>*+*+*{margin-left:20px}}
/* /milana/: один ролик по центру */
.reels-solo{display:flex;justify-content:center}
.reels-solo .reel-i{flex:0 0 auto;width:68vw;width:min(68vw, 300px);max-width:none}
.sec.ink .reels-ig>span{color:var(--on-ink-2)}
/* окно с роликом (официальный embed Instagram) */
.rm{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:56px 16px 16px;
  background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity 240ms var(--e-out)}
.rm.on{opacity:1}
.rm-box{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:14px;transform:translateY(16px) scale(.98);transition:transform 360ms var(--e-out)}
.rm.on .rm-box{transform:none}
.rm-fr{position:relative;width:100%;height:calc(100vh - 160px);height:720px;height:min(720px, calc(100vh - 160px));border-radius:16px;overflow:hidden;background:#fff}
.rm-fr iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;opacity:0;transition:opacity 300ms var(--e-out)}
.rm-fr.ok iframe{opacity:1}
.rm-load{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:2.5px solid rgba(0,0,0,.12);border-top-color:#6e6e73;animation:spin .8s linear infinite}
.rm-fr.ok .rm-load{display:none}
.rm-slow{color:#d2d2d7;font-size:15px;text-align:center;margin:0}
.rm-x{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);color:#fff;transition:background-color var(--d-fast)}
.rm-x svg{width:18px;height:18px}
@media (hover:hover) and (pointer:fine){.rm-x:hover{background:rgba(255,255,255,.28)}}
.rm .btn{background:#fff;color:#1d1d1f}
@media (hover:hover) and (pointer:fine){.rm .btn:hover{background:#f0f0f3}}
body.rm-open{overflow:hidden}

/* ---------------------------------------------------------------- предложения: «Выгоднее с нами.», полоса-анонс, плашки */
/* три насыщенных градиента — из палитры сайта: синий→фиолетовый (друг), зелёный→бирюзовый (группа), оранжевый→малиновый (выходные).
   Белый текст на всех оттенках ≥ 4.5:1. --oc — цвет текста белой кнопки на карточке. */
.o-ref,.d-ref,.bk-ref,.ch-offer,:root.has-ref .ann{background-color:#0071e3;background-image:linear-gradient(140deg,#0071e3 0%,#3d5af1 52%,#6e44ff 100%)}
.o-group,.bk-perk.group{background-color:#15803d;background-image:linear-gradient(140deg,#15803d 0%,#0f766e 58%,#0e6a8a 100%)}
.o-weekend,.bk-perk.trip{background-color:#c2410c;background-image:linear-gradient(140deg,#c2410c 0%,#be123c 66%,#a3135f 100%)}

/* полоса над шапкой: в HTML с первого кадра (оба текста), видимость — классами на <html> до отрисовки */
.ann{position:relative;z-index:41;background:linear-gradient(90deg,#eaf2ff,#f3eeff);color:#1d1d1f;font-size:14px;line-height:1.35;letter-spacing:-.005em;transition:opacity 200ms var(--e-std)}
:root[data-site-theme="dark"] .ann{background:linear-gradient(90deg,#14213a,#1d1730);color:#f5f5f7}
.ann-in{position:relative;max-width:calc(1120px + 2*var(--gut));margin:0 auto;padding:10px 48px;min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center}
.ann-t{margin:0}
.ann-t a{display:inline-flex;align-items:center;white-space:nowrap;color:#0066cc;font-weight:500}
:root[data-site-theme="dark"] .ann-t a{color:#2997ff}
.ann-t a svg{display:inline-block;width:9px;height:9px;margin-left:3px;transition:transform var(--d-fast) var(--e-out)}
@media (hover:hover) and (pointer:fine){.ann-t a:hover{text-decoration:underline}.ann-t a:hover svg{transform:translateX(2px)}}
.ann-t b{font-weight:600}
.ann-ref{display:none}
:root.has-ref .ann-def{display:none}
:root.has-ref .ann-ref{display:block}
:root.has-ref .ann{color:#fff}
:root.has-ref .ann-t a{color:#fff;text-decoration:underline;text-underline-offset:2px}
:root.no-ann .ann{display:none}
.ann.bye{opacity:0}
.ann-x{position:absolute;top:50%;right:8px;width:32px;height:32px;margin-top:-16px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.55;transition:opacity var(--d-fast),background-color var(--d-fast)}
.ann-x svg{width:12px;height:12px}
@media (hover:hover) and (pointer:fine){.ann-x:hover{opacity:1;background:rgba(0,0,0,.06)}:root[data-site-theme="dark"] .ann-x:hover,:root.has-ref .ann-x:hover{background:rgba(255,255,255,.14)}}
@media (min-width:768px){.ann-in{padding-left:var(--gut);padding-right:56px}.ann-x{right:calc(var(--gut) - 8px)}}
@media print{.ann{display:none}}

/* секция «Выгоднее с нами.» сразу после первого экрана */
.offers-sec{padding-top:16px;padding-top:16px;padding-top:clamp(16px,1.52vw + 10px,32px);padding-bottom:0}
@media (min-width:1068px){.bento.offers>.d-7{grid-column:span 7}.bento.offers>.d-5{grid-column:span 5}.bento.offers>.o-big{grid-row:span 2}.bento.offers .tile.offer:not(.o-big){min-height:280px}}
.tile.offer{color:#fff;border-radius:var(--r-l);padding:var(--tile-pad);min-height:300px;justify-content:flex-start;
  transition:transform 320ms var(--e-out),box-shadow 320ms var(--e-out)}
.tile.offer.o-ref{--oc:#0a4fb8}.tile.offer.o-group{--oc:#0f6b3a}.tile.offer.o-weekend{--oc:#b0213a}
:root[data-site-theme="dark"] .tile.offer,:root[data-site-theme="dark"] .d-ref{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.o-glow{position:absolute;z-index:-1;top:-38%;right:-28%;width:86%;padding-bottom:86%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,255,255,.30),rgba(255,255,255,0));transition:transform var(--d-slow) var(--e-out)}
.o-eb{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em;color:rgba(255,255,255,.92)}
.o-k{display:flex;align-items:flex-end;margin-top:14px;font-variant-numeric:tabular-nums}
.o-k b{font-size:64px;line-height:.9;font-weight:600;letter-spacing:-.05em;font-size:64px;font-size:clamp(64px,2.67vw + 54px,92px)}
.o-big .o-k b{font-size:84px;font-size:84px;font-size:clamp(84px,5.71vw + 62px,148px)}
.o-u{display:flex;flex-direction:column;margin-left:12px;padding-bottom:.18em;font-size:var(--t-h3);font-weight:600;letter-spacing:-.02em;line-height:1.05}
.o-u small{font-size:17px;font-weight:500;letter-spacing:-.01em;color:rgba(255,255,255,.88);margin-top:4px}
.o-big .o-u{font-size:26px;font-size:clamp(26px,1.14vw + 22px,40px)}
.o-big .o-u small{font-size:17px;font-size:clamp(17px,.38vw + 15.5px,21px)}
.o-txt{display:block;margin-top:22px;padding-bottom:24px}
.o-h{display:block;font-size:var(--t-h4);font-weight:600;letter-spacing:-.015em;line-height:1.2}
.o-big .o-h{font-size:var(--t-h3);letter-spacing:-.02em;line-height:1.12}
.o-p{display:block;margin-top:6px;font-size:17px;line-height:1.42;color:rgba(255,255,255,.9);max-width:38ch}
.o-btn{margin-top:auto;align-self:flex-start;height:auto;min-height:48px;padding:12px 22px;white-space:normal;text-align:left;line-height:1.2;background:#fff;color:var(--oc)}
.o-btn svg{width:11px;height:11px;margin-left:2px;transition:transform var(--d-fast) var(--e-out)}
.nofg .o-btn svg{margin-right:0;margin-left:6px}
@media (hover:hover) and (pointer:fine){
  .tile.offer:hover{transform:translateY(-4px);box-shadow:0 24px 48px -22px rgba(0,0,0,.45)}
  .tile.offer:hover .o-glow{transform:translate(-8%,8%) scale(1.08)}
  .tile.offer:hover .o-btn{background:#fff}
  .tile.offer:hover .o-btn svg{transform:translateX(3px)}
}
.tile.offer:active{transform:scale(.97);transition-duration:var(--d-press);transition-timing-function:var(--e-std)}
.tile.offer:active .o-btn{background:#f0f0f3}
.js .rv.in.tile.offer[href]{transition:opacity var(--d-reveal) var(--e-out) calc(var(--rv-i,0) * var(--stagger)),transform 320ms var(--e-out),box-shadow 320ms var(--e-out)}
@media (max-width:767px){.tile.offer{min-height:0}.o-txt{padding-bottom:20px}.o-btn{align-self:stretch;justify-content:space-between}}
@media (min-width:1068px){.o-big .o-txt{margin-top:auto;padding-top:32px}.o-big .o-btn{margin-top:0}.o-big .o-p{font-size:19px}}
/* «Приведите друга»: механика в 3 шага — кружки-значки, линии между ними, шаг 3 — две «аватарки» с −50 */
.o-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px -4px 0;text-align:center;--ic:44px}
.o-st{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 4px}
.o-st:not(:last-child)::after{content:"";position:absolute;top:calc(var(--ic) / 2 - 1px);left:calc(50% + var(--ic) / 2 + 6px);right:calc(-50% + var(--ic) / 2 + 6px);height:2px;border-radius:2px;
  background:linear-gradient(90deg,rgba(255,255,255,.75),rgba(255,255,255,.35));transform-origin:left center}
.o-st:nth-child(2)::after{right:calc(-50% + var(--ic) * .82 + 6px)}
.o-ic{display:flex;align-items:center;justify-content:center;width:var(--ic);height:var(--ic);border-radius:50%;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.o-ic svg{width:48%;height:48%}
.o-av{display:flex;height:var(--ic)}
.o-a{position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:visible;width:var(--ic);height:var(--ic);border-radius:50%;background:#fff;color:#7d8fe8;box-shadow:0 0 0 2px #4b55ee}
.o-a+.o-a{margin-left:calc(var(--ic) * -.36);background:#eef1ff;color:#8b6cf0}
.o-a svg{width:74%;height:74%;border-radius:0 0 50% 50%}
.o-a i{position:absolute;right:-8px;bottom:-6px;padding:2px 6px;border-radius:999px;background:#fff;color:#0a4fb8;font-style:normal;font-size:11px;font-weight:700;line-height:1.3;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;box-shadow:0 2px 8px rgba(10,20,80,.28)}
.o-a:first-child i{right:auto;left:-8px}
.o-sl{display:block;margin-top:10px;font-size:13px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:#fff;max-width:16ch}
.o-sl b{display:block;margin-bottom:2px;font-size:12px;font-weight:700;color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums}
/* телефон: шаги заменяют абзац (тот же смысл) — карточка не становится выше */
@media (max-width:767px){.o-ref .o-p{display:none}.o-ref .o-txt{margin-top:18px}.o-sl{margin-top:14px}.o-a i{font-size:10.5px;padding:1px 5px;bottom:-5px;right:-6px}.o-a:first-child i{left:-6px}}
@media (min-width:768px){.o-flow{--ic:60px;margin-top:28px}.o-sl{font-size:16px;margin-top:14px}.o-sl b{font-size:13px}.o-a i{font-size:13px;padding:3px 8px;right:-12px}.o-a:first-child i{left:-12px}}
@media (min-width:1068px){.o-big .o-flow{--ic:92px;margin-top:auto;padding-top:32px}.o-big .o-sl{font-size:19px;margin-top:18px}.o-big .o-sl b{font-size:15px;margin-bottom:4px}.o-big .o-a i{font-size:15px;padding:3px 9px;bottom:-4px}.o-big .o-st:not(:last-child)::after{height:2.5px}}
@media (prefers-reduced-motion:no-preference){
  .js .o-ref.rv .o-st{opacity:0;transform:translateY(10px);transition:opacity 500ms var(--e-out),transform 500ms var(--e-out);transition-delay:calc(260ms + var(--s) * 320ms)}
  .js .o-ref.rv .o-st::after{transform:scaleX(0);transition:transform 420ms var(--e-out);transition-delay:calc(480ms + var(--s) * 320ms)}
  .js .o-ref.rv .o-a i{transform:scale(0);transition:transform 420ms var(--e-spring) 1180ms}
  .js .o-ref.rv .o-a+.o-a i{transition-delay:1300ms}
  .js .o-ref.rv.in .o-st{opacity:1;transform:none}
  .js .o-ref.rv.in .o-st::after,.js .o-ref.rv.in .o-a i{transform:none}
}
/* факты под карточками */
.offer-facts{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;font-size:15px;color:var(--fg-2)}
.offer-facts li{display:inline-flex;align-items:center;margin:4px 12px}
.offer-facts li::before{content:"";flex:none;width:16px;height:16px;margin-right:6px;background:var(--ok);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat}

/* запись: подсказки предложений и скидка по ссылке друга */
.bk-perk{display:flex;align-items:center;margin:14px 0 0;padding:12px 16px;border-radius:var(--r-s);color:#fff;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.bk-perk::before{content:"";flex:none;width:18px;height:18px;margin-right:10px;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.bk-group .bk-perk{margin:0}
.bk-perk.trip+.bk-city{margin-top:14px}
.bk-ref{display:flex;align-items:center;justify-content:center;margin:0 0 14px;padding:12px 16px;border-radius:var(--r-s);color:#fff;font-size:15px;font-weight:600;line-height:1.3;text-align:center}
.bk-ref::before{content:"−50";flex:none;margin-right:10px;padding:2px 8px;border-radius:var(--r-pill);background:rgba(255,255,255,.2);font-size:14px;font-variant-numeric:tabular-nums}
.bk-refhint{margin:0 0 14px;padding:12px 16px;border-radius:var(--r-s);background:rgba(0,113,227,.08);color:var(--fg);font-size:15px;line-height:1.4;text-align:center}
/* шаг «День и место» после кнопки предложения: мягкая подсветка (только opacity) */
.bk-step[data-step="day"]{position:relative;isolation:isolate}
.bk-step.lit::after{content:"";position:absolute;z-index:-1;top:6px;bottom:6px;left:-14px;right:-14px;border-radius:18px;background:var(--accent-soft);opacity:0;pointer-events:none}
@media (prefers-reduced-motion:no-preference){.bk-step.lit::after{animation:lit 1800ms var(--e-out) both}.bk-perk.appear{animation:pop 420ms var(--e-spring) both}}
@keyframes lit{0%{opacity:0}18%{opacity:1}100%{opacity:0}}
/* переключатель «Другой город»: состояние — aria-expanded */
.bk-group-t[aria-expanded="true"] .sw{background:var(--ok-fill)}
.bk-group-t[aria-expanded="true"] .sw::after{transform:translateX(16px)}
.bk-group-t[aria-expanded="true"]{color:var(--fg)}

/* страница машины: «Приведите друга» у цены, групповой выезд — ссылкой */
.ch-offer{display:inline-flex;align-items:center;margin-top:16px;padding:8px 14px 8px 16px;border-radius:var(--r-pill);color:#fff;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em;text-align:left;
  transition:transform 200ms var(--e-out),box-shadow var(--d-med) var(--e-out)}
.ch-offer svg{flex:none;width:10px;height:10px;margin-left:8px;transition:transform var(--d-fast) var(--e-out)}
@media (hover:hover) and (pointer:fine){.ch-offer:hover{box-shadow:0 10px 24px -12px rgba(61,90,241,.7)}.ch-offer:hover svg{transform:translateX(3px)}}
.ch-offer:active{transform:scale(.97);transition-duration:var(--d-press)}
.ch-group{margin-top:6px;font-size:15px}
.ch-group .more{display:inline;white-space:normal}
.ch-group .more svg{display:inline-block;vertical-align:baseline;margin-left:4px}
.ch-group .more::after{display:none}
.tile.cover .ch-offer{align-self:flex-start}

/* ---------------------------------------------------------------- движение */
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:none}}
@keyframes dot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
@keyframes pulse{from{transform:scale(1);opacity:.5}to{transform:scale(2.6);opacity:0}}
@keyframes okIn{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes draw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@keyframes heroIn{from{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes heroInY{from{transform:translateY(8px)}to{transform:none}}
@keyframes heroPic{from{opacity:.001;transform:translateY(16px)}to{opacity:1;transform:none}}
.spin{animation:spin .8s linear infinite}
@media (prefers-reduced-motion:no-preference){
  /* появление при прокрутке: 600 ms, 16 px, лесенка соседей (индекс ограничен в JS) */
  .js .rv{opacity:0;transform:translate3d(0,var(--rv-y),0);transition:opacity var(--d-reveal) var(--e-out),transform var(--d-reveal) var(--e-out);transition-delay:calc(var(--rv-i,0) * var(--stagger))}
  .js .rv.in{opacity:1;transform:none}
  /* у кликабельных плиток после появления нажатие должно отвечать сразу: задержку оставляем только у opacity */
  .js .rv.in.car,.js .rv.in.tile[href]{transition:opacity var(--d-reveal) var(--e-out) calc(var(--rv-i,0) * var(--stagger)),transform 200ms var(--e-out)}
  .hero-t>*{animation:heroIn 600ms var(--e-out) both}
  .hero-t h1{animation-name:heroInY}
  .hero-t .lead{animation-delay:60ms}.hero-t .hero-cta{animation-delay:120ms}.hero-t .trust{animation-delay:160ms}
  .hero .hero-pic{animation:heroPic 800ms var(--e-out) 120ms both}
  .bub.pop{animation:pop 420ms var(--e-spring) 140ms backwards}
  .bub.typing i{animation:dot 1s var(--e-inout) infinite}
  .bub.typing i:nth-child(2){animation-delay:.15s}.bub.typing i:nth-child(3){animation-delay:.3s}
  .map.in .pin::after{animation:pulse 2s var(--e-out) infinite}
  .inp.bad.shake{animation:shake 360ms var(--e-std)}
  .faq details[open] .faq-a,.cmp-m[open] dl{animation:fadeUp 360ms var(--e-out)}
  .done .ok{animation:okIn 450ms var(--e-spring) both}
  .done .ok path{stroke-dashoffset:24;animation:draw 450ms var(--e-out) 150ms forwards}
  .done>*:not(.ok){animation:fadeUp 500ms var(--e-out) both}
  .done>*:nth-child(2){animation-delay:120ms}.done>*:nth-child(3){animation-delay:180ms}.done>*:nth-child(4){animation-delay:240ms}.done>*:nth-child(n+5){animation-delay:300ms}
  .bk-step.appear{animation:fadeUp 360ms var(--e-out)}
  .times.appear .time{animation:pop 360ms var(--e-out) both}
  .times.appear .time:nth-child(2){animation-delay:25ms}.times.appear .time:nth-child(3){animation-delay:50ms}.times.appear .time:nth-child(4){animation-delay:75ms}
  .times.appear .time:nth-child(5){animation-delay:100ms}.times.appear .time:nth-child(6){animation-delay:125ms}.times.appear .time:nth-child(7){animation-delay:150ms}.times.appear .time:nth-child(n+8){animation-delay:175ms}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:360ms;animation-timing-function:var(--e-inout)}
}
@supports (animation-timeline:scroll()){
  @media (prefers-reduced-motion:no-preference){
    .hero .hero-pic img{animation:heroZoom linear both;animation-timeline:scroll(root);animation-range:0 70vh}
    @keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.06)}}
    /* заголовки секций: только сдвиг, без серой полупрозрачности */
    .sec-h h2{animation:h2In linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
    @keyframes h2In{from{transform:translateY(12px)}to{transform:none}}
  }
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .rv{opacity:1!important;transform:none!important}
}
@media print{
  .nav,.dock,.book,.chat,.menu-b{display:none!important}
  .sec{padding-top:24px;padding-bottom:24px;background:#fff!important;color:#000!important}
  .rv{opacity:1!important;transform:none!important}
}