/* ===== e.css ===== */
/* страховка для Artifact: модалки и шторки скрыты до открытия */
[hidden]{display:none!important}
/* ===== Концепция E+ «Витрина» — токены =====
   Светлая тема (основная) объявлена целиком в голом :root; тёмная — в @media prefers-color-scheme: dark
   (кроме явно выбранной светлой). Переключателя темы на сайте нет, поэтому набор токенов
   для выбранной вручную тёмной темы убран. */
:root{
  color-scheme: light;
  --bg:#EEF1F4; --s1:#F7F9FA; --s2:#FFFFFF; --s3:#E3E8EC;
  --line:rgba(15,23,32,.11); --line2:rgba(15,23,32,.21);
  --tx:#14181D; --tx2:#4A5560; --tx3:#5C6874;
  --acc:#F26A21; --acc-h:#DA560F; --acc-ink:#120A03; --num:#DE5A0F; --acc-tx:#A8410A;
  --acc-soft:rgba(242,106,33,.10); --acc-soft2:rgba(242,106,33,.20);
  --link:#1F5B96;
  --ink:#171C22; --ink-h:#0B0E12; --ink-tx:#FFFFFF;
  --pod-eng:rgba(20,28,38,.085);
  --pod-shadow:0 28px 54px -42px rgba(24,34,46,.42), 0 0 0 1px rgba(15,23,32,.09);
  --sc-a:#FDFEFF; --sc-b:#DEE4EA; --sc-glow:rgba(255,255,255,.95); --sc-flr:rgba(32,44,56,.30);
  --sc-rfl:.085; --sc-rim:rgba(255,255,255,0); --sc-vig:rgba(44,58,72,.07); --sc-drop:rgba(28,40,52,.22); --sc-contact:rgba(26,36,48,.30);
  --sc-box:linear-gradient(158deg, rgba(255,255,255,.98), rgba(255,255,255,.40));
  --sc-bounce:rgba(255,255,255,.60);
  --silh-fill:rgba(20,28,38,.055);
  --glass:rgba(255,255,255,.84); --glass-line:rgba(15,23,32,.13); --glass-tx:#14181D; --glass-tx2:#4A5560;
  --paper:#FFFFFF; --paper-glow:0 0 0 1px rgba(15,23,32,.16);
  --halo:rgba(255,255,255,.72);
  --hdr:rgba(238,241,244,.88);
  --ok:#16704A; --warn:#8A5000;
  --focus:#1F5B96;
  --field:#FFFFFF; --field-line:rgba(15,23,32,.22);
  --scrim:rgba(18,24,30,.52);
  --lb-bg:rgba(14,18,23,.88); --lb-tx:#F4F6F8; --lb-tx2:#C7CDD3; --lb-line:rgba(255,255,255,.30);
  --sh:rgba(24,34,46,.14); --sh2:rgba(24,34,46,.22);
  --f-d:"Unbounded", "Arial Black", "Helvetica Neue", system-ui, sans-serif;
  --f-t:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --maxw:1320px; --g:clamp(16px, 4vw, 48px);
  --pad:max(var(--g), calc((100% - var(--maxw)) / 2));
  --r-pod:22px; --r-panel:20px;
  --hh:72px; --tb:0px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
@media (prefers-color-scheme: dark) and (min-width: 99999px){
:root:not([data-theme="light"]){
  color-scheme: dark;
  --bg:#0B0C0E; --s1:#141619; --s2:#1C1F23; --s3:#262A30;
  --line:rgba(242,244,246,.09); --line2:rgba(242,244,246,.18);
  --tx:#F2F4F6; --tx2:#9AA3AD; --tx3:#7A838D;
  --acc:#F26A21; --acc-h:#FF8440; --acc-ink:#0B0C0E; --num:#FF7A30; --acc-tx:#FF8A48;
  --acc-soft:rgba(242,106,33,.12); --acc-soft2:rgba(242,106,33,.22);
  --link:#A9C7E8;
  --ink:#15181B; --ink-h:#000000; --ink-tx:#F2F4F6;
  --pod-eng:rgba(242,244,246,.055);
  --pod-shadow:0 60px 90px -60px rgba(0,0,0,.95), 0 0 0 1px rgba(255,255,255,.05);
  --sc-a:#1B1F25; --sc-b:#0A0B0D; --sc-glow:rgba(255,241,222,.15); --sc-flr:rgba(0,0,0,.92);
  --sc-rfl:.12; --sc-rim:rgba(255,226,196,.30); --sc-vig:rgba(0,0,0,.34); --sc-drop:rgba(0,0,0,.55); --sc-contact:rgba(0,0,0,.50);
  --sc-box:linear-gradient(158deg, rgba(255,247,235,.60), rgba(255,231,200,.06));
  --sc-bounce:rgba(255,255,255,.07);
  --silh-fill:rgba(242,244,246,.075);
  --glass:rgba(9,10,12,.70); --glass-line:rgba(255,255,255,.16); --glass-tx:#F4F6F7; --glass-tx2:#A7B0B9;
  --paper:#F1F3F5; --paper-glow:0 0 70px -6px rgba(178,206,238,.30);
  --halo:rgba(214,224,234,.085);
  --hdr:rgba(11,12,14,.82);
  --ok:#8ED1AC; --warn:#F2B872;
  --focus:#A9C7E8;
  --field:#101215; --field-line:rgba(242,244,246,.16);
  --scrim:rgba(4,5,6,.78);
  --lb-bg:rgba(4,5,6,.90); --lb-tx:#F2F4F6; --lb-tx2:#C7CDD3; --lb-line:rgba(255,255,255,.30);
  --sh:rgba(0,0,0,.55); --sh2:rgba(0,0,0,.72);
}
}

/* ===== База ===== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 16px)}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.6 var(--f-t);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4,p{margin:0}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:calc(var(--maxw) + 2 * var(--g));margin-inline:auto;padding-inline:var(--g)}
.num{font-variant-numeric:tabular-nums}
.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* типографическая шкала */
.eyebrow{font:700 13px/1.2 var(--f-t);letter-spacing:.14em;text-transform:uppercase;color:var(--tx2)}
.h2{font:500 clamp(26px, 3vw, 44px)/1.08 var(--f-d);letter-spacing:-.025em;text-wrap:balance;margin-top:14px}
.h3{font:500 20px/1.25 var(--f-d);letter-spacing:-.01em}
.lead{font:500 17px/1.6 var(--f-t);color:var(--tx2);max-width:56ch}
.lead b{color:var(--tx);font-weight:700}
.muted{color:var(--tx2)}
.small{font-size:14px;line-height:1.5}
.u{font:600 max(13px, .28em)/1 var(--f-t);letter-spacing:.02em;margin-left:.18em;color:var(--tx2);vertical-align:baseline}

/* кнопки */
.btn{--h:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--h);padding:0 22px;border-radius:999px;border:1px solid transparent;background:none;font:700 15px/1.1 var(--f-t);letter-spacing:.005em;text-decoration:none;white-space:nowrap;transition:background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.btn:active{transform:scale(.98)}
.btn .ico{width:18px;height:18px}
.btn-acc{background:var(--acc);color:var(--acc-ink)}
.btn-acc:hover{background:var(--acc-h)}
.btn-line{border-color:var(--line2);color:var(--tx)}
.btn-line:hover{border-color:var(--tx)}
.btn-text{padding:0 4px;color:var(--tx);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:5px}
.btn-text:hover{text-decoration-color:var(--tx)}
.btn-sm{--h:40px;padding:0 16px;font-size:14px}
.btn-block{width:100%}
.btn-ink{background:var(--ink);color:var(--ink-tx)}
.btn-ink:hover{background:var(--ink-h)}
.ibtn{width:44px;height:44px;flex:none;display:inline-grid;place-items:center;border-radius:999px;border:1px solid var(--line2);background:none;color:var(--tx);transition:border-color .25s,background-color .25s}
.ibtn:hover{border-color:var(--tx)}
.ibtn.acc{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.ibtn.acc:hover{background:var(--acc-h)}
.ibtn[disabled]{opacity:.35;cursor:default}

/* сегменты, чипы */
.seg{position:relative;display:flex;flex-wrap:wrap;gap:6px}
.seg input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.seg label{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--line2);font:600 14px/1.15 var(--f-t);color:var(--tx2);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;user-select:none}
.seg label:hover{color:var(--tx);border-color:var(--tx2)}
.seg input:checked+label{background:var(--tx);border-color:var(--tx);color:var(--bg)}
.seg input:focus-visible+label{outline:2px solid var(--focus);outline-offset:2px}
.seg input:disabled+label{opacity:.4;cursor:default}
.tag{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;border:1px solid var(--line2);font:600 13px/1 var(--f-t);color:var(--tx2);white-space:nowrap}

/* поля */
.fld{display:grid;gap:7px;min-width:0}
.fld>label,.fld-l{font:600 13px/1.25 var(--f-t);color:var(--tx2)}
.inp{width:100%;min-height:50px;border-radius:12px;background:var(--field);border:1px solid var(--field-line);padding:0 16px;font:500 16px/1.2 var(--f-t);color:var(--tx);transition:border-color .2s}
textarea.inp{padding:14px 16px;min-height:96px;resize:vertical;line-height:1.5}
.inp::placeholder{color:var(--tx3)}
.inp:hover{border-color:var(--tx3)}
.inp:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:transparent}
.inp[aria-invalid="true"]{border-color:var(--warn)}
.err{font:600 13px/1.35 var(--f-t);color:var(--warn)}
.sel{position:relative}
.sel select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer}
.sel .ico{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--tx2)}


/* ===== Шапка ===== */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--hdr);-webkit-backdrop-filter:saturate(1.3) blur(18px);backdrop-filter:saturate(1.3) blur(18px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:clamp(10px, 1.6vw, 24px);height:var(--hh)}
.logo{display:inline-flex;align-items:center;color:var(--tx);text-decoration:none;flex:none;font:600 17px/1 var(--f-d);letter-spacing:.05em;border-radius:6px}
.logo i{display:inline-block;width:13px;height:4px;border-radius:2px;background:var(--acc);margin:0 4px 0 5px}
.hnav{display:flex;align-items:center;gap:2px}
.hnav>a,.hnav>button{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;border:0;background:none;color:var(--tx);font:600 15px/1 var(--f-t);text-decoration:none;white-space:nowrap;transition:background-color .2s}
.hnav>a:hover,.hnav>button:hover,.hnav>button[aria-expanded="true"]{background:var(--s2)}
.hnav .ico{width:16px;height:16px;transition:transform .3s var(--ease)}
.hnav>button[aria-expanded="true"] .ico{transform:rotate(180deg)}
.hsearch{position:relative;flex:1 1 300px;min-width:0;max-width:460px}
.hsearch>.ico{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--tx2);pointer-events:none}
.hsearch .inp{min-height:44px;border-radius:999px;background:var(--s1);border-color:var(--line);padding-left:44px;font-size:15px}
.hphone{font:700 15px/1 var(--f-t);color:var(--tx);text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.hphone:hover{color:var(--acc-tx)}
.hcart{position:relative}
.badge{position:absolute;top:-6px;right:-8px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--acc);color:var(--acc-ink);font:800 13px/22px var(--f-t);text-align:center;font-variant-numeric:tabular-nums}
.badge.bump{animation:bump .5s var(--ease)}
@keyframes bump{30%{transform:scale(1.3)}}
.hsbtn,.hburger{display:none}

/* подсказки поиска */
.qres{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:70;background:var(--s1);border:1px solid var(--line2);border-radius:16px;padding:6px;box-shadow:0 30px 60px -20px var(--sh2);max-height:min(460px, 70vh);overflow:auto}
.qres-h{font:700 13px/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);padding:10px 12px 6px}
.qi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:0;background:none;color:var(--tx)}
.qi:hover,.qi[aria-selected="true"]{background:var(--s2)}
.qi b{font:500 15px/1.25 var(--f-d);letter-spacing:-.005em}
.qi small{grid-column:1;font:500 13px/1.3 var(--f-t);color:var(--tx2)}
.qi .qp{grid-row:1/3;grid-column:2;align-self:center;font:600 14px/1 var(--f-t);font-variant-numeric:tabular-nums;color:var(--tx)}
.qi mark{background:none;color:var(--acc-tx)}
.qempty{padding:14px 12px;color:var(--tx2);font-size:14px}

/* мега-меню */
.mega{position:absolute;left:0;right:0;top:100%;background:var(--s1);border-bottom:1px solid var(--line);box-shadow:0 40px 80px -30px var(--sh2);max-height:calc(100vh - 120px);overflow:auto}
.mega-in{display:grid;grid-template-columns:repeat(5, minmax(0,1fr));gap:26px 28px;padding-block:30px 28px}
.mg-s{font:600 13px/1 var(--f-d);letter-spacing:.08em;color:var(--tx2)}
.mg-t{font:700 15px/1.3 var(--f-t);margin-top:10px}
.mg-r{font:500 13px/1.4 var(--f-t);color:var(--tx2);margin-top:4px}
.mg-l{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:2px}
.mg-l button{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:calc(100% + 16px);padding:6px 8px;margin-left:-8px;border-radius:8px;border:0;background:none;color:var(--tx);font:500 14px/1.3 var(--f-t);text-align:left}
.mg-l b{font-weight:600;min-width:0}
.mg-l b small{font-weight:500;color:var(--tx2);font-size:13px}
.mg-l button:hover{background:var(--s2)}
.mg-l span{color:var(--tx2);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.mg-side{grid-column:1/-1;display:grid;grid-template-columns:repeat(4, minmax(0,1fr)) minmax(0,1.3fr);align-items:center;gap:10px;padding-top:22px;border-top:1px solid var(--line)}
.mg-side button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--s2);color:var(--tx);font:700 15px/1.2 var(--f-t);text-align:left}
.mg-side button:hover{border-color:var(--line2)}
.mg-side p{font-size:13px;line-height:1.5;color:var(--tx2);padding-left:10px}
.mg-side .hphone{display:inline-block;margin-top:4px}

/* ===== Сцена: продукт на тёмной витрине (софтбокс, тень, отражение) ===== */
.pod{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-pod);color:var(--tx);display:grid;place-items:center;max-width:100%;
  background:radial-gradient(84% 58% at 26% -12%, var(--sc-glow), transparent 64%), linear-gradient(172deg, var(--sc-a) 0%, var(--sc-b) 78%);
  box-shadow:var(--pod-shadow)}
.pod::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(52% 38% at 50% 106%, var(--sc-bounce), transparent 70%);opacity:.9;transition:opacity .6s var(--ease)}
.pod::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(118% 88% at 46% 42%, transparent 42%, var(--sc-vig) 100%)}
.pod-box{position:absolute;z-index:0;left:2%;top:-22%;width:46%;height:42%;border-radius:40px;background:var(--sc-box);filter:blur(42px);opacity:.62;transform:rotate(-9deg);pointer-events:none}
.pod-shot{position:relative;z-index:2;display:block;width:78%;max-width:440px;transition:transform .7s var(--ease)}
.pod-img{position:relative;z-index:2;width:100%;height:auto;filter:drop-shadow(-1px -2px 1px var(--sc-rim)) drop-shadow(0 4px 4px var(--sc-contact)) drop-shadow(0 20px 22px var(--sc-drop));transition:opacity .45s var(--ease),transform .7s var(--ease)}
.pod-flr{position:absolute;z-index:1;left:-16%;right:-16%;bottom:-9%;height:32%;border-radius:50%;background:radial-gradient(50% 48% at 50% 54%, var(--sc-flr), transparent 74%);filter:blur(8px);pointer-events:none}
.pod-rfl{position:absolute;z-index:0;left:0;top:100%;width:100%;height:auto;opacity:var(--sc-rfl);transform:scaleY(-1);pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom, transparent 48%, #000 100%);mask-image:linear-gradient(to bottom, transparent 48%, #000 100%)}
.pod-eng{position:absolute;z-index:1;right:5%;top:50%;transform:translateY(-56%);font:200 clamp(120px, 16vw, 260px)/1 var(--f-d);letter-spacing:-.07em;color:var(--pod-eng);pointer-events:none;user-select:none;white-space:nowrap}
a.pod,button.pod{cursor:pointer;border:0;padding:0;text-decoration:none}
.pod-ser{position:absolute;left:12px;bottom:12px;z-index:3;padding:6px 11px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px var(--glass-line);font:600 13px/1 var(--f-t);letter-spacing:.01em;color:var(--glass-tx2);pointer-events:none;white-space:nowrap}
.pod-ser-g{left:14px;bottom:14px}
.ci .pod-ser,.th .pod-ser{display:none}
.lift:hover .pod::before,.lift:focus-within .pod::before{opacity:1}
.lift:hover .pod-shot,.lift:focus-within .pod-shot{transform:translateY(-6px)}
.pod-silh{position:relative;z-index:2;display:block;width:100%;height:auto;fill:none;stroke:var(--tx2);stroke-width:2.4;stroke-linejoin:round;opacity:1}
.pod-silh .fillm{fill:var(--silh-fill);stroke:none}
.paper{background:radial-gradient(120% 100% at 50% 26%, var(--paper), color-mix(in srgb, var(--paper) 90%, #9aa3ad));box-shadow:var(--paper-glow), 0 34px 60px -46px var(--sh)}
.paper::before,.paper::after{display:none}
.pod-sheet{position:relative;z-index:2;display:block;width:88%}
.paper .pod-img{filter:none}

/* ===== Секции ===== */
.sec{padding-block:clamp(72px, 9vw, 132px) 0;scroll-margin-top:calc(8px - clamp(72px, 9vw, 132px))}
.sec-hd{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:16px 56px;margin-bottom:clamp(28px, 3.6vw, 52px)}
.sec-hd .lead{grid-column:2;grid-row:1;max-width:46ch}
.sec-hd>.aside{grid-row:1;grid-column:2;justify-self:end}

/* ===== Герой ===== */
.hero{padding-block:clamp(36px, 5vw, 76px) 0;position:relative}
.hero-top{display:grid;grid-template-columns:minmax(0,6.3fr) minmax(0,5.7fr);gap:28px 56px;align-items:end}
.h1{margin-top:18px;font-family:var(--f-d);text-wrap:balance}
.h1a{display:block;font-weight:500;font-size:clamp(30px, 4.3vw, 60px);line-height:1.02;letter-spacing:-.03em}
.h1b{display:block;font-weight:300;font-size:clamp(18px, 2vw, 29px);line-height:1.28;letter-spacing:-.012em;margin-top:.55em;max-width:24em}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px}
.trust{list-style:none;margin:clamp(24px, 3vw, 36px) 0 0;padding:18px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:10px 28px;font:500 14px/1.4 var(--f-t);color:var(--tx2)}
.trust li{display:flex;gap:10px;align-items:flex-start}
.trust .ico{width:18px;height:18px;color:var(--tx);margin-top:1px}

.stage{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:28px;margin-top:clamp(28px, 3.2vw, 44px)}
.stage::before{content:"";position:absolute;z-index:-1;left:30%;right:0;top:-18%;bottom:-8%;background:radial-gradient(50% 55% at 55% 45%, var(--halo), transparent 72%);pointer-events:none}
.slist{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.sli{display:grid;grid-template-columns:clamp(96px, 12.6vw, 184px) minmax(0,1fr);gap:6px 20px;align-items:center;text-align:left;padding:22px 14px 22px 4px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--tx);transition:background-color .35s var(--ease)}
.sli:hover{background:linear-gradient(90deg, var(--s1), transparent)}
.sn{font:300 clamp(56px, 7.2vw, 112px)/.84 var(--f-d);letter-spacing:-.05em;color:var(--tx3);transition:color .45s var(--ease);min-width:1.25em;font-variant-numeric:tabular-nums}
.sn .u{font-size:13px}
.sli[aria-selected="true"] .sn{color:var(--num)}
.sli b{display:block;font:700 16px/1.3 var(--f-t)}
.sli b .sm{display:none}
.sli .st{font:500 14px/1.45 var(--f-t);color:var(--tx2)}
.sli .st em{font-style:normal;color:var(--tx)}
.sli .pr{display:block;margin-top:8px;font:500 17px/1.2 var(--f-d);letter-spacing:-.01em;color:var(--tx);font-variant-numeric:tabular-nums}
.pod-hero{min-height:clamp(380px, 40vw, 560px);align-content:center;padding-bottom:84px}
.pod-hero .pod-shot{width:min(62%, 430px);max-width:none}
.pod-hero .pod-box{left:0;top:-24%;width:50%;height:46%;filter:blur(48px);opacity:.7}
.pod-hero .pod-eng{font-size:clamp(200px, 30vw, 460px);right:4%;transform:translateY(-62%)}
.pod-hero.swap .pod-shot{opacity:0;transform:translateY(8px) scale(.99);transition:opacity .2s ease,transform .2s ease}
.pod-hero .pod-shot{transition:opacity .35s var(--ease),transform .4s var(--ease)}
.pod-hero.boot::before{animation:softbox 1.4s var(--ease) both}
.pod-hero.boot .pod-img{animation:rise 1s var(--ease) both}
@keyframes softbox{from{opacity:.15}to{opacity:.75}}
@keyframes rise{from{transform:translateY(14px)}}
.hview{position:relative;min-width:0}
.pcap{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;display:flex;align-items:center;gap:16px;padding:12px 12px 12px 20px;border-radius:16px;background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:inset 0 0 0 1px var(--glass-line)}
.pcap-m{min-width:0;margin-right:auto}
.pcap-m b{display:block;font:500 17px/1.2 var(--f-d);color:var(--glass-tx)}
.pcap-m span{font:600 13px/1.35 var(--f-t);color:var(--glass-tx2)}
.pcap-p{font:500 21px/1 var(--f-d);color:var(--glass-tx);white-space:nowrap;font-variant-numeric:tabular-nums}
.pcap .btn-line{border-color:var(--glass-line);color:var(--glass-tx)}
.pcap .btn-line:hover{border-color:var(--glass-tx)}

/* ===== Семейства ===== */
.fam{display:grid;grid-template-columns:repeat(6, minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-panel);overflow:hidden}
.fam-i{display:flex;flex-direction:column;gap:8px;min-width:0;padding:26px 22px 22px;border:0;background:var(--bg);color:var(--tx);text-align:left;transition:background-color .3s var(--ease)}
.fam-i:hover{background:var(--s1)}
.fam-s{font:600 13px/1.2 var(--f-d);letter-spacing:.06em;color:var(--tx2)}
.fam-n{font:700 16px/1.3 var(--f-t);min-height:2.6em}
.fam-r{font:300 44px/.95 var(--f-d);letter-spacing:-.04em;color:var(--num);margin-top:10px;white-space:nowrap}
.fam-r .u{font-size:13px}
.fam-r.txt{font-size:28px;line-height:1.2;color:var(--tx)}
.fam-m{font:500 14px/1.4 var(--f-t);color:var(--tx2)}
.fam-go{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:8px;font:700 14px/1 var(--f-t);color:var(--tx)}
.fam-go .ico{width:16px;height:16px;transition:transform .3s var(--ease)}
.fam-i:hover .fam-go .ico{transform:translateX(4px)}
.fam-cta{background:var(--s1)}
.fam-cta .fam-n{font:500 19px/1.25 var(--f-d);letter-spacing:-.01em;min-height:0}

/* ===== Популярные ===== */
.pop{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:24px}
.pc{display:flex;flex-direction:column;gap:14px;min-width:0}
.pc .pod{aspect-ratio:1/1.08;width:100%}
.pc-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.pc-n{font:300 58px/.82 var(--f-d);letter-spacing:-.05em;color:var(--num)}
.pc-n .u{font-size:13px}
.pc-g{font:600 13px/1.3 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--tx2);text-align:right}
.pc-m{font:500 18px/1.2 var(--f-d);letter-spacing:-.01em}
.pc-m button{all:unset;cursor:pointer}
.pc-m button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.pc-d{font:500 14px/1.45 var(--f-t);color:var(--tx2)}
.foot-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line);margin-top:auto}
.price{font:500 20px/1 var(--f-d);letter-spacing:-.015em;white-space:nowrap;font-variant-numeric:tabular-nums}
.price.req{font:600 15px/1.2 var(--f-t);color:var(--tx2)}

/* ===== Подборщик ===== */
.picker{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--s1);border-radius:28px;overflow:hidden;border:1px solid var(--line)}
.pk-f{padding:clamp(22px, 3vw, 40px);display:grid;gap:26px;align-content:start;border-right:1px solid var(--line)}
.pk-f fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:10px}
.pk-f legend{padding:0;margin-bottom:10px;font:700 13px/1.2 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--tx2)}
.pk-size{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}
.pk-size .x{color:var(--tx3);font:300 22px/1 var(--f-d)}
.inp-u{position:relative}
.inp-u .inp{padding-right:52px;font:500 20px/1 var(--f-d);letter-spacing:-.01em;font-variant-numeric:tabular-nums;min-height:56px}
.inp-u span{position:absolute;right:16px;top:50%;transform:translateY(-50%);font:600 13px/1 var(--f-t);color:var(--tx3);pointer-events:none}
.inp-u small{position:absolute;left:16px;top:7px;font:600 13px/1 var(--f-t);color:var(--tx3);pointer-events:none}
.inp-u .inp.has-l{padding-top:14px}
.presets{display:flex;flex-wrap:wrap;gap:6px}
.presets button{border:1px dashed var(--line2);background:none;border-radius:999px;padding:6px 11px;font:600 13px/1 var(--f-t);color:var(--tx2);font-variant-numeric:tabular-nums}
.presets button:hover{color:var(--tx);border-color:var(--tx2)}
.pk-mini{display:none}
.nw{white-space:nowrap}
.pk-note{font:500 13px/1.45 var(--f-t);color:var(--tx2)}
.pk-r{padding:clamp(22px, 3vw, 40px);display:grid;gap:22px;align-content:start;min-width:0;background:linear-gradient(180deg, var(--s2), var(--s1) 70%)}
.pk-kpi{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:1px;background:var(--line);border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.kpi{background:var(--s1);padding:16px 18px;min-width:0}
.kpi dt{font:700 13px/1.2 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--tx2)}
.kpi dd{margin:10px 0 0;font:300 clamp(30px, 3vw, 44px)/1 var(--f-d);letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums}
.kpi dd.o{color:var(--num)}
.kpi dd .u{font-size:13px}
.rec{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:22px;align-items:center}
.rec .pod{aspect-ratio:1/1;width:100%;border-radius:18px}
.rec .pod-eng{font-size:150px}
.rec-l{font:700 13px/1.2 var(--f-t);letter-spacing:.14em;text-transform:uppercase;color:var(--acc-tx)}
.rec-m{font:500 clamp(22px, 2.2vw, 30px)/1.1 var(--f-d);letter-spacing:-.02em;margin-top:8px}
.rec-w{font:500 14px/1.5 var(--f-t);color:var(--tx2);margin-top:8px}
.rec-t{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.rec>.pod{grid-row:1/3;align-self:start}
.rec-b{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.rec-b .price{font-size:26px}
.alts-h{display:flex;justify-content:space-between;align-items:baseline;font:700 13px/1.2 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);padding-bottom:10px;border-bottom:1px solid var(--line)}
.alts{list-style:none;margin:0;padding:0}
.alt{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.alt-n{font:300 30px/1 var(--f-d);letter-spacing:-.04em;color:var(--num);font-variant-numeric:tabular-nums}
.alt-m{min-width:0}
.alt-m button{all:unset;cursor:pointer;font:500 15px/1.25 var(--f-d);letter-spacing:-.005em}
.alt-m button:hover{text-decoration:underline;text-underline-offset:4px}
.alt-m button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.alt-m small{display:block;font:500 13px/1.35 var(--f-t);color:var(--tx2)}
.alt .price{font-size:16px}
.more{justify-self:start;background:none;border:0;padding:6px 0;color:var(--link);font:700 14px/1 var(--f-t);text-decoration:underline;text-underline-offset:4px}
.none{padding:24px;border-radius:16px;border:1px dashed var(--line2);display:grid;gap:14px;justify-items:start}
.none b{font:500 20px/1.25 var(--f-d)}

/* ===== Линейка по моменту ===== */
.tsw{position:relative;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--g));padding-inline:var(--g)}
.tsw::-webkit-scrollbar{display:none}
.tscale{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;border-bottom:1px solid var(--line2);min-width:520px}
.ts-b{position:relative;min-width:44px;background:none;border:0;padding:0 2px 18px;color:var(--tx3);font:300 clamp(34px, 6.6vw, 108px)/.8 var(--f-d);letter-spacing:-.055em;font-variant-numeric:tabular-nums;transition:color .35s var(--ease)}
.ts-b::after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:8px;background:var(--line2);transition:height .3s var(--ease),background-color .3s}
.ts-b:hover{color:var(--tx)}
.ts-b.in{color:var(--num)}
.ts-b.cur::after{height:14px;width:2px;background:var(--num)}
.ts-b:disabled{opacity:.28;cursor:default}
.ts-u{padding-bottom:18px;font:600 13px/1 var(--f-t);color:var(--tx2);white-space:nowrap}
.rl-ctl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:28px}
.rl-ctl .seg label{min-height:36px;padding:0 13px;font-size:13px}
.rl-cnt{font:600 14px/1 var(--f-t);color:var(--tx2);font-variant-numeric:tabular-nums}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:272px;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);padding-inline:var(--pad);padding-block:22px 12px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.mc{scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;min-width:0;position:relative}
.mc[hidden]{display:none}
.mc .pod{aspect-ratio:1/1.02;width:100%}
.mc .pod-eng{font-size:180px}
.mc.flash .pod{animation:flash 1.6s var(--ease)}
@keyframes flash{0%,100%{box-shadow:var(--pod-shadow)}25%{box-shadow:0 0 0 3px var(--acc), var(--pod-shadow)}}
.mc-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.mc-n{font:300 52px/.82 var(--f-d);letter-spacing:-.05em;color:var(--num);font-variant-numeric:tabular-nums}
.mc-n .u{font-size:13px}
.mc-n.txt{font-size:30px;line-height:1;color:var(--tx)}
.mc-m{font:500 16px/1.2 var(--f-d);letter-spacing:-.005em}
.mc-m button{all:unset;cursor:pointer}
.mc-m button:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.mc-m button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.mc-m small{font:600 13px/1 var(--f-t);color:var(--tx2);margin-left:4px}
.mc-g{font:500 13px/1.4 var(--f-t);color:var(--tx2)}
.mc-tags{display:flex;flex-wrap:wrap;gap:5px}
.cmpk{position:absolute;top:12px;right:12px;z-index:4}
.cmpk input{position:absolute;opacity:0;width:1px;height:1px}
.cmpk label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--glass-line);font:700 13px/1 var(--f-t);color:var(--glass-tx);cursor:pointer;user-select:none;transition:background-color .25s,color .25s}
.cmpk label::before{content:"";width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1.5px var(--glass-tx2)}
.cmpk input:checked+label{background:var(--ink);color:var(--ink-tx)}
.cmpk input:checked+label::before{background:var(--acc);box-shadow:none}
.cmpk input:focus-visible+label{outline:2px solid var(--focus);outline-offset:2px}
.rl-nav{display:flex;align-items:center;gap:16px;margin-top:18px}
.rl-prog{flex:1;height:2px;background:var(--line);border-radius:2px;position:relative;overflow:hidden}
.rl-prog i{position:absolute;left:0;top:0;bottom:0;width:20%;background:var(--tx);border-radius:2px;transition:transform .15s linear}

/* ===== Сравнение ===== */
.cmp{--cols:minmax(0,4fr) minmax(0,4fr) minmax(0,4fr);display:grid;row-gap:0}
.cmp-head,.crow{display:grid;grid-template-columns:var(--cols);column-gap:28px}
.cmp-intro{display:flex;flex-direction:column;gap:16px;padding-right:12px}
.cmp-sum{font:500 16px/1.6 var(--f-t);color:var(--tx2);border-left:2px solid var(--line2);padding-left:16px}
.cmp-sum b{color:var(--tx);font-weight:700}
.sw{display:inline-flex;align-items:center;gap:12px;font:600 14px/1.2 var(--f-t);color:var(--tx);cursor:pointer;user-select:none;margin-top:auto}
.sw input{position:absolute;opacity:0;width:1px;height:1px}
.sw i{width:42px;height:24px;border-radius:12px;background:var(--s3);position:relative;transition:background-color .25s;flex:none}
.sw i::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--tx);transition:transform .3s var(--ease)}
.sw input:checked+i{background:var(--acc)}
.sw input:checked+i::after{transform:translateX(18px);background:var(--acc-ink)}
.sw input:focus-visible+i{outline:2px solid var(--focus);outline-offset:2px}
.cmp-slot{display:flex;flex-direction:column;gap:14px;min-width:0}
.cmp-slot .pod{aspect-ratio:1/.82;width:100%}
.cmp-slot .pod-eng{font-size:200px}
.cmp-slot .foot-row{border-top:0;padding-top:0}
.cmp-rows{margin-top:30px;border-top:1px solid var(--line2)}
.crow{padding:15px 0;border-bottom:1px solid var(--line);align-items:baseline;transition:background-color .3s}
.cl{font:600 14px/1.35 var(--f-t);color:var(--tx2);display:flex;align-items:baseline;gap:10px}
.cl::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:transparent;transform:translateY(-1px)}
.cv{font:500 16px/1.4 var(--f-t);color:var(--tx2);min-width:0}
.crow.diff{background:linear-gradient(90deg, var(--acc-soft), transparent 55%)}
.crow.diff .cl{color:var(--tx)}
.crow.diff .cl::before{background:var(--acc)}
.crow.diff .cv{color:var(--tx)}
.cv .big{font:300 44px/.9 var(--f-d);letter-spacing:-.05em;color:var(--tx2);font-variant-numeric:tabular-nums}
.cv .big.win{color:var(--num)}
.cv .big .u{font-size:13px}
.delta{display:inline-flex;margin-left:10px;padding:3px 8px;border-radius:999px;background:var(--acc-soft);color:var(--acc-tx);font:700 13px/1.2 var(--f-t);vertical-align:middle}
.cmp.only-diff .crow:not(.diff){display:none}
.cmp-tray{position:fixed;right:max(16px, env(safe-area-inset-right,0px));bottom:calc(var(--tb) + 18px);z-index:58;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:999px;background:var(--s2);border:1px solid var(--line2);box-shadow:0 20px 50px -20px var(--sh2);font:600 14px/1.2 var(--f-t);max-width:calc(100% - 32px)}
.cmp-tray span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== Без питания ===== */
.fail{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-panel);overflow:hidden}
.fl{background:var(--bg);padding:clamp(22px, 2.6vw, 34px);display:flex;flex-direction:column;gap:12px;min-width:0}
.fl .fl-s{font:600 13px/1.3 var(--f-d);letter-spacing:.06em;color:var(--tx2);max-width:none}
.fl .fl-b{font:300 clamp(36px, 3.8vw, 54px)/1 var(--f-d);letter-spacing:-.04em}
.fl .fl-b small{font:600 14px/1 var(--f-t);letter-spacing:0;color:var(--tx2);margin-left:6px}
.fl p{font:500 15px/1.55 var(--f-t);color:var(--tx2);max-width:40ch}
.fl p b{color:var(--tx)}
.chart{margin-top:auto;padding-top:8px}
.chart svg{width:100%;max-width:480px;height:auto;display:block;overflow:visible}
.ch-ax{stroke:var(--line2);stroke-width:1;fill:none}
.ch-grid{stroke:var(--line);stroke-width:1;fill:none}
.ch-ev{stroke:var(--tx3);stroke-width:1;stroke-dasharray:3 4;fill:none}
.ch-l{stroke:var(--tx);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ch-band{fill:var(--acc-soft)}
.ch-dot{fill:var(--tx)}
.ch-t{fill:var(--tx2);font:600 13px var(--f-t)}
.ch-t2{fill:var(--tx);font:700 13px var(--f-t)}

/* ===== Аналоги ===== */
.an{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
.an-l{position:sticky;top:calc(var(--hh) + 24px);display:grid;gap:18px}
.an-res{border-radius:var(--r-panel);background:var(--s1);border:1px solid var(--line);padding:22px;display:grid;gap:14px}
.an-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:end}
.an-pair .k{font:700 13px/1.2 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--tx2)}
.an-pair .c{font:500 16px/1.25 var(--f-d);margin-top:6px}
.an-pair .n{font:300 52px/.85 var(--f-d);letter-spacing:-.05em;margin-top:12px;color:var(--tx2);font-variant-numeric:tabular-nums}
.an-pair .n.o{color:var(--num)}
.an-pair .n .u{font-size:13px}
.an-pair .ar{color:var(--tx3);align-self:center}
.an-note{font:600 14px/1.45 var(--f-t)}
.an-note.ok{color:var(--ok)}.an-note.warn{color:var(--warn)}.an-note.eq{color:var(--tx2)}
.an-t{overflow-x:auto}
.atab{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.atab th{text-align:left;font:700 13px/1.2 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);padding:0 12px 12px 0;border-bottom:1px solid var(--line2);white-space:nowrap}
.atab td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line);font:500 15px/1.3 var(--f-t);vertical-align:middle}
.atab td.cd{font:500 14px/1.2 var(--f-d);letter-spacing:.01em;white-space:nowrap}
.atab td.tq{color:var(--tx2);white-space:nowrap}
.atab td.ar{color:var(--tx3);padding-right:14px}
.atab td.nm button{all:unset;cursor:pointer;font:500 14px/1.25 var(--f-d)}
.atab td.nm button:hover{text-decoration:underline;text-underline-offset:4px}
.atab td.nm button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.atab td.pr{white-space:nowrap;text-align:right}
.atab td.ad{width:52px;text-align:right;padding-right:0}
.atab tr.hit td{background:var(--acc-soft)}
.dl{font:700 13px/1 var(--f-t);white-space:nowrap}
.dl.ok{color:var(--ok)}.dl.warn{color:var(--warn)}.dl.eq{color:var(--tx2)}
.foot-note{font:500 13px/1.5 var(--f-t);color:var(--tx2);margin-top:18px;max-width:80ch}

/* ===== Процесс ===== */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:28px;counter-reset:st}
.stp{position:relative;padding-top:28px;border-top:1px solid var(--line2);display:grid;gap:10px;align-content:start}
.stp::before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--tx)}
.steps.s3{grid-template-columns:repeat(3, minmax(0,1fr))}
.stp-n{font:300 30px/1 var(--f-d);letter-spacing:-.04em;color:var(--tx3)}
.stp b{font:500 18px/1.25 var(--f-d);letter-spacing:-.01em}
.stp p{font:500 15px/1.55 var(--f-t);color:var(--tx2)}

/* ===== Документы + FAQ ===== */
.df{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px}
.docs{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--line)}
.doc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;padding:16px 4px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--tx);text-align:left;transition:background-color .2s}
.doc:hover{background:var(--s1)}
.doc .ico{width:22px;height:22px;color:var(--tx2)}
.doc b{display:block;font:700 15px/1.3 var(--f-t)}
.doc small{font:500 13px/1.3 var(--f-t);color:var(--tx2)}
.doc em{font:700 13px/1 var(--f-t);font-style:normal;letter-spacing:.08em;color:var(--tx2);border:1px solid var(--line2);border-radius:6px;padding:5px 7px}
.faq{margin-top:22px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 2px;cursor:pointer;font:500 18px/1.3 var(--f-d);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{transition:transform .35s var(--ease);color:var(--tx2)}
.faq details[open] summary .ico{transform:rotate(45deg)}
.faq .ans{padding:0 2px 22px;font:500 16px/1.65 var(--f-t);color:var(--tx2);max-width:64ch;display:grid;gap:12px;justify-items:start}
.faq .ans b{color:var(--tx)}

/* ===== Подвал ===== */
.ft{margin-top:clamp(80px, 10vw, 140px);background:var(--s1);border-top:1px solid var(--line);padding-bottom:var(--tb)}
.on-card .ft{padding-bottom:calc(var(--tb) + var(--mb, 0px))}
.ft-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,2fr) minmax(0,2fr) minmax(0,4fr);gap:36px;padding-block:56px 36px}
.ft h4{font:700 13px/1.2 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);margin-bottom:14px}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ft li button,.ft li a{background:none;border:0;padding:0;color:var(--tx);font:500 15px/1.4 var(--f-t);text-decoration:none;text-align:left}
.ft li button:hover,.ft li a:hover{text-decoration:underline;text-underline-offset:4px}
.ft-brand p{font:500 15px/1.6 var(--f-t);color:var(--tx2);margin-top:14px;max-width:36ch}
.ft-ph{display:block;font:500 24px/1.2 var(--f-d);letter-spacing:-.02em;color:var(--tx);text-decoration:none;margin-top:22px;font-variant-numeric:tabular-nums}
.ft-mail{display:inline-block;margin-top:12px;font:600 15px/1.4 var(--f-t);color:var(--link)}
.ft-msg{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.req{font:500 14px/1.65 var(--f-t);color:var(--tx2)}
.req b{color:var(--tx);font-weight:700}
.ft-b{border-top:1px solid var(--line);padding-block:20px 28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px;font:500 13px/1.5 var(--f-t);color:var(--tx2)}

/* ===== Карточка ===== */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:26px;font:600 14px/1.3 var(--f-t);color:var(--tx2)}
.crumbs button{background:none;border:0;padding:0;color:var(--tx2);font:inherit}
.crumbs button:hover{color:var(--tx);text-decoration:underline;text-underline-offset:4px}
.crumbs span[aria-current]{color:var(--tx)}
.pd{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px, 4vw, 64px);margin-top:22px;align-items:start}
.gal{display:grid;gap:12px;min-width:0}
.gal-main{position:relative;border:0;padding:0;background:none;border-radius:var(--r-pod);cursor:zoom-in;display:block;width:100%}
.gal-main .pod{aspect-ratio:1/.86;width:100%}
.gal-main .pod-shot{width:70%}
.gal-main .pod-sheet{width:86%}
.gal-main .pod-eng{font-size:clamp(220px, 28vw, 420px)}
.zoom-h{position:absolute;right:14px;top:14px;z-index:4;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--glass-tx);box-shadow:inset 0 0 0 1px var(--glass-line);font:700 13px/1 var(--f-t)}
.zoom-h .ico{width:15px;height:15px}
.gal-th{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:12px}
.th{display:grid;gap:8px;padding:0;border:0;background:none;color:var(--tx2);text-align:left;font:600 13px/1.25 var(--f-t)}
.th .pod{aspect-ratio:1/.62;width:100%;border-radius:14px;box-shadow:0 0 0 1px var(--line)}
.th .pod::after{display:none}
.th .pod-shot{width:62%}
.th .pod-sheet{width:78%}
.th .pod-rfl{display:none}
.th[aria-pressed="true"]{color:var(--tx)}
.th[aria-pressed="true"] .pod{box-shadow:0 0 0 2px var(--tx)}
.buy{position:sticky;top:calc(var(--hh) + 62px);display:grid;gap:18px;min-width:0}
.lbl{justify-self:start;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);font:700 13px/1 var(--f-t);letter-spacing:.06em;text-transform:uppercase;color:var(--tx)}
.lbl::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tx2)}
.pd-h1{font:500 clamp(22px, 2.2vw, 31px)/1.18 var(--f-d);letter-spacing:-.02em;text-wrap:balance}
.pd-num{display:flex;align-items:flex-end;gap:16px;padding-block:6px 4px}
.pd-n{font:300 clamp(104px, 11vw, 170px)/.76 var(--f-d);letter-spacing:-.07em;color:var(--num)}
.pd-u{padding-bottom:6px}
.pd-u b{display:block;font:500 22px/1 var(--f-d);color:var(--tx)}
.pd-u span{display:block;font:500 13px/1.35 var(--f-t);color:var(--tx2);margin-top:8px;max-width:18ch}
.kp{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:0}
.kp>div{background:var(--bg);padding:13px 16px;min-width:0}
.kp dt{font:600 13px/1.3 var(--f-t);color:var(--tx2)}
.kp dd{margin:5px 0 0;font:500 16px/1.25 var(--f-d);letter-spacing:-.01em}
.pd-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding-top:6px}
.pd-price .price{font-size:38px;letter-spacing:-.03em}
.pd-price .price.req{font-size:20px}
.avail{display:flex;align-items:center;gap:8px;font:600 14px/1.4 var(--f-t);color:var(--tx2)}
.avail::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--warn);flex:none}
.pd-act{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}
.pd-act .btn-line{grid-column:1/-1}
.qty{display:inline-flex;align-items:center;height:48px;border-radius:999px;border:1px solid var(--line2)}
.qty button{width:42px;height:100%;border:0;background:none;color:var(--tx);display:grid;place-items:center;border-radius:999px}
.qty button:hover{background:var(--s2)}
.qty input{width:40px;height:100%;border:0;background:none;text-align:center;font:700 16px/1 var(--f-t);color:var(--tx);font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.qty .ico{width:16px;height:16px}
.qty.sm{height:40px}.qty.sm button{width:36px}
.msg{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font:600 14px/1.3 var(--f-t);color:var(--tx2)}
.msg button,.msg a{height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line2);background:none;color:var(--tx);font:700 13px/1 var(--f-t);display:inline-flex;align-items:center;text-decoration:none}
.msg button:hover,.msg a:hover{border-color:var(--tx)}
.pd-fine{font:500 13px/1.55 var(--f-t);color:var(--tx2);padding-top:14px;border-top:1px solid var(--line)}
.pd-fine .more{display:flex;padding:8px 0 0;font-size:13px}
.anav{position:sticky;top:var(--hh);z-index:30;margin-top:clamp(48px, 6vw, 88px);background:var(--hdr);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-block:1px solid var(--line)}
.anav-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-block:8px}
.anav-in::-webkit-scrollbar{display:none}
.anav button{flex:none;background:none;border:0;padding:9px 14px;border-radius:999px;color:var(--tx2);font:700 14px/1 var(--f-t);white-space:nowrap}
.anav button:hover{color:var(--tx)}
.anav button[aria-current="true"]{background:var(--s2);color:var(--tx)}
.psec{padding-top:clamp(48px, 6vw, 80px);scroll-margin-top:calc(64px - clamp(48px, 6vw, 80px))}
.box[id]{scroll-margin-top:68px}
.psec-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 24px;margin-bottom:24px}
.psec-h h2{font:500 clamp(22px, 2.2vw, 30px)/1.15 var(--f-d);letter-spacing:-.02em}
.about{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.about p{font:500 clamp(17px, 1.5vw, 21px)/1.6 var(--f-t);color:var(--tx);max-width:60ch}
.about p+p{margin-top:14px;color:var(--tx2);font-size:16px}
.specs{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:0 48px}
.sg{padding-bottom:26px}
.sg h3{font:700 13px/1.2 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);padding-bottom:10px;border-bottom:1px solid var(--line2)}
.sg dl{margin:0}
.sg dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}
.sg dt{font:500 15px/1.4 var(--f-t);color:var(--tx2)}
.sg dd{margin:0;font:600 15px/1.4 var(--f-t);color:var(--tx);font-variant-numeric:tabular-nums}
.pgrid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));grid-template-areas:"docs series" "analog series";gap:24px;align-items:start}
#p-docs{grid-area:docs}#p-analog{grid-area:analog}#p-series{grid-area:series}
.box{border:1px solid var(--line);border-radius:var(--r-panel);padding:clamp(20px, 2.4vw, 30px);display:grid;gap:14px;align-content:start;min-width:0}
.box h3{font:500 20px/1.2 var(--f-d);letter-spacing:-.01em}
.box p{font:500 15px/1.6 var(--f-t);color:var(--tx2)}
.box p b{color:var(--tx)}
.ser{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ser button{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:11px 2px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--tx);text-align:left}
.ser button:hover{background:var(--s1)}
.ser .n{font:300 26px/1 var(--f-d);letter-spacing:-.04em;color:var(--num);font-variant-numeric:tabular-nums}
.ser b{font:500 15px/1.2 var(--f-d)}
.ser small{display:block;font:500 13px/1.3 var(--f-t);color:var(--tx2);margin-top:3px}
.ser .price{font-size:15px}
.mbuy{display:none}

/* ===== Корзина ===== */
.cart-h{padding-top:34px;display:grid;gap:12px}
.cart-h h1{font:500 clamp(30px, 4vw, 56px)/1.02 var(--f-d);letter-spacing:-.03em}
.demo-n{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font:600 13px/1.4 var(--f-t);color:var(--tx2)}
.demo-n button{background:none;border:0;padding:0;color:var(--link);font:700 13px/1.4 var(--f-t);text-decoration:underline;text-underline-offset:3px}
.cart{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(28px, 4vw, 56px);align-items:start;margin-top:30px}
.ci-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.ci{display:grid;grid-template-columns:96px minmax(0,1fr) auto 120px 44px;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.ci .pod{width:96px;aspect-ratio:1;border-radius:14px;box-shadow:0 0 0 1px var(--line)}
.ci .pod::after{display:none}
.ci .pod-eng{font-size:92px}
.ci .pod-typo .pod-eng{font-size:88px;left:10%}
.ci .pod-img{width:90%}
.ci-m b{display:block;font:500 17px/1.2 var(--f-d);letter-spacing:-.01em}
.ci-m b button{all:unset;cursor:pointer}
.ci-m b button:hover{text-decoration:underline;text-underline-offset:4px}
.ci-m b button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.ci-m small{display:block;font:500 13px/1.4 var(--f-t);color:var(--tx2);margin-top:4px}
.ci-s{text-align:right;font:500 17px/1.2 var(--f-d);white-space:nowrap;font-variant-numeric:tabular-nums}
.ci-s small{display:block;font:600 13px/1.3 var(--f-t);color:var(--tx2);margin-top:4px}
.ci-x{color:var(--tx2)}
.ci-x:hover{color:var(--tx)}
.cform{margin-top:40px;display:grid;gap:30px}
.cform fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:14px}
.cform legend{padding:0;margin-bottom:14px;font:500 20px/1.2 var(--f-d);letter-spacing:-.01em}
.fgrid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:14px 16px}
.fgrid .wide{grid-column:1/-1}
.who{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:10px}
.opt{position:relative}
.opt input{position:absolute;opacity:0;width:1px;height:1px}
.opt label{display:grid;gap:4px;height:100%;padding:16px 18px 16px 48px;border-radius:14px;border:1px solid var(--line2);cursor:pointer;transition:border-color .2s,background-color .2s;position:relative}
.opt label::before{content:"";position:absolute;left:18px;top:18px;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--tx2)}
.opt input:checked+label{border-color:var(--tx);background:var(--s1)}
.opt input:checked+label::before{box-shadow:inset 0 0 0 5px var(--tx)}
.opt input:focus-visible+label{outline:2px solid var(--focus);outline-offset:2px}
.opt b{font:700 15px/1.3 var(--f-t)}
.opt small{font:500 13px/1.4 var(--f-t);color:var(--tx2)}
.opt .inp{margin-top:8px}
.drop{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;border:1px dashed var(--line2);cursor:pointer;transition:border-color .2s,background-color .2s}
.drop:hover,.drop.on{border-color:var(--tx2);background:var(--s1)}
.drop.hl{border-color:var(--acc);background:var(--acc-soft)}
.drop b{display:block;font:700 15px/1.3 var(--f-t)}
.drop small{font:500 13px/1.4 var(--f-t);color:var(--tx2)}
.drop .ico{width:24px;height:24px;color:var(--tx2)}
.chk{display:flex;gap:12px;align-items:flex-start;font:500 14px/1.5 var(--f-t);color:var(--tx2);cursor:pointer}
.chk input{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:1px 0 0;border-radius:6px;border:1.5px solid var(--tx2);display:grid;place-items:center;cursor:pointer}
.chk input:checked{background:var(--tx);border-color:var(--tx)}
.chk input:checked::after{content:"";width:9px;height:5px;border:2px solid var(--bg);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.chk input[aria-invalid="true"]{border-color:var(--warn)}
.sum{position:sticky;top:calc(var(--hh) + 24px);background:var(--s1);border:1px solid var(--line);border-radius:24px;padding:clamp(22px, 2.4vw, 30px);display:grid;gap:16px}
.sum-k{font:700 13px/1.2 var(--f-t);letter-spacing:.14em;text-transform:uppercase;color:var(--tx2)}
.sum-t{font:300 clamp(40px, 4vw, 56px)/.9 var(--f-d);letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap}
.sum-t .u{font-size:14px}
.sum dl{margin:0;display:grid;gap:8px;padding-block:14px;border-block:1px solid var(--line)}
.sum dl div{display:flex;justify-content:space-between;gap:12px;font:500 14px/1.4 var(--f-t);color:var(--tx2)}
.sum dd{margin:0;color:var(--tx);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.sum .pd-fine{border-top:0;padding-top:0}
.empty{padding:48px 0;display:grid;gap:18px;justify-items:start}
.empty b{font:500 24px/1.2 var(--f-d)}
.done{padding-block:clamp(40px, 6vw, 90px) 0;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.done h1{font:500 clamp(30px, 4.4vw, 60px)/1.04 var(--f-d);letter-spacing:-.03em;margin-top:16px;text-wrap:balance}
.done .lead{margin-top:18px}
.done-n{font:300 clamp(40px, 5vw, 72px)/1 var(--f-d);letter-spacing:-.04em;color:var(--num);font-variant-numeric:tabular-nums}
.done ol{margin:22px 0 0;padding-left:22px;display:grid;gap:10px;color:var(--tx2);font:500 15px/1.55 var(--f-t)}
.done ol b{color:var(--tx)}
.done-l{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.done-l li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font:500 15px/1.4 var(--f-t)}
.done-l li span:last-child{color:var(--tx2);white-space:nowrap;font-variant-numeric:tabular-nums}

/* ===== Шторки, лайтбокс, тост ===== */
.sheet{position:fixed;inset:0;z-index:90;background:var(--bg);overflow-y:auto;overscroll-behavior:contain;padding-block:env(safe-area-inset-top,0px) calc(24px + env(safe-area-inset-bottom,0px))}
.sheet-h{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px;background:var(--bg);border-bottom:1px solid var(--line)}
.sheet-h b{font:500 17px/1 var(--f-d)}
.sheet .fam-l{list-style:none;margin:0;padding:0}
.sheet details{border-bottom:1px solid var(--line)}
.sheet summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:16px 0;cursor:pointer}
.sheet summary::-webkit-details-marker{display:none}
.sheet summary b{font:700 16px/1.3 var(--f-t)}
.sheet summary small{grid-column:1;font:500 13px/1.3 var(--f-t);color:var(--tx2)}
.sheet summary .r{grid-row:1/3;grid-column:2;align-self:center;font:300 26px/1 var(--f-d);letter-spacing:-.04em;color:var(--num)}
.sheet .mg-l{border-top:0;margin-top:0;padding-top:0;padding-bottom:12px}
.sh-links{display:grid;gap:8px;margin-top:22px}
.sh-links button,.sh-links a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 18px;border-radius:14px;background:var(--s1);border:1px solid var(--line);color:var(--tx);font:700 16px/1.2 var(--f-t);text-decoration:none;text-align:left}
.sh-ph{display:block;font:500 28px/1.2 var(--f-d);letter-spacing:-.02em;color:var(--tx);text-decoration:none;margin-top:18px;font-variant-numeric:tabular-nums}
.sh-q{position:relative;margin-top:14px}
.sh-q .qres{position:static;box-shadow:none;border:0;padding:6px 0;background:none;max-height:none}
.sh-q>.ico{position:absolute;left:15px;top:25px;transform:translateY(-50%);color:var(--tx2);pointer-events:none}
.sh-q .inp{padding-left:44px}
.lb{position:fixed;inset:0;z-index:95;background:var(--lb-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:calc(12px + env(safe-area-inset-top,0px)) var(--g) calc(12px + env(safe-area-inset-bottom,0px))}
.lb-h{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--lb-tx);font:600 14px/1.3 var(--f-t);padding-bottom:12px}
.lb-h .ibtn{color:var(--lb-tx);border-color:var(--lb-line)}
.lb-st{position:relative;min-height:0;border-radius:20px;overflow:auto;background:var(--paper);cursor:zoom-in;overscroll-behavior:contain}
.lb-st.z{cursor:zoom-out}
.lb-st .pod{width:100%;height:100%;border-radius:0;box-shadow:none;min-height:100%}
.lb-st .pod-img{max-width:92%;max-height:92%;width:auto;height:auto}
.lb-st.z .pod{width:200%;height:auto;aspect-ratio:auto;min-height:0}
.lb-st.z .pod-img{max-width:none;max-height:none;width:100%}
.lb-f{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:12px;color:var(--lb-tx2);font:600 13px/1.3 var(--f-t)}
.lb-f .ibtn{color:var(--lb-tx);border-color:var(--lb-line)}
.toast{position:fixed;left:0;right:0;margin-inline:auto;width:max-content;bottom:calc(var(--tb) + 20px);z-index:99;display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:12px 12px 12px 18px;border-radius:14px;background:var(--tx);color:var(--bg);font:600 14px/1.35 var(--f-t);box-shadow:0 20px 50px -18px var(--sh2);animation:toast .35s var(--ease)}
.toast button{flex:none;background:none;border:1px solid currentColor;border-radius:999px;color:inherit;padding:7px 12px;font:700 13px/1 var(--f-t)}
@keyframes toast{from{transform:translateY(12px);opacity:.3}}

/* ===== Таб-бар ===== */
.tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--hdr);-webkit-backdrop-filter:saturate(1.3) blur(18px);backdrop-filter:saturate(1.3) blur(18px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
.tabbar-in{display:grid;grid-template-columns:repeat(5, minmax(0,1fr));height:62px}
.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:none;color:var(--tx2);font:700 13px/1 var(--f-t);letter-spacing:.01em;padding:0 2px}
.tab .ico{width:22px;height:22px}
.tab[aria-current="page"]{color:var(--tx)}
.tab .badge{top:6px;right:calc(50% - 22px)}

/* ===== Экраны ===== */
.scr{animation:scr .45s var(--ease)}
/* только прозрачность: transform на экране ломает fixed-панель «цена + В корзину» во время анимации */
@keyframes scr{from{opacity:.3}}

/* ===== Адаптив ===== */
@media (min-width:900px){
  .sli{flex:1 1 0}
}
@media (max-width:1279px){
  .hphone{display:none}
}
@media (max-width:1199px){
  .fam{grid-template-columns:repeat(3, minmax(0,1fr))}
  .pop{grid-template-columns:repeat(2, minmax(0,1fr))}
  .pop .pod{aspect-ratio:1/.8}
  .picker{grid-template-columns:minmax(0,1fr)}
  .pk-mini{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 14px;padding:14px 16px;border-radius:14px;background:var(--s2);font:600 14px/1.45 var(--f-t);color:var(--tx2)}
  .pk-mini b{color:var(--tx)}
  .pk-mini .more{padding:0}
  .pk-f{border-right:0;border-bottom:1px solid var(--line)}
  .mega-in{grid-template-columns:repeat(3, minmax(0,1fr))}
  .mg-side{grid-template-columns:repeat(2, minmax(0,1fr))}
  .mg-side p{grid-column:1/-1;padding-left:0}
  .steps{grid-template-columns:repeat(2, minmax(0,1fr))}
  .ft-in{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width:899px){
  :root{--hh:60px;--tb:calc(62px + env(safe-area-inset-bottom,0px))}
  .tabbar{display:block}
  .hnav,.hinv{display:none}
  .hburger{display:inline-grid}
  .hdr-in{gap:10px}
  .hsearch{max-width:none}
  .mega{display:none}
  .hero-top{grid-template-columns:minmax(0,1fr)}
  .sec-hd{grid-template-columns:minmax(0,1fr)}
  .sec-hd .lead,.sec-hd>.aside{grid-column:1;grid-row:auto;justify-self:start}
  .stage{grid-template-columns:minmax(0,1fr);gap:16px}
  .slist{flex-direction:row;border-top:0;gap:8px}
  .sli{flex:1 1 0;grid-template-columns:minmax(0,1fr);gap:8px;padding:14px;border:1px solid var(--line);border-radius:16px;align-content:start}
  .sli[aria-selected="true"]{border-color:var(--line2);background:var(--s1)}
  .sn{font-size:clamp(40px, 8vw, 64px)}
  .sli .st span.x{display:none}
  .sli .pr{display:none}
  .fail{grid-template-columns:minmax(0,1fr)}
  .fl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 28px;align-items:start}
  .fl .chart{grid-column:2;grid-row:1/5;margin-top:0;padding-top:0;align-self:center}
  .an{grid-template-columns:minmax(0,1fr)}
  .an-l{position:static}
  .df{grid-template-columns:minmax(0,1fr);gap:48px}
  .pd{grid-template-columns:minmax(0,1fr)}
  .buy{position:static}
  .about{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
  .cart{grid-template-columns:minmax(0,1fr)}
  .sum{position:static}
  .done{grid-template-columns:minmax(0,1fr)}
  body.buyvis .mbuy{display:none}
  .mbuy{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:var(--tb);z-index:55;padding:10px var(--g);background:var(--s1);border-top:1px solid var(--line)}
  .mbuy .price{margin-right:auto;font-size:22px}
  .mbuy small{display:block;font:600 13px/1.3 var(--f-t);color:var(--tx2)}
  :root{--mb:68px}
  .cmp-tray{bottom:calc(var(--tb) + 12px)}
  .body-card .toast{bottom:calc(var(--tb) + 84px)}
}
@media (max-width:639px){
  .hsearch{display:none}
  .hsbtn{display:inline-grid;margin-left:auto}
  .hcart{display:none}
  .trust{grid-template-columns:minmax(0,1fr)}
  .h1a{font-size:clamp(26px, 7.8vw, 34px)}
  .h1b{font-size:18px}
  .cta-row .btn-acc{width:100%}
  .cta-row .btn-line{flex:1 1 auto}
  .slist{gap:6px}
  .sli{padding:12px 9px}
  .sli b{font-size:13px;letter-spacing:-.005em}
  .sli b .lg{display:none}
  .sli b .sm{display:inline}
  .sli .st{font-size:13px}
  .sli .st em{display:block}
  .sn{font-size:40px}
  .sn .u{display:none}
  .pod-hero{min-height:0;aspect-ratio:1/.9;padding-bottom:0}
  .pod-hero .pod-img{max-height:92%;max-width:94%}
  .pcap{position:static;grid-column:1;margin-top:0;background:none;box-shadow:none;padding:4px 0 0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;flex-wrap:wrap;gap:12px}
  .pcap-m b{color:var(--tx)}
  .pcap-m span{color:var(--tx2)}
  .pcap-p{color:var(--tx)}
  .pcap .btn-line{border-color:var(--line2);color:var(--tx)}
  .pcap .btn{flex:1 1 auto}
  .fam{grid-template-columns:minmax(0,1fr)}
  .fam-i{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:18px}
  .fam-s{grid-column:1}
  .fam-n{grid-column:1;min-height:0}
  .fam-m{grid-column:1}
  .fam-r{grid-column:2;grid-row:1/4;align-self:center;margin-top:0;font-size:34px;text-align:right}
  .fam-r.txt{font-size:18px}
  .fam-go{display:none}
  .fam-cta{grid-template-columns:minmax(0,1fr)}
  .fam-cta .fam-go{display:flex;padding-top:6px}
  .pop{gap:24px 12px}
  .pop .pod{aspect-ratio:1/1.02}
  .pc{gap:10px}
  .pc-n{font-size:40px}
  .pc-g{display:none}
  .pc-m{font-size:14px}
  .pc-d{font-size:13px}
  .pc .foot-row{padding-top:10px}
  .pc .price{font-size:15px}
  .pc .btn-add-t{display:none}
  .pk-size{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}
  .pk-kpi{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pk-kpi .kpi:first-child{grid-column:1/-1}
  .kpi dd{font-size:32px}
  .rec{grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:16px;align-items:start}
  .rec .pod-eng{font-size:100px}
  .rec>.pod{grid-row:auto}
  .rec-b{grid-column:1/-1;margin-top:0}
  .rec-b .btn-acc{flex:1 1 auto}
  .alt{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}
  .alt .price{grid-column:2;grid-row:2;font-size:14px}
  .alt .ibtn{grid-column:3;grid-row:1/3}
  .rail{grid-auto-columns:236px;gap:14px}
  .tsw{-webkit-mask-image:linear-gradient(90deg, #000 82%, transparent);mask-image:linear-gradient(90deg, #000 82%, transparent)}
  .tscale{min-width:max-content;gap:16px;padding-right:48px}
  .ts-b{font-size:44px;padding-bottom:14px}
  .alts-h .x{display:none}
  .atab td.nm::before{content:"→ ";color:var(--tx3)}
  .atab tr.hit{background:var(--acc-soft);border-radius:12px;padding-inline:10px;margin-inline:-10px}
  .atab tr.hit td{background:none}
  .mc-n{font-size:44px}
  .cmp-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px;row-gap:22px}
  .cmp-intro{grid-column:1/-1;padding-right:0}
  .cmp-slot .pod{aspect-ratio:1/.95}
  .cmp-slot .pod-eng{font-size:120px}
  .cmp-slot .price{font-size:15px}
  .cmp-slot .foot-row{flex-wrap:wrap}
  .crow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px;row-gap:6px}
  .cl{grid-column:1/-1}
  .cv{font-size:15px}
  .cv .big{font-size:36px}
  .delta{margin-left:0;margin-top:6px}
  .fl{display:flex}
  .fl .chart{margin-top:6px}
  .an-pair .n{font-size:42px}
  .atab thead{display:none}
  .atab,.atab tbody{display:block}
  .atab tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:13px 0;border-bottom:1px solid var(--line)}
  .atab td{padding:0;border:0}
  .atab td.cd{grid-column:1;grid-row:1}
  .atab td.cd::after{content:attr(data-t);font:600 13px/1 var(--f-t);color:var(--tx2);margin-left:8px}
  .atab td.tq,.atab td.ar{display:none}
  .atab td.nm{grid-column:1;grid-row:2}
  .atab td.dt{grid-column:1;grid-row:3}
  .atab td.pr{grid-column:2;grid-row:1;align-self:start}
  .atab td.ad{grid-column:2;grid-row:2/4;justify-self:end;align-self:end;width:auto}
  .steps,.steps.s3{grid-template-columns:minmax(0,1fr);gap:22px}
  .ft-in{grid-template-columns:minmax(0,1fr);gap:28px}
  .gal-th{gap:8px}
  .pd-n{font-size:112px}
  .pd-act{grid-template-columns:minmax(0,1fr)}
  .pd-act .qty{justify-self:start}
  .specs{grid-template-columns:minmax(0,1fr)}
  .sg dl>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
  .pgrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"docs" "analog" "series"}
  .ci{grid-template-columns:72px minmax(0,1fr) 40px;grid-template-areas:"p m x" "p q s";gap:10px 14px;align-items:start}
  .ci .pod{width:72px;grid-area:p}
  .ci .pod-eng{font-size:70px}
  .ci-m{grid-area:m}
  .ci .qty{grid-area:q;justify-self:start}
  .ci-s{grid-area:s;grid-column:2/4;justify-self:end;align-self:center}
  .ci-x{grid-area:x;width:40px;height:40px}
  .fgrid{grid-template-columns:minmax(0,1fr)}
  .about{grid-template-columns:minmax(0,1fr)}
  .who{grid-template-columns:minmax(0,1fr)}
  .toast{bottom:calc(var(--tb) + 14px)}
  .on-card .toast{bottom:calc(var(--tb) + 80px)}
  /* герой: кнопки без «сироты» */
  .hero .cta-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .hero .cta-row .btn-acc{grid-column:1/-1}
  .hero .cta-row .btn-line{padding:0 16px;font-size:14px}
  /* подборщик: ровные сетки вместо рваных рядов */
  .pk-f .seg{display:grid;gap:6px}
  .pk-f .seg label{justify-content:center;text-align:center;padding:0 10px}
  .pk-f .seg-g,.pk-f .seg-f{grid-template-columns:minmax(0,1fr)}
  .pk-f .seg-g label,.pk-f .seg-f label{justify-content:flex-start;text-align:left;padding:0 16px;border-radius:14px}
  .seg-v{grid-template-columns:repeat(3, minmax(0,1fr))}
  .seg-c{grid-template-columns:repeat(2, minmax(0,1fr))}
  .presets{display:grid;grid-template-columns:repeat(2, minmax(0,1fr))}
  .presets button{min-height:44px}
  /* сравнение: подписи моделей помещаются */
  .cmp-slot .sel select{font-size:14px;padding-left:12px;padding-right:32px}
  .cmp-slot .sel .ico{right:8px}
  /* мессенджеры: три равные кнопки */
  .buy .msg,.ft-msg{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:8px}
  .buy .msg>span{grid-column:1/-1}
  .msg button,.msg a{justify-content:center}
  .rec .pod-ser{display:none}
  /* зоны нажатия не меньше 44 px */
  .btn-sm{--h:44px}
  .seg label,.rl-ctl .seg label{min-height:44px}
  .msg button,.msg a{height:44px}
  .qty.sm{height:46px}.qty.sm button{width:44px}
  .qty button{width:44px}
  .ci-x{width:44px;height:44px}
  .cmpk label{height:36px;position:relative}
  .cmpk label::after{content:"";position:absolute;inset:-5px -4px}
  .ts-b{min-width:44px}
  .more,.demo-n button{min-height:44px;display:inline-flex;align-items:center}
  .pd-fine .more{padding-top:0}
  .crumbs button{padding-block:13px;margin-block:-13px}
  .logo{padding-block:14px}
  .ft-ph{display:flex;align-items:center;min-height:44px;margin-top:14px}
  .ft-mail{padding-block:12px;margin-top:0}
  .ft ul{gap:0}
  .ft li button,.ft li a{display:inline-flex;align-items:center;min-height:44px}
  .anav button{min-height:44px}
  .sheet .mg-l button{min-height:44px;align-items:center}
  .pc-m button,.mc-m button,.alt-m button,.atab td.nm button,.ci-m b button{position:relative}
  .pc-m button::after,.mc-m button::after,.alt-m button::after,.atab td.nm button::after,.ci-m b button::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
  .sw{min-height:44px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ===================== E+ : новые узлы ===================== */

/* --- шапка: компактная на скролле --- */
.hdr{transition:box-shadow .3s var(--ease)}
body.compact{--hh:58px}
body.compact .hdr{box-shadow:0 18px 40px -30px var(--sh2)}
body.compact .hphone,body.compact .hnav>a{display:none}
body.compact .logo{font-size:15px}
body.compact .hinv{display:none}

/* --- поиск как командная палитра --- */
.kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:4px;pointer-events:none}
.kbd b{display:inline-flex;align-items:center;height:24px;padding:0 7px;border-radius:7px;border:1px solid var(--line2);background:var(--s2);color:var(--tx2);font:700 13px/1 var(--f-t)}
.hsearch .inp{padding-right:92px}
.hsearch .inp:focus+.kbd,.hsearch .inp:not(:placeholder-shown)+.kbd{opacity:0}
.qi{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.qi b{grid-column:2}
.qi small{grid-column:2}
.qi .qth{grid-row:1/3;grid-column:1;width:56px;height:44px;border-radius:10px;overflow:hidden;display:grid;place-items:center;
  background:radial-gradient(70% 60% at 30% 0%, var(--sc-glow), transparent 70%), linear-gradient(170deg, var(--sc-a), var(--sc-b));box-shadow:inset 0 0 0 1px var(--line)}
.qi .qth img{width:84%;height:auto}
.qi .qth.silh{color:var(--tx3);font:700 13px/1 var(--f-t)}
.qi .qp{grid-row:1/3;grid-column:3}
.qres-f{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:6px;padding:11px 12px 6px;border-top:1px solid var(--line);font:600 13px/1 var(--f-t);color:var(--tx3)}
.qres-f kbd{font:700 13px/1 var(--f-t);color:var(--tx2);border:1px solid var(--line2);border-radius:6px;padding:4px 6px}

/* --- мега-меню: мини-фото семейств --- */
.mg-th{display:block;width:100%;aspect-ratio:16/10;border-radius:14px;overflow:hidden;position:relative;margin-bottom:12px;
  background:radial-gradient(76% 60% at 28% -8%, var(--sc-glow), transparent 66%), linear-gradient(172deg, var(--sc-a), var(--sc-b));box-shadow:inset 0 0 0 1px var(--line)}
.mg-th img{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:74%;filter:drop-shadow(0 10px 12px var(--sc-drop))}
.mg-th span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--tx3);font:700 13px/1 var(--f-t);letter-spacing:.08em}

/* --- лента: цифра момента как управляющий элемент --- */
button.mc-n{border:0;background:none;padding:0 6px 0 0;margin:0;min-height:44px;display:inline-flex;align-items:flex-end;color:var(--num);cursor:pointer;text-align:left;border-radius:8px;transition:color .25s var(--ease)}
button.mc-n:hover{color:var(--acc-h)}
button.mc-n:hover .u{color:var(--acc-tx)}
.ts-b[aria-pressed="true"]{color:var(--num)}
.ts-b[aria-pressed="true"]::after{height:16px;width:3px;background:var(--num)}
.rl-t{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 6px 0 14px;border-radius:999px;background:var(--acc-soft);color:var(--acc-tx);font:700 14px/1 var(--f-t);white-space:nowrap}
.rl-t button{width:32px;height:32px;display:inline-grid;place-items:center;border:0;border-radius:999px;background:none;color:inherit}
.rl-t button:hover{background:var(--acc-soft2)}
.rl-t .ico{width:16px;height:16px}

/* --- мини-корзина-выдвижка --- */
.mcart{position:fixed;top:0;right:0;bottom:0;width:min(420px, 100%);z-index:92;display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  background:var(--s1);border-left:1px solid var(--line2);box-shadow:-40px 0 80px -40px var(--sh2);animation:mcin .32s var(--ease)}
@keyframes mcin{from{transform:translateX(24px);opacity:.4}}
.mcart-scrim{position:fixed;inset:0;z-index:91;background:var(--scrim);animation:fade .3s var(--ease)}
@keyframes fade{from{opacity:0}}
.mcart-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.mcart-h b{font:500 19px/1.2 var(--f-d)}
.mcart-h small{display:block;font:600 13px/1.3 var(--f-t);color:var(--ok);margin-top:4px}
.mcart-b{overflow-y:auto;padding:14px 18px;display:grid;gap:12px;align-content:start}
.mci{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center}
.mci .pod{width:64px;aspect-ratio:1;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line)}
.mci .pod-shot{width:80%}
.mci .pod-eng,.mci .pod-rfl,.mci .pod-box{display:none}
.mci-m{min-width:0}
.mci-m b{display:block;font:700 15px/1.25 var(--f-t)}
.mci-m small{display:block;font:500 13px/1.35 var(--f-t);color:var(--tx2);margin-top:2px}
.mci-s{text-align:right;font:600 15px/1.2 var(--f-t);font-variant-numeric:tabular-nums;white-space:nowrap}
.mci-q{display:flex;align-items:center;gap:2px;margin-top:6px}
.mci-q button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:9px;background:none;color:var(--tx)}
.mci-q button:hover{border-color:var(--tx)}
.mci-q span{min-width:34px;text-align:center;font:700 14px/1 var(--f-t);font-variant-numeric:tabular-nums}
.mci-q .rm{margin-left:8px;border-color:transparent;color:var(--tx2)}
.mcart-f{padding:16px 18px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:grid;gap:10px}
.mcart-sum{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.mcart-sum span{font:600 14px/1.2 var(--f-t);color:var(--tx2)}
.mcart-sum b{font:400 26px/1 var(--f-d);font-variant-numeric:tabular-nums}
.mcart-f p{font:500 13px/1.45 var(--f-t);color:var(--tx3)}
.mcart .pod-flr{display:none}

/* --- карточка: липкая панель покупки на десктопе --- */
.anav-in{align-items:center}
.anav-buy{display:none;margin-left:auto;align-items:center;gap:12px;padding-left:16px}
.anav-buy .price{font:500 17px/1 var(--f-d);font-variant-numeric:tabular-nums;white-space:nowrap}
body.on-card.compact .anav-buy{display:flex}
@media (min-width: 981px){ .anav-buy .btn{--h:40px} }

/* --- мелочи --- */
.more{min-height:44px;display:inline-flex;align-items:center}
.presets button{min-height:44px}
.sw{min-height:44px}
.sheet .mg-l button{min-height:44px}
.copy-row{display:flex;flex-wrap:wrap;gap:10px}

@media (max-width: 980px){
  .anav-buy{display:none!important}
  .mg-th{display:none}
}
@media (max-width: 720px){
  .mcart{width:100%;top:auto;height:auto;max-height:min(86vh, 660px);border-left:0;border-top:1px solid var(--line2);border-radius:22px 22px 0 0;animation:mcup .32s var(--ease)}
  .mci-q button{width:44px;height:44px;border-radius:12px}
  .mci-q .rm{margin-left:4px}
  .mci{grid-template-columns:56px minmax(0,1fr) auto}
  .mci .pod{width:56px}
  @keyframes mcup{from{transform:translateY(26px);opacity:.4}}
  .hsearch .inp{padding-right:16px}
  .kbd{display:none}
}
@media (prefers-reduced-motion: reduce){
  .mcart,.mcart-scrim{animation:none}
}
.ci .pod-eng,.ci .pod-rfl{display:none}
.ci .pod-shot{width:78%}

/* --- доводка E+: зоны нажатия, сцена галереи, мобильная плашка --- */
.gal-main .pod-eng{display:none}
.logo{min-height:44px}
.hnav>a,.hnav>button{min-height:44px}
.btn-sm{--h:44px}
.crumbs button,.pc-m button,.mc-m>button,.alt-m button,.atab .nm button,.ci-m b button,.ser button,.mg-l button,.ft ul button,.msg button,.demo-n button,.faq summary,.more,.presets button,.sh-links button{min-height:44px}
.pc-m button,.mc-m>button,.alt-m button{display:inline-flex;align-items:center;text-align:left}
.ft-ph,.ft-mail,.sh-links a{min-height:44px;display:flex;align-items:center}
.hphone{min-height:44px}
.qres-f{min-height:44px}
.qres-f{display:flex;flex-wrap:wrap}
.qty input{min-width:52px}
.chk{min-height:44px;align-items:center}
.chk input{width:24px;height:24px;flex:none}
.pk-help{margin-top:8px;padding-top:16px;border-top:1px solid var(--line);font:500 14px/1.55 var(--f-t);color:var(--tx2)}
.pk-help .more{font-size:14px}
@media (max-width: 760px){
  .hero{padding-block:14px 0}
  .hero .lead{font-size:15px;line-height:1.5}
  .hero .cta-row{margin-top:18px}
  .stage{margin-top:20px}
}
.seg label{min-height:44px}
.rl-ctl .seg label{min-height:44px}
.anav button{min-height:44px}
.qty.sm button,.qty.sm input{min-height:44px}
.qty.sm input{min-width:52px}
.atab td.nm button{min-height:44px;display:inline-flex;align-items:center}
.qty button{min-width:48px}
.qty.sm button{min-width:44px}
.fld>label{min-height:22px;display:flex;align-items:flex-end}
.atab td,.sg dd,.kp dd,.price,.mci-s,.alt .price,.cl+*,.done-l li{font-variant-numeric:tabular-nums}

/* ===== Экран «Прайс» ===== */
.prc-wrap{padding-bottom:clamp(56px, 7vw, 104px)}
.prc-hd{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:20px 56px;margin:clamp(18px,2.4vw,30px) 0 clamp(26px,3.4vw,44px)}
.prc-hd .h2{margin-top:12px}
.prc-hd .lead{margin-top:14px;max-width:52ch}
.prc-act{display:grid;gap:12px;justify-self:end;justify-items:end}
.prc-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.prc-dl-n{font:500 13px/1.45 var(--f-t);color:var(--tx3);max-width:36ch;text-align:right}
#priceTable{min-height:120px}
@media (max-width: 980px){
  .prc-hd{grid-template-columns:1fr;align-items:start}
  .prc-act{justify-self:start;justify-items:start}
  .prc-btns{justify-content:flex-start}
  .prc-dl-n{text-align:left}
}

/* ── цена от количества (скидка 10 % / 15 %) ───────────────────────────── */
.qd{margin:8px 0 0;font:600 13px/1.4 var(--f-t);color:var(--tx3);font-variant-numeric:tabular-nums}
.qd-req{color:var(--tx3)}
.pd-price + .qd{margin:6px 0 0;font-size:14px;color:var(--tx2)}
.rec-b .qd{flex:1 0 100%;order:9;margin:2px 0 0}
.price small.qd-in{display:block;margin-top:3px;font:600 13px/1.2 var(--f-t);color:var(--tx3);letter-spacing:0}
.pcap-p small{display:block;margin-top:3px;font:600 13px/1.2 var(--f-t);color:var(--tx3);letter-spacing:0;white-space:nowrap}

/* --- верхняя служебная полоса: документы и условия --- */
.util{border-bottom:1px solid var(--line);background:var(--s1)}
.util-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;padding-block:4px}
.util-nav{display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.util-nav::-webkit-scrollbar{display:none}
.util-nav>a{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;color:var(--tx2);text-decoration:none;font:600 13px/1 var(--f-t);white-space:nowrap;transition:background-color .2s,color .2s}
.util-nav>a:first-child{color:var(--tx)}
.util-nav>a:hover{background:var(--s2);color:var(--tx)}
.util-nav .ico{width:14px;height:14px;color:var(--acc-tx)}
.util-note{font:500 13px/1.3 var(--f-t);color:var(--tx3,var(--tx2));white-space:nowrap}
body.compact .util{display:none}
@media (max-width:1100px){.util-note{display:none}}
@media (max-width:700px){.util-in{min-height:34px}.util-nav>a{padding:7px 9px;font-size:13px}}

/* ===== Главная: «Коммерческое предложение за минуту» =====
   Три шага слева, состав документа и кнопки справа. Токены общие, работает в обеих темах. */
.kpa{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(22px,2.8vw,44px);align-items:start}
.kpa-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;align-content:start}
.kpa-s{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"i n" "i b" "i p";gap:2px 18px;
  padding:clamp(18px,2vw,24px);border:1px solid var(--line);border-radius:var(--r-panel);background:var(--s1);min-width:0}
.kpa-i{grid-area:i;align-self:start;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;
  background:var(--acc-soft);color:var(--acc-tx)}
.kpa-i .ico{width:22px;height:22px}
.kpa-n{grid-area:n;font:700 13px/1.2 var(--f-t);letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.kpa-s b{grid-area:b;font:500 19px/1.25 var(--f-d);letter-spacing:-.01em;margin-top:2px}
.kpa-s p{grid-area:p;font:500 15px/1.55 var(--f-t);color:var(--tx2);margin-top:6px}
.kpa-what{border:1px solid var(--line2);border-radius:var(--r-panel);padding:clamp(20px,2.4vw,30px);
  background:var(--s2);display:grid;gap:14px;align-content:start;min-width:0}
.kpa-what h3{font:500 20px/1.2 var(--f-d);letter-spacing:-.01em}
.kpa-l{list-style:none;margin:0;padding:0;display:grid}
.kpa-l li{position:relative;padding:9px 0 9px 18px;border-top:1px solid var(--line);
  font:500 14px/1.5 var(--f-t);color:var(--tx2)}
.kpa-l li:first-child{border-top:0}
.kpa-l li::before{content:"";position:absolute;left:1px;top:16px;width:6px;height:6px;border-radius:50%;background:var(--acc)}
.kpa-l b{color:var(--tx);font-weight:700}
.kpa-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}
.kpa-fine{font:500 13px/1.5 var(--f-t);color:var(--tx3)}
@media (max-width:899px){
  .kpa{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:639px){
  .kpa-s{grid-template-areas:"i n" "b b" "p p";gap:4px 14px}
  .kpa-i{width:40px;height:40px;border-radius:12px}
  .kpa-cta .btn{flex:1 1 100%}
}

/* подсказка про цену по количеству рядом с «Добавить в КП» */
.pd-kpn{font:500 13px/1.5 var(--f-t);color:var(--tx2);margin:-8px 0 0}
/* пояснение над кнопками в корзине-заявке */
.sum-kpn{margin:0;padding:12px 14px;border-radius:14px;background:var(--acc-soft);
  font:600 13px/1.5 var(--f-t);color:var(--tx)}

/* Подписи к файлу каталога: верхняя полоса, подвал */
.util-sub{font:500 13px/1 var(--f-t);color:var(--tx3);white-space:nowrap}
.util-sub::before{content:"·";margin-right:6px;color:var(--line-2,var(--line))}
.ft-li-dl{display:grid;gap:2px}
.ft li a[download]{display:inline-flex;align-items:center;min-height:44px}
.ft-sub{font:500 13px/1.3 var(--f-t);color:var(--tx3)}
@media (max-width:820px){.util-sub{display:none}}
/* Полоса документов: зона нажатия 44 px (высота полосы почти не меняется) */
.util-in{align-items:stretch}
.util-nav>a{padding-block:0;min-height:44px}
@media (max-width:700px){.util-nav>a{padding:0 9px;min-height:44px}}
/* Полоса документов: при подписи к каталогу правая заметка уступает место ссылкам */
@media (max-width:1500px){.util-note{display:none}}

/* ===== price.css ===== */
/* ===== Прайс-лист на экране «Прайс» =====================================
   Цвета только из токенов страницы (--tx, --tx2, --line, --acc, --acc-tx …),
   поэтому таблица одинаково работает в светлой и тёмной теме.
   Вкладки семейств — радиокнопки внутри label: работают без JS и с клавиатуры,
   зона нажатия ≥ 44 px, мелкого текста < 13 px нет.                       */
.pr{
  --pr-tx:var(--tx);
  --pr-tx2:var(--tx2);
  --pr-line:var(--line);
  --pr-line2:var(--line2);
  --pr-acc:var(--acc);
  --pr-acc-ink:var(--acc-ink);
  --pr-acc-tx:var(--acc-tx, var(--acc));
  --pr-acc-soft:var(--acc-soft);
  --pr-surface:var(--s1);
  --pr-card:var(--s2, var(--s1));
  --pr-zebra:var(--s1);
  --pr-acc-soft2:var(--acc-soft2);
  --pr-f-d:var(--f-d);
  --pr-f-t:var(--f-t);
  --pr-r:14px;
  color:var(--pr-tx);
  font-family:var(--pr-f-t);
  container-type:inline-size;
}
@supports (background: color-mix(in srgb, red, blue)){
  .pr{ --pr-zebra:color-mix(in srgb, var(--pr-tx) 4%, transparent); }
}
.pr *,.pr *::before,.pr *::after{box-sizing:border-box}
.pr h2,.pr h3,.pr p,.pr ul{margin:0}

/* ── вкладки по семействам ── */
.pr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px}
.pr-tab{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;
  border:1px solid var(--pr-line2);border-radius:999px;cursor:pointer;user-select:none;
  font:600 14px/1.15 var(--pr-f-t);color:var(--pr-tx2);
  transition:color .2s,border-color .2s,background-color .2s}
.pr-tab input{position:absolute;inset:-1px;width:auto;height:auto;margin:0;opacity:0;cursor:pointer;
  -webkit-appearance:none;appearance:none}
.pr-tab:hover{color:var(--pr-tx);border-color:var(--pr-tx2)}
.pr-tab-n{font:700 13px/1 var(--pr-f-t);color:var(--pr-tx2);
  padding:4px 7px;border-radius:999px;background:var(--pr-zebra);
  font-variant-numeric:tabular-nums}
.pr-tab:has(input:checked){background:var(--pr-tx);border-color:var(--pr-tx);color:var(--pr-card)}
.pr-tab:has(input:checked) .pr-tab-n{background:var(--pr-acc);color:var(--pr-acc-ink)}
.pr-tab:has(input:focus-visible){outline:2px solid var(--focus, var(--pr-acc));outline-offset:3px}

/* ── панели семейств ── */
.pr-panel{display:none;margin-top:26px}
.pr-tabs:has(input[value="all"]:checked) ~ .pr-body .pr-panel,
.pr-tabs:has(input[value="air1"]:checked) ~ .pr-body #pr-p-air1,
.pr-tabs:has(input[value="air0"]:checked) ~ .pr-body #pr-p-air0,
.pr-tabs:has(input[value="fire"]:checked) ~ .pr-body #pr-p-fire,
.pr-tabs:has(input[value="smoke"]:checked) ~ .pr-body #pr-p-smoke,
.pr-tabs:has(input[value="eml"]:checked) ~ .pr-body #pr-p-eml{display:block}
.pr-sec-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:12px}
.pr-sec-t{font:500 clamp(17px, 2vw, 21px)/1.2 var(--pr-f-d);letter-spacing:-.015em;color:var(--pr-tx)}
.pr-sec-m{display:flex;align-items:center;gap:9px;font:600 14px/1.3 var(--pr-f-t);color:var(--pr-tx2);
  font-variant-numeric:tabular-nums}
.pr-fam{font-weight:700;letter-spacing:.06em;color:var(--pr-acc-tx)}
.pr-sep{width:4px;height:4px;border-radius:50%;background:var(--pr-line2);flex:none}

/* ── таблица ── */
.pr-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1}
.pr-table th{background:var(--pr-acc);color:var(--pr-acc-ink);text-align:left;vertical-align:bottom;
  font:800 13px/1.2 var(--pr-f-t);letter-spacing:.03em;
  padding:11px 12px;border-right:1px solid var(--pr-acc-soft2, rgba(0,0,0,.14))}
.pr-table th:first-child{border-radius:var(--pr-r) 0 0 0}
.pr-table th:last-child{border-right:0;border-radius:0 var(--pr-r) 0 0}
.pr-table td{padding:11px 12px;border-bottom:1px solid var(--pr-line);vertical-align:top;
  font:500 14px/1.4 var(--pr-f-t);color:var(--pr-tx2);hyphens:manual}
.pr-table tbody tr:nth-child(even) td{background:var(--pr-zebra)}
.pr-table tbody tr:hover td{background:var(--pr-acc-soft)}
.pr-table tbody tr:last-child td{border-bottom:1px solid var(--pr-line2)}
.pr-model{font:700 14px/1.35 var(--pr-f-t);color:var(--pr-tx)}
.pr-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.pr-c-model{width:19%}
.pr-c-torque{width:8%;text-align:right}
.pr-c-volt{width:13%}
.pr-c-ctl{width:11%}
.pr-c-spring{width:14%}
.pr-c-area{width:9%;text-align:right}
.pr-c-analog{width:11%}
.pr-c-price{width:15%;text-align:right;white-space:nowrap}
th.pr-c-torque,th.pr-c-area,th.pr-c-price{text-align:right}
td.pr-c-torque,td.pr-c-area{font-weight:700;color:var(--pr-tx)}
td.pr-c-analog{font-weight:600}
.pr-val{font:800 17px/1.15 var(--pr-f-t);color:var(--pr-tx);letter-spacing:-.01em}
.pr-cur{font:700 13px/1 var(--pr-f-t);color:var(--pr-tx2);margin-left:4px}
.pr-req{font:600 13px/1.2 var(--pr-f-t);color:var(--pr-acc-tx)}

/* ── сноски ── */
.pr-notes{margin-top:30px;padding:20px 22px;border-radius:var(--pr-r);background:var(--pr-surface);
  border:1px solid var(--pr-line)}
.pr-notes-h{font:700 13px/1.2 var(--pr-f-t);letter-spacing:.14em;text-transform:uppercase;
  color:var(--pr-tx2);margin-bottom:14px}
.pr-notes-l{list-style:none;padding:0;display:grid;gap:9px 32px;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}
.pr-notes-l li{position:relative;padding-left:15px;font:500 14px/1.5 var(--pr-f-t);
  color:var(--pr-tx2)}
.pr-notes-l li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;
  border-radius:2px;background:var(--pr-acc)}

/* ── планшет: убираем самые «служебные» столбцы ── */
@container (max-width: 1080px){
  .pr-table th.pr-c-area,.pr-table td.pr-c-area{display:none}
}
@container (max-width: 920px){
  .pr-table th.pr-c-ctl,.pr-table td.pr-c-ctl,
  .pr-table th.pr-c-spring,.pr-table td.pr-c-spring{display:none}
}

/* ── телефон: строки становятся карточками ── */
@container (max-width: 700px){
  .pr-table,.pr-table tbody,.pr-table tr,.pr-table td{display:block;width:auto}
  .pr-table thead{display:none}
  .pr-table tr{padding:14px 16px;border:1px solid var(--pr-line);border-radius:var(--pr-r);
    background:var(--pr-card);margin-bottom:10px}
  .pr-table tbody tr:nth-child(even) td,.pr-table tbody tr:hover td{background:none}
  .pr-table td{display:flex;justify-content:flex-end;align-items:baseline;gap:4px 16px;
    padding:7px 0;border-bottom:1px solid var(--pr-line);text-align:right}
  .pr-table td::before{content:attr(data-l);flex:1 1 auto;text-align:left;
    font:700 13px/1.3 var(--pr-f-t);letter-spacing:.04em;
    color:var(--pr-tx2);padding-top:1px}
  .pr-table td.pr-c-model{padding:0 0 10px;border-bottom:1px solid var(--pr-line2);
    justify-content:flex-start}
  .pr-table td.pr-c-model::before{display:none}
  .pr-table td.pr-c-model .pr-model{font-size:16px}
  .pr-table th.pr-c-ctl,.pr-table td.pr-c-ctl,
  .pr-table th.pr-c-spring,.pr-table td.pr-c-spring,
  .pr-table th.pr-c-area,.pr-table td.pr-c-area{display:flex}
  .pr-table tr td:last-child{border-bottom:0;padding-bottom:0}
  .pr-table td.pr-c-price{column-gap:6px}
  .pr-table td.pr-c-price .pr-val{font-size:19px}
  .pr-notes{padding:18px 16px}
  .pr-notes-l{grid-template-columns:1fr}
}

/* ── цены от количества: два столбца (скидка 10 % и 15 %) ───────────────── */
.pr-c-model{width:17%}
.pr-c-torque{width:7%}
.pr-c-volt{width:11%}
.pr-c-ctl{width:9%}
.pr-c-spring{width:12%}
.pr-c-area{width:7%}
.pr-c-analog{width:8%}
.pr-c-price{width:10%}
.pr-c-q10,.pr-c-q100{width:9%;text-align:right;white-space:nowrap}
th.pr-c-q10,th.pr-c-q100{text-align:right}
td.pr-c-q10 .pr-val,td.pr-c-q100 .pr-val{font:700 15px/1.15 var(--pr-f-t);color:var(--pr-tx2)}
td.pr-c-q10 .pr-cur,td.pr-c-q100 .pr-cur{font-size:13px}
td.pr-c-q10{border-left:1px solid var(--pr-line)}
@container (max-width: 1080px){
  .pr-table th.pr-c-analog,.pr-table td.pr-c-analog{display:none}
}
@container (max-width: 700px){
  .pr-table th.pr-c-analog,.pr-table td.pr-c-analog{display:flex}
  td.pr-c-q10{border-left:0}
  .pr-table td.pr-c-q10,.pr-table td.pr-c-q100{column-gap:6px}
  td.pr-c-q10 .pr-val,td.pr-c-q100 .pr-val{font-size:16px}
}

/* ===== kp.css ===== */
/* ===== Экран «КП»: фирменный бланк коммерческого предложения =============
   Бланк — документ, поэтому его цвета зафиксированы (белая бумага, графит,
   оранжевый точечно) и не меняются вместе с темой сайта: на экране это
   предпросмотр того, что уйдёт в PDF. Обвязка экрана (заголовок, кнопки)
   живёт на токенах страницы и работает в светлой и тёмной теме.          */

.kpv-wrap{padding-bottom:clamp(56px, 7vw, 104px)}
.kpv-hd{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:20px 56px;
  margin:clamp(18px,2.4vw,30px) 0 clamp(22px,3vw,34px)}
.kpv-hd .h2{margin-top:12px}
.kpv-hd .lead{margin-top:14px;max-width:52ch}
.kpv-act{display:grid;gap:12px;justify-self:end;justify-items:end}
.kpv-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.kpv-n{font:500 13px/1.45 var(--f-t);color:var(--tx3);max-width:38ch;text-align:right}
@media (max-width: 900px){
  .kpv-hd{grid-template-columns:1fr;align-items:start}
  .kpv-act{justify-self:start;justify-items:start}
  .kpv-btns{justify-content:flex-start}
  .kpv-n{text-align:left}
  .kpv-btns .btn{flex:1 1 auto}
}

/* две второстепенные кнопки карточки в один ряд: «Запросить счёт» и «Добавить в КП» */
.pd-act .pd-sec{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}
.pd-act .pd-sec .btn{flex:1 1 190px;padding-inline:16px}

/* ───────────────────────── бланк ───────────────────────── */
.kpdoc{
  --k-tx:#14181D; --k-tx2:#4A5560; --k-tx3:#69737E;
  --k-acc:#F26A21; --k-acc-tx:#A8410A; --k-acc-soft:rgba(242,106,33,.09);
  --k-line:rgba(15,23,32,.12); --k-line2:rgba(15,23,32,.26);
  --k-s1:#F7F9FA; --k-s3:#EDF1F4;
  width:100%;max-width:794px;margin-inline:auto;
  padding:clamp(20px,3.2vw,42px) clamp(18px,3vw,44px) clamp(24px,3.2vw,40px);
  background:#FFFFFF;color:var(--k-tx);
  font:500 14px/1.45 var(--f-t);
  font-variant-numeric:tabular-nums lining-nums;
  border:1px solid var(--k-line);border-radius:16px;
  box-shadow:0 30px 60px -44px rgba(24,34,46,.55);
}
.kpdoc *{box-sizing:border-box}
.kpdoc p,.kpdoc h2,.kpdoc h3,.kpdoc ol,.kpdoc table{margin:0}

.kpd-hdr{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;
  padding-bottom:13px;border-bottom:1px solid var(--k-line2)}
.kpd-logo{display:flex;align-items:center;font:800 25px/1 var(--f-t);letter-spacing:.055em;white-space:nowrap}
.kpd-logo i{display:inline-block;width:16px;height:5px;border-radius:3px;background:var(--k-acc);margin:0 5px 0 6px}
.kpd-sub{margin-top:6px;font:700 13px/1.2 var(--f-t);letter-spacing:.09em;text-transform:uppercase;color:var(--k-tx3)}
.kpd-seller{flex:1 1 auto;max-width:430px;text-align:right;font:500 13px/1.44 var(--f-t);color:var(--k-tx2)}
.kpd-seller b{display:block;color:var(--k-tx);font-weight:700;font-size:13.5px;margin-bottom:2px}
.kpd-seller .sep{color:var(--k-acc-tx);padding:0 3px}
.kpd-seller .cts{display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:2px;margin-top:5px;color:var(--k-tx)}
.kpd-seller .cts span{white-space:nowrap}

.kpd-kick{display:flex;align-items:center;gap:9px;margin:17px 0 6px;
  font:700 13px/1.2 var(--f-t);letter-spacing:.2em;text-transform:uppercase;color:var(--k-tx3)}
.kpd-kick::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--k-acc)}
.kpd-h{font:800 23px/1.22 var(--f-t);letter-spacing:-.005em;color:var(--k-tx)}

.kpd-meta{display:flex;margin-top:15px;border:1px solid var(--k-line);border-radius:10px;overflow:hidden;background:var(--k-s1)}
.kpd-meta .cell{flex:1 1 0;min-width:0;padding:11px 14px 12px;border-left:1px solid var(--k-line)}
.kpd-meta .cell:first-child{border-left:0;flex:1.5 1 0}
.kpd-meta .lab{font:700 13px/1.2 var(--f-t);letter-spacing:.14em;text-transform:uppercase;color:var(--k-tx3);margin-bottom:6px}
.kpd-meta .val{font:700 14px/1.35 var(--f-t);color:var(--k-tx);overflow-wrap:anywhere}
.kpd-meta .val.kpd-dash{display:block;height:15px;border-bottom:1px dashed var(--k-line2)}
.kpdoc .empty{display:block;padding:0;gap:0}
.kpd-meta .hl .val{color:var(--k-acc-tx)}

/* ── позиции ── */
.kpd-items{width:100%;margin-top:16px;border-collapse:collapse;table-layout:fixed}
.kpd-items col.c-n{width:32px}
.kpd-items col.c-q{width:70px}
.kpd-items col.c-u{width:46px}
.kpd-items col.c-p{width:132px}
.kpd-items col.c-s{width:110px}
.kpd-items thead th{padding:7px 8px;background:var(--k-s3);border-bottom:1px solid var(--k-line2);
  font:700 13px/1.25 var(--f-t);letter-spacing:.06em;text-transform:uppercase;color:var(--k-tx2);
  text-align:left;vertical-align:bottom;white-space:nowrap}
.kpd-items thead th:first-child{border-radius:6px 0 0 0}
.kpd-items thead th:last-child{border-radius:0 6px 0 0}
.kpd-items .r{text-align:right}
.kpd-items .c{text-align:center}
.kpd-items td{padding:9px 8px;border-bottom:1px solid var(--k-line);vertical-align:top}
.kpd-items tbody tr:nth-child(even) td{background:#FBFCFD}
.kpd-items td.kpd-num{color:var(--k-tx3);font-size:13px;padding-top:11px}
.kpd-items td.kpd-d .m{display:block;font:800 15px/1.25 var(--f-t);letter-spacing:-.003em}
.kpd-items td.kpd-d .sp{display:block;margin-top:4px;font:500 13px/1.4 var(--f-t);color:var(--k-tx2)}
.kpd-items td.kpd-d .sp b{color:var(--k-tx);font-weight:700}
.kpd-items td.kpd-q{font-weight:700;font-size:15px;padding-top:12px}
.kpd-items td.kpd-u{color:var(--k-tx2);font-size:13px;padding-top:13px}
.kpd-items td.kpd-p{font-size:14px;padding-top:12px;white-space:nowrap}
.kpd-items td.kpd-s{font-weight:800;font-size:15px;padding-top:12px;white-space:nowrap}
.kpdoc .req{color:var(--k-tx3);font-weight:600;font-size:13px;white-space:nowrap}
.kpd-tag{display:block;width:-webkit-fit-content;width:fit-content;margin:5px 0 0 auto;padding:2px 6px 3px;
  font:700 13px/1.15 var(--f-t);color:var(--k-acc-tx);background:var(--k-acc-soft);
  border:1px solid rgba(242,106,33,.35);border-radius:4px;white-space:nowrap}

/* ── итоги ── */
.kpd-totw{display:flex;justify-content:flex-end;margin-top:13px}
.kpd-tot{border-collapse:collapse;min-width:330px;font-size:14px}
.kpd-tot td{padding:5px 0 5px 24px;text-align:right;white-space:nowrap}
.kpd-tot td.k{padding-left:0;text-align:left;color:var(--k-tx2)}
.kpd-tot tr.grand td{padding-top:9px;border-top:1px solid var(--k-line2);font:800 21px/1.15 var(--f-t)}
.kpd-tot tr.grand td.k{font:700 14px/1.2 var(--f-t);color:var(--k-tx);padding-top:12px}
.kpd-tot tr.vat td{font-size:13px;color:var(--k-tx3)}

.kpd-words{margin-top:13px;padding:10px 14px 11px;background:var(--k-s1);
  border-left:4px solid var(--k-acc);border-radius:0 8px 8px 0}
.kpd-words .lab{font:700 13px/1.2 var(--f-t);letter-spacing:.14em;text-transform:uppercase;color:var(--k-tx3);margin-bottom:4px}
.kpd-words .v{font:700 14px/1.4 var(--f-t);color:var(--k-tx)}

.kpd-cond{margin-top:18px}
.kpd-cond .h{font:700 13px/1.2 var(--f-t);letter-spacing:.16em;text-transform:uppercase;color:var(--k-tx3);
  padding-bottom:8px;border-bottom:1px solid var(--k-line);margin-bottom:12px}
.kpd-cond ol{padding-left:22px;columns:2;column-gap:34px;column-fill:balance}
.kpd-cond li{break-inside:avoid;page-break-inside:avoid}
.kpd-cond li{margin:0 0 5px;font:500 13px/1.42 var(--f-t);color:var(--k-tx2)}
.kpd-cond li::marker{color:var(--k-acc-tx);font-weight:800}
.kpd-cond li b{color:var(--k-tx);font-weight:700}
.kpd-note{margin-top:10px;font:500 13px/1.42 var(--f-t);color:var(--k-tx3)}

.kpd-sign{margin-top:18px;padding-top:12px;border-top:1px solid var(--k-line2);font-size:13.5px;color:var(--k-tx)}
.kpd-sign b{font-weight:800}
.kpd-sign .dot{color:var(--k-acc-tx);padding:0 5px}

.kpd-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-top:15px;padding-top:8px;border-top:1px solid var(--k-line);
  font:500 13px/1.35 var(--f-t);letter-spacing:.01em;color:var(--k-tx3)}
.kpd-foot .pg{font-weight:700;color:var(--k-tx2)}

/* ── узкий экран: строки таблицы становятся карточками, полосы прокрутки нет ── */
@media screen and (max-width: 760px){
  .kpd-hdr{flex-direction:column;gap:14px}
  .kpd-seller{text-align:left;max-width:none}
  .kpd-seller .cts{justify-content:flex-start}
  .kpd-meta{flex-direction:column}
  .kpd-meta .cell{border-left:0;border-top:1px solid var(--k-line)}
  .kpd-meta .cell:first-child{border-top:0}
  .kpd-items,.kpd-items tbody,.kpd-items tr,.kpd-items td{display:block;width:auto}
  .kpd-items colgroup,.kpd-items thead{display:none}
  .kpd-items{table-layout:auto;margin-top:18px;border-top:1px solid var(--k-line2)}
  .kpd-items tr{padding:13px 0 14px;border-bottom:1px solid var(--k-line)}
  .kpd-items tbody tr:nth-child(even) td{background:none}
  .kpd-items td{padding:0;border:0;text-align:left}
  .kpd-items td.kpd-num{display:inline;font-size:13px}
  .kpd-items td.kpd-num::after{content:"."}
  .kpd-items td.kpd-d{display:inline}
  .kpd-items td.kpd-d .m,.kpd-items td.kpd-d .sp{display:block}
  .kpd-items td.kpd-q,.kpd-items td.kpd-u{display:inline-block;margin-top:9px;font-size:14px}
  .kpd-items td.kpd-q::before{content:"Кол-во: ";font-weight:500;color:var(--k-tx2)}
  .kpd-items td.kpd-u{margin-left:4px;color:var(--k-tx2)}
  .kpd-items td.kpd-p{margin-top:3px;font-size:13.5px;color:var(--k-tx2)}
  .kpd-items td.kpd-p::before{content:"Цена: "}
  .kpd-items td.kpd-s{margin-top:3px}
  .kpd-items td.kpd-s::before{content:"Сумма: ";font-weight:500;font-size:13.5px;color:var(--k-tx2)}
  .kpd-items td.kpd-p,.kpd-items td.kpd-s{text-align:left;white-space:normal}
  .kpd-tag{display:inline-block;margin:0 0 0 8px;vertical-align:1px;white-space:normal}
  .kpd-totw{justify-content:stretch}
  .kpd-tot{min-width:0;width:100%}
  .kpd-cond ol{columns:1}
}

/* ───────────────────────── печать ─────────────────────────
   Печатается только бланк: служебная плашка, шапка сайта, таб-бар,
   подвал и обвязка экрана скрыты; лист — A4 с полями 12 мм.        */
@page{size:A4;margin:12mm}
@media print{
  :root{color-scheme:light}
  html,body{background:#FFFFFF!important}
  .hdr,.tabbar,.ft,.mcart,.mcart-scrim,.lb,.sheet,#toastBox,.cmp-tray,.mbuy,.anav,
  .kpv-hd,.kpv-wrap .crumbs,.kpd-screen-only{display:none!important}
  .wrap{max-width:none;padding-inline:0}
  .kpv-wrap{padding:0}
  .scr{animation:none}
  .kpdoc{max-width:none;width:auto;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;font-size:10.2pt}
  .kpdoc tr,.kpdoc .kpd-tot,.kpdoc .kpd-words,.kpdoc .kpd-cond,.kpdoc .kpd-sign{break-inside:avoid;page-break-inside:avoid}
  .kpd-items thead{display:table-header-group}
  .kpd-cond ol{columns:2}
  .kpd-items tbody tr:nth-child(even) td{background:#FBFCFD!important}
  .kpd-items thead th{background:var(--k-s3)!important}
  .kpd-words{background:var(--k-s1)!important}
  .kpd-meta{background:var(--k-s1)!important}
}

/* «что это» и подписи к кнопкам на экране КП */
.kpv-what{display:flex;gap:10px;align-items:flex-start;margin-top:14px;max-width:56ch;
  font:600 15px/1.5 var(--f-t);color:var(--tx)}
.kpv-what .ico{width:18px;height:18px;margin-top:2px;color:var(--acc-tx)}
.kpv-b{display:grid;gap:6px;justify-items:end}
.kpv-b small{font:500 13px/1.35 var(--f-t);color:var(--tx3);max-width:34ch;text-align:right}
@media (min-width: 901px){
  .kpv-btns{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:300px}
  .kpv-b .btn{width:100%}
}
@media (max-width: 900px){
  .kpv-b{flex:1 1 100%;justify-items:start}
  .kpv-b .btn{width:100%}
  .kpv-b small{text-align:left;max-width:none}
}

/* многостраничник */
/* Экраны макета ([data-screen] / data-scr) больше не используются: сайт многостраничный.
   Проверено — правил, скрывающих контент по умолчанию, в e.css / price.css / kp.css нет;
   единственное общее скрытие — [hidden]{display:none!important} для модалок и шторок. */
/* Разделитель хлебных крошек (в макете крошки рисовал JS без класса). */
.crumb-sep{color:var(--tx3);margin-inline:-2px;font-weight:600;-webkit-user-select:none;user-select:none}

/* ===== правки после запуска 23.09.2026 (добавляются в конец app.css) ===== */

/* 1. Ссылки, которые строит app.js (мега-меню, шторки, подсказки поиска):
      в макете там были <button>, поэтому цвет и подчёркивание браузера портили вид. */
#megaIn a, .sheet a, .qres a, #qres a, .nv-qlist a, .tabbar a, .mg-l a, .mg-t a {
  color: inherit;
  text-decoration: none;
}
#megaIn .mg-t a:hover, #megaIn .mg-l a:hover, .sheet a:hover { text-decoration: underline; }
#megaIn .mg-l a { display: flex; align-items: baseline; gap: 6px; width: 100%; }

/* 2. Верхняя служебная полоса: пункты меню не должны обрезаться на широком экране,
      а примечание — вылезать за край. */
.util-in { overflow: hidden; }
.util-nav { flex: 1 1 auto; }
.util-note { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1400px) { .util-note { display: none; } }

/* 3. Полоса разделов под шапкой: до любого семейства один клик (добавлено 23.09 по замечанию о навигации) */
.fstrip { border-bottom: 1px solid var(--line); background: var(--s1); }
.fstrip-in { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; }
.fstrip-in::-webkit-scrollbar { display: none; }
.fstrip-in > a {
  flex: 0 0 auto; display: grid; gap: 2px; padding: 9px 14px; border-radius: 10px;
  text-decoration: none; color: var(--tx); white-space: nowrap;
  border: 1px solid transparent; transition: background-color .18s, border-color .18s;
}
.fstrip-in > a:first-child { color: var(--acc-tx); }
.fstrip-in > a > b { font: 700 14px/1.2 var(--f-t); }
.fstrip-in > a > span { font: 500 12px/1.2 var(--f-t); color: var(--tx3); font-variant-numeric: tabular-nums; }
.fstrip-in > a:hover { background: var(--s2); }
.fstrip-in > a[aria-current="page"] { background: var(--s2); border-color: var(--line); }
body.compact .fstrip { display: none; }
@media (max-width: 700px) {
  .fstrip-in { gap: 2px; }
  .fstrip-in > a { padding: 8px 11px; }
  .fstrip-in > a > b { font-size: 13px; }
}

/* 4. «Все N моделей» первым пунктом в мега-меню каталога */
.mg-all { grid-column: 1 / -1; display: grid; gap: 2px; padding: 12px 14px; border-radius: 12px;
  background: var(--s2); text-decoration: none; color: var(--tx); border: 1px solid var(--line); }
.mg-all:hover { border-color: var(--acc-tx); }
.mg-all > b { font: 700 16px/1.2 var(--f-t); }
.mg-all > span { font: 500 13px/1.3 var(--f-t); color: var(--tx3); }

/* 5. Заголовки разделов и служебных страниц: 60 px было слишком крупно — заголовок разваливался
      на пять строк и занимал весь экран (замечание 23.09). */
body .sec-hd .h1 > .h1a:only-child { font-size: clamp(24px, 2.7vw, 38px); line-height: 1.1; letter-spacing: -.02em; }
body .sec-hd .h1 { max-width: 32ch; }
body main h1:not(.h1):not(.pd-h1):not(.pg-h1) { font-size: clamp(24px, 2.6vw, 38px); line-height: 1.12; }

/* 6. Шкала момента: при десяти значениях цифры сливались — уменьшаем кегль и разводим их. */
.tscale { gap: clamp(16px, 2.6vw, 44px); padding-right: 40px; align-items: flex-end; }
.ts-b { font-size: clamp(26px, 3.2vw, 52px); letter-spacing: -.02em; padding: 0 4px 16px; min-width: 2ch; }
.ts-b::after { height: 10px; }
@media (max-width: 700px) {
  .tscale { gap: 18px; }
  .ts-b { font-size: 30px; padding-bottom: 14px; }
}

/* 7. Зоны нажатия и размер текста (по техническому аудиту 23.09):
      телефон и почта на «Контактах» были 138×21 px, часть текста 12–13 px. */
.contacts a[href^="tel:"], .contacts a[href^="mailto:"],
.cn-list a[href^="tel:"], .cn-list a[href^="mailto:"],
main a[href^="tel:"], main a[href^="mailto:"] {
  display: inline-flex; align-items: center; min-height: 44px; padding: 4px 2px;
}
.ft a[href^="tel:"], .ft a[href^="mailto:"], .util-nav a, .tabbar a { min-height: 44px; }
.util-note, .ft-sub, .pd-fine, .nv-consent, .pg-fine { font-size: 14px; }
.pr-table td, .pr-table th { font-size: 14px; }
.crumbs a, .crumbs span { min-height: 32px; display: inline-flex; align-items: center; }
.ts-b { min-height: 44px; }
@media (max-width: 700px) {
  .ft ul a, .ft-brand a { min-height: 40px; display: inline-flex; align-items: center; }
}

/* 8. Продающая строка и выгоды в блоке покупки (заголовки по данным Вордстата, 23.09) */
.pd-sub { font: 500 15px/1.5 var(--f-t); color: var(--tx2); margin: 10px 0 0; max-width: 46ch; }
.pd-usp { display: grid; gap: 6px; margin: 14px 0 0; padding: 0; list-style: none; }
.pd-usp li { position: relative; padding-left: 18px; font: 500 14px/1.45 var(--f-t); color: var(--tx); }
.pd-usp li::before { content: ""; position: absolute; left: 4px; top: .55em; width: 6px; height: 6px;
  border-radius: 50%; background: var(--acc-tx); }


/* 9. Почта в служебной строке шапки (просьба владельца 24.09): в шапке был только телефон.
      Примечание об оплате прячем раньше почты, чтобы строка не переливалась. */
.util-mail { font: 600 13px/1 var(--f-t); color: var(--tx); text-decoration: none; white-space: nowrap;
  min-height: 44px; display: inline-flex; align-items: center; gap: 6px; }
.util-mail:hover { color: var(--acc-tx); }
.util-mail .ico { flex: 0 0 auto; }
.util-in { gap: 10px 16px; }
@media (max-width: 1100px) { .util-note { display: none; } }
@media (max-width: 860px)  { .util-mail { display: none; } }

/* 10. Полоса уведомления о cookie (обязательна: сайт ставит cookie и Яндекс.Метрику).
       Стоит над нижней панелью навигации (bottom: var(--tb)) и над плашкой покупки
       на карточке (--mb), поэтому ничего не перекрывает. Скрывается атрибутом hidden. */
.ckb { position: fixed; left: 0; right: 0; bottom: calc(var(--tb) + var(--mb-ckb, 0px));
  z-index: 61; display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  padding: 12px clamp(14px, 3vw, 22px); background: var(--s1); border-top: 1px solid var(--line);
  box-shadow: 0 -18px 40px -26px var(--sh2); }
.ckb[hidden] { display: none; }
.ckb-t { flex: 1 1 320px; min-width: 0; margin: 0; font: 500 13px/1.5 var(--f-t); color: var(--tx2); max-width: 92ch; }
.ckb-t a { color: var(--acc-tx); }
.ckb-ok { flex: 0 0 auto; }
.on-card .ckb, .body-card .ckb { --mb-ckb: var(--mb, 0px); }
@media (max-width: 700px) {
  .ckb { gap: 10px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)); }
  .ckb-t { flex: 1 1 100%; font-size: 12.5px; line-height: 1.45; }
  .ckb-ok { width: 100%; }
}