/* ============================================================
   Цифровая Рентгенография — РЕДИЗАЙН «Защита»
   Премиум-клиника · доверие/надёжность · медицинская палитра.
   Дизайн-система: Golos Text + Inter + JetBrains Mono.
   Сигнатура: «ореол защиты» (мягкая дуга вокруг товара).
   ============================================================ */

:root{
  /* === Цвета (медицинская, доверительная) === */
  --paper:#F7F5F1;        /* тёплый белый — фон */
  --paper-2:#FFFFFF;      /* карточки */
  --mist:#E9EDF0;         /* клиническая дымка — альт-секции */
  --ink:#16181C;          /* основной текст */
  --steel:#5B6470;        /* вторичный текст */
  --line:#E4E0D8;         /* хайрлайны на бумаге */
  --line-2:#D7D2C8;
  --crimson:#BE1E3C;      /* акцент — от фартука Kiran */
  --crimson-deep:#9A1730;
  --deep:#181B20;         /* тёмная секция (контраст/премиум) */
  --deep-2:#23272E;
  --ok:#1F8A60;           /* «подтверждено/сертифицировано» */

  /* === Типографика === */
  --f-head:'Golos Text',system-ui,sans-serif;
  --f-body:'Inter',system-ui,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,monospace;

  --fs-hero:clamp(2.4rem,1.4rem + 4.6vw,4.6rem);
  --fs-h2:clamp(1.7rem,1.2rem + 2.2vw,2.8rem);
  --fs-h3:clamp(1.2rem,1.05rem + .8vw,1.6rem);
  --fs-base:clamp(1rem,.97rem + .18vw,1.1rem);
  --fs-sm:.9rem;
  --eyebrow:.74rem;

  --maxw:1240px;
  --r:18px; --r-sm:11px; --r-lg:26px;
  --sp:clamp(3.2rem,6vw,7rem);   /* вертикальный ритм секции */
  --shadow:0 4px 18px rgba(22,24,28,.06);
  --shadow-lg:0 24px 60px rgba(22,24,28,.13);
  --ease:cubic-bezier(.22,.61,.36,1);
  --z-header:600; --z-mega:650; --z-modal:1000;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:hidden;scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:light;
  scroll-padding-top:96px}
body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:var(--fs-base);
  line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,video,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:800;line-height:1.08;letter-spacing:-.02em}
::selection{background:var(--crimson);color:#fff}

.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.1rem,4vw,2.4rem)}
.section{padding:var(--sp) 0}
.section--mist{background:var(--mist)}
.section--deep{background:var(--deep);color:#EDEEF0}
.section--deep h1,.section--deep h2,.section--deep h3{color:#fff}
.section--deep .lead,.section--deep .muted{color:#AEB4BD}

/* eyebrow — надстрочник моноширинный (приборная правда) */
.kicker{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f-mono);font-size:var(--eyebrow);
  font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--crimson);margin-bottom:1rem}
.kicker::before{content:"";width:18px;height:1.5px;background:var(--crimson)}
.section--deep .kicker{color:#FF6B82}
.section--deep .kicker::before{background:#FF6B82}

.section-head{max-width:62ch;margin-bottom:clamp(1.8rem,3.5vw,3rem)}
.section-head h2{font-size:var(--fs-h2)}
.lead{font-size:var(--fs-h3);color:var(--steel);font-weight:400;font-family:var(--f-body);line-height:1.45}
.muted{color:var(--steel)}
.center{text-align:center;margin-inline:auto}

/* ---------- Кнопки ---------- */
.btn{display:inline-flex;align-items:center;gap:.55rem;justify-content:center;padding:.95rem 1.6rem;
  border-radius:999px;font-weight:600;font-size:var(--fs-sm);min-height:52px;letter-spacing:-.01em;
  transition:transform .2s var(--ease),box-shadow .25s var(--ease),background .2s}
.btn-primary{background:var(--crimson);color:#fff;box-shadow:0 10px 24px rgba(190,30,60,.26)}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line-2)}
.section--deep .btn-ghost{color:#fff;border-color:rgba(255,255,255,.3)}
@media (hover:hover) and (pointer:fine){
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(190,30,60,.34);background:var(--crimson-deep)}
  .btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}
  .section--deep .btn-ghost:hover{border-color:#fff}
}

/* контакт-кнопки (без форм) */
.contact-buttons{display:flex;flex-wrap:wrap;gap:.6rem}
.cbtn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;border-radius:999px;font-weight:600;
  font-size:var(--fs-sm);min-height:48px;border:1.5px solid var(--line-2);background:var(--paper-2);color:var(--ink)}
.cbtn .ic{display:inline-flex}.cbtn .ic svg{width:19px;height:19px}
.cbtn--call{background:var(--crimson);color:#fff;border-color:var(--crimson)}
@media (hover:hover) and (pointer:fine){.cbtn:hover{transform:translateY(-1px);border-color:var(--ink)}.cbtn--call:hover{background:var(--crimson-deep);border-color:var(--crimson-deep)}}

/* ---------- Header + мега-меню ---------- */
.site-header{position:sticky;top:0;z-index:var(--z-header);background:rgba(247,245,241,.82);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid var(--line)}
.hbar{display:flex;align-items:center;gap:1.4rem;min-height:74px}
.brand{display:flex;align-items:center;gap:.6rem;flex:none}
.brand .logo{height:40px;width:auto}
.nav{display:none;align-items:center;gap:.2rem;margin-left:.4rem}
.nav a,.nav .navitem{padding:.6rem .8rem;border-radius:10px;font-size:.95rem;font-weight:500;color:var(--ink);
  position:relative}
.nav a::after,.nav .navitem::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.45rem;height:1.5px;
  background:var(--crimson);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
@media (hover:hover) and (pointer:fine){.nav a:hover::after,.nav .navitem:hover::after,.has-mega:hover .navitem::after{transform:scaleX(1)}}
.header-spacer{margin-left:auto}
.header-cta{display:none;align-items:center;gap:1rem}
.header-phone{font-family:var(--f-mono);font-weight:500;font-size:.92rem;white-space:nowrap;letter-spacing:-.02em}

/* мега-меню: Направления → сразу категории */
.has-mega{position:static}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--paper-2);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:.22s var(--ease);z-index:var(--z-mega)}
.has-mega:hover .mega,.has-mega:focus-within .mega,.mega:hover{opacity:1;visibility:visible;transform:translateY(0)}
.mega-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:1.6rem;padding:2rem 0 2.2rem}
.mega-col h4{font-size:.8rem;font-family:var(--f-mono);font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  color:var(--steel);margin-bottom:.9rem}
.mega-col a{display:block;padding:.4rem 0;font-weight:600;font-size:.98rem;color:var(--ink);border:0}
.mega-col a small{display:block;font-weight:400;font-size:.8rem;color:var(--steel)}
@media (hover:hover){.mega-col a:hover{color:var(--crimson)}}
.mega-feature{background:var(--mist);border-radius:var(--r);padding:1.3rem}
.mega-feature .kicker{margin-bottom:.5rem}
.mega-feature p{font-size:.9rem;color:var(--steel);margin:.3rem 0 .9rem}

.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;
  margin-left:auto;align-items:center}
.burger span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:.25s var(--ease)}
.burger.x span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.x span:nth-child(2){opacity:0}
.burger.x span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{position:fixed;inset:0;z-index:var(--z-modal);background:var(--paper);clip-path:inset(0 0 0 100%);
  transition:clip-path .35s var(--ease);padding:90px clamp(1.2rem,6vw,2rem) 2rem;overflow-y:auto}
.mobile-nav.open{clip-path:inset(0)}
.mobile-nav .mlabel{font-family:var(--f-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;
  color:var(--steel);margin:1.2rem 0 .5rem}
.mobile-nav a{display:block;padding:.55rem 0;font-size:1.12rem;font-weight:700}
.mobile-nav a small{display:block;font-size:.82rem;font-weight:400;color:var(--steel)}

/* ---------- Ribbon (кросс-компания) ---------- */
.ribbon{background:var(--deep);color:#D7Dadf}
.ribbon .container{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;padding-block:.7rem;font-size:.86rem}
.ribbon b{color:#fff}
.ribbon .rlinks{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin-left:auto}
.ribbon .rlinks a{font-weight:600;color:#FF8A9C;border-bottom:1px solid transparent}
@media(hover:hover){.ribbon .rlinks a:hover{border-color:currentColor}}

/* ---------- Hero + ореол защиты ---------- */
.hero{position:relative;padding:clamp(2.4rem,5vw,4.5rem) 0 clamp(2.6rem,5vw,4.5rem);overflow:hidden}
.hero-inner{display:grid;gap:clamp(1.8rem,4vw,3.4rem);align-items:center;position:relative;z-index:1}
@media(min-width:920px){.hero-inner{grid-template-columns:1.06fr .94fr}}
.hero h1{font-size:var(--fs-hero);letter-spacing:-.03em;margin-bottom:1.2rem}
.hero h1 .ac{color:var(--crimson)}
.hero .lead{margin-bottom:1.8rem;max-width:50ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.6rem}
.microtrust{display:flex;flex-wrap:wrap;gap:.5rem .8rem}
.microtrust span{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;color:var(--ink);
  background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:.4rem .8rem}
.microtrust span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}

/* визуал hero — фото товара в «ореоле защиты» */
.hero-visual{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.hero-halo{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 50% 46%,rgba(190,30,60,.16),rgba(190,30,60,.05) 42%,transparent 66%)}
.hero-halo::before,.hero-halo::after{content:"";position:absolute;inset:8%;border-radius:50%;
  border:1.5px solid rgba(190,30,60,.18)}
.hero-halo::after{inset:20%;border-color:rgba(190,30,60,.12)}
.hero-figure{position:relative;width:78%;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(160deg,#fff,var(--mist));box-shadow:var(--shadow-lg);display:flex;align-items:center;
  justify-content:center;text-align:center;color:var(--steel);font-weight:600;font-size:.85rem;z-index:1}
.hero-figure img{width:100%;height:100%;object-fit:cover}
.hero-readout{position:absolute;bottom:6%;left:0;right:0;display:flex;justify-content:center;gap:.5rem;z-index:2}
.hero-readout span{font-family:var(--f-mono);font-size:.72rem;font-weight:500;background:var(--ink);color:#fff;
  padding:.32rem .6rem;border-radius:7px;letter-spacing:.02em}

/* ---------- Полоса доверия ---------- */
.trustbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper-2)}
.trustbar .container{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding-block:1.1rem;justify-content:space-between}
.trustbar .ti{display:inline-flex;align-items:center;gap:.55rem;font-size:.88rem;font-weight:500;color:var(--ink)}
.trustbar .ti svg{width:20px;height:20px;color:var(--crimson);flex:none}

/* ---------- Grid / cards ---------- */
.cards{display:grid;gap:clamp(1rem,2.2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;
  display:flex;flex-direction:column;gap:.7rem;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .2s}
.card h3{font-size:var(--fs-h3)}
.card .tagline{color:var(--steel);font-size:.92rem}
.card .card-ic{width:48px;height:48px;border-radius:13px;background:var(--mist);color:var(--crimson);
  display:inline-flex;align-items:center;justify-content:center}
.card .card-ic svg{width:24px;height:24px}
.card .more{margin-top:auto;color:var(--crimson);font-weight:600;font-size:.92rem;display:inline-flex;gap:.4rem;align-items:center}
.card .more svg{width:15px;height:15px;transition:transform .2s var(--ease)}
.card.linkcard{cursor:pointer}
@media (hover:hover) and (pointer:fine){
  .card.linkcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:transparent}
  .card.linkcard:hover .more svg{transform:translateX(4px)}
}
.dir-card{position:relative;overflow:hidden}
.dir-card .dir-num{position:absolute;top:1.1rem;right:1.4rem;font-family:var(--f-mono);font-size:.8rem;color:var(--line-2)}

/* routes / быстрые ссылки */
.routes{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.route{display:flex;align-items:center;gap:.7rem;padding:1.05rem 1.2rem;background:var(--paper-2);border:1px solid var(--line);
  border-radius:var(--r-sm);font-weight:600;transition:.2s var(--ease)}
.route .card-ic{width:32px;height:32px;border-radius:9px;background:var(--mist);color:var(--crimson);display:inline-flex;align-items:center;justify-content:center}
.route .card-ic svg{width:18px;height:18px}
.route .r-ar{margin-left:auto;color:var(--crimson)}.route .r-ar svg{width:17px;height:17px}
@media (hover:hover) and (pointer:fine){.route:hover{border-color:var(--crimson);transform:translateY(-2px)}}

/* ---------- trust strip / stats ---------- */
.trust-strip{display:flex;flex-wrap:wrap;gap:.6rem .8rem}
.trust-strip .chip{background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;
  font-size:.86rem;font-weight:500;color:var(--ink)}
.stats{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.stat{padding:0}
.stat .num{font-family:var(--f-head);font-weight:800;font-size:clamp(2.2rem,5vw,3.2rem);color:var(--crimson);
  letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}
.section--deep .stat .num{color:#FF6B82}
.stat .lbl{font-size:.9rem;color:var(--steel);margin-top:.5rem;max-width:24ch}
.section--deep .stat .lbl{color:#AEB4BD}

/* ---------- steps ---------- */
.steps{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));counter-reset:s}
.step{position:relative;padding-top:1.6rem;border-top:2px solid var(--ink)}
.section--deep .step{border-color:#fff}
.step::before{counter-increment:s;content:"0" counter(s);font-family:var(--f-mono);font-size:.8rem;color:var(--crimson);
  position:absolute;top:-1.3rem;left:0;background:var(--paper);padding-right:.5rem}
.section--deep .step::before{background:var(--deep)}
.section--mist .step::before{background:var(--mist)}
.step h4{font-size:1.1rem;margin-bottom:.4rem}

/* ---------- docs (сертификаты/лицензии) ---------- */
.docs{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.doc{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:1.1rem;transition:.2s var(--ease)}
.doc .sheet{aspect-ratio:3/4;border-radius:7px;margin-bottom:.8rem;border:1px solid var(--line);
  background:linear-gradient(180deg,#fff 0 62%,var(--mist) 62%);position:relative}
.doc .sheet::after{content:"";position:absolute;top:14px;left:14px;width:26px;height:26px;border-radius:50%;
  border:2px solid var(--crimson);opacity:.5}
.doc .dname{font-size:.84rem;font-weight:600}
@media (hover:hover){.doc:hover{border-color:var(--crimson);transform:translateY(-3px)}}

/* ---------- faq ---------- */
.faq{display:grid;gap:.7rem;max-width:860px}
.faq details{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:1.1rem 1.2rem;font-weight:700;font-family:var(--f-head);
  display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--crimson);font-size:1.4rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq .ans{padding:0 1.2rem 1.2rem;color:var(--steel)}

/* ---------- related / contacts / map ---------- */
.related .cards{margin-top:1rem}
.contacts-grid{display:grid;gap:1.6rem}
@media(min-width:860px){.contacts-grid{grid-template-columns:1fr 1.05fr}}
.contact-info dl{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1.2rem;margin:1.2rem 0}
.contact-info dt{color:var(--steel);font-size:.84rem;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;padding-top:.15rem}
.contact-info dd{font-weight:600}
.foot-contact .ficon,.contact-info a{}
.foot-contact .ficon{display:inline-flex;align-items:center;gap:.55rem}
.foot-contact .ficon svg{width:16px;height:16px;flex:none}
.map-wrap{position:relative;aspect-ratio:16/12;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--mist)}
.map-wrap iframe{width:100%;height:100%;border:0;display:block}

/* ---------- placeholder (только 🟡-подсказки клиенту) ---------- */
.ph{border:1.5px dashed #C9A24A;background:#FBF6EA;border-radius:var(--r-sm);padding:.85rem 1rem;color:var(--steel);font-size:.9rem}
.ph .ph-label{display:inline-block;background:#C9A24A;color:#fff;font-size:.64rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;padding:.18rem .5rem;border-radius:5px;margin-bottom:.4rem}
.ph .ph-hint{display:block;color:#8A6A1E;font-weight:600;margin-bottom:.3rem}
.ph .ph-draft{display:block;font-style:italic}
.ph-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.phi{background:#FBF6EA;border:1px dashed #C9A24A;border-radius:6px;padding:.05em .4em;color:#8A6A1E;font-weight:700;font-size:.55em;vertical-align:middle}
h1 .phi,h2 .phi{display:inline-block;margin-top:.4em}

/* ---------- каталог Kiran ---------- */
/* липкая под-навигация каталога — прыжок к группе (минимум кликов) */
.cat-jump{position:sticky;top:74px;z-index:500;background:rgba(247,245,241,.9);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.cat-jump .container{display:flex;gap:.4rem;overflow-x:auto;padding-block:.7rem;scrollbar-width:none}
.cat-jump .container::-webkit-scrollbar{display:none}
.cat-jump a{flex:none;font-size:.86rem;font-weight:600;color:var(--steel);padding:.45rem .85rem;border-radius:999px;
  border:1px solid var(--line);background:var(--paper-2);white-space:nowrap}
@media(hover:hover){.cat-jump a:hover{color:var(--crimson);border-color:var(--crimson)}}

.catalog{display:grid;gap:clamp(1rem,2vw,1.4rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,235px),1fr))}
.prod{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;
  flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .2s}
.prod-photo{aspect-ratio:1/1;background:linear-gradient(160deg,#fff,var(--mist));display:flex;align-items:center;
  justify-content:center;text-align:center;color:var(--steel);font-size:.78rem;font-weight:600;padding:.6rem;line-height:1.3}
.prod-photo img,.prod-photo picture{width:100%;height:100%;object-fit:contain;padding:8%}
.prod h4{font-size:1.04rem;margin:1rem 1.1rem .15rem}
.prod .pen{margin:0 1.1rem;font-family:var(--f-mono);font-size:.72rem;color:var(--steel);letter-spacing:.02em}
.prod .muted{margin:.5rem 1.1rem 0;font-size:.86rem;line-height:1.45}
.prod .vars{display:flex;flex-wrap:wrap;gap:.3rem;margin:.8rem 1.1rem 0}
.prod .vtag{font-family:var(--f-mono);font-size:.64rem;font-weight:500;color:var(--crimson-deep);background:#F6E7EA;
  border-radius:999px;padding:.2rem .5rem}
.prod .more{margin:.9rem 1.1rem 1.1rem}
.prod.linkcard{cursor:pointer}
@media (hover:hover) and (pointer:fine){.prod.linkcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:transparent}.prod.linkcard:hover .more svg{transform:translateX(4px)}}

/* ---------- страница товара ---------- */
.breadcrumb{font-family:var(--f-mono);font-size:.78rem;margin-bottom:1.2rem;color:var(--steel)}
.breadcrumb a{color:var(--crimson);font-weight:500}
.pd-grid{display:grid;gap:clamp(1.6rem,4vw,3rem);align-items:start}
@media(min-width:860px){.pd-grid{grid-template-columns:minmax(0,46%) 1fr}}
.pd-photo{aspect-ratio:1/1;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(160deg,#fff,var(--mist));display:flex;align-items:center;justify-content:center;
  text-align:center;color:var(--steel);font-size:.85rem;font-weight:600;box-shadow:var(--shadow);position:sticky;top:96px}
.pd-photo img,.pd-photo picture{width:100%;height:100%;object-fit:contain;padding:9%}
.pd-info h1{font-size:clamp(1.8rem,1.2rem + 2.4vw,2.7rem);letter-spacing:-.02em;margin-bottom:.25rem}
/* бейджи доверия на товаре */
.tbadges{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.1rem 0}
.tbadge{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:var(--ink);
  background:var(--mist);border-radius:999px;padding:.4rem .8rem}
.tbadge svg{width:15px;height:15px;color:var(--ok)}
.spec-list{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1.2rem;margin:.4rem 0;font-size:.94rem}
.spec-list dt{color:var(--steel);font-family:var(--f-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;padding-top:.15rem}
.spec-list dd{font-weight:600}

/* ---------- footer ---------- */
.site-footer{background:var(--deep);color:#AEB4BD;padding:clamp(3rem,6vw,4.5rem) 0 1.8rem}
.foot-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));margin-bottom:2.4rem}
.foot-grid h4{color:#fff;font-size:.78rem;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;font-weight:500}
.foot-grid a{display:block;padding:.26rem 0;color:#AEB4BD;font-size:.92rem}
@media(hover:hover){.foot-grid a:hover{color:#fff}}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:1.4rem;font-size:.82rem;color:#80878F;
  display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;justify-content:space-between}

/* алиасы старых имён секций под новый язык */
.section--surface{background:var(--mist)}
.section--ink{background:var(--deep);color:#EDEEF0}
.section--ink h1,.section--ink h2,.section--ink h3{color:#fff}
.section--ink .lead,.section--ink .muted{color:#AEB4BD}
.section--ink .kicker{color:#FF6B82}.section--ink .kicker::before{background:#FF6B82}
.section--ink .stat .num{color:#FF6B82}.section--ink .stat .lbl{color:#AEB4BD}
.section--ink .step{border-color:#fff}.section--ink .step::before{background:var(--deep)}
.section--surface .step::before{background:var(--mist)}

/* ---------- motion (скрытие только при JS, чтобы без JS контент виден) ---------- */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .reveal.in{opacity:1;transform:none}

/* ---------- breakpoints ---------- */
@media(min-width:1040px){.nav{display:flex}.header-cta{display:flex}.burger{display:none}}
@media(max-width:1039px){.mega{display:none}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}