:root{
  --paper:#FFFFFF; --soft:#F5F6F7; --card:#FFFFFF;
  --ink:#1B1B1B; --body:#4A4F55; --muted:#666C72;
  --line:#E6E8EA; --line-strong:#CBD0D4;
  --navy:#1E304B; --navy-2:#16202E; --navy-ink:#EDF1F6; --navy-muted:#A3B0C0; --navy-line:#2E4160;
  --amber:#F0B429; --amber-ink:#8A5F04;
  --r:3px;
  --maxw:1200px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0F1318; --soft:#151A20; --card:#171D24;
    --ink:#EEF1F4; --body:#C2C8CF; --muted:#8B929A;
    --line:#242B33; --line-strong:#38424D;
    --navy:#131C28; --navy-2:#0D141D; --navy-ink:#EDF1F6; --navy-muted:#9AA7B6; --navy-line:#25344A;
    --amber:#F5C14D; --amber-ink:#F5C14D;
  }
}
:root[data-theme="dark"]{
  --paper:#0F1318; --soft:#151A20; --card:#171D24;
  --ink:#EEF1F4; --body:#C2C8CF; --muted:#8B929A;
  --line:#242B33; --line-strong:#38424D;
  --navy:#131C28; --navy-2:#0D141D; --navy-ink:#EDF1F6; --navy-muted:#9AA7B6; --navy-line:#25344A;
  --amber:#F5C14D; --amber-ink:#F5C14D;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--body);
  font-family:"Golos Text",-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.62;
  -webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:Oswald,"Golos Text",sans-serif;font-weight:500;color:var(--ink);
  margin:0;text-wrap:balance;line-height:1.16}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:20px}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:var(--amber);color:#111;padding:8px 14px;z-index:99}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.rule{width:44px;height:3px;background:var(--amber);border:0;margin:0}

/* header */
header{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}
.hbar{display:flex;align-items:center;gap:26px;padding-block:14px}
.logo{display:flex;align-items:center;flex:0 0 auto}
.logo img{height:38px;width:auto;display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo img{filter:invert(1) brightness(1.8)}}
:root[data-theme="dark"] .logo img{filter:invert(1) brightness(1.8)}
nav.main{display:flex;gap:26px;margin-inline:auto;font-size:15px;font-weight:500}
nav.main a{text-decoration:none;color:var(--body);padding-block:6px;border-bottom:2px solid transparent}
nav.main a:hover,nav.main a[aria-current]{color:var(--ink);border-bottom-color:var(--amber)}
.hcta{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.telbtn{display:none;width:40px;height:40px;border-radius:var(--r);align-items:center;justify-content:center;
  color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}
.telbtn svg{width:19px;height:19px}
.burger{display:none;width:40px;height:40px;border:0;background:transparent;cursor:pointer;
  flex-direction:column;justify-content:center;gap:5px;padding:0 8px}
.burger span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:transform .18s,opacity .18s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.tel{font-family:"IBM Plex Mono",monospace;font-size:14.5px;color:var(--ink);text-decoration:none;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;
  font-family:"Golos Text",sans-serif;font-weight:600;font-size:15px;padding:12px 22px;border-radius:var(--r);
  background:var(--navy);color:#fff;text-decoration:none;transition:filter .15s,background .15s}
.btn:hover{filter:brightness(1.18)}
.btn.amber{background:var(--amber);color:#1B1400}
.btn.amber:hover{filter:brightness(.94)}
.btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}
.btn.line:hover{box-shadow:inset 0 0 0 1px var(--ink);filter:none}
.btn.onnavy{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);border-radius:99px}
.btn.onnavy:hover{background:#fff;color:var(--navy);filter:none}
.btn.sm{padding:9px 16px;font-size:14px}
.btn.full{width:100%}

/* hero */
.hero{background:var(--navy);color:var(--navy-ink);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;right:-180px;top:-140px;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,180,41,.20),rgba(240,180,41,0) 68%)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:44px 44px;align-items:center;
  padding-block:56px 56px}
.hero h1{color:#fff;font-size:clamp(30px,3.9vw,47px);font-weight:600;letter-spacing:-.004em}
.hero h1 em{font-style:normal;color:var(--amber)}
.hero .lead{font-size:17px;color:var(--navy-muted);margin:20px 0 0;max-width:52ch}
.hero .kicker{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:12px;
  color:var(--amber);margin-bottom:14px}
.herobtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.herobtns .btn{border-radius:99px}
.shot{background:#fff;border-radius:var(--r);padding:20px;display:flex;align-items:center;justify-content:center;
  min-height:300px;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.shot img{max-height:360px;width:auto}
.hero .badge{grid-column:1/-1;justify-self:start;display:flex;gap:0;margin-top:6px;
  background:rgba(255,255,255,.07);border:1px solid var(--navy-line);border-radius:99px;overflow:hidden}
.hero .badge span{padding:8px 20px;font-size:13px;color:var(--navy-muted);border-right:1px solid var(--navy-line)}
.hero .badge span:last-child{border-right:0}
.hero .badge b{color:#fff;font-family:"IBM Plex Mono",monospace}

/* sections */
section{padding-block:66px}
section.soft{background:var(--soft)}
.shead{text-align:center;max-width:70ch;margin:0 auto 38px}
.shead h2{font-size:clamp(26px,3.2vw,36px);font-weight:600}
.shead .rule{margin:16px auto 0}
.shead p{margin:16px 0 0;font-size:16.5px}
.shead.left{text-align:left;margin-inline:0}
.shead.left .rule{margin-inline:0}

/* feature cards */
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column}
.feat .top{background:var(--navy);color:#fff;padding:28px 24px 24px;position:relative}
.feat .top .num{font-family:"IBM Plex Mono",monospace;font-size:38px;font-weight:500;color:var(--amber);
  line-height:1;display:block}
.feat .top .unit{font-size:13.5px;color:var(--navy-muted);margin-top:8px;display:block}
.feat .bd{padding:22px 24px 26px}
.feat h3{font-size:19.5px;margin-bottom:12px}
.feat .rule{margin-bottom:14px}
.feat p{margin:0;font-size:14.8px}

/* product tabs + cards */
.tabs{display:flex;gap:0;justify-content:center;flex-wrap:wrap;border-bottom:1px solid var(--line);
  margin-bottom:34px}
.tabs button{background:transparent;border:0;cursor:pointer;font-family:"Golos Text",sans-serif;
  font-size:15.5px;font-weight:500;color:var(--muted);padding:14px 22px;border-bottom:2px solid transparent;
  margin-bottom:-1px}
.tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--amber)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);display:flex;
  flex-direction:column;overflow:hidden;transition:box-shadow .16s,transform .16s}
.pcard:hover{box-shadow:0 10px 30px rgba(20,30,45,.12);transform:translateY(-2px)}
.pcard .ph{background:var(--soft);height:190px;display:flex;align-items:center;justify-content:center;
  padding:16px;border-bottom:1px solid var(--line);flex:0 0 auto}
.pcard .ph img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}
.pcard h3{min-height:2.3em;display:flex;align-items:flex-start}
.pcard .bd{padding:18px 18px 20px;display:flex;flex-direction:column;gap:12px;flex:1}
.pcard h3{font-family:"IBM Plex Mono",monospace;font-size:15.5px;font-weight:500;letter-spacing:-.01em}
.pcard .cap{font-family:"IBM Plex Mono",monospace;font-size:24px;color:var(--ink);font-weight:500;line-height:1}
.pcard .cap small{font-size:13px;color:var(--muted);font-weight:400}
.pcard dl{margin:0;display:grid;gap:7px;font-size:13.4px}
.pcard dl div{display:flex;justify-content:space-between;gap:10px}
.pcard dt{color:var(--muted)}
.pcard dd{margin:0;font-family:"IBM Plex Mono",monospace;color:var(--ink)}
.pcard .acts{margin-top:auto;display:grid;gap:8px}
.more{text-align:center;margin-top:34px}

/* calculator */
.calc{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;background:var(--card)}
.calcin{padding:30px 28px;border-right:1px solid var(--line)}
.calcout{padding:30px 28px;background:var(--navy);color:var(--navy-ink)}
.field{margin-bottom:22px}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:9px;font-weight:500}
.seg{display:flex;flex-wrap:wrap;gap:7px}
.seg button{flex:1 1 auto;min-width:66px;border:1px solid var(--line-strong);background:transparent;
  color:var(--body);cursor:pointer;font-family:"IBM Plex Mono",monospace;font-size:14px;padding:10px;
  border-radius:var(--r)}
.seg button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
select,input[type=text],input[type=email],input[type=tel],textarea{width:100%;padding:12px;
  border:1px solid var(--line-strong);border-radius:var(--r);background:var(--card);color:var(--ink);
  font-family:"Golos Text",sans-serif;font-size:15px}
select{font-family:"IBM Plex Mono",monospace}
.calcout .kick{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.15em;font-size:11.5px;
  color:var(--amber);display:block;margin-bottom:18px}
.res{font-family:"IBM Plex Mono",monospace;font-size:clamp(24px,3.1vw,33px);color:#fff;font-weight:500;line-height:1.15}
.ressub{color:var(--navy-muted);font-size:14px;margin:6px 0 22px}
.kv{display:flex;justify-content:space-between;gap:16px;padding-block:11px;border-bottom:1px dashed var(--navy-line)}
.kv:last-of-type{border-bottom:0}
.kv dt{color:var(--navy-muted);font-size:14px}
.kv dd{margin:0;font-family:"IBM Plex Mono",monospace;font-size:16px;color:#fff}
.calcnote{font-size:12.5px;color:var(--navy-muted);margin-top:18px;line-height:1.5}

/* applications */
.apps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.app{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 22px}
.app h3{font-size:17.5px;margin-bottom:10px}
.app .rule{margin-bottom:16px}
.app p{margin:0;font-size:14.4px;color:var(--muted)}

/* about strip */
.about{background:var(--navy);color:var(--navy-ink);border-radius:var(--r);padding:44px 40px;
  display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.about h2{color:#fff;font-size:clamp(24px,2.9vw,32px);font-weight:600;margin-bottom:16px}
.about p{margin:0 0 20px;color:var(--navy-muted);font-size:15.6px}
.about .tiles{display:grid;gap:14px}
.about .tile{background:rgba(255,255,255,.05);border:1px solid var(--navy-line);border-radius:var(--r);
  padding:14px 18px}
.about .tile b{font-family:"IBM Plex Mono",monospace;color:var(--amber);font-size:19px;display:block}
.about .tile span{font-size:13.4px;color:var(--navy-muted)}

/* footer */
footer{background:var(--navy-2);color:var(--navy-muted);padding-block:52px 28px;margin-top:0}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
footer h4{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:11.5px;
  color:var(--amber);margin:0 0 16px}
footer a{color:var(--navy-muted);text-decoration:none;font-size:14.4px}
footer a:hover{color:#fff}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.flogo img{height:34px;margin-bottom:16px}
.fbot{border-top:1px solid var(--navy-line);margin-top:36px;padding-top:20px;font-size:12.6px;
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* modal */
dialog{border:0;padding:0;border-radius:var(--r);max-width:520px;width:calc(100% - 32px);
  background:var(--card);color:var(--body);box-shadow:0 24px 70px rgba(0,0,0,.4)}
dialog::backdrop{background:rgba(12,18,26,.66)}
.mhead{padding:24px 26px 18px;border-bottom:1px solid var(--line)}
.mhead h2,.mhead h3{font-size:22px;font-weight:600;margin:0}
.mbody{padding:22px 26px}
.mitem{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;
  margin-bottom:20px;display:flex;gap:14px;align-items:center}
.mitem img{width:46px;height:46px;object-fit:contain}
.mname{font-family:"IBM Plex Mono",monospace;font-size:15px;color:var(--ink);font-weight:500}
.mspec{font-size:13px;color:var(--muted);margin-top:4px}
.mrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mfoot{padding:0 26px 24px;display:flex;gap:10px;flex-wrap:wrap}
.mprivacy{font-size:12.2px;color:var(--muted);margin:12px 0 0;line-height:1.5}
.consent{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.5;
  color:var(--body);margin-top:6px;cursor:pointer}
.consent input{margin:2px 0 0;width:17px;height:17px;flex:0 0 auto;accent-color:var(--navy);cursor:pointer}
.consent a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}
.done{display:none;padding:34px 26px;text-align:center}
.done b{display:block;font-family:Oswald,sans-serif;font-size:22px;color:var(--ink);margin-bottom:10px;font-weight:500}

@media (max-width:1000px){
  .hero .wrap{grid-template-columns:1fr;padding-block:40px 52px}
  .hero .badge{justify-self:stretch;margin-top:18px}
  .feats,.apps{grid-template-columns:1fr 1fr}
  .grid{grid-template-columns:1fr 1fr}
  .calc,.about{grid-template-columns:1fr}
  .calcin{border-right:0;border-bottom:1px solid var(--line)}
  nav.main{position:fixed;inset:69px 0 auto 0;flex-direction:column;gap:0;background:var(--paper);
    border-bottom:1px solid var(--line);padding:8px 20px 18px;display:none;
    box-shadow:0 18px 40px rgba(0,0,0,.12);max-height:calc(100vh - 69px);overflow-y:auto}
  nav.main.open{display:flex}
  nav.main a{padding:14px 0;border-bottom:1px solid var(--line);border-bottom-width:1px!important;
    font-size:17px}
  nav.main a:last-child{border-bottom:0}
  .burger{display:flex}
  .fgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .feats,.apps,.grid,.fgrid{grid-template-columns:1fr}
  .hero .badge{flex-direction:column}
  .hero .badge span{border-right:0;border-bottom:1px solid var(--navy-line)}
  .tel{display:none}
  .telbtn{display:flex}
  .hcta .btn{padding:9px 13px;font-size:13.5px}
  .mrow{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* поле-ловушка: человек его не видит и не может заполнить, робот заполняет */
.hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}
.merr{margin:12px 0 0;padding:11px 13px;border-left:3px solid #c0392b;background:#fdf0ee;
  color:#8e2a1e;font-size:14px;line-height:1.55;border-radius:2px}
.mid{margin:0 0 18px;font:500 12.5px/1 'IBM Plex Mono',monospace;color:var(--muted)}
.cookiebar{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;margin:0 auto;
  max-width:760px;background:var(--navy);color:var(--navy-ink);border-radius:4px;
  padding:16px 18px;display:flex;gap:16px;align-items:center;
  box-shadow:0 8px 30px rgba(0,0,0,.28)}
.cookiebar p{margin:0;font-size:13.6px;line-height:1.6;color:var(--navy-muted)}
.cookiebar a{color:#fff}
.cookiebar .btn{flex:0 0 auto}
@media(max-width:620px){.cookiebar{flex-direction:column;align-items:flex-start;gap:12px}}

/* скрытое должно быть скрыто, даже если у элемента есть display в классе */
[hidden]{display:none!important}

/* на узком экране кнопка запроса из шапки уезжает - оставляем звонок и меню,
   а «отправить запрос» никуда не девается: он есть в каждом блоке страницы */
@media (max-width:520px){
  .hcta{gap:8px}
  .hcta .btn.amber{display:none}
  .logo img{height:32px}
  .hbar{gap:10px}
}

.navreq{display:none}
@media (max-width:520px){ .navreq{display:inline-flex;margin-top:14px;width:100%;justify-content:center} }
/* ---- страница каталога: таблица со спецификациями ---- */
.crumbs{font-size:13.5px;color:var(--muted);padding-block:18px 0}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--line-strong)}
.crumbs a:hover{color:var(--ink)}
.catwrap{border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden;
  margin-bottom:52px}
.cathead{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;
  gap:20px;align-items:flex-end;flex-wrap:wrap}
.cathead h2{font-size:23px;font-weight:600}
.cathead p{margin:8px 0 0;font-size:14.5px;color:var(--muted);max-width:66ch}
.cathead .count{font-family:"IBM Plex Mono",monospace;font-size:13.5px;color:var(--muted);white-space:nowrap}
.filters{display:flex;gap:8px;padding:14px 22px;border-bottom:1px solid var(--line);
  background:var(--soft);flex-wrap:wrap;align-items:center}
.filters .lbl{font-size:13px;color:var(--muted);margin-right:4px}
.chip{border:1px solid var(--line-strong);background:transparent;color:var(--body);cursor:pointer;
  font-family:"Golos Text",sans-serif;font-size:13.5px;font-weight:500;padding:7px 15px;border-radius:99px}
.chip[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.tblscroll{overflow-x:auto}
table.cat{width:100%;border-collapse:collapse;min-width:880px}
table.cat th{font-family:Oswald,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.09em;
  font-size:11.5px;color:var(--muted);text-align:left;padding:14px 16px;
  border-bottom:1px solid var(--line-strong);white-space:nowrap;cursor:pointer;user-select:none}
table.cat th[data-sort]:hover{color:var(--ink)}
table.cat th .ar{opacity:.35;font-family:"IBM Plex Mono",monospace}
table.cat th[aria-sort] .ar{opacity:1;color:var(--amber-ink)}
table.cat td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14.5px}
table.cat tbody tr:last-child td{border-bottom:0}
table.cat tbody tr:hover{background:var(--soft)}
td.pic{width:62px}
td.pic img{width:46px;height:46px;object-fit:contain;display:block}
td.model a{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:14.5px;color:var(--ink);
  text-decoration:none;border-bottom:1px solid var(--line-strong)}
td.model a:hover{border-bottom-color:var(--amber);color:var(--amber-ink)}
td.model .fam{display:block;font-family:"Golos Text",sans-serif;font-size:12px;color:var(--muted);margin-top:3px}
td.num{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
td.cap{font-family:"IBM Plex Mono",monospace;font-size:16.5px;font-weight:500;color:var(--ink);white-space:nowrap}
.silh{display:block;height:36px}
.silh rect{fill:var(--line-strong)}
.silh text{font-family:"IBM Plex Mono",monospace;font-size:8px;fill:var(--muted)}
.catfoot{padding:16px 22px;border-top:1px solid var(--line);background:var(--soft);font-size:13.5px;
  color:var(--muted)}
.scalenote{font-size:12.5px;color:var(--muted);margin:0}

/* ---- переключатель вида ---- */
.viewsw{display:flex;gap:0;margin-left:auto;border:1px solid var(--line-strong);border-radius:var(--r);
  overflow:hidden}
.viewsw button{background:transparent;border:0;cursor:pointer;font-family:"Golos Text",sans-serif;
  font-size:13.5px;font-weight:500;color:var(--muted);padding:7px 15px;display:flex;align-items:center;gap:7px}
.viewsw button+button{border-left:1px solid var(--line-strong)}
.viewsw button[aria-pressed="true"]{background:var(--navy);color:#fff}
.viewsw svg{width:14px;height:14px;flex:0 0 auto}
.gridwrap{padding:24px 22px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.gridwrap .pcard .cap{font-family:"IBM Plex Mono",monospace;font-size:24px;color:var(--ink);font-weight:500;line-height:1}
.gridwrap .pcard .cap small{font-size:13px;color:var(--muted);font-weight:400}
.gridwrap .pcard dl{margin:0;display:grid;gap:7px;font-size:13.4px}
.gridwrap .pcard dl div{display:flex;justify-content:space-between;gap:10px}
.gridwrap .pcard dt{color:var(--muted)}
.gridwrap .pcard dd{margin:0;font-family:"IBM Plex Mono",monospace;color:var(--ink)}
.gridwrap .pcard .acts{margin-top:auto;display:grid;gap:8px}
.grouphead{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;margin-top:8px}
.grouphead:first-child{margin-top:0}
.grouphead h3{font-size:19px;font-weight:600}
.grouphead span{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--muted)}
.grouphead hr{flex:1;height:1px;background:var(--line);border:0}
@media (max-width:1000px){.gridwrap{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.gridwrap{grid-template-columns:1fr}.viewsw{margin-left:0;width:100%}
  .viewsw button{flex:1;justify-content:center}}

.faq{margin:44px 0 10px}
.faq h2{font-family:Oswald,sans-serif;font-weight:500;font-size:25px;margin:0 0 4px}
.faq .fsub{color:var(--muted);font-size:14.6px;margin:0 0 18px}
.faq details{border-bottom:1px solid var(--line)}
.faq details[open]{background:var(--soft)}
.faq summary{cursor:pointer;list-style:none;padding:16px 44px 16px 16px;position:relative;
  font-weight:500;font-size:16px;line-height:1.5}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;
  border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
  transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq .ans{padding:0 44px 18px 16px;line-height:1.75;color:var(--body);font-size:15px}
.faq .ans p{margin:0 0 10px}.faq .ans p:last-child{margin:0}

.othersec{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 4px}
.othersec a{text-decoration:none}
/* ---- страница каталога: таблица со спецификациями ---- */
.crumbs{font-size:13.5px;color:var(--muted);padding-block:18px 0}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--line-strong)}
.crumbs a:hover{color:var(--ink)}
.catwrap{border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden;
  margin-bottom:52px}
.cathead{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;
  gap:20px;align-items:flex-end;flex-wrap:wrap}
.cathead h2{font-size:23px;font-weight:600}
.cathead p{margin:8px 0 0;font-size:14.5px;color:var(--muted);max-width:66ch}
.cathead .count{font-family:"IBM Plex Mono",monospace;font-size:13.5px;color:var(--muted);white-space:nowrap}
.filters{display:flex;gap:8px;padding:14px 22px;border-bottom:1px solid var(--line);
  background:var(--soft);flex-wrap:wrap;align-items:center}
.filters .lbl{font-size:13px;color:var(--muted);margin-right:4px}
.chip{border:1px solid var(--line-strong);background:transparent;color:var(--body);cursor:pointer;
  font-family:"Golos Text",sans-serif;font-size:13.5px;font-weight:500;padding:7px 15px;border-radius:99px}
.chip[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.tblscroll{overflow-x:auto}
table.cat{width:100%;border-collapse:collapse;min-width:880px}
table.cat th{font-family:Oswald,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.09em;
  font-size:11.5px;color:var(--muted);text-align:left;padding:14px 16px;
  border-bottom:1px solid var(--line-strong);white-space:nowrap;cursor:pointer;user-select:none}
table.cat th[data-sort]:hover{color:var(--ink)}
table.cat th .ar{opacity:.35;font-family:"IBM Plex Mono",monospace}
table.cat th[aria-sort] .ar{opacity:1;color:var(--amber-ink)}
table.cat td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14.5px}
table.cat tbody tr:last-child td{border-bottom:0}
table.cat tbody tr:hover{background:var(--soft)}
td.pic{width:62px}
td.pic img{width:46px;height:46px;object-fit:contain;display:block}
td.model a{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:14.5px;color:var(--ink);
  text-decoration:none;border-bottom:1px solid var(--line-strong)}
td.model a:hover{border-bottom-color:var(--amber);color:var(--amber-ink)}
td.model .fam{display:block;font-family:"Golos Text",sans-serif;font-size:12px;color:var(--muted);margin-top:3px}
td.num{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
td.cap{font-family:"IBM Plex Mono",monospace;font-size:16.5px;font-weight:500;color:var(--ink);white-space:nowrap}
.silh{display:block;height:36px}
.silh rect{fill:var(--line-strong)}
.silh text{font-family:"IBM Plex Mono",monospace;font-size:8px;fill:var(--muted)}
.catfoot{padding:16px 22px;border-top:1px solid var(--line);background:var(--soft);font-size:13.5px;
  color:var(--muted)}
.scalenote{font-size:12.5px;color:var(--muted);margin:0}

/* ---- переключатель вида ---- */
.viewsw{display:flex;gap:0;margin-left:auto;border:1px solid var(--line-strong);border-radius:var(--r);
  overflow:hidden}
.viewsw button{background:transparent;border:0;cursor:pointer;font-family:"Golos Text",sans-serif;
  font-size:13.5px;font-weight:500;color:var(--muted);padding:7px 15px;display:flex;align-items:center;gap:7px}
.viewsw button+button{border-left:1px solid var(--line-strong)}
.viewsw button[aria-pressed="true"]{background:var(--navy);color:#fff}
.viewsw svg{width:14px;height:14px;flex:0 0 auto}
.gridwrap{padding:24px 22px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.gridwrap .pcard .cap{font-family:"IBM Plex Mono",monospace;font-size:24px;color:var(--ink);font-weight:500;line-height:1}
.gridwrap .pcard .cap small{font-size:13px;color:var(--muted);font-weight:400}
.gridwrap .pcard dl{margin:0;display:grid;gap:7px;font-size:13.4px}
.gridwrap .pcard dl div{display:flex;justify-content:space-between;gap:10px}
.gridwrap .pcard dt{color:var(--muted)}
.gridwrap .pcard dd{margin:0;font-family:"IBM Plex Mono",monospace;color:var(--ink)}
.gridwrap .pcard .acts{margin-top:auto;display:grid;gap:8px}
.grouphead{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;margin-top:8px}
.grouphead:first-child{margin-top:0}
.grouphead h3{font-size:19px;font-weight:600}
.grouphead span{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--muted)}
.grouphead hr{flex:1;height:1px;background:var(--line);border:0}
@media (max-width:1000px){.gridwrap{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.gridwrap{grid-template-columns:1fr}.viewsw{margin-left:0;width:100%}
  .viewsw button{flex:1;justify-content:center}}


.draw{width:100%;height:auto}
.draw .body{fill:var(--soft);stroke:var(--line-strong);stroke-width:1.5}
.draw .term{fill:var(--amber)}
.draw .dim{stroke:var(--muted);stroke-width:1}
.draw .dimtxt{font-family:"IBM Plex Mono",monospace;font-size:12px;fill:var(--muted)}

.prod{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch;padding-block:30px 56px}
.gallery{display:flex;flex-direction:column}
.gmain{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);
  flex:1;min-height:360px;display:flex;align-items:center;justify-content:center;padding:22px}
.gmain img{max-height:100%;width:min(100%,430px);height:auto;object-fit:contain}
.gmain svg{max-height:100%;width:min(100%,470px);height:auto}
.gthumbs{display:flex;gap:10px;margin-top:12px;flex:0 0 auto}
.gthumbs button{width:86px;height:86px;background:var(--soft);border:1px solid var(--line);
  border-radius:var(--r);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}
.gthumbs button[aria-pressed="true"]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.gthumbs img,.gthumbs svg{max-width:100%;max-height:100%}
.gthumbs .tdraw{flex-direction:column;gap:2px;color:var(--muted)}
.gthumbs .tdraw svg{width:40px;height:40px}
.gthumbs .tdraw span{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;
  font-size:8.5px}
.gthumbs .tdraw[aria-pressed="true"]{color:var(--ink)}
.pinfo h1{font-size:clamp(26px,3.2vw,36px);font-weight:600;font-family:"IBM Plex Mono",monospace;
  letter-spacing:-.02em}
.pinfo .sub{font-size:16.5px;color:var(--muted);margin:10px 0 0}
.keyfacts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);
  border-radius:var(--r);margin:24px 0;overflow:hidden;background:var(--card)}
.keyfacts div{padding:16px 18px;border-right:1px solid var(--line)}
.keyfacts div:last-child{border-right:0}
.keyfacts b{display:block;font-family:"IBM Plex Mono",monospace;font-size:21px;color:var(--ink);
  font-weight:500;line-height:1.1}
.keyfacts span{font-size:12.4px;color:var(--muted);display:block;margin-top:6px}
.buybox{background:var(--navy);color:var(--navy-ink);border-radius:var(--r);padding:22px 24px;margin-bottom:22px}
.buybox .price{font-family:Oswald,sans-serif;font-size:21px;color:#fff;font-weight:500}
.buybox p{margin:8px 0 16px;font-size:13.8px;color:var(--navy-muted)}
.buybox .acts{display:flex;gap:10px;flex-wrap:wrap}
.shortspec{width:100%;border-collapse:collapse}
.shortspec th{text-align:left;font-weight:400;font-size:14.2px;color:var(--muted);padding:9px 0;
  border-bottom:1px solid var(--line);width:52%}
.shortspec td{font-family:"IBM Plex Mono",monospace;font-size:14.2px;color:var(--ink);padding:9px 0;
  border-bottom:1px solid var(--line);text-align:right}
.allspec{display:inline-block;margin-top:14px;font-size:14px;color:var(--ink);
  border-bottom:1px solid var(--amber);text-decoration:none;cursor:pointer;background:none;border-top:0;
  border-left:0;border-right:0;font-family:"Golos Text",sans-serif;padding:0 0 2px}

.tabzone{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding-block:46px 56px;margin-top:8px}
.tabzone .ptabshead{display:flex;align-items:center;justify-content:space-between;gap:28px;
  padding-bottom:22px;border-bottom:1px solid var(--line-strong);flex-wrap:wrap}
.tabzone .ptabshead h2{font-size:clamp(22px,2.5vw,29px);font-weight:600;margin:0;white-space:nowrap}
.tabzone .ptabshead h2 small{display:block;font-family:"Golos Text",sans-serif;font-weight:400;
  font-size:13.5px;color:var(--muted);margin-top:6px;letter-spacing:0;text-transform:none}
.ptabs{display:inline-flex;gap:4px;background:var(--card);border:1px solid var(--line-strong);
  border-radius:99px;padding:5px;flex-wrap:wrap;justify-content:center}
.ptabs button{background:transparent;border:0;cursor:pointer;font-family:"Golos Text",sans-serif;
  font-size:15px;font-weight:500;color:var(--body);padding:11px 22px;border-radius:99px;white-space:nowrap;
  transition:background .15s,color .15s}
.ptabs button:hover{background:var(--soft);color:var(--ink)}
.ptabs button[aria-selected="true"]{background:var(--navy);color:#fff}
.ptabs button[aria-selected="true"]:hover{background:var(--navy);color:#fff}
.ppane{padding-block:38px 0;min-height:430px}
.ppane[hidden]{display:none}


.spec2{columns:2;column-gap:56px}
.spec2 .row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;
  border-bottom:1px solid var(--line);break-inside:avoid;font-size:14.4px}
.spec2 .row span:first-child{color:var(--muted)}
.spec2 .row span:last-child{font-family:"IBM Plex Mono",monospace;color:var(--ink);text-align:right}

.txtgrid{display:grid;grid-template-columns:1.35fr .65fr;gap:44px;align-items:start}
.txtgrid h2{font-size:23px;font-weight:600;margin:0 0 12px}
.txtgrid h2+p{margin-top:0}
.txtgrid h3{font-size:17.5px;margin:24px 0 8px}
.txtgrid p{margin:0 0 14px}
.aside{display:grid;gap:18px;position:sticky;top:140px}
.warn{border-left:3px solid var(--amber);background:var(--soft);padding:16px 18px;
  border-radius:0 var(--r) var(--r) 0;font-size:14.2px}
.warn b{color:var(--ink);display:block;margin-bottom:6px}
.asidecard{border:1px solid var(--line);border-radius:var(--r);padding:18px;background:var(--card)}
.asidecard h4{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.11em;font-size:11px;
  color:var(--muted);margin:0 0 12px}
.asidecard p{margin:0;font-size:13.8px;color:var(--body)}

.packs{width:100%;border-collapse:collapse;margin:0 0 18px}
.packs th{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11px;
  color:var(--muted);text-align:left;padding:11px 14px;border-bottom:1px solid var(--line-strong);font-weight:500}
.packs td{padding:13px 14px;border-bottom:1px solid var(--line);font-family:"IBM Plex Mono",monospace;
  font-size:14.4px;color:var(--ink)}
.packs td:first-child{font-family:"Golos Text",sans-serif;color:var(--body)}
.packs tr:last-child td{border-bottom:0}
.cmp{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0 14px}
.cmp a{display:block;text-decoration:none;border:1px solid var(--line);border-radius:var(--r);padding:18px;
  background:var(--card)}
.cmp a.self{border-color:var(--navy);background:var(--soft)}
.cmp a:hover{border-color:var(--amber)}
.cmp .mdl{font-family:"IBM Plex Mono",monospace;font-size:14px;color:var(--ink)}
.cmp .cc{font-family:"IBM Plex Mono",monospace;font-size:23px;color:var(--ink);margin:6px 0 2px}
.cmp .nn{font-size:12.5px;color:var(--muted)}
.docs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.doc{border:1px solid var(--line);border-radius:var(--r);padding:20px;background:var(--card);
  display:flex;flex-direction:column;gap:10px}
.doc b{font-size:15.5px;color:var(--ink);font-weight:600}
.doc p{margin:0;font-size:13.6px;color:var(--muted);flex:1}
.related{padding-top:62px;padding-bottom:30px}
.related h2{font-size:23px;font-weight:600;margin-bottom:22px}
@media (max-width:1000px){
  .prod{grid-template-columns:1fr;gap:26px}
  .gmain{min-height:300px}
  .keyfacts{grid-template-columns:repeat(3,1fr)}
  .spec2{columns:1}
  .txtgrid{grid-template-columns:1fr;gap:26px}
  .aside{position:static}
  .cmp,.docs{grid-template-columns:1fr}
  .tabzone{padding-block:32px 40px}
  .tabzone .ptabshead{flex-direction:column;align-items:stretch;gap:16px;padding-bottom:18px}
  .tabzone .ptabshead h2{white-space:normal}
  .tabzone .ptabshead .ptabs{margin-inline:-20px;padding-inline:20px;overflow-x:auto;
    scrollbar-width:none;border-radius:0;border:0;background:transparent;padding-block:0}
  .tabzone .ptabshead .ptabs::-webkit-scrollbar{display:none}
  .ptabs button{border:1px solid var(--line-strong);background:var(--card)}
  .ptabs{flex-wrap:nowrap}
  .ptabs button{padding:10px 16px;font-size:14.5px}
  .ppane{min-height:0;padding-block:28px 0}
  .related{padding-top:40px}
  .ptabs button{padding:13px 16px;font-size:14.5px}
}

/* телефон: всё в одну колонку, широкие таблицы прокручиваются */
@media (max-width:760px){
  .ptabshead{flex-wrap:wrap;gap:12px}
  .ptabshead h2{width:100%}
  .ptabs{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ptabs button{white-space:nowrap}
  .txtgrid{grid-template-columns:1fr}
  .spec2{columns:1}
  .prod{grid-template-columns:1fr;gap:26px}
  .packs{display:block;overflow-x:auto;white-space:nowrap}
}
.txtgrid > div{min-width:0}

.faq{margin:44px 0 10px}
.faq h2{font-family:Oswald,sans-serif;font-weight:500;font-size:25px;margin:0 0 4px}
.faq .fsub{color:var(--muted);font-size:14.6px;margin:0 0 18px}
.faq details{border-bottom:1px solid var(--line)}
.faq details[open]{background:var(--soft)}
.faq summary{cursor:pointer;list-style:none;padding:16px 44px 16px 16px;position:relative;
  font-weight:500;font-size:16px;line-height:1.5}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;
  border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
  transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq .ans{padding:0 44px 18px 16px;line-height:1.75;color:var(--body);font-size:15px}
.faq .ans p{margin:0 0 10px}.faq .ans p:last-child{margin:0}
/* ---- страница каталога: таблица со спецификациями ---- */
.crumbs{font-size:13.5px;color:var(--muted);padding-block:18px 0}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--line-strong)}
.crumbs a:hover{color:var(--ink)}
.catwrap{border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden;
  margin-bottom:52px}
.cathead{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;
  gap:20px;align-items:flex-end;flex-wrap:wrap}
.cathead h2{font-size:23px;font-weight:600}
.cathead p{margin:8px 0 0;font-size:14.5px;color:var(--muted);max-width:66ch}
.cathead .count{font-family:"IBM Plex Mono",monospace;font-size:13.5px;color:var(--muted);white-space:nowrap}
.filters{display:flex;gap:8px;padding:14px 22px;border-bottom:1px solid var(--line);
  background:var(--soft);flex-wrap:wrap;align-items:center}
.filters .lbl{font-size:13px;color:var(--muted);margin-right:4px}
.chip{border:1px solid var(--line-strong);background:transparent;color:var(--body);cursor:pointer;
  font-family:"Golos Text",sans-serif;font-size:13.5px;font-weight:500;padding:7px 15px;border-radius:99px}
.chip[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.tblscroll{overflow-x:auto}
table.cat{width:100%;border-collapse:collapse;min-width:880px}
table.cat th{font-family:Oswald,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.09em;
  font-size:11.5px;color:var(--muted);text-align:left;padding:14px 16px;
  border-bottom:1px solid var(--line-strong);white-space:nowrap;cursor:pointer;user-select:none}
table.cat th[data-sort]:hover{color:var(--ink)}
table.cat th .ar{opacity:.35;font-family:"IBM Plex Mono",monospace}
table.cat th[aria-sort] .ar{opacity:1;color:var(--amber-ink)}
table.cat td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14.5px}
table.cat tbody tr:last-child td{border-bottom:0}
table.cat tbody tr:hover{background:var(--soft)}
td.pic{width:62px}
td.pic img{width:46px;height:46px;object-fit:contain;display:block}
td.model a{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:14.5px;color:var(--ink);
  text-decoration:none;border-bottom:1px solid var(--line-strong)}
td.model a:hover{border-bottom-color:var(--amber);color:var(--amber-ink)}
td.model .fam{display:block;font-family:"Golos Text",sans-serif;font-size:12px;color:var(--muted);margin-top:3px}
td.num{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
td.cap{font-family:"IBM Plex Mono",monospace;font-size:16.5px;font-weight:500;color:var(--ink);white-space:nowrap}
.silh{display:block;height:36px}
.silh rect{fill:var(--line-strong)}
.silh text{font-family:"IBM Plex Mono",monospace;font-size:8px;fill:var(--muted)}
.catfoot{padding:16px 22px;border-top:1px solid var(--line);background:var(--soft);font-size:13.5px;
  color:var(--muted)}
.scalenote{font-size:12.5px;color:var(--muted);margin:0}

/* ---- переключатель вида ---- */
.viewsw{display:flex;gap:0;margin-left:auto;border:1px solid var(--line-strong);border-radius:var(--r);
  overflow:hidden}
.viewsw button{background:transparent;border:0;cursor:pointer;font-family:"Golos Text",sans-serif;
  font-size:13.5px;font-weight:500;color:var(--muted);padding:7px 15px;display:flex;align-items:center;gap:7px}
.viewsw button+button{border-left:1px solid var(--line-strong)}
.viewsw button[aria-pressed="true"]{background:var(--navy);color:#fff}
.viewsw svg{width:14px;height:14px;flex:0 0 auto}
.gridwrap{padding:24px 22px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.gridwrap .pcard .cap{font-family:"IBM Plex Mono",monospace;font-size:24px;color:var(--ink);font-weight:500;line-height:1}
.gridwrap .pcard .cap small{font-size:13px;color:var(--muted);font-weight:400}
.gridwrap .pcard dl{margin:0;display:grid;gap:7px;font-size:13.4px}
.gridwrap .pcard dl div{display:flex;justify-content:space-between;gap:10px}
.gridwrap .pcard dt{color:var(--muted)}
.gridwrap .pcard dd{margin:0;font-family:"IBM Plex Mono",monospace;color:var(--ink)}
.gridwrap .pcard .acts{margin-top:auto;display:grid;gap:8px}
.grouphead{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;margin-top:8px}
.grouphead:first-child{margin-top:0}
.grouphead h3{font-size:19px;font-weight:600}
.grouphead span{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--muted)}
.grouphead hr{flex:1;height:1px;background:var(--line);border:0}
@media (max-width:1000px){.gridwrap{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.gridwrap{grid-template-columns:1fr}.viewsw{margin-left:0;width:100%}
  .viewsw button{flex:1;justify-content:center}}

.atabs{display:flex;justify-content:center;border-bottom:1px solid var(--line);margin-bottom:0;flex-wrap:wrap}
.atabs button{background:transparent;border:0;cursor:pointer;font-family:"Golos Text",sans-serif;
  font-size:16px;font-weight:500;color:var(--muted);padding:16px 28px;border-bottom:2px solid transparent;
  margin-bottom:-1px}
.atabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--amber)}
.apane{padding-block:44px 10px}
.apane[hidden]{display:none}
.alead{font-size:19px;line-height:1.55;color:var(--ink);max-width:70ch;margin:0 0 28px}
.atext{max-width:72ch}
.atext h2{font-size:26px;font-weight:600;margin:38px 0 14px}
.atext h3{font-size:18.5px;margin:26px 0 10px}
.atext p{margin:0 0 15px}
.atext ul{margin:0 0 18px;padding-left:20px}
.atext li{margin-bottom:8px}
.tline{border-left:2px solid var(--line);padding-left:26px;margin:26px 0 30px;display:grid;gap:22px}
.tline .ev{position:relative}
.tline .ev:before{content:"";position:absolute;left:-33px;top:7px;width:9px;height:9px;border-radius:50%;
  background:var(--amber);box-shadow:0 0 0 3px var(--paper)}
.tline .yr{font-family:"IBM Plex Mono",monospace;font-size:15px;color:var(--amber-ink);font-weight:500}
.tline p{margin:5px 0 0;font-size:15px}
.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;margin:30px 0 34px;background:var(--card)}
.numbers div{padding:22px 20px;border-right:1px solid var(--line)}
.numbers div:last-child{border-right:0}
.numbers b{display:block;font-family:"IBM Plex Mono",monospace;font-size:26px;color:var(--ink);
  font-weight:500;line-height:1}
.numbers span{display:block;font-size:13px;color:var(--muted);margin-top:8px;line-height:1.45}
.dealer{background:var(--navy);color:var(--navy-ink);border-radius:var(--r);padding:34px 32px;margin:8px 0 34px;
  display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center}
.dealer .lg{background:#fff;border-radius:var(--r);padding:18px 22px;width:210px}
.dealer .lg svg{width:100%;height:auto;display:block}
.dealer h2{color:#fff;font-size:25px;font-weight:600;margin:0 0 12px}
.dealer p{margin:0;color:var(--navy-muted);font-size:15.5px}
.facts{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:72ch}
.facts li{display:flex;gap:14px;align-items:flex-start;font-size:15px;padding-bottom:14px;
  border-bottom:1px solid var(--line)}
.facts li:last-child{border-bottom:0}
.facts b{font-family:"IBM Plex Mono",monospace;color:var(--amber-ink);font-weight:500;
  flex:0 0 auto;min-width:96px}
.note{border-left:3px solid var(--amber);background:var(--soft);padding:16px 20px;margin:24px 0;
  font-size:14.6px;max-width:72ch;border-radius:0 var(--r) var(--r) 0}
@media (max-width:900px){
  .numbers{grid-template-columns:1fr 1fr}
  .numbers div:nth-child(2){border-right:0}
  .dealer{grid-template-columns:1fr}
  .dealer .lg{width:180px}
  .atabs button{padding:14px 18px;font-size:15px}
}
/* ---- страница каталога: таблица со спецификациями ---- */
.crumbs{font-size:13.5px;color:var(--muted);padding-block:18px 0}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--line-strong)}
.crumbs a:hover{color:var(--ink)}
.catwrap{border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden;
  margin-bottom:52px}
.cathead{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;
  gap:20px;align-items:flex-end;flex-wrap:wrap}
.cathead h2{font-size:23px;font-weight:600}
.cathead p{margin:8px 0 0;font-size:14.5px;color:var(--muted);max-width:66ch}
.cathead .count{font-family:"IBM Plex Mono",monospace;font-size:13.5px;color:var(--muted);white-space:nowrap}
.filters{display:flex;gap:8px;padding:14px 22px;border-bottom:1px solid var(--line);
  background:var(--soft);flex-wrap:wrap;align-items:center}
.filters .lbl{font-size:13px;color:var(--muted);margin-right:4px}
.chip{border:1px solid var(--line-strong);background:transparent;color:var(--body);cursor:pointer;
  font-family:"Golos Text",sans-serif;font-size:13.5px;font-weight:500;padding:7px 15px;border-radius:99px}
.chip[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.tblscroll{overflow-x:auto}
table.cat{width:100%;border-collapse:collapse;min-width:880px}
table.cat th{font-family:Oswald,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.09em;
  font-size:11.5px;color:var(--muted);text-align:left;padding:14px 16px;
  border-bottom:1px solid var(--line-strong);white-space:nowrap;cursor:pointer;user-select:none}
table.cat th[data-sort]:hover{color:var(--ink)}
table.cat th .ar{opacity:.35;font-family:"IBM Plex Mono",monospace}
table.cat th[aria-sort] .ar{opacity:1;color:var(--amber-ink)}
table.cat td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14.5px}
table.cat tbody tr:last-child td{border-bottom:0}
table.cat tbody tr:hover{background:var(--soft)}
td.pic{width:62px}
td.pic img{width:46px;height:46px;object-fit:contain;display:block}
td.model a{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:14.5px;color:var(--ink);
  text-decoration:none;border-bottom:1px solid var(--line-strong)}
td.model a:hover{border-bottom-color:var(--amber);color:var(--amber-ink)}
td.model .fam{display:block;font-family:"Golos Text",sans-serif;font-size:12px;color:var(--muted);margin-top:3px}
td.num{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
td.cap{font-family:"IBM Plex Mono",monospace;font-size:16.5px;font-weight:500;color:var(--ink);white-space:nowrap}
.silh{display:block;height:36px}
.silh rect{fill:var(--line-strong)}
.silh text{font-family:"IBM Plex Mono",monospace;font-size:8px;fill:var(--muted)}
.catfoot{padding:16px 22px;border-top:1px solid var(--line);background:var(--soft);font-size:13.5px;
  color:var(--muted)}
.scalenote{font-size:12.5px;color:var(--muted);margin:0}

/* ---- переключатель вида ---- */
.viewsw{display:flex;gap:0;margin-left:auto;border:1px solid var(--line-strong);border-radius:var(--r);
  overflow:hidden}
.viewsw button{background:transparent;border:0;cursor:pointer;font-family:"Golos Text",sans-serif;
  font-size:13.5px;font-weight:500;color:var(--muted);padding:7px 15px;display:flex;align-items:center;gap:7px}
.viewsw button+button{border-left:1px solid var(--line-strong)}
.viewsw button[aria-pressed="true"]{background:var(--navy);color:#fff}
.viewsw svg{width:14px;height:14px;flex:0 0 auto}
.gridwrap{padding:24px 22px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.gridwrap .pcard .cap{font-family:"IBM Plex Mono",monospace;font-size:24px;color:var(--ink);font-weight:500;line-height:1}
.gridwrap .pcard .cap small{font-size:13px;color:var(--muted);font-weight:400}
.gridwrap .pcard dl{margin:0;display:grid;gap:7px;font-size:13.4px}
.gridwrap .pcard dl div{display:flex;justify-content:space-between;gap:10px}
.gridwrap .pcard dt{color:var(--muted)}
.gridwrap .pcard dd{margin:0;font-family:"IBM Plex Mono",monospace;color:var(--ink)}
.gridwrap .pcard .acts{margin-top:auto;display:grid;gap:8px}
.grouphead{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;margin-top:8px}
.grouphead:first-child{margin-top:0}
.grouphead h3{font-size:19px;font-weight:600}
.grouphead span{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--muted)}
.grouphead hr{flex:1;height:1px;background:var(--line);border:0}
@media (max-width:1000px){.gridwrap{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.gridwrap{grid-template-columns:1fr}.viewsw{margin-left:0;width:100%}
  .viewsw button{flex:1;justify-content:center}}


.draw{width:100%;height:auto}
.draw .body{fill:var(--soft);stroke:var(--line-strong);stroke-width:1.5}
.draw .term{fill:var(--amber)}
.draw .dim{stroke:var(--muted);stroke-width:1}
.draw .dimtxt{font-family:"IBM Plex Mono",monospace;font-size:12px;fill:var(--muted)}

.prod{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch;padding-block:30px 56px}
.gallery{display:flex;flex-direction:column}
.gmain{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);
  flex:1;min-height:360px;display:flex;align-items:center;justify-content:center;padding:22px}
.gmain img{max-height:100%;width:min(100%,430px);height:auto;object-fit:contain}
.gmain svg{max-height:100%;width:min(100%,470px);height:auto}
.gthumbs{display:flex;gap:10px;margin-top:12px;flex:0 0 auto}
.gthumbs button{width:86px;height:86px;background:var(--soft);border:1px solid var(--line);
  border-radius:var(--r);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}
.gthumbs button[aria-pressed="true"]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.gthumbs img,.gthumbs svg{max-width:100%;max-height:100%}
.gthumbs .tdraw{flex-direction:column;gap:2px;color:var(--muted)}
.gthumbs .tdraw svg{width:40px;height:40px}
.gthumbs .tdraw span{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;
  font-size:8.5px}
.gthumbs .tdraw[aria-pressed="true"]{color:var(--ink)}
.pinfo h1{font-size:clamp(26px,3.2vw,36px);font-weight:600;font-family:"IBM Plex Mono",monospace;
  letter-spacing:-.02em}
.pinfo .sub{font-size:16.5px;color:var(--muted);margin:10px 0 0}
.keyfacts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);
  border-radius:var(--r);margin:24px 0;overflow:hidden;background:var(--card)}
.keyfacts div{padding:16px 18px;border-right:1px solid var(--line)}
.keyfacts div:last-child{border-right:0}
.keyfacts b{display:block;font-family:"IBM Plex Mono",monospace;font-size:21px;color:var(--ink);
  font-weight:500;line-height:1.1}
.keyfacts span{font-size:12.4px;color:var(--muted);display:block;margin-top:6px}
.buybox{background:var(--navy);color:var(--navy-ink);border-radius:var(--r);padding:22px 24px;margin-bottom:22px}
.buybox .price{font-family:Oswald,sans-serif;font-size:21px;color:#fff;font-weight:500}
.buybox p{margin:8px 0 16px;font-size:13.8px;color:var(--navy-muted)}
.buybox .acts{display:flex;gap:10px;flex-wrap:wrap}
.shortspec{width:100%;border-collapse:collapse}
.shortspec th{text-align:left;font-weight:400;font-size:14.2px;color:var(--muted);padding:9px 0;
  border-bottom:1px solid var(--line);width:52%}
.shortspec td{font-family:"IBM Plex Mono",monospace;font-size:14.2px;color:var(--ink);padding:9px 0;
  border-bottom:1px solid var(--line);text-align:right}
.allspec{display:inline-block;margin-top:14px;font-size:14px;color:var(--ink);
  border-bottom:1px solid var(--amber);text-decoration:none;cursor:pointer;background:none;border-top:0;
  border-left:0;border-right:0;font-family:"Golos Text",sans-serif;padding:0 0 2px}

.tabzone{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding-block:46px 56px;margin-top:8px}
.tabzone .ptabshead{display:flex;align-items:center;justify-content:space-between;gap:28px;
  padding-bottom:22px;border-bottom:1px solid var(--line-strong);flex-wrap:wrap}
.tabzone .ptabshead h2{font-size:clamp(22px,2.5vw,29px);font-weight:600;margin:0;white-space:nowrap}
.tabzone .ptabshead h2 small{display:block;font-family:"Golos Text",sans-serif;font-weight:400;
  font-size:13.5px;color:var(--muted);margin-top:6px;letter-spacing:0;text-transform:none}
.ptabs{display:inline-flex;gap:4px;background:var(--card);border:1px solid var(--line-strong);
  border-radius:99px;padding:5px;flex-wrap:wrap;justify-content:center}
.ptabs button{background:transparent;border:0;cursor:pointer;font-family:"Golos Text",sans-serif;
  font-size:15px;font-weight:500;color:var(--body);padding:11px 22px;border-radius:99px;white-space:nowrap;
  transition:background .15s,color .15s}
.ptabs button:hover{background:var(--soft);color:var(--ink)}
.ptabs button[aria-selected="true"]{background:var(--navy);color:#fff}
.ptabs button[aria-selected="true"]:hover{background:var(--navy);color:#fff}
.ppane{padding-block:38px 0;min-height:430px}
.ppane[hidden]{display:none}


.spec2{columns:2;column-gap:56px}
.spec2 .row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;
  border-bottom:1px solid var(--line);break-inside:avoid;font-size:14.4px}
.spec2 .row span:first-child{color:var(--muted)}
.spec2 .row span:last-child{font-family:"IBM Plex Mono",monospace;color:var(--ink);text-align:right}

.txtgrid{display:grid;grid-template-columns:1.35fr .65fr;gap:44px;align-items:start}
.txtgrid h2{font-size:23px;font-weight:600;margin:0 0 12px}
.txtgrid h2+p{margin-top:0}
.txtgrid h3{font-size:17.5px;margin:24px 0 8px}
.txtgrid p{margin:0 0 14px}
.aside{display:grid;gap:18px;position:sticky;top:140px}
.warn{border-left:3px solid var(--amber);background:var(--soft);padding:16px 18px;
  border-radius:0 var(--r) var(--r) 0;font-size:14.2px}
.warn b{color:var(--ink);display:block;margin-bottom:6px}
.asidecard{border:1px solid var(--line);border-radius:var(--r);padding:18px;background:var(--card)}
.asidecard h4{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.11em;font-size:11px;
  color:var(--muted);margin:0 0 12px}
.asidecard p{margin:0;font-size:13.8px;color:var(--body)}

.packs{width:100%;border-collapse:collapse;margin:0 0 18px}
.packs th{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11px;
  color:var(--muted);text-align:left;padding:11px 14px;border-bottom:1px solid var(--line-strong);font-weight:500}
.packs td{padding:13px 14px;border-bottom:1px solid var(--line);font-family:"IBM Plex Mono",monospace;
  font-size:14.4px;color:var(--ink)}
.packs td:first-child{font-family:"Golos Text",sans-serif;color:var(--body)}
.packs tr:last-child td{border-bottom:0}
.cmp{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0 14px}
.cmp a{display:block;text-decoration:none;border:1px solid var(--line);border-radius:var(--r);padding:18px;
  background:var(--card)}
.cmp a.self{border-color:var(--navy);background:var(--soft)}
.cmp a:hover{border-color:var(--amber)}
.cmp .mdl{font-family:"IBM Plex Mono",monospace;font-size:14px;color:var(--ink)}
.cmp .cc{font-family:"IBM Plex Mono",monospace;font-size:23px;color:var(--ink);margin:6px 0 2px}
.cmp .nn{font-size:12.5px;color:var(--muted)}
.docs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.doc{border:1px solid var(--line);border-radius:var(--r);padding:20px;background:var(--card);
  display:flex;flex-direction:column;gap:10px}
.doc b{font-size:15.5px;color:var(--ink);font-weight:600}
.doc p{margin:0;font-size:13.6px;color:var(--muted);flex:1}
.related{padding-top:62px;padding-bottom:30px}
.related h2{font-size:23px;font-weight:600;margin-bottom:22px}
@media (max-width:1000px){
  .prod{grid-template-columns:1fr;gap:26px}
  .gmain{min-height:300px}
  .keyfacts{grid-template-columns:repeat(3,1fr)}
  .spec2{columns:1}
  .txtgrid{grid-template-columns:1fr;gap:26px}
  .aside{position:static}
  .cmp,.docs{grid-template-columns:1fr}
  .tabzone{padding-block:32px 40px}
  .tabzone .ptabshead{flex-direction:column;align-items:stretch;gap:16px;padding-bottom:18px}
  .tabzone .ptabshead h2{white-space:normal}
  .tabzone .ptabshead .ptabs{margin-inline:-20px;padding-inline:20px;overflow-x:auto;
    scrollbar-width:none;border-radius:0;border:0;background:transparent;padding-block:0}
  .tabzone .ptabshead .ptabs::-webkit-scrollbar{display:none}
  .ptabs button{border:1px solid var(--line-strong);background:var(--card)}
  .ptabs{flex-wrap:nowrap}
  .ptabs button{padding:10px 16px;font-size:14.5px}
  .ppane{min-height:0;padding-block:28px 0}
  .related{padding-top:40px}
  .ptabs button{padding:13px 16px;font-size:14.5px}
}

/* телефон: всё в одну колонку, широкие таблицы прокручиваются */
@media (max-width:760px){
  .ptabshead{flex-wrap:wrap;gap:12px}
  .ptabshead h2{width:100%}
  .ptabs{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ptabs button{white-space:nowrap}
  .txtgrid{grid-template-columns:1fr}
  .spec2{columns:1}
  .prod{grid-template-columns:1fr;gap:26px}
  .packs{display:block;overflow-x:auto;white-space:nowrap}
}
.txtgrid > div{min-width:0}

.page{padding:34px 0 10px}
.page h1{font-family:Oswald,sans-serif;font-weight:600;font-size:clamp(28px,3.4vw,40px);
  letter-spacing:.2px;margin:0 0 14px}
.lead{font-size:17.5px;line-height:1.7;color:var(--muted);max-width:62ch;margin:0 0 6px}
.cols{display:grid;grid-template-columns:1.35fr .65fr;gap:44px;align-items:start;margin-top:30px}
@media(max-width:900px){.cols{grid-template-columns:1fr;gap:26px}}
.cols h2{font-family:Oswald,sans-serif;font-weight:500;font-size:25px;margin:34px 0 12px}
.cols h2:first-child{margin-top:0}
.cols h3{font-family:Oswald,sans-serif;font-weight:500;font-size:19px;margin:22px 0 8px}
.cols p{line-height:1.75;margin:0 0 13px}
.cols ul{margin:0 0 15px;padding-left:20px;line-height:1.75}
.cols li{margin-bottom:6px}
.reqs{list-style:none;padding:0;margin:0}
.reqs li{display:flex;flex-direction:column;gap:3px;padding:10px 0;
  border-bottom:1px solid var(--line);font-size:15px}
.reqs li:last-child{border-bottom:0}
.reqs b{color:var(--muted);font-weight:500;font-size:12.4px;text-transform:uppercase;
  letter-spacing:.06em}
.reqs span{line-height:1.5}
.appgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0 8px}
@media(max-width:900px){.appgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.appgrid{grid-template-columns:1fr}}
.appcard{border:1px solid var(--line);border-radius:4px;padding:20px 20px 18px;background:var(--bg)}
.appcard h3{font-family:Oswald,sans-serif;font-weight:500;font-size:19px;margin:0 0 8px}
.appcard p{font-size:14.6px;line-height:1.65;color:var(--muted);margin:0 0 12px}
.appcard .mods{display:flex;flex-wrap:wrap;gap:6px}
.appcard .mods a{font:500 12.5px/1 'IBM Plex Mono',monospace;border:1px solid var(--line-strong);
  border-radius:3px;padding:6px 8px;text-decoration:none;color:var(--ink)}
.appcard .mods a:hover{border-color:var(--amber);color:var(--amber-d)}
.cols > div{min-width:0}
.tblwrap{overflow-x:auto;margin:8px 0 18px;-webkit-overflow-scrolling:touch}
.cmptab{width:100%;min-width:520px;border-collapse:collapse;font-size:14.6px}
.cmptab th,.cmptab td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left}
.cmptab thead th{background:var(--soft);font:500 13px/1.3 Golos Text,sans-serif;color:var(--muted)}
.cmptab td.y{color:#1b7a3e;font-weight:600}
.cmptab td.n{color:#a33}
.docline{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}
.docline:last-child{border-bottom:0}
.docline .ic{flex:0 0 34px;height:40px;border:1px solid var(--line-strong);border-radius:3px;
  display:flex;align-items:center;justify-content:center;font:600 10px/1 'IBM Plex Mono',monospace;color:var(--muted)}
.docline b{display:block;margin-bottom:3px}
.docline p{margin:0;font-size:14.4px;color:var(--muted);line-height:1.6}
.bigmail{font-family:Oswald,sans-serif;font-size:26px;text-decoration:none;color:var(--ink)}
.bigmail:hover{color:var(--amber-d)}
.e404{text-align:center;padding:90px 0 80px}
.e404 .num{font-family:Oswald,sans-serif;font-size:clamp(70px,12vw,140px);line-height:1;
  color:var(--amber);letter-spacing:2px}
.e404 h1{margin:10px 0 12px}
.e404 p{color:var(--muted);max-width:52ch;margin:0 auto 26px;line-height:1.7}
.e404 .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.legal h2{font-family:Oswald,sans-serif;font-weight:500;font-size:21px;margin:30px 0 10px}
.legal p,.legal li{line-height:1.75;font-size:15px}
.legal ol{padding-left:22px}
.legal .upd{font-size:14px;color:var(--muted);border-left:3px solid var(--amber);padding-left:14px;margin:0 0 24px}

.faq{margin:44px 0 10px}
.faq h2{font-family:Oswald,sans-serif;font-weight:500;font-size:25px;margin:0 0 4px}
.faq .fsub{color:var(--muted);font-size:14.6px;margin:0 0 18px}
.faq details{border-bottom:1px solid var(--line)}
.faq details[open]{background:var(--soft)}
.faq summary{cursor:pointer;list-style:none;padding:16px 44px 16px 16px;position:relative;
  font-weight:500;font-size:16px;line-height:1.5}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;
  border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
  transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq .ans{padding:0 44px 18px 16px;line-height:1.75;color:var(--body);font-size:15px}
.faq .ans p{margin:0 0 10px}.faq .ans p:last-child{margin:0}
/* ---- страница каталога: таблица со спецификациями ---- */
.crumbs{font-size:13.5px;color:var(--muted);padding-block:18px 0}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--line-strong)}
.crumbs a:hover{color:var(--ink)}
.catwrap{border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden;
  margin-bottom:52px}
.cathead{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;
  gap:20px;align-items:flex-end;flex-wrap:wrap}
.cathead h2{font-size:23px;font-weight:600}
.cathead p{margin:8px 0 0;font-size:14.5px;color:var(--muted);max-width:66ch}
.cathead .count{font-family:"IBM Plex Mono",monospace;font-size:13.5px;color:var(--muted);white-space:nowrap}
.filters{display:flex;gap:8px;padding:14px 22px;border-bottom:1px solid var(--line);
  background:var(--soft);flex-wrap:wrap;align-items:center}
.filters .lbl{font-size:13px;color:var(--muted);margin-right:4px}
.chip{border:1px solid var(--line-strong);background:transparent;color:var(--body);cursor:pointer;
  font-family:"Golos Text",sans-serif;font-size:13.5px;font-weight:500;padding:7px 15px;border-radius:99px}
.chip[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.tblscroll{overflow-x:auto}
table.cat{width:100%;border-collapse:collapse;min-width:880px}
table.cat th{font-family:Oswald,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.09em;
  font-size:11.5px;color:var(--muted);text-align:left;padding:14px 16px;
  border-bottom:1px solid var(--line-strong);white-space:nowrap;cursor:pointer;user-select:none}
table.cat th[data-sort]:hover{color:var(--ink)}
table.cat th .ar{opacity:.35;font-family:"IBM Plex Mono",monospace}
table.cat th[aria-sort] .ar{opacity:1;color:var(--amber-ink)}
table.cat td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14.5px}
table.cat tbody tr:last-child td{border-bottom:0}
table.cat tbody tr:hover{background:var(--soft)}
td.pic{width:62px}
td.pic img{width:46px;height:46px;object-fit:contain;display:block}
td.model a{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:14.5px;color:var(--ink);
  text-decoration:none;border-bottom:1px solid var(--line-strong)}
td.model a:hover{border-bottom-color:var(--amber);color:var(--amber-ink)}
td.model .fam{display:block;font-family:"Golos Text",sans-serif;font-size:12px;color:var(--muted);margin-top:3px}
td.num{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
td.cap{font-family:"IBM Plex Mono",monospace;font-size:16.5px;font-weight:500;color:var(--ink);white-space:nowrap}
.silh{display:block;height:36px}
.silh rect{fill:var(--line-strong)}
.silh text{font-family:"IBM Plex Mono",monospace;font-size:8px;fill:var(--muted)}
.catfoot{padding:16px 22px;border-top:1px solid var(--line);background:var(--soft);font-size:13.5px;
  color:var(--muted)}
.scalenote{font-size:12.5px;color:var(--muted);margin:0}

/* ---- переключатель вида ---- */
.viewsw{display:flex;gap:0;margin-left:auto;border:1px solid var(--line-strong);border-radius:var(--r);
  overflow:hidden}
.viewsw button{background:transparent;border:0;cursor:pointer;font-family:"Golos Text",sans-serif;
  font-size:13.5px;font-weight:500;color:var(--muted);padding:7px 15px;display:flex;align-items:center;gap:7px}
.viewsw button+button{border-left:1px solid var(--line-strong)}
.viewsw button[aria-pressed="true"]{background:var(--navy);color:#fff}
.viewsw svg{width:14px;height:14px;flex:0 0 auto}
.gridwrap{padding:24px 22px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.gridwrap .pcard .cap{font-family:"IBM Plex Mono",monospace;font-size:24px;color:var(--ink);font-weight:500;line-height:1}
.gridwrap .pcard .cap small{font-size:13px;color:var(--muted);font-weight:400}
.gridwrap .pcard dl{margin:0;display:grid;gap:7px;font-size:13.4px}
.gridwrap .pcard dl div{display:flex;justify-content:space-between;gap:10px}
.gridwrap .pcard dt{color:var(--muted)}
.gridwrap .pcard dd{margin:0;font-family:"IBM Plex Mono",monospace;color:var(--ink)}
.gridwrap .pcard .acts{margin-top:auto;display:grid;gap:8px}
.grouphead{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;margin-top:8px}
.grouphead:first-child{margin-top:0}
.grouphead h3{font-size:19px;font-weight:600}
.grouphead span{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--muted)}
.grouphead hr{flex:1;height:1px;background:var(--line);border:0}
@media (max-width:1000px){.gridwrap{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.gridwrap{grid-template-columns:1fr}.viewsw{margin-left:0;width:100%}
  .viewsw button{flex:1;justify-content:center}}


.draw{width:100%;height:auto}
.draw .body{fill:var(--soft);stroke:var(--line-strong);stroke-width:1.5}
.draw .term{fill:var(--amber)}
.draw .dim{stroke:var(--muted);stroke-width:1}
.draw .dimtxt{font-family:"IBM Plex Mono",monospace;font-size:12px;fill:var(--muted)}

.prod{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch;padding-block:30px 56px}
.gallery{display:flex;flex-direction:column}
.gmain{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);
  flex:1;min-height:360px;display:flex;align-items:center;justify-content:center;padding:22px}
.gmain img{max-height:100%;width:min(100%,430px);height:auto;object-fit:contain}
.gmain svg{max-height:100%;width:min(100%,470px);height:auto}
.gthumbs{display:flex;gap:10px;margin-top:12px;flex:0 0 auto}
.gthumbs button{width:86px;height:86px;background:var(--soft);border:1px solid var(--line);
  border-radius:var(--r);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}
.gthumbs button[aria-pressed="true"]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.gthumbs img,.gthumbs svg{max-width:100%;max-height:100%}
.gthumbs .tdraw{flex-direction:column;gap:2px;color:var(--muted)}
.gthumbs .tdraw svg{width:40px;height:40px}
.gthumbs .tdraw span{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;
  font-size:8.5px}
.gthumbs .tdraw[aria-pressed="true"]{color:var(--ink)}
.pinfo h1{font-size:clamp(26px,3.2vw,36px);font-weight:600;font-family:"IBM Plex Mono",monospace;
  letter-spacing:-.02em}
.pinfo .sub{font-size:16.5px;color:var(--muted);margin:10px 0 0}
.keyfacts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);
  border-radius:var(--r);margin:24px 0;overflow:hidden;background:var(--card)}
.keyfacts div{padding:16px 18px;border-right:1px solid var(--line)}
.keyfacts div:last-child{border-right:0}
.keyfacts b{display:block;font-family:"IBM Plex Mono",monospace;font-size:21px;color:var(--ink);
  font-weight:500;line-height:1.1}
.keyfacts span{font-size:12.4px;color:var(--muted);display:block;margin-top:6px}
.buybox{background:var(--navy);color:var(--navy-ink);border-radius:var(--r);padding:22px 24px;margin-bottom:22px}
.buybox .price{font-family:Oswald,sans-serif;font-size:21px;color:#fff;font-weight:500}
.buybox p{margin:8px 0 16px;font-size:13.8px;color:var(--navy-muted)}
.buybox .acts{display:flex;gap:10px;flex-wrap:wrap}
.shortspec{width:100%;border-collapse:collapse}
.shortspec th{text-align:left;font-weight:400;font-size:14.2px;color:var(--muted);padding:9px 0;
  border-bottom:1px solid var(--line);width:52%}
.shortspec td{font-family:"IBM Plex Mono",monospace;font-size:14.2px;color:var(--ink);padding:9px 0;
  border-bottom:1px solid var(--line);text-align:right}
.allspec{display:inline-block;margin-top:14px;font-size:14px;color:var(--ink);
  border-bottom:1px solid var(--amber);text-decoration:none;cursor:pointer;background:none;border-top:0;
  border-left:0;border-right:0;font-family:"Golos Text",sans-serif;padding:0 0 2px}

.tabzone{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding-block:46px 56px;margin-top:8px}
.tabzone .ptabshead{display:flex;align-items:center;justify-content:space-between;gap:28px;
  padding-bottom:22px;border-bottom:1px solid var(--line-strong);flex-wrap:wrap}
.tabzone .ptabshead h2{font-size:clamp(22px,2.5vw,29px);font-weight:600;margin:0;white-space:nowrap}
.tabzone .ptabshead h2 small{display:block;font-family:"Golos Text",sans-serif;font-weight:400;
  font-size:13.5px;color:var(--muted);margin-top:6px;letter-spacing:0;text-transform:none}
.ptabs{display:inline-flex;gap:4px;background:var(--card);border:1px solid var(--line-strong);
  border-radius:99px;padding:5px;flex-wrap:wrap;justify-content:center}
.ptabs button{background:transparent;border:0;cursor:pointer;font-family:"Golos Text",sans-serif;
  font-size:15px;font-weight:500;color:var(--body);padding:11px 22px;border-radius:99px;white-space:nowrap;
  transition:background .15s,color .15s}
.ptabs button:hover{background:var(--soft);color:var(--ink)}
.ptabs button[aria-selected="true"]{background:var(--navy);color:#fff}
.ptabs button[aria-selected="true"]:hover{background:var(--navy);color:#fff}
.ppane{padding-block:38px 0;min-height:430px}
.ppane[hidden]{display:none}


.spec2{columns:2;column-gap:56px}
.spec2 .row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;
  border-bottom:1px solid var(--line);break-inside:avoid;font-size:14.4px}
.spec2 .row span:first-child{color:var(--muted)}
.spec2 .row span:last-child{font-family:"IBM Plex Mono",monospace;color:var(--ink);text-align:right}

.txtgrid{display:grid;grid-template-columns:1.35fr .65fr;gap:44px;align-items:start}
.txtgrid h2{font-size:23px;font-weight:600;margin:0 0 12px}
.txtgrid h2+p{margin-top:0}
.txtgrid h3{font-size:17.5px;margin:24px 0 8px}
.txtgrid p{margin:0 0 14px}
.aside{display:grid;gap:18px;position:sticky;top:140px}
.warn{border-left:3px solid var(--amber);background:var(--soft);padding:16px 18px;
  border-radius:0 var(--r) var(--r) 0;font-size:14.2px}
.warn b{color:var(--ink);display:block;margin-bottom:6px}
.asidecard{border:1px solid var(--line);border-radius:var(--r);padding:18px;background:var(--card)}
.asidecard h4{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.11em;font-size:11px;
  color:var(--muted);margin:0 0 12px}
.asidecard p{margin:0;font-size:13.8px;color:var(--body)}

.packs{width:100%;border-collapse:collapse;margin:0 0 18px}
.packs th{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11px;
  color:var(--muted);text-align:left;padding:11px 14px;border-bottom:1px solid var(--line-strong);font-weight:500}
.packs td{padding:13px 14px;border-bottom:1px solid var(--line);font-family:"IBM Plex Mono",monospace;
  font-size:14.4px;color:var(--ink)}
.packs td:first-child{font-family:"Golos Text",sans-serif;color:var(--body)}
.packs tr:last-child td{border-bottom:0}
.cmp{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0 14px}
.cmp a{display:block;text-decoration:none;border:1px solid var(--line);border-radius:var(--r);padding:18px;
  background:var(--card)}
.cmp a.self{border-color:var(--navy);background:var(--soft)}
.cmp a:hover{border-color:var(--amber)}
.cmp .mdl{font-family:"IBM Plex Mono",monospace;font-size:14px;color:var(--ink)}
.cmp .cc{font-family:"IBM Plex Mono",monospace;font-size:23px;color:var(--ink);margin:6px 0 2px}
.cmp .nn{font-size:12.5px;color:var(--muted)}
.docs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.doc{border:1px solid var(--line);border-radius:var(--r);padding:20px;background:var(--card);
  display:flex;flex-direction:column;gap:10px}
.doc b{font-size:15.5px;color:var(--ink);font-weight:600}
.doc p{margin:0;font-size:13.6px;color:var(--muted);flex:1}
.related{padding-top:62px;padding-bottom:30px}
.related h2{font-size:23px;font-weight:600;margin-bottom:22px}
@media (max-width:1000px){
  .prod{grid-template-columns:1fr;gap:26px}
  .gmain{min-height:300px}
  .keyfacts{grid-template-columns:repeat(3,1fr)}
  .spec2{columns:1}
  .txtgrid{grid-template-columns:1fr;gap:26px}
  .aside{position:static}
  .cmp,.docs{grid-template-columns:1fr}
  .tabzone{padding-block:32px 40px}
  .tabzone .ptabshead{flex-direction:column;align-items:stretch;gap:16px;padding-bottom:18px}
  .tabzone .ptabshead h2{white-space:normal}
  .tabzone .ptabshead .ptabs{margin-inline:-20px;padding-inline:20px;overflow-x:auto;
    scrollbar-width:none;border-radius:0;border:0;background:transparent;padding-block:0}
  .tabzone .ptabshead .ptabs::-webkit-scrollbar{display:none}
  .ptabs button{border:1px solid var(--line-strong);background:var(--card)}
  .ptabs{flex-wrap:nowrap}
  .ptabs button{padding:10px 16px;font-size:14.5px}
  .ppane{min-height:0;padding-block:28px 0}
  .related{padding-top:40px}
  .ptabs button{padding:13px 16px;font-size:14.5px}
}

/* телефон: всё в одну колонку, широкие таблицы прокручиваются */
@media (max-width:760px){
  .ptabshead{flex-wrap:wrap;gap:12px}
  .ptabshead h2{width:100%}
  .ptabs{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ptabs button{white-space:nowrap}
  .txtgrid{grid-template-columns:1fr}
  .spec2{columns:1}
  .prod{grid-template-columns:1fr;gap:26px}
  .packs{display:block;overflow-x:auto;white-space:nowrap}
}
.txtgrid > div{min-width:0}

.page{padding:34px 0 10px}
.page h1{font-family:Oswald,sans-serif;font-weight:600;font-size:clamp(28px,3.4vw,40px);
  letter-spacing:.2px;margin:0 0 14px}
.lead{font-size:17.5px;line-height:1.7;color:var(--muted);max-width:62ch;margin:0 0 6px}
.cols{display:grid;grid-template-columns:1.35fr .65fr;gap:44px;align-items:start;margin-top:30px}
@media(max-width:900px){.cols{grid-template-columns:1fr;gap:26px}}
.cols h2{font-family:Oswald,sans-serif;font-weight:500;font-size:25px;margin:34px 0 12px}
.cols h2:first-child{margin-top:0}
.cols h3{font-family:Oswald,sans-serif;font-weight:500;font-size:19px;margin:22px 0 8px}
.cols p{line-height:1.75;margin:0 0 13px}
.cols ul{margin:0 0 15px;padding-left:20px;line-height:1.75}
.cols li{margin-bottom:6px}
.reqs{list-style:none;padding:0;margin:0}
.reqs li{display:flex;flex-direction:column;gap:3px;padding:10px 0;
  border-bottom:1px solid var(--line);font-size:15px}
.reqs li:last-child{border-bottom:0}
.reqs b{color:var(--muted);font-weight:500;font-size:12.4px;text-transform:uppercase;
  letter-spacing:.06em}
.reqs span{line-height:1.5}
.appgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0 8px}
@media(max-width:900px){.appgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.appgrid{grid-template-columns:1fr}}
.appcard{border:1px solid var(--line);border-radius:4px;padding:20px 20px 18px;background:var(--bg)}
.appcard h3{font-family:Oswald,sans-serif;font-weight:500;font-size:19px;margin:0 0 8px}
.appcard p{font-size:14.6px;line-height:1.65;color:var(--muted);margin:0 0 12px}
.appcard .mods{display:flex;flex-wrap:wrap;gap:6px}
.appcard .mods a{font:500 12.5px/1 'IBM Plex Mono',monospace;border:1px solid var(--line-strong);
  border-radius:3px;padding:6px 8px;text-decoration:none;color:var(--ink)}
.appcard .mods a:hover{border-color:var(--amber);color:var(--amber-d)}
.cols > div{min-width:0}
.tblwrap{overflow-x:auto;margin:8px 0 18px;-webkit-overflow-scrolling:touch}
.cmptab{width:100%;min-width:520px;border-collapse:collapse;font-size:14.6px}
.cmptab th,.cmptab td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left}
.cmptab thead th{background:var(--soft);font:500 13px/1.3 Golos Text,sans-serif;color:var(--muted)}
.cmptab td.y{color:#1b7a3e;font-weight:600}
.cmptab td.n{color:#a33}
.docline{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}
.docline:last-child{border-bottom:0}
.docline .ic{flex:0 0 34px;height:40px;border:1px solid var(--line-strong);border-radius:3px;
  display:flex;align-items:center;justify-content:center;font:600 10px/1 'IBM Plex Mono',monospace;color:var(--muted)}
.docline b{display:block;margin-bottom:3px}
.docline p{margin:0;font-size:14.4px;color:var(--muted);line-height:1.6}
.bigmail{font-family:Oswald,sans-serif;font-size:26px;text-decoration:none;color:var(--ink)}
.bigmail:hover{color:var(--amber-d)}
.e404{text-align:center;padding:90px 0 80px}
.e404 .num{font-family:Oswald,sans-serif;font-size:clamp(70px,12vw,140px);line-height:1;
  color:var(--amber);letter-spacing:2px}
.e404 h1{margin:10px 0 12px}
.e404 p{color:var(--muted);max-width:52ch;margin:0 auto 26px;line-height:1.7}
.e404 .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.legal h2{font-family:Oswald,sans-serif;font-weight:500;font-size:21px;margin:30px 0 10px}
.legal p,.legal li{line-height:1.75;font-size:15px}
.legal ol{padding-left:22px}
.legal .upd{font-size:14px;color:var(--muted);border-left:3px solid var(--amber);padding-left:14px;margin:0 0 24px}

/* 22.10.2026: раздел «Информация», карточки применения-ссылки, плашка куки с двумя кнопками */
a.app{display:block;text-decoration:none;color:inherit;transition:border-color .15s}
a.app:hover{border-color:var(--amber)}
.cookiebar .cbtns{display:flex;gap:8px;flex:0 0 auto}
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0 20px}
.gcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;background:var(--card);text-decoration:none;color:inherit;transition:border-color .15s}
.gcard:hover{border-color:var(--amber)}
.gcard h2{font-family:Oswald,sans-serif;font-weight:500;font-size:21px;margin:0 0 10px;color:var(--ink)}
.gcard p{margin:0 0 16px;font-size:14.6px;color:var(--muted);line-height:1.6;flex:1}
.gcard span{font-size:13.5px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--amber);align-self:flex-start}
@media(max-width:1000px){.guides{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.guides{grid-template-columns:1fr}}
.mchips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.mchips a{font:500 13px/1 "IBM Plex Mono",monospace;padding:8px 11px;border:1px solid var(--line-strong);border-radius:6px;text-decoration:none;color:var(--ink);background:var(--card)}
.mchips a:hover{border-color:var(--amber)}
.guide .tblwrap{margin:6px 0 16px}
.catseo{margin:40px 0 0}
.catseo h2{font-family:Oswald,sans-serif;font-weight:500;font-size:25px;margin:0 0 12px}
.catseo h2+p{margin-top:0}
.catseo p,.catseo li{line-height:1.75}
.cookiebar .btn.line{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.cookiebar .btn.line:hover{background:#fff;color:var(--navy)}

/* «О компании», вкладка дистрибьютора: текст слева, факты и фото справа */
.acols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start}
.aright{display:grid;gap:26px;position:sticky;top:120px}
.aright .facts{border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;background:var(--card)}
.aright .facts li{flex-direction:column;gap:4px}
.aphoto{margin:0;border:1px solid var(--line);border-radius:var(--r);background:var(--soft);padding:18px}
.aphoto img{display:block;width:100%;height:auto}
.aphoto figcaption{font-size:13.5px;color:var(--muted);margin-top:10px;line-height:1.5}
@media(max-width:900px){.acols{grid-template-columns:1fr;gap:30px}.aright{position:static}}
/* подписи боковых карточек (вместо h4, чтобы не ломать порядок заголовков) */
.asidecard .ttl{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.11em;font-size:11px;color:var(--muted);margin:0 0 10px}
.grouphead h2{font-size:19px;font-weight:600;margin:0}
/* подписи колонок подвала (вместо h4) и пропорции миниатюр */
footer .fh{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:11.5px;color:var(--amber);margin:0 0 16px}
.gthumbs img{object-fit:contain}
.flogo img{width:132px;height:auto}
/* ---- Новости (22.10.2026) */
.nlist{display:grid;gap:18px;margin:30px 0 40px}
.ncard{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:start;border:1px solid var(--line);border-radius:var(--r);padding:20px;background:var(--card);text-decoration:none;color:inherit;transition:border-color .15s}
.ncard:hover{border-color:var(--amber)}
.ncard img{width:160px;height:160px;object-fit:contain;background:var(--soft);border-radius:calc(var(--r) - 2px)}
.ncard time,.ndate time{font-size:13px;font-weight:600;color:var(--amber-ink);text-transform:uppercase;letter-spacing:.04em}
.ncard h2{font-family:Oswald,sans-serif;font-weight:500;font-size:21px;line-height:1.3;margin:6px 0 8px;color:var(--ink)}
.ncard p{margin:0;font-size:14.6px;color:var(--muted);line-height:1.6}
.ndate{margin:0 0 6px}
.nfig{float:right;margin:4px 0 14px 24px;width:220px}
.nfig img{width:100%;height:auto;background:var(--soft);border-radius:var(--r)}
@media(max-width:620px){.ncard{grid-template-columns:1fr;gap:14px}.ncard img{width:100%;height:180px}.nfig{float:none;margin:0 0 16px;width:100%;max-width:280px}}
.wrap.page{padding:34px 20px 10px}
.ncard img.ph{object-fit:cover}
.nphoto{margin:4px 0 22px}
.nphoto img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:var(--r);display:block}
.nphoto figcaption{font-size:13px;color:var(--muted);margin-top:8px}
/* ---- Раздел «Информация» по рубрикам (22.10.2026) */
.gcard h3{font-family:Oswald,sans-serif;font-weight:500;font-size:20px;margin:0 0 10px;color:var(--ink);line-height:1.3}
.rubnav{display:flex;flex-wrap:wrap;gap:8px 10px;margin:22px 0 4px}
.rubnav a{font-size:14px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink)}
.rubnav a:hover{border-color:var(--amber)}
.rubsec{margin-top:56px;padding:0}
.rubsec:first-of-type{margin-top:40px}
.rubsec:last-of-type{margin-bottom:72px}
.rubhead{display:flex;align-items:center;gap:16px;scroll-margin-top:90px}
.rubhead::after{content:"";flex:1;height:2px;background:var(--amber);order:3}
.rubh{font-family:Oswald,sans-serif;font-weight:500;font-size:24px;line-height:1.2;margin:0;padding:8px 18px;background:var(--amber);color:#1B1B1B;border-radius:var(--r)}
.rubcnt{order:2;font-size:14px;color:var(--muted);white-space:nowrap}
.rubsec .guides{margin:28px 0 0}
@media (max-width:640px){.rubsec{margin-top:40px}.rubh{font-size:20px;padding:6px 14px}.rubhead{gap:10px}}
.gthumbs .tsheet{flex-direction:column;gap:2px;color:var(--muted);padding:6px}
.gthumbs .tsheet img{width:52px;height:auto;border:1px solid var(--line)}
.gthumbs .tsheet span{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:8.5px}
.gthumbs .tsheet[aria-pressed="true"]{color:var(--ink)}
.gmain .sheetlink{display:block;cursor:zoom-in}
.gmain .sheetlink img{width:min(100%,380px);height:auto;max-height:none;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.gmain:has(.sheetlink){flex-direction:column;gap:10px}
.gmain .sheetcap{margin:0;text-align:center;font-size:13px;color:var(--muted)}

/* снятые с производства модели */
.buybox .eoltag{display:inline-block;background:var(--amber);color:var(--ink);font-size:12.5px;font-weight:600;
  letter-spacing:.02em;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-bottom:10px}

/* переключатель разделов каталога - ссылки на страницы */
a.chip{text-decoration:none;display:inline-flex;align-items:center}
a.chip[aria-current="page"]{background:var(--navy);color:#fff;border-color:var(--navy)}
a.chip:hover{border-color:var(--navy)}

/* иллюстрации в статьях (руководство по эксплуатации) */
.mgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 26px}
.mfig{margin:0;border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:16px}
.mfig img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain}
.mfig.wide{margin:18px 0 26px}
.mfig.wide img{max-height:none}
.mfig figcaption{font-size:14.5px;line-height:1.6;color:var(--body);margin-top:12px}
.mfig figcaption b{color:var(--ink)}
.mnote{border:1px solid var(--line);border-radius:var(--r);background:var(--soft);padding:16px 18px}
.mnote ul{margin:0;padding-left:18px}
.mnote li{margin:6px 0;line-height:1.6}
@media(max-width:700px){.mgrid{grid-template-columns:1fr}}