/* ============================================================
   Восход-Моторс — LP автотехцентра (Белгород)
   Все значения — из DESIGN.md (корень проекта). Новое значение: сначала туда.
   ============================================================ */

/* шрифты локально (Google Fonts, OFL): Russo One — заголовки и суммы, IBM Plex Sans (вариативный 400–600) — текст.
   В Russo One нет знака ₽ — его отдаёт ibm-plex-sans-rub.woff2 через стек семейств */
@font-face{font-family:'Russo One';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/russo-one-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Russo One';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/russo-one-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/ibm-plex-sans-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/ibm-plex-sans-rub.woff2) format('woff2');unicode-range:U+20BD;}

:root{
  /* цвет */
  --c-paper:#f5ece1; --c-surface:#fffaf4; --c-cream:#f0d8c0;
  --c-ink:#14100e; --c-muted:#66594f; --c-line:#dccbb8;
  --c-night:#0f0d0c; --c-night-2:#1d1916; --c-on-dark:#f3e6d6; --c-on-dark-muted:#b3a394; --c-line-dark:rgba(243,230,214,.14);
  --c-red:#a3150b; --c-red-deep:#7e0f07; --c-on-red:#fff; --c-focus:#a3150b;
  /* шрифты */
  --f-display:'Russo One','IBM Plex Sans','Arial Black',sans-serif;
  --f-text:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* кегли */
  --fs-display:clamp(40px,4.2vw,64px); --fs-h2:clamp(30px,2.9vw,44px); --fs-h3:22px; --fs-sum:clamp(36px,3.4vw,52px);
  --fs-lede:19px; --fs-body:17px; --fs-small:15px; --fs-label:16px; --fs-caption:13px;
  /* отступы */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px; --sp-10:128px;
  /* радиусы */
  --r-control:8px; --r-box:14px; --r-overlay:18px; --r-pill:999px;
  /* движение */
  --m-small:180ms; --m-medium:260ms; --m-large:380ms;
  --m-ease:cubic-bezier(.2,0,0,1); --m-ease-exit:cubic-bezier(.3,0,1,1);
  /* interaction kit → роли проекта */
  --ui-press-down:70ms; --ui-release:460ms; --ui-hover:180ms; --ui-focus:140ms;
  --ui-focus-ring:var(--c-focus);
  --ui-highlight:rgb(255 255 255 / .22); --ui-highlight-on-light:rgb(20 16 14 / .10);
  /* раскладка */
  --container:1200px; --gutter:24px; --header-h:150px;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{margin:0;background:var(--c-paper);color:var(--c-ink);font:400 var(--fs-body)/1.55 var(--f-text);font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-x:clip;}
img,svg,video{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button,input,select,textarea{font:inherit;color:inherit;}
button{cursor:pointer;}
h1,h2,h3,p,ul,ol,figure,dl,dd{margin:0;}
ul,ol{padding:0;list-style:none;}
::selection{background:var(--c-red);color:#fff;}
:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;}
.on-dark :focus-visible{outline-color:var(--c-cream);}
[id]{scroll-margin-top:calc(var(--header-h) + 20px);}

.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter);}
@media (max-width:760px){:root{--gutter:16px;}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.num{font-variant-numeric:tabular-nums;}
.nowrap{white-space:nowrap;}

/* типографика по ролям */
.h2{font:400 var(--fs-h2)/1.08 var(--f-display);letter-spacing:-.005em;text-wrap:balance;}
.h3{font:400 var(--fs-h3)/1.2 var(--f-display);}
.lede{font-size:var(--fs-lede);line-height:1.5;color:var(--c-muted);max-width:52ch;}
.on-dark .lede{color:var(--c-on-dark-muted);}
.sec-head{display:grid;gap:var(--sp-4);margin-bottom:var(--sp-7);}

/* секции: интервалы чередуются (DESIGN.md → Spacing) */
.sec{padding:var(--sp-10) 0 var(--sp-9);}
.sec--tight{padding:var(--sp-9) 0 var(--sp-9);}
.on-dark{background:var(--c-night);color:var(--c-on-dark);}
.on-surface{background:var(--c-surface);}
@media (max-width:760px){.sec,.sec--tight{padding:var(--sp-8) 0;}.sec-head{margin-bottom:var(--sp-6);}}

/* ---------- кнопки (+ interaction kit: ui-press ui-focus) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:48px;padding:0 22px;border:0;border-radius:var(--r-control);font:600 var(--fs-label)/1 var(--f-text);white-space:nowrap;text-align:center;}
.btn-sm{height:40px;padding:0 16px;font-size:15px;}
.btn-lg{height:56px;padding:0 28px;font-size:17px;}
.btn-primary{background:var(--c-red);color:var(--c-on-red);}
.btn-dark{background:var(--c-night);color:var(--c-on-dark);}
.btn-ghost{background:transparent;color:var(--c-on-dark);box-shadow:inset 0 0 0 1px rgba(243,230,214,.5);}
.btn-light{background:var(--c-surface);color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-line);}
.btn svg{width:20px;height:20px;flex:none;}

/* ============================================================
   ШАПКА: промо-полоса + topbar + header — липкие одним блоком
   ============================================================ */
.site-header-wrap{position:sticky;top:0;z-index:100;}

.promo-strip{background:var(--c-red-deep);color:#fff;font-size:14px;}
.promo-strip .container{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);min-height:38px;}
.promo-strip button{flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;height:28px;border:0;background:rgba(255,255,255,.14);padding:0 12px;border-radius:var(--r-pill);color:#fff;font-weight:600;font-size:13.5px;}
.ps-short{display:none;}
@media (max-width:640px){.ps-long{display:none;}.ps-short{display:inline;}}
@media (max-width:380px){.ps-short{display:none;}}

.topbar{background:var(--c-night);font-size:13.5px;color:var(--c-on-dark-muted);}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:36px;}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:22px;min-width:0;}
.topbar-place{display:inline-flex;align-items:center;gap:var(--sp-2);white-space:nowrap;color:var(--c-on-dark);}
.topbar-place svg{width:14px;height:14px;color:var(--c-cream);}
.topbar-hours{white-space:nowrap;}
.topbar-route{color:var(--c-on-dark);white-space:nowrap;}
@media (max-width:820px){.topbar-hours{display:none;}}
@media (max-width:560px){.topbar-route{display:none;}.topbar-inner{justify-content:center;}}

header.site{background:rgba(255,250,244,.96);backdrop-filter:saturate(1.3) blur(10px);-webkit-backdrop-filter:saturate(1.3) blur(10px);border-bottom:1px solid var(--c-line);transition:box-shadow var(--m-small) var(--m-ease);}
.site-header-inner{display:flex;align-items:center;gap:var(--sp-5);height:76px;}
.brand{flex:none;display:flex;align-items:center;gap:var(--sp-3);}
.brand img{width:52px;height:52px;}
.brand-name{display:grid;gap:2px;line-height:1;}
.brand-name b{font:400 20px/1 var(--f-display);color:var(--c-ink);white-space:nowrap;}
.brand-name span{font-size:12.5px;color:var(--c-muted);white-space:nowrap;}
.main-nav{display:flex;gap:2px;margin-right:auto;}
.main-nav a{padding:8px 10px;font-size:15px;font-weight:500;color:var(--c-ink);border-radius:var(--r-control);white-space:nowrap;}
.header-actions{display:flex;align-items:center;gap:var(--sp-4);flex:none;}
.header-phone{display:flex;flex-direction:column;line-height:1.2;text-align:right;}
.header-phone-num{font-weight:600;font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.header-phone-sub{font-size:12px;color:var(--c-muted);white-space:nowrap;margin-top:2px;}
.burger{display:none;width:44px;height:44px;border:0;background:none;padding:10px;border-radius:var(--r-control);}
.burger svg{width:24px;height:24px;}
@media (max-width:1300px){.header-phone{display:none;}}
@media (max-width:1120px){.main-nav{display:none;}.burger{display:block;}.site-header-inner{justify-content:space-between;}.header-phone{display:flex;}}
@media (max-width:820px){.header-phone{display:none;}}
@media (max-width:760px){.header-actions .btn{display:none;}}
@media (max-width:480px){.brand img{width:44px;height:44px;}.brand-name b{font-size:18px;}.site-header-inner{height:66px;}}

/* ---------- QR → чат с Ладой в MAX / Telegram (только десктоп с hover) ---------- */
.header-qr{display:none;align-items:center;gap:var(--sp-2);}
@media (min-width:1301px) and (hover:hover){.header-qr{display:flex;}}
.header-max{position:relative;display:block;}
.qr-box{position:relative;display:block;width:56px;height:56px;}
.qr-box .qr{position:absolute;inset:6px;overflow:hidden;}
.qr-box .qr img{width:100%;height:100%;transition:opacity .16s ease;}
.qr-box .qr img.is-swapping{opacity:0;}
.qr-box .scan{position:absolute;left:0;right:0;top:0;height:2px;background:var(--c-red);animation:qr-scan 2.6s ease-in-out infinite;}
@keyframes qr-scan{0%,100%{transform:translateY(0);}50%{transform:translateY(42px);}}
@media (prefers-reduced-motion:reduce){.qr-box .scan{animation:none;opacity:0;}}
.qr-frame{position:absolute;inset:0;width:100%;height:100%;color:var(--c-muted);}
.header-max-pop{position:absolute;right:-8px;top:calc(100% + 14px);width:212px;padding:var(--sp-4);background:var(--c-surface);border-radius:var(--r-box);box-shadow:0 24px 60px -20px rgba(20,16,14,.45),0 0 0 1px rgba(20,16,14,.06);font-size:13px;line-height:1.35;color:var(--c-muted);text-align:center;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--m-small) var(--m-ease),transform var(--m-small) var(--m-ease),visibility 0s linear var(--m-small);}
.header-max-pop img{width:176px;height:176px;margin:0 auto 10px;}
.header-max:hover .header-max-pop,.header-max:focus-visible .header-max-pop{opacity:1;visibility:visible;transform:none;transition-delay:0s;}
.qr-switch{position:relative;display:flex;flex-direction:column;gap:2px;padding:2px;background:rgba(20,16,14,.06);border-radius:var(--r-pill);}
.qr-switch-thumb{position:absolute;left:2px;top:2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(20,16,14,.18);transition:transform 420ms var(--ui-spring-snap);}
.qr-switch[data-active="tg"] .qr-switch-thumb{transform:translateY(26px);}
.qr-switch button{position:relative;width:24px;height:24px;border:0;background:none;padding:0;display:flex;align-items:center;justify-content:center;color:var(--c-muted);}
.qr-switch button.active{color:var(--c-ink);}
.qr-switch svg{width:14px;height:14px;fill:currentColor;}
.qr-switch .ic-tg{transform:translate(-1px,.5px);}

/* ---------- мобильное меню ---------- */
.mobile-nav{position:fixed;inset:0;z-index:200;background:rgba(15,13,12,.5);opacity:0;visibility:hidden;transition:opacity var(--m-small) var(--m-ease),visibility 0s linear var(--m-small);overflow:hidden;}
.mobile-nav.open{opacity:1;visibility:visible;transition-delay:0s;}
.mobile-nav-panel{position:absolute;right:0;top:0;bottom:0;width:min(360px,88vw);background:var(--c-surface);padding:64px 24px 28px;display:flex;flex-direction:column;overflow-y:auto;transform:translateX(100%);transition:transform var(--m-medium) var(--m-ease);}
.mobile-nav.open .mobile-nav-panel{transform:none;}
.mobile-nav-close{position:absolute;right:14px;top:12px;width:44px;height:44px;border:0;background:none;padding:10px;border-radius:var(--r-control);}
.mobile-nav-close svg{width:24px;height:24px;}
.mobile-nav-panel .nav-link{padding:12px 0;font-size:17px;font-weight:500;border-bottom:1px solid var(--c-line);}
.mobile-nav-foot{margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);font-size:15px;color:var(--c-muted);}
.mobile-nav-foot .phone{font-size:21px;font-weight:600;color:var(--c-ink);}
.mobile-messengers{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);}
.mobile-messengers a{height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-control);background:var(--c-paper);font-weight:600;font-size:14.5px;color:var(--c-ink);}
.mobile-nav-foot .btn{border-bottom:0;}

/* ============================================================
   HERO: фото поста во весь экран + старт расчёта на спокойной части кадра
   ============================================================ */
.hero{position:relative;min-height:calc(100vh - var(--header-h));min-height:calc(100svh - var(--header-h));max-height:1100px;display:grid;grid-template-rows:1fr auto;overflow:hidden;background:var(--c-night);color:var(--c-on-dark);isolation:isolate;}
.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden;}
.hero-media picture,.hero-media img{width:100%;height:112%;object-fit:cover;object-position:30% 20%;}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,13,12,.9) 0%,rgba(15,13,12,.72) 38%,rgba(15,13,12,.15) 70%,rgba(15,13,12,.05) 100%),linear-gradient(0deg,rgba(15,13,12,.85) 0%,rgba(15,13,12,0) 30%);}
.hero-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--sp-7);align-items:center;padding-top:clamp(28px,5vh,72px);padding-bottom:clamp(24px,4vh,56px);}
.hero-text{display:grid;gap:var(--sp-5);max-width:640px;}
.hero h1{font:400 var(--fs-display)/1.02 var(--f-display);letter-spacing:-.01em;text-wrap:balance;color:#fff;}
.hero .lede{color:var(--c-on-dark);max-width:34ch;}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2);}

/* старт расчёта в hero: марка → модель → открыть калькулятор */
.hero-start{justify-self:end;width:100%;max-width:420px;padding:var(--sp-5);border-radius:var(--r-box);background:var(--c-night);box-shadow:inset 0 0 0 1px var(--c-line-dark);display:grid;gap:var(--sp-4);}
.hero-start .h3{color:#fff;}
.hs-label{font-size:14px;color:var(--c-on-dark-muted);margin-bottom:var(--sp-2);}
.hs-marks{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);}
.hs-marks button{height:44px;border:0;border-radius:var(--r-control);background:var(--c-night-2);color:var(--c-on-dark);font-weight:600;font-size:15px;}
.hs-marks button[aria-pressed="true"]{background:var(--c-red);color:#fff;}   /* один акцент в блоке: выбор и кнопка — оба красные (кремовый чип браковали) */
.hs-select{width:100%;height:48px;padding:0 40px 0 14px;border-radius:var(--r-control);border:0;background:var(--c-night-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3e6d6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/18px;color:var(--c-on-dark);appearance:none;-webkit-appearance:none;}
.hs-select option{color:var(--c-ink);background:#fff;}
.hero-start .btn{width:100%;}

/* факты снизу — тёмная полоса, слитая с фото градиентом */
.hero-bar{position:relative;border-top:1px solid var(--c-line-dark);}
.hero-bar ul{display:grid;grid-template-columns:repeat(4,1fr);}
.hero-bar li{display:grid;gap:2px;padding:var(--sp-4) var(--sp-5) var(--sp-5) 0;}
.hero-bar li + li{padding-left:var(--sp-5);border-left:1px solid var(--c-line-dark);}
.hero-bar b{font:400 20px/1.2 var(--f-display);color:#fff;}
.hero-bar span{font-size:14px;color:var(--c-on-dark-muted);}

@media (max-width:1120px){
  .hero-body{grid-template-columns:1fr;gap:var(--sp-6);align-content:center;}
  .hero-start{display:none;}
  .hero-bar ul{grid-template-columns:repeat(2,1fr);}
  .hero-bar li:nth-child(3){padding-left:0;border-left:0;}
  .hero-bar li:nth-child(n+3){border-top:1px solid var(--c-line-dark);}
}
@media (max-height:860px) and (min-width:1121px){
  .hero-body{padding-top:24px;padding-bottom:20px;}
  .hero-text{gap:var(--sp-4);}
  .hero h1{font-size:clamp(40px,7vh,60px);}
  .hero-start{padding:20px;gap:var(--sp-3);}
  .hero-bar li{padding-top:12px;padding-bottom:14px;}
}
@media (max-width:760px){
  .hero{min-height:calc(100svh - var(--header-h) - 70px);}   /* 70px — мобильная CTA-панель снизу */
  .hero-bar li:nth-child(n+3){display:none;}
  .hero-media picture,.hero-media img{object-position:50% 40%;height:100%;}
  .hero-media::after{background:linear-gradient(180deg,rgba(15,13,12,.55) 0%,rgba(15,13,12,.8) 45%,rgba(15,13,12,.95) 100%);}
  .hero-body{padding-top:var(--sp-6);padding-bottom:var(--sp-5);}
  .hero-actions .btn{flex:1 1 auto;}
  .hero-bar b{font-size:17px;}
  .hero-bar span{font-size:13px;}
  .hero-bar li{padding:var(--sp-3) var(--sp-3) var(--sp-4) 0;}
  .hero-bar li + li{padding-left:var(--sp-3);}
}

@media (max-width:400px){
  .hero h1{font-size:34px;}
  .hero .lede{font-size:17px;}
  .hero-text{gap:var(--sp-4);}
  .hero-actions{flex-wrap:nowrap;}
  .hero-actions .btn{flex:1 1 0;height:52px;padding:0 10px;font-size:15.5px;}
  .hero-bar b{font-size:15px;}
  .hero-bar span{font-size:12.5px;}
}

/* ============================================================
   КАЛЬКУЛЯТОР ТО — марка | модель | двигатель, ниже пробег ползунком,
   ниже наряд: «работы + запчасти» одной панелью и итог справа
   ============================================================ */
.calc{display:grid;gap:var(--sp-5);}
.calc-bar{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.6fr);gap:var(--sp-4);align-items:end;}
.calc-field{display:grid;gap:var(--sp-2);min-width:0;}
.calc-label{font-size:14px;font-weight:500;color:var(--c-muted);}
.chips{display:grid;gap:var(--sp-2);}
.chips--marks{grid-template-columns:repeat(3,minmax(104px,1fr));}
.chip{display:flex;align-items:center;justify-content:center;height:48px;padding:0 14px;border:0;border-radius:var(--r-control);background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line);color:var(--c-ink);font-weight:500;font-size:15px;}
.chip[aria-pressed="true"]{background:var(--c-red);box-shadow:none;color:#fff;font-weight:600;}
.calc-select{width:100%;height:48px;padding:0 40px 0 14px;border-radius:var(--r-control);border:0;box-shadow:inset 0 0 0 1px var(--c-line);background:var(--c-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314100e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/18px;appearance:none;-webkit-appearance:none;font-size:15px;text-overflow:ellipsis;}
.calc-field.is-off{opacity:.45;pointer-events:none;}

/* пробег: «ТО-N» + км крупно, ползунок, подписи каждые 50 тыс. */
.calc-run{gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) var(--sp-5);background:var(--c-surface);border-radius:var(--r-box);box-shadow:inset 0 0 0 1px var(--c-line);}
.calc-run-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);}
.calc-run-val{display:flex;align-items:center;gap:var(--sp-3);}
.calc-run-val b{font:400 28px/1 var(--f-display);font-variant-numeric:tabular-nums;white-space:nowrap;}
.calc-run-to{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:var(--r-control);background:var(--c-red);color:#fff;font:400 15px/1 var(--f-display);}
.calc-range{width:100%;height:28px;margin:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:var(--r-pill);}
.calc-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--c-red) var(--p,0%),var(--c-line) var(--p,0%));}
.calc-range::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--c-red) var(--p,0%),var(--c-line) var(--p,0%));}
.calc-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 6px var(--c-red) inset,0 2px 6px rgba(20,16,14,.25);transition:transform var(--ui-release) var(--ui-spring-pop);}
.calc-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 6px var(--c-red) inset,0 2px 6px rgba(20,16,14,.25);}
.calc-range:active::-webkit-slider-thumb{transform:scale(1.12);transition-duration:var(--ui-press-down);}
.calc-range:disabled{cursor:default;}
.calc-run-scale{position:relative;height:16px;font-size:12.5px;color:var(--c-muted);font-variant-numeric:tabular-nums;}
.calc-run-scale span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;}
.calc-run-scale span:first-child{transform:translateX(-11px);}
.calc-run-scale span:last-child:not(:first-child){transform:translateX(calc(-100% + 11px));}

/* наряд: одна светлая панель (работы | запчасти) + тёмный итог */
.order-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);background:var(--c-surface);border-radius:var(--r-box);box-shadow:0 0 0 1px var(--c-line);overflow:hidden;}
.order-list{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--sp-6);padding:var(--sp-6);align-content:start;}
.order-list[hidden]{display:none;}
.order-col{display:grid;align-content:start;gap:var(--sp-3);}
.order-col h3{font:600 14px/1.3 var(--f-text);color:var(--c-muted);padding-bottom:var(--sp-3);border-bottom:1px solid var(--c-line);}
.order-col ul{display:grid;gap:10px;}
.order-col li{display:grid;grid-template-columns:8px minmax(0,1fr);gap:var(--sp-3);font-size:16px;line-height:1.35;}
.order-col li::before{content:"";width:8px;height:8px;margin-top:6px;background:var(--c-red);}
.order-total{background:var(--c-ink);color:var(--c-on-dark);padding:var(--sp-6);display:grid;align-content:space-between;gap:var(--sp-5);}
.order-total .ot-title{display:grid;gap:4px;}
.order-total .ot-title b{font:400 28px/1 var(--f-display);}
.order-total .ot-title span{font-size:15px;color:var(--c-on-dark-muted);}
.order-total .ot-car{font-size:14px;color:var(--c-on-dark-muted);line-height:1.4;}
.order-total .ot-sum{font:400 var(--fs-sum)/1 var(--f-display);font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;}
.order-total .ot-note{font-size:var(--fs-caption);color:var(--c-on-dark-muted);margin-top:6px;}
.order-total .btn{width:100%;}
.order-stage{display:grid;}
.order-stage > *{grid-area:1 / 1;transition:opacity var(--m-small) var(--m-ease),visibility 0s linear var(--m-small);}
.order-stage > [hidden]{display:grid;opacity:0;visibility:hidden;pointer-events:none;}
.order-card.is-ask{grid-template-columns:1fr;}
.order-card.is-ask .order-total{grid-template-columns:minmax(0,1fr) auto;align-items:end;}
.order-card.is-ask .order-total .btn{width:auto;}

@media (max-width:1180px){
  .calc-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .calc-bar .calc-field:first-child{grid-column:1 / -1;}
  .order-card{grid-template-columns:1fr;}
  .order-total{grid-template-columns:minmax(0,1fr) auto;align-items:end;}
  .order-total .btn{width:auto;}
}
@media (max-width:640px){
  .calc-bar{grid-template-columns:1fr;}
  .chips--marks{grid-template-columns:repeat(3,minmax(0,1fr));}
  .calc-run{padding:var(--sp-4);}
  .calc-run-val b{font-size:24px;}
  .order-list{grid-template-columns:1fr;gap:var(--sp-5);padding:var(--sp-5) var(--sp-4);}
  .order-total,.order-card.is-ask .order-total{grid-template-columns:1fr;padding:var(--sp-5) var(--sp-4);}
  .order-total .btn,.order-card.is-ask .order-total .btn{width:100%;}
}

/* ============================================================
   ЦЕНЫ — заказ-наряд на тёмном + лучи из эмблемы у края
   ============================================================ */
.prices{position:relative;overflow:hidden;}
.prices-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--sp-8);align-items:stretch;}
.prices-side{display:flex;flex-direction:column;}
.sunrise{width:min(440px,100%);height:auto;margin-top:auto;margin-bottom:calc(var(--sp-9) * -1);padding-top:var(--sp-6);color:var(--c-red);}
.prices .sec-head{margin-bottom:0;}
.prices-cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-6);}
.order{border-top:1px solid var(--c-line-dark);}
.order li{display:flex;align-items:baseline;gap:var(--sp-3);padding:18px 0;border-bottom:1px solid var(--c-line-dark);}
.order li span{font-size:18px;}
.order li i{flex:1;min-width:24px;border-bottom:2px dotted rgba(243,230,214,.28);transform:translateY(-5px);}
.order li b{font:400 24px/1 var(--f-display);font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;}
.order-note{margin-top:var(--sp-4);font-size:14px;color:var(--c-on-dark-muted);max-width:56ch;}
@media (max-width:960px){.prices-grid{grid-template-columns:1fr;gap:var(--sp-6);}.sunrise{display:none;}}
@media (max-width:480px){.order li span{font-size:16px;}.order li b{font-size:19px;}}

/* ============================================================
   ГАРАНТИЯ — диптих: фото + утверждение и три пункта
   ============================================================ */
.warranty{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--sp-8);align-items:center;}
.warranty-photo{border-radius:var(--r-box);overflow:hidden;aspect-ratio:4 / 5;background:var(--c-night-2);}
.warranty-photo img{width:100%;height:100%;object-fit:cover;}
.warranty-text{display:grid;gap:var(--sp-6);}
.facts{display:grid;gap:0;border-top:1px solid var(--c-line);}
.facts li{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:var(--sp-5);padding:var(--sp-5) 0;border-bottom:1px solid var(--c-line);}
.facts b{font:400 19px/1.25 var(--f-display);}
.facts p{color:var(--c-muted);font-size:16px;}
@media (max-width:960px){.warranty{grid-template-columns:1fr;gap:var(--sp-6);}.warranty-photo{aspect-ratio:16 / 10;}}
@media (max-width:640px){.facts li{grid-template-columns:1fr;gap:var(--sp-2);}}

/* ============================================================
   МАРКИ — указатель: ведущие крупно, остальные колонками
   ============================================================ */
.brands-lead{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:var(--sp-6);padding-bottom:var(--sp-6);border-bottom:1px solid var(--c-line);}
.brands-lead li{display:flex;align-items:center;justify-content:center;height:clamp(96px,10vw,140px);}
.brands-lead li + li{border-left:1px solid var(--c-line);}
/* оригинальные логотипы (Wikimedia, вектор), размеры подогнаны оптически: стопки эмблема+надпись по высоте, Haval — по ширине */
.brands-lead img{display:block;width:auto;max-width:80%;}
.brands-lead .bl-geely{height:clamp(56px,6vw,84px);}
.brands-lead .bl-chery{height:clamp(52px,5.6vw,78px);}
.brands-lead .bl-haval{height:auto;width:clamp(150px,16vw,230px);}
.brands-all{columns:6 150px;column-gap:var(--sp-5);font-size:var(--fs-small);color:var(--c-muted);}
.brands-all li{padding:3px 0;break-inside:avoid;}
@media (max-width:480px){.brands-all{columns:2;}.brands-lead li{height:80px;}.brands-lead .bl-geely{height:44px;}.brands-lead .bl-chery{height:40px;}.brands-lead .bl-haval{width:92px;}}

/* ============================================================
   СЕРВИС ИЗНУТРИ — мозаика реальных фото + отзыв
   ============================================================ */
.mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(120px,15vw);gap:var(--sp-3);}
@media (min-width:1300px){.mosaic{grid-auto-rows:200px;}}
.mosaic button{position:relative;padding:0;border:0;border-radius:var(--r-box);overflow:hidden;background:var(--c-night-2);}
.mosaic img{width:100%;height:100%;object-fit:cover;transition:transform var(--m-large) var(--m-ease);}
@media (hover:hover){.mosaic button:hover img{transform:scale(1.03);}}
.mosaic figcaption{position:absolute;left:var(--sp-3);bottom:var(--sp-3);padding:4px 10px;border-radius:var(--r-control);background:rgba(15,13,12,.72);color:var(--c-on-dark);font-size:13.5px;}
.m-a{grid-column:1 / 8;grid-row:span 2;}
.m-b{grid-column:8 / 13;grid-row:span 2;}
.m-c{grid-column:1 / 5;grid-row:span 2;}
.m-d{grid-column:5 / 9;grid-row:span 2;}
.m-e{grid-column:9 / 13;grid-row:span 2;}
.service-foot{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--sp-7);margin-top:var(--sp-7);align-items:start;}
.review{display:grid;gap:var(--sp-3);}
.review blockquote{margin:0;font:400 clamp(22px,2vw,28px)/1.3 var(--f-display);text-wrap:pretty;}
.review cite{font-style:normal;font-size:14px;color:var(--c-muted);}
.amenities{display:grid;gap:0;border-top:1px solid var(--c-line);}
.amenities li{display:flex;align-items:center;gap:var(--sp-3);padding:12px 0;border-bottom:1px solid var(--c-line);font-size:16px;}
.amenities svg{width:20px;height:20px;flex:none;color:var(--c-red);}
@media (max-width:760px){
  .mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:44vw;}
  .m-a{grid-column:1 / 3;grid-row:span 1;}
  .m-b,.m-c,.m-d,.m-e{grid-column:auto;grid-row:span 1;}
  .m-e{grid-column:1 / 3;}
  .service-foot{grid-template-columns:1fr;gap:var(--sp-6);}
}

/* ---------- FAQ ---------- */
.faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--sp-8);align-items:start;}
.faq-list{border-top:1px solid var(--c-line);}
.faq-item{border-bottom:1px solid var(--c-line);}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:20px 0;border:0;background:none;text-align:left;font-weight:600;font-size:18px;line-height:1.35;border-radius:0;}
.faq-q svg{width:22px;height:22px;flex:none;color:var(--c-red);transition:transform var(--m-medium) var(--ui-spring-snap);}
.faq-item.open .faq-q svg{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height var(--m-medium) var(--m-ease);}
.faq-a-inner{padding:0 0 22px;color:var(--c-muted);max-width:62ch;}
@media (max-width:960px){.faq-grid{grid-template-columns:1fr;gap:var(--sp-5);}}
@media (max-width:480px){.faq-q{font-size:16.5px;}}

/* ============================================================
   ЗАПИСЬ — форма + контакты и карта (конец страницы = действие)
   ============================================================ */
.lead{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--sp-7);align-items:stretch;}
.lead-form{background:var(--c-surface);border-radius:var(--r-box);box-shadow:0 0 0 1px var(--c-line);padding:var(--sp-6);display:grid;}
.lead-stage{grid-area:1 / 1;display:grid;gap:var(--sp-4);align-content:start;transition:opacity var(--m-small) var(--m-ease);}
.lead-stage[hidden]{display:grid;opacity:0;visibility:hidden;pointer-events:none;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);}
.field{display:grid;gap:6px;}
.field--wide{grid-column:1 / -1;}
.field label{font-size:14px;font-weight:500;color:var(--c-muted);}
.field input,.field textarea{width:100%;height:52px;padding:0 14px;border:0;border-radius:var(--r-control);background:#fff;box-shadow:inset 0 0 0 1px var(--c-line);font-size:16px;}
.field textarea{height:auto;min-height:88px;padding:12px 14px;resize:vertical;}
.field input:focus,.field textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--c-red);}
.field-err{display:none;font-size:13px;color:var(--c-red);}
.field.invalid input,.field.invalid textarea{box-shadow:inset 0 0 0 2px var(--c-red);}
.field.invalid .field-err{display:block;}
.form-calc{display:none;padding:12px 14px;border-radius:var(--r-control);background:var(--c-paper);font-size:14.5px;line-height:1.4;}
.form-calc.show{display:block;}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.4;color:var(--c-muted);}
.consent input{width:20px;height:20px;flex:none;margin:0;accent-color:var(--c-red);}
.consent a{text-decoration:underline;text-underline-offset:2px;}
.consent.invalid{color:var(--c-red);}
.form-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.form-error{padding:12px 14px;border-radius:var(--r-control);background:#fbe9e6;color:var(--c-red-deep);font-size:14.5px;}
.form-success{display:grid;align-content:center;justify-items:start;gap:var(--sp-3);min-height:100%;}
.form-success svg{width:44px;height:44px;color:var(--c-red);}
.lead-info{display:grid;grid-template-rows:auto 1fr;gap:var(--sp-5);}
.contacts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:var(--sp-5) var(--sp-6);}
.contacts dt{font-size:14px;color:var(--c-muted);margin-bottom:4px;}
.contacts dd{font-size:18px;font-weight:600;line-height:1.35;}
.contacts dd a{font-variant-numeric:tabular-nums;}
.map{position:relative;min-height:300px;border-radius:var(--r-box);overflow:hidden;background:var(--c-night-2);box-shadow:0 0 0 1px var(--c-line);}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
@media (max-width:960px){.lead{grid-template-columns:1fr;}}
@media (max-width:560px){.form-grid{grid-template-columns:1fr;}.lead-form{padding:var(--sp-5) var(--sp-4);}.contacts{grid-template-columns:1fr;}}

/* ---------- подвал ---------- */
.site-footer{background:var(--c-night);color:var(--c-on-dark-muted);padding:var(--sp-8) 0 calc(var(--sp-6));font-size:14.5px;}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:var(--sp-7);}
.footer-brand{display:grid;gap:var(--sp-4);align-content:start;}
.footer-brand .brand-name b{color:#fff;}
.footer-brand .brand-name span{color:var(--c-on-dark-muted);}
.footer-col{display:grid;gap:10px;align-content:start;}
.footer-col h3{font:600 14px/1.3 var(--f-text);color:var(--c-on-dark);margin-bottom:4px;}
.footer-col a:hover{color:#fff;}
.footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-7);padding-top:var(--sp-5);padding-right:120px;border-top:1px solid var(--c-line-dark);font-size:13px;}
.footer-base a{color:var(--c-on-dark-muted);text-decoration:underline;text-underline-offset:2px;}
.rating-badge{width:150px;height:50px;border:0;}
@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr;}.footer-brand{grid-column:1 / -1;}}
@media (max-width:480px){.footer-grid{grid-template-columns:1fr;}}

/* ---------- лайтбокс ---------- */
.lightbox{position:fixed;inset:0;z-index:10050;background:rgba(15,13,12,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;}
.lightbox.open{opacity:1;visibility:visible;}
.lightbox > img{max-width:calc(100vw - 160px);max-height:calc(100vh - 170px);object-fit:contain;}
.lightbox.has-thumbs > img{max-height:calc(100vh - 210px);}
.lb-btn{position:absolute;width:52px;height:52px;border:0;border-radius:50%;background:rgba(243,230,214,.1);color:#fff;display:flex;align-items:center;justify-content:center;}
.lb-btn svg{width:22px;height:22px;}
.lb-close{top:18px;right:18px;}
.lb-prev{left:22px;top:50%;margin-top:-26px;}
.lb-next{right:22px;top:50%;margin-top:-26px;}
.lb-counter{position:absolute;top:30px;left:28px;font-size:13px;color:var(--c-on-dark-muted);}
.lb-thumbs{display:flex;gap:6px;margin-top:18px;max-width:calc(100vw - 40px);overflow-x:auto;padding:4px;}
.lb-thumbs button{flex:none;border:0;padding:0;border-radius:4px;overflow:hidden;opacity:.45;background:none;outline:2px solid transparent;}
.lb-thumbs button.active{opacity:1;outline-color:var(--c-red);}
.lb-thumbs img{width:72px;height:48px;object-fit:cover;}
@media (max-width:760px){.lightbox > img{max-width:100vw;max-height:calc(100vh - 220px);}.lb-prev,.lb-next{top:auto;bottom:96px;margin:0;}}

/* ---------- мобильная CTA-панель ---------- */
.mobile-cta{display:none;}
@media (max-width:760px){
  .mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:1fr 1.3fr;gap:var(--sp-2);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,250,244,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -10px 30px -20px rgba(20,16,14,.5);}
  .mobile-cta .btn{height:48px;}
  body{padding-bottom:70px;}
}

/* ---------- уведомление о куки (main.js) ---------- */
.cookie-bar{position:fixed;left:20px;bottom:20px;z-index:9000;max-width:560px;display:flex;align-items:center;gap:14px;padding:14px 14px 14px 16px;background:var(--c-surface);border-radius:var(--r-box);box-shadow:0 20px 50px -18px rgba(20,16,14,.45),0 0 0 1px rgba(20,16,14,.06);font-size:13px;line-height:1.4;color:var(--c-muted);opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;}
.cookie-bar.show{opacity:1;transform:none;}
.cookie-bar a{color:var(--c-ink);text-decoration:underline;text-underline-offset:2px;}
.cookie-bar__icon{flex:none;font-size:20px;line-height:1;}
.cookie-bar__text{flex:1;min-width:0;margin:0;text-wrap:balance;}
.cookie-bar__text a{white-space:nowrap;}
.ck-short{display:none;}
.cookie-bar__close{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:var(--c-paper);display:flex;align-items:center;justify-content:center;}
.cookie-bar__close svg{width:14px;height:14px;}
@media (max-width:760px){.cookie-bar{left:12px;right:12px;bottom:80px;max-width:none;padding:12px 12px 12px 14px;}}
@media (max-width:560px){.ck-long{display:none;}.ck-short{display:inline;}.cookie-bar__text{font-size:13.5px;line-height:1.4;}}
@media (max-width:360px){.cookie-bar{gap:10px;padding-left:12px;}.cookie-bar__icon{font-size:18px;}.cookie-bar__text{font-size:12.5px;}}

/* ---------- кастомный скроллбар страницы (main.js) ---------- */
html.custom-scroll{scrollbar-width:none;}
html.custom-scroll::-webkit-scrollbar{display:none;}
.page-scrollbar{position:fixed;right:2px;top:4px;bottom:4px;width:10px;z-index:10000;opacity:0;transition:opacity .35s ease;}
.page-scrollbar.visible,.page-scrollbar.dragging{opacity:1;}
.page-scrollbar.none{display:none;}
.page-scrollbar-thumb{position:absolute;left:3px;right:3px;top:0;border-radius:4px;background:rgba(20,16,14,.42);cursor:grab;transition:left .15s ease,right .15s ease,background .15s ease;}
.page-scrollbar:hover .page-scrollbar-thumb,.page-scrollbar.dragging .page-scrollbar-thumb{left:1px;right:1px;background:var(--c-red);}
html.lb-open .page-scrollbar{display:none;}

@media (prefers-reduced-motion:reduce){
  .mosaic img,.faq-a,.faq-q svg,.mobile-nav-panel{transition:none;}
}

/* надпись «Спросить Ладу» у кружка не перекрывает полосу фактов hero (в промо-полосе есть та же кнопка) */
html.hero-bar-in #lada-cta{opacity:0;visibility:hidden;pointer-events:none;}

/* ---------- отклик ссылок и мелких контролов (motion_probe): только цвет, без подчёркивания и обводки ---------- */
.consent input{transition:transform var(--ui-release) var(--ui-spring-pop);}
.consent input:active{transform:scale(.86);transition-duration:var(--ui-press-down);}
.consent a,.calc-more,.faq-q,.main-nav a,.topbar-route,.header-phone,.contacts dd a,.footer-col a,.brand{transition:color var(--ui-hover) var(--ui-ease-color),opacity 320ms var(--ui-ease-out),outline-offset var(--ui-focus) var(--ui-ease-out),outline-color var(--ui-focus) var(--ui-ease-out);}
.consent a:active{opacity:.6;transition-duration:40ms;}
@media (hover:hover) and (pointer:fine){
  .main-nav a:hover,.header-phone:hover,.contacts dd a:hover,.faq-q:hover,.consent a:hover{color:var(--c-red);}
  .calc-more:hover{color:var(--c-red-deep);}
  .topbar-route:hover,.footer-col a:hover,.site-footer .brand:hover .brand-name b{color:#fff;}
  .topbar-route:hover{color:var(--c-cream);}
  .brand:hover .brand-name b{color:var(--c-red);}
  .site-footer .brand:hover .brand-name b{color:var(--c-cream);}
}

@media (max-width:640px){.order-card.is-ask .order-total{grid-template-columns:1fr;}.order-card.is-ask .order-total .btn{width:100%;}}
@media (max-width:760px){.footer-base{padding-right:0;}}

/* отклик нажатия у виджета Лады и плашки мессенджеров (они вне interaction kit) */
#lada-widget #lada-bubble,#lada-widget #lada-cta,body .msgr a{transition:transform var(--ui-release) var(--ui-spring-pop),background-color var(--ui-hover) var(--ui-ease-color),opacity .2s ease,visibility .2s ease;}
#lada-widget #lada-launcher #lada-bubble:active,#lada-widget #lada-launcher #lada-cta:active,body .msgr a:active{transform:scale(.94);transition-duration:var(--ui-press-down);}

/* низкие экраны ноутбуков (1366×768, 1280×720): калькулятор должен помещаться под липкой шапкой целиком */
@media (max-height:860px) and (min-width:1021px){
  .calc{gap:var(--sp-3);}
  .calc-bar{gap:var(--sp-3);}
  .calc-field{gap:6px;}
  .chip,.calc-select{height:42px;}
  .calc-run{padding:var(--sp-3) var(--sp-5) var(--sp-4);gap:var(--sp-2);}
  .calc-run-val b{font-size:24px;}
  .order-list{padding:var(--sp-4) var(--sp-5);gap:var(--sp-5);}
  .order-col{gap:var(--sp-2);}
  .order-col h3{padding-bottom:var(--sp-2);}
  .order-col ul{gap:6px;}
  .order-col li{font-size:15px;}
  .order-total{padding:var(--sp-4) var(--sp-5);gap:var(--sp-3);}
  .order-total .ot-title b{font-size:24px;}
  .order-total .ot-sum{font-size:44px;}
  .order-total .btn-lg{height:48px;}
}


/* ---------- восход в секции цен: солнце стоит на линии горизонта и один раз поднимается,
   когда секция показывается (main.js ставит .sun-ready, затем .is-up). Без JS и при reduced motion — сразу на месте ---------- */
.prices{position:relative;}
.prices::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(243,230,214,.22);pointer-events:none;}
.sunrise{overflow:hidden;}
.sunrise .sun-rays,.sunrise .sun-disc{transform-box:view-box;transform-origin:220px 200px;}
.sunrise.sun-ready .sun-disc{transform:translateY(64px);}
.sunrise.sun-ready .sun-rays{transform:translateY(64px) scale(.72);opacity:0;}
.sunrise.sun-ready.is-up .sun-disc{transform:none;transition:transform 900ms cubic-bezier(.05,.7,.1,1);}
.sunrise.sun-ready.is-up .sun-rays{transform:none;opacity:1;transition:transform 1100ms cubic-bezier(.05,.7,.1,1) 120ms,opacity 500ms var(--m-ease) 120ms;}
@media (prefers-reduced-motion:reduce){.sunrise.sun-ready .sun-disc,.sunrise.sun-ready .sun-rays{transform:none;opacity:1;transition:none;}}
@media (max-width:480px){.review blockquote{font-size:19px;}}