/* ======================================================================
   RECABLE (ООО «LIDER-CABEL GROUP») - главная
   Композиция: Optima home-page-4 (утверждена клиентом).
   Исполнение обновлено: линейные иконки вместо плоских кружков 2015,
   своя графика вместо стоковых фото, современная типографика и моушн.
   ====================================================================== */
/* шрифты и запасные с подгонкой ширины - в assets/css/fonts.css (зашиты в CSS, генератор wp/tools/fonts_css.py) */
:root{
  /* акцент - золото знака RECABLE (логотип клиента, 13.10.2026; до этого оранжевый #E2521B) */
  --org:#DDAA1C;    /* заливки, линии, кольца, маркеры */
  --org-2:#E8BC3A;  /* золото текстом и иконками на тёмном */
  --org-d:#C4950F;  /* заливка при наведении */
  --org-t:#8C6A0E;  /* золото текстом и иконками на светлом, 5:1 к белому */
  --org-th:#6E530B; /* то же при наведении */
  --on-org:#fff;    /* текст на золотой заливке - белый (решение melen 13.10.2026; контраст 2,1:1) */
  --ink:#1E2328;
  --white:#fff;
  --grey:#F4F5F6;
  --grey-2:#EAECEE;
  --text:#191D20;
  --muted:#656C72;
  --muted-d:rgba(255,255,255,.62);
  --line:#E4E6E8;
  --line-d:rgba(255,255,255,.13);
  --fd:'Russo One','Russo Fallback Black','Russo Fallback','Arial Black',sans-serif;
  --ft:'Onest','Onest Fallback','Helvetica Neue',Arial,sans-serif;
  --max:1300px;
  --pad:28px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--text);font-family:var(--ft);font-size:16.5px;line-height:1.62}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--fd);font-weight:400;text-transform:uppercase;line-height:1.06;letter-spacing:-.01em}
p{margin:0}ul,ol{margin:0;padding:0;list-style:none}svg{display:block}
::selection{background:var(--org);color:var(--on-org)}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.wrap--flush{padding:0}

/* --- заголовки секций (центр + короткая черта, как в референсе) --- */
.sec{padding:clamp(64px,7.2vw,112px) 0}
.sec--grey{background:var(--grey)}
.sec--ink{background:var(--ink);color:#fff}
.shead{text-align:center;margin-bottom:clamp(38px,4.4vw,62px)}
.shead h2{font-size:clamp(28px,3.6vw,48px)}
.shead .bar{width:46px;height:3px;background:var(--org);margin:24px auto 0}
.shead p{margin:26px auto 0;max-width:58ch;color:var(--muted);font-size:17px}
.shead--ink p{color:var(--muted-d)}

.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 26px;font-family:var(--fd);font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;transition:background .24s var(--ease),color .24s,border-color .24s}
.btn svg{width:17px;height:11px;transition:transform .3s var(--ease)}
.btn:hover svg{transform:translateX(5px)}
.btn--org{background:var(--org);color:var(--on-org);border-color:var(--org)}
.btn--org:hover{background:var(--org-d);border-color:var(--org-d)}
.btn--out{border-color:rgba(255,255,255,.32);color:#fff}
.btn--out:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn--dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn--dark:hover{background:var(--org);border-color:var(--org);color:var(--on-org)}
.btn--full{width:100%;justify-content:center}


.rv{opacity:0;transform:translateY(12px);transition:opacity .48s var(--ease),transform .62s var(--ease);transition-delay:var(--d,0ms)}
.rv.in{opacity:1;transform:none}

/* ======================= ТОПБАР + ШАПКА ======================= */
.top{background:var(--ink);color:rgba(255,255,255,.62);font-size:13.5px}
.top__in{display:flex;justify-content:space-between;align-items:center;height:44px;gap:24px}
.top__l,.top__r{display:flex;align-items:center;gap:26px}
.top a{display:inline-flex;align-items:center;gap:9px;transition:color .2s}
.top a:hover{color:#fff}
.top svg{width:15px;height:15px;color:var(--org-2)}
.lng{display:flex;gap:3px;font-family:var(--fd);font-size:11px;letter-spacing:.1em}
.lng a{padding:5px 9px;color:rgba(255,255,255,.5)}
.lng a.on{background:rgba(255,255,255,.12);color:#fff}

/* impeccable-disable-next-line layout-transition -- пара к переходу height у .hd__in: отступ растёт ровно на столько, на сколько сжимается шапка, сумма постоянна и контент не двигается */
.hd{position:sticky;top:0;z-index:70;background:#fff;border-bottom:1px solid var(--line);transition:margin-bottom .32s var(--ease)}
/* шапка сжимается на 24 px, а отступ снизу растёт на столько же и синхронно: контент под ней не сдвигается,
   браузер не подстраивает прокрутку - раньше это давало дёрганье шапки на границе порога */
.hd.stuck{margin-bottom:24px}
/* impeccable-disable-next-line layout-transition -- компактная шапка из утверждённой главной: один переход height на toggle .stuck, не покадровая анимация */
.hd__in{display:flex;align-items:center;gap:34px;height:96px;transition:height .32s var(--ease)}
.hd.stuck .hd__in{height:72px}
.lg{display:flex;align-items:center;flex:none}
/* логотип клиента: знак золотой, надпись currentColor; ширина от высоты по пропорции viewBox 4208.52x559.18 */
.lg__svg{--h:clamp(22px,2.1vw,28px);display:block;flex:none;height:var(--h);width:calc(var(--h)*7.526);color:var(--text)}
.nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.nav__lnk{font-size:15px;font-weight:500;padding:8px 0;position:relative;white-space:nowrap;transition:color .2s}
.nav__lnk::after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:2px;background:var(--org);transform:scaleX(0);transform-origin:right;transition:transform .32s var(--ease)}
.nav__lnk:hover,.nav__lnk.on{color:var(--org-t)}
.nav__lnk:hover::after,.nav__lnk.on::after{transform:scaleX(1);transform-origin:left}
.hd__cta{flex:none;padding:14px 20px;font-size:12.5px}
.srch{width:48px;height:48px;border-radius:50%;background:var(--org);color:var(--on-org);display:flex;align-items:center;justify-content:center;flex:none;transition:background .25s,transform .25s var(--ease)}
.srch svg{width:18px;height:18px}
.srch:hover{background:var(--org-d);transform:scale(1.06)}
.callb{display:none;width:48px;height:48px;border-radius:50%;background:var(--org);color:var(--on-org);margin-left:auto;align-items:center;justify-content:center;flex:none}
.callb svg{width:19px;height:19px}
.brg{display:none;width:48px;height:48px;border:1px solid var(--line);align-items:center;justify-content:center;flex:none}
.brg svg{width:20px;height:20px}

.mm{position:fixed;inset:0;z-index:95;background:var(--ink);color:#fff;transform:translateY(-101%);transition:transform .48s var(--ease);display:flex;flex-direction:column;overflow-y:auto}
.mm.open{transform:none}
.mm__t{display:flex;justify-content:space-between;align-items:center;height:96px;padding:0 var(--pad);border-bottom:1px solid var(--line-d)}
.mm__x{width:46px;height:46px;border:1px solid var(--line-d);display:flex;align-items:center;justify-content:center}
.mm__x svg{width:18px;height:18px}
.mm nav>a,.mm__tg{display:flex;justify-content:space-between;align-items:center;width:100%;font-family:var(--fd);font-size:24px;text-transform:uppercase;padding:17px var(--pad);border-bottom:1px solid var(--line-d);text-align:left}
.mm__f{padding:26px var(--pad) 40px;display:grid;gap:14px;color:rgba(255,255,255,.65)}
.mm__f a{display:flex;align-items:center;gap:10px}
.mm__f a svg{width:16px;height:16px;color:var(--org-2)}
.mm__f .btn{margin-top:8px}

/* ======================= HERO ======================= */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;cursor:grab;touch-action:pan-y}
.hero.dragging{cursor:grabbing;user-select:none}
.hero__bgs{position:absolute;inset:0;overflow:hidden}
.hbg{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--ease);background:var(--ink)}
.hbg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hbg.on{opacity:1;animation:kb 15s linear forwards}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.1)}}
/* кадры слайдов - <picture> с srcset (1200/1920, webp+jpg), первый с fetchpriority=high.
   Оверлей лёгкий: текст лежит на своей плашке, фото должно читаться; снизу чуть темнее под точки и стрелки */
.hero__ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,17,20,.5) 0%,rgba(14,17,20,0) 32%),linear-gradient(90deg,rgba(14,17,20,.42) 0%,rgba(14,17,20,.14) 55%,rgba(14,17,20,.08) 100%)}
.slds{display:grid}
.hero__in{position:relative;display:flex;align-items:center;min-height:min(80vh,690px);padding:70px 0 96px}

.plate{position:relative;z-index:2;background:rgba(19,23,27,.88);padding:clamp(26px,2.6vw,40px) clamp(26px,2.8vw,42px) clamp(28px,2.8vw,40px);max-width:690px;
  transition:transform .45s var(--ease),opacity .45s var(--ease)} /* возврат плашки после драга */
.sld{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility .45s}
.sld.on{opacity:1;visibility:visible}
.sld__k{display:block;font-family:var(--fd);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--org-2);margin-bottom:20px}
.sld h1{font-size:clamp(30px,3.9vw,54px);line-height:1.04;margin-bottom:20px}
.sld h1 .l{display:block;overflow:hidden}
.sld h1 .l i{display:block;font-style:normal;transform:translateY(105%);transition:transform .8s var(--ease);transition-delay:var(--d,0ms)}
.sld.on h1 .l i{transform:none}
.sld h1 em{font-style:normal;color:var(--org-2)}
.sld p{color:rgba(255,255,255,.7);font-size:16.5px;line-height:1.6;max-width:50ch;opacity:0;transition:opacity .6s var(--ease) .32s}
.sld.on p{opacity:1}
.hero__act{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero__act .btn{padding:15px 22px;font-size:12.5px}
.arw{position:absolute;top:calc(50% - 60px);z-index:3;width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;color:#fff;transition:background .25s,border-color .25s,color .25s}
.arw:hover{background:var(--org);border-color:var(--org);color:var(--on-org)}
.arw svg{width:18px;height:12px}
.arw--p{left:18px}
.arw--n{right:18px}
.arw--p svg{transform:rotate(180deg)}
.dots{position:absolute;left:0;right:0;bottom:34px;display:flex;justify-content:center;gap:4px;z-index:3} /* ниже плашки (у неё отступ снизу 96px), с запасом */
.dot{width:38px;height:38px;border-radius:50%;background:none;position:relative;transition:none}
.dot::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;
  background:rgba(255,255,255,.32);transition:background .25s var(--ease),transform .25s var(--ease)}
.dot:hover::after{background:rgba(255,255,255,.6)}
.dot.on::after{background:var(--org);transform:scale(1.35)}

/* ======================= ПОЛОСА ИКОНОК ======================= */
.strip{background:var(--grey);border-bottom:1px solid var(--line)}
.strip__g{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.stile{flex:1 1 220px;padding:46px 16px 42px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;transition:background .3s var(--ease)}
.stile:hover{background:#fff}
.stile__c{width:104px;height:104px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .35s var(--ease),background .3s}
.stile:nth-child(odd) .stile__c{background:var(--ink);color:#fff}
.stile:nth-child(even) .stile__c{background:var(--org);color:var(--on-org)}
.stile:hover .stile__c{transform:translateY(-6px)}
.stile:nth-child(odd):hover .stile__c{background:var(--org);color:var(--on-org)}
.stile:nth-child(even):hover .stile__c{background:var(--ink);color:#fff}
.stile__c svg{width:44px;height:44px}
.stile div{display:flex;flex-direction:column;gap:8px;align-items:center}
.stile div b{display:block;font-family:var(--fd);font-weight:400;font-size:14.5px;text-transform:uppercase;letter-spacing:.01em;line-height:1.25}
.stile div span{display:block;font-size:13.5px;color:var(--muted);line-height:1.45;max-width:24ch}

/* ======================= ПОКАЗАТЕЛИ ======================= */
.rings{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:8px}
.ring{text-align:center}
.ring__w{position:relative;width:150px;height:150px;margin:0 auto}
.ring__w svg{width:150px;height:150px;transform:rotate(-90deg)}
.ring__bg{fill:none;stroke:var(--grey-2);stroke-width:6}
.ring__fg{fill:none;stroke:var(--org);stroke-width:6;stroke-linecap:butt;stroke-dasharray:408;stroke-dashoffset:408;transition:stroke-dashoffset 1.5s var(--ease)}
.ring.in .ring__fg{stroke-dashoffset:var(--off,0)}
.ring__v{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:clamp(22px,2vw,30px);letter-spacing:-.02em}
.ring__t{margin-top:20px;font-size:15px;color:var(--muted);line-height:1.45;max-width:26ch;margin-left:auto;margin-right:auto}

/* ======================= ЧЕТЫРЕ КОЛОНКИ ======================= */
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.col{padding:0 32px;text-align:center;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center}
.col:last-child{border-right:0}
.col__i{width:52px;height:52px;color:var(--org-t);margin-bottom:24px}
.col h3{font-size:19px;line-height:1.2;margin-bottom:18px}
.col p{font-size:15.5px;color:var(--muted);line-height:1.55}
/* тёмный вариант колонок (раздел «Качество») - вместо inline-стилей */
.sec--ink .col{border-color:var(--line-d)}
.sec--ink .col__i{color:var(--org-2)}
.sec--ink .col h3{color:#fff}
.sec--ink .col p{color:var(--muted-d)}
.sec__note{margin:40px auto 0;max-width:70ch;text-align:center;font-size:13.5px;color:var(--muted-d)}

/* ======================= ОТЗЫВЫ ======================= */

/* ======================= ОТРАСЛИ ======================= */
.ind{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,4.4vw,74px);align-items:start}
/* min-width:0 обязателен: иначе лента табов и SVG (внутренняя ширина 520px по viewBox) растягивают колонку шире экрана */
.ind>*{min-width:0}
.ind__cbl svg{width:100%;height:auto}
.ind h3{font-size:clamp(20px,2vw,27px);margin-bottom:8px}
.ind__bar{width:46px;height:3px;background:var(--org);margin:18px 0 26px}
.tabs{display:grid;gap:8px;margin-bottom:30px}
.tab{display:flex;align-items:center;gap:14px;padding:13px 18px;background:var(--grey);text-align:left;font-weight:500;font-size:15.5px;
  transition:background .25s var(--ease),color .25s}
.tab i{font-style:normal;font-family:var(--fd);font-size:11px;color:var(--muted);transition:color .25s}
.tab:hover{background:var(--grey-2)}
.tab.on{background:var(--org);color:var(--on-org)}
.tab>*{transition:transform .3s var(--ease)}
.tab.on>*{transform:translateX(6px)}
.tab.on i{color:rgba(255,255,255,.78)}
.ind__txt p{color:var(--muted);font-size:16.5px;line-height:1.6;max-width:52ch}
.ind__how{margin-top:26px}
.ind__how b{display:block;font-family:var(--fd);font-weight:400;font-size:15px;text-transform:uppercase;margin-bottom:14px}
.ind__how li{display:flex;gap:12px;align-items:baseline;padding:7px 0;color:var(--muted);font-size:15.5px}
.ind__how li::before{content:"";width:8px;height:8px;background:var(--org);flex:none;transform:translateY(-1px)}
.ind__cbl{max-width:520px;margin:0 auto;width:100%}
.lyrs{margin-top:28px;display:grid;gap:13px}
.lyrs li{display:grid;grid-template-columns:26px 1fr;gap:13px;align-items:start}
.lyrs i{width:24px;height:24px;border-radius:50%;background:var(--org);color:var(--on-org);font-style:normal;
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-top:1px}
.lyrs b{font-weight:600;font-size:15.5px;display:block}
.lyrs span{display:block;font-size:14px;color:var(--muted);line-height:1.45;margin-top:2px}
.swap{transition:opacity .3s var(--ease)}
.swap.out{opacity:0}

/* ======================= НОВОСТИ ======================= */
.tl{position:relative;padding-top:8px}
.tl__line{position:absolute;left:0;right:0;top:49px;height:1px;background:var(--line);z-index:0}
.tl__line i{position:absolute;left:0;top:0;width:100%;height:1px;background:var(--org);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease)}
.tl__line.in i{transform:none}
.tl__g{display:flex;gap:34px;overflow:auto hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:1;padding-bottom:4px}
.tl__g::-webkit-scrollbar{display:none}
.tl__g .post{flex:0 0 calc((100% - 68px)/3);scroll-snap-align:start}
.crs__nav{display:flex;gap:10px;justify-content:flex-end;margin-top:34px}
.crs__b{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
  transition:background .25s var(--ease),color .25s,border-color .25s,opacity .25s}
.crs__b svg{width:16px;height:11px}
.crs__b--p svg{transform:rotate(180deg)}
.crs__b:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.crs__b[disabled]{opacity:.35;pointer-events:none}
.post{display:block}
.post__d{width:82px;height:82px;border-radius:50%;background:var(--org);color:var(--on-org);display:flex;flex-direction:column;align-items:center;justify-content:center;
  transition:background .3s var(--ease),transform .3s var(--ease)}
.post__d b{font-family:var(--fd);font-weight:400;font-size:17px;line-height:1}
.post__d span{font-size:12px;color:rgba(255,255,255,.82);margin-top:4px}
.post:hover .post__d{background:var(--ink);transform:translateY(-4px)}
.post h3{font-size:18px;line-height:1.25;margin:26px 0 12px;transition:color .25s}
.post:hover h3{color:var(--org-t)}
.post p{font-size:15px;color:var(--muted);line-height:1.5}
.post__m{margin-top:16px;font-family:var(--fd);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* ======================= КОНТАКТЫ ======================= */
.cont{position:relative;background:var(--ink);color:#fff;overflow:hidden}
/* фон контактов: ч/б кадр катушек, lazy, 20 % поверх графита */
.cont__bg{position:absolute;inset:0;opacity:.2}
.cont__bg img{display:block;width:100%;height:100%;object-fit:cover}
.cont__in{position:relative}
.cgrid{display:grid;grid-template-columns:repeat(2,auto);gap:14px 70px;justify-content:center;text-align:left;margin-bottom:34px}
.cgrid div{font-size:16.5px;color:rgba(255,255,255,.82)}
.cgrid a:hover{color:var(--org-2)}
.cgrid a{white-space:nowrap} /* номер и почта не рвутся при переносе */
.soc{display:flex;justify-content:center;gap:14px;margin-bottom:46px}
.soc a{width:50px;height:50px;border-radius:50%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;transition:background .22s ease,color .22s ease}
.soc a svg{position:relative;z-index:1}
.soc a:hover,.soc a:focus-visible{color:#fff;outline:0}
.soc .s-tg:hover,.soc .s-tg:focus-visible{background:#2AABEE}
.soc .s-ig::before{content:"";position:absolute;inset:0;border-radius:50%;opacity:0;transition:opacity .22s ease;background:radial-gradient(circle at 28% 108%,#FDF497 0%,#FDF497 5%,#FD5949 45%,#D6249F 60%,#285AEB 90%)}
.soc .s-ig:hover::before,.soc .s-ig:focus-visible::before{opacity:1}
.soc svg{width:19px;height:19px}
.frm{max-width:840px;margin:0 auto}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fld{display:flex;flex-direction:column;gap:9px}
.fld--f{grid-column:1/-1}
.fld label{font-family:var(--fd);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.42)}
.fld input,.fld textarea{background:transparent;border:1px solid rgba(255,255,255,.2);padding:15px 16px;color:#fff;font-size:16px;transition:border-color .22s,background .22s}
.fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld textarea:focus{outline:0;border-color:var(--org-2);background:rgba(255,255,255,.03)}
.fld input::placeholder,.fld textarea::placeholder{color:rgba(255,255,255,.45)}
.fbot{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:28px}
.agr{display:flex;gap:11px;align-items:flex-start;font-size:13px;color:rgba(255,255,255,.45);max-width:48ch;line-height:1.45;cursor:pointer;text-align:left}
.agr input{appearance:none;width:17px;height:17px;border:1px solid rgba(255,255,255,.3);flex:none;margin-top:2px;position:relative}
.agr input:checked{background:var(--org);border-color:var(--org)}
.agr input:checked::after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid var(--on-org);border-width:0 2px 2px 0;transform:rotate(43deg)}
.fok{font-size:14.5px;color:var(--org-2);display:none}
.fok.on{display:block}
/* ловушка для ботов (send.php отбрасывает заявку с заполненным полем) */
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* отправка формы: ожидание и ошибка */
form.is-busy [type=submit]{opacity:.6;cursor:progress;pointer-events:none}
.ferr{margin:14px 0 0;font-size:14.5px;line-height:1.5;color:#B3261E}
.cont .ferr,.req .ferr{color:#FF9C8F}
.map{margin-top:46px;border:1px solid var(--line-d)}
.map__in{position:relative;overflow:hidden}
.map__a{position:absolute;top:0;font-size:12px;color:#eee}
.map__a--2{top:14px}
.map iframe{position:relative;width:100%;height:420px;display:block;border:0}
@media (max-width:640px){.map iframe{height:300px}}

.ft{background:#191E22;color:rgba(255,255,255,.55);padding:0 0 30px;font-size:13.5px}
.ft__in{display:flex;justify-content:space-between;align-items:center;gap:18px 30px;flex-wrap:wrap;padding-left:max(var(--pad),calc(98px - max(0px,(100vw - var(--max)) / 2)));padding-right:max(var(--pad),calc(98px - max(0px,(100vw - var(--max)) / 2)));padding-top:26px;border-top:1px solid var(--line-d)}
.fsoc{display:flex;gap:10px}
.fsoc a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.72);
  background:transparent;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
  transition:background .2s ease,border-color .2s ease,color .2s ease}
.fsoc a svg{width:16px;height:16px;position:relative;z-index:1}
.ft .fsoc a:hover,.ft .fsoc a:focus-visible{color:#fff;outline:0}
.ft .fsoc .s-tg:hover,.ft .fsoc .s-tg:focus-visible{background:#2AABEE;border-color:#2AABEE}
.fsoc .s-ig::before{content:"";position:absolute;inset:-1px;border-radius:50%;opacity:0;transition:opacity .22s ease;background:radial-gradient(circle at 28% 108%,#FDF497 0%,#FDF497 5%,#FD5949 45%,#D6249F 60%,#285AEB 90%)}
.ft .fsoc .s-ig:hover,.ft .fsoc .s-ig:focus-visible{border-color:transparent}
.ft .fsoc .s-ig:hover::before,.ft .fsoc .s-ig:focus-visible::before{opacity:1}
@media (max-width:1000px){.ft__in{justify-content:center;text-align:center;padding:26px var(--pad) 74px;flex-direction:column;gap:14px}}
.ft a{color:rgba(255,255,255,.7)}
.ft a:hover{color:var(--org-2)}
.mdl{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px}
.mdl[hidden]{display:none}
.mdl__bg{position:absolute;inset:0;background:rgba(10,12,14,.72);opacity:0;transition:opacity .28s var(--ease)}
.mdl__win{position:relative;background:var(--white);width:100%;max-width:430px;padding:36px 34px 32px;
  transform:translateY(14px) scale(.98);opacity:0;transition:transform .34s var(--ease),opacity .28s var(--ease)}
.mdl.on .mdl__bg{opacity:1}
.mdl.on .mdl__win{transform:none;opacity:1}
.mdl__x{position:absolute;right:12px;top:12px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .2s}
.mdl__x svg{width:16px;height:16px}
.mdl__x:hover{color:var(--org-t)}
.mdl__win h2{font-size:22px;margin-bottom:10px}
.mdl__s{font-size:14.5px;color:var(--muted);line-height:1.5;margin-bottom:24px}
.mdl .fld{margin-bottom:16px}
.mdl .fld label{color:var(--muted)}
.mdl .fld input{border:1px solid var(--line);background:var(--white);color:var(--text);padding:14px 15px}
.mdl .fld input:focus{border-color:var(--org-t)}
.mdl .fld input::placeholder{color:var(--muted)}
.mdl .agr{color:var(--muted);margin:4px 0 20px;max-width:none}
.mdl .agr input{border-color:var(--line)}
.mdl .fok{margin-top:14px;color:var(--org-t);font-size:14px}
/* поиск: графитовая панель сверху, крупное поле с оранжевым подчёркиванием, живая выдача по маркам с мини-сечениями */
.mdl--srch{align-items:flex-start;padding:0}
.mdl--srch .mdl__win{max-width:none;width:100%;max-height:100vh;overflow-y:auto;background:var(--ink);color:#fff;padding:0;transform:translateY(-18px)}
.srch__in{padding:26px var(--pad) 46px}
.srch__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.mdl--srch h3{font-size:18px;margin:0}
.mdl--srch .mdl__x{position:static;color:rgba(255,255,255,.6)}
.mdl--srch .mdl__x:hover{color:#fff}
.srch__f{position:relative;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line-d)}
.srch__f::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--org);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.srch__f:focus-within::after{transform:none}
.srch__ico{width:26px;height:26px;flex:none;color:var(--org-2)}
.srch__f input{flex:1;min-width:0;background:none;border:0;padding:14px 0 18px;color:#fff;font-size:clamp(20px,2.6vw,32px);font-weight:500;line-height:1.2}
.srch__f input:focus{outline:0}
.srch__f input::placeholder{color:rgba(255,255,255,.38)}
.srch__f input::-webkit-search-cancel-button{-webkit-appearance:none}
.srch__f .btn{padding:14px 20px;flex:none}
.srch__body{display:grid;grid-template-columns:1.45fr 1fr;gap:36px 64px;margin-top:32px}
.srch__h4{display:flex;justify-content:space-between;font-family:var(--fd);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:12px}
.srch__h4 i{font-style:normal;color:var(--org-2)}
.srch__r{display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;padding:11px 12px 11px 6px;border-top:1px solid var(--line-d);color:#fff;transition:background .2s}
.srch__r:last-child{border-bottom:1px solid var(--line-d)}
.srch__r:hover{background:rgba(255,255,255,.05)}
.srch__r .mini{width:54px;height:54px}
.srch__r b{display:block;font-family:var(--fd);font-weight:400;font-size:15px;letter-spacing:.01em}
.srch__r b mark{background:none;color:var(--org-2)}
.srch__r span{display:block;font-size:13.5px;color:rgba(255,255,255,.64);line-height:1.4;margin-top:3px}
.srch__r .ar{width:17px;height:11px;color:rgba(255,255,255,.5);transition:transform .3s var(--ease),color .2s}
.srch__r:hover .ar{transform:translateX(5px);color:var(--org-2)}
.srch__none{padding:22px 0 6px;color:rgba(255,255,255,.74);font-size:15.5px;line-height:1.5;max-width:46ch}
.srch__none .btn{margin-top:18px}
.srch__links a{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid var(--line-d);font-size:15px;font-weight:500;color:rgba(255,255,255,.85);transition:color .2s}
.srch__links a:last-child{border-bottom:1px solid var(--line-d)}
.srch__links a svg{width:17px;height:11px;color:rgba(255,255,255,.4);transition:transform .3s var(--ease),color .2s}
.srch__links a:hover{color:#fff}
.srch__links a:hover svg{transform:translateX(5px);color:var(--org-2)}
.srch__chips{display:flex;flex-wrap:wrap;gap:8px}
.srch__chips button{border:1px solid var(--line-d);padding:8px 13px;font-size:14px;color:rgba(255,255,255,.85);transition:background .2s,color .2s,border-color .2s}
.srch__chips button:hover{background:#fff;border-color:#fff;color:var(--ink)}
.srch__mt{margin-top:30px}
@media (max-width:900px){.srch__body{grid-template-columns:1fr;gap:30px}}
@media (max-width:640px){.srch__in{padding:20px var(--pad) 36px}.srch__f{gap:12px}.srch__f .btn span{display:none}.srch__f .btn{padding:14px 16px}.srch__r{grid-template-columns:44px 1fr auto;gap:12px}.srch__r .mini{width:44px;height:44px}}
@media (max-width:640px){.mdl__win{padding:30px 22px 26px}}
.fab{position:fixed;left:26px;bottom:26px;width:64px;height:64px;border-radius:50%;background:#2AABEE;color:#fff;
  display:flex;align-items:center;justify-content:center;z-index:85;transition:background .25s var(--ease),transform .25s var(--ease)}
.fab svg{width:34px;height:34px;position:relative;z-index:2;transform:translateX(-1px)}
.fab::before,.fab::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #2AABEE;animation:pls 2.8s cubic-bezier(.2,.6,.4,1) infinite}
.fab::after{animation-delay:1.4s}
@keyframes pls{0%{transform:scale(1);opacity:.65}75%{transform:scale(1.75);opacity:0}100%{opacity:0}}
.fab:hover{background:#1C97D6;transform:scale(1.06)}
.fab:hover::before,.fab:hover::after{animation-play-state:paused;opacity:0}

.up{position:fixed;right:26px;bottom:26px;width:64px;height:64px;z-index:85;opacity:0;pointer-events:none;
  display:flex;align-items:center;justify-content:center;transition:opacity .3s var(--ease),transform .3s var(--ease);transform:translateY(8px)}
.up.on{opacity:1;pointer-events:auto;transform:none}
.up__r{position:absolute;inset:0;transform:rotate(-90deg)}
.up__r circle{fill:none;stroke-width:2}
.up__bg{stroke:rgba(130,138,146,.35)}
.up__fg{stroke:var(--org);stroke-dasharray:188.5;stroke-dashoffset:188.5}
.up__b{position:absolute;inset:5px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .25s}
.up:hover .up__b{background:var(--org);color:var(--on-org)}
.up__b svg{width:18px;height:18px}
@media (max-width:640px){
  .fab,.up{width:56px;height:56px}
  .fab{left:16px;bottom:16px}
  .up{right:16px;bottom:16px}
  .fab svg{width:30px;height:30px}
  .up__fg,.up__bg{stroke-width:2}
}

/* сечение кабеля */
.cbl text{font-family:var(--ft)}
.cbl .lab{font-size:14.5px;font-weight:500}
.cbl .sub{font-size:12.5px}
.cbl .lead{stroke-width:1;fill:none}
.cblA .ly{opacity:0;transition:opacity .42s var(--ease)}
.cblA.in .ly{opacity:1}
.cblA .nt{opacity:0;transform:translateX(-8px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.cblA.in .nt{opacity:1;transform:none}

/* ======================= АДАПТИВ ======================= */
@media (max-width:1200px){
  .nav{gap:19px}.nav a{font-size:14px}
  .strip__g{display:flex;flex-wrap:wrap;justify-content:center}
  .rings{grid-template-columns:repeat(2,1fr);gap:40px 20px}
  .cols{grid-template-columns:repeat(2,1fr);gap:44px 0}
  .col:nth-child(2n){border-right:0}
  .tl__g{gap:30px}
  .tl__g .post{flex:0 0 calc((100% - 30px)/2)}
}
@media (max-width:1000px){
  .hero__in{min-height:min(84vh,720px);align-items:flex-end;padding:110px var(--pad) 112px} /* боковые поля, чтобы плашка не прижималась к краям экрана */
  .plate{max-width:none}
  .arw{top:auto;bottom:16px;width:48px;height:48px}
  .arw--p{left:auto;right:82px}
  .arw--n{right:20px}
  .ind{grid-template-columns:1fr;gap:40px}
}
@media (max-width:900px){
  .nav,.srch,.hd__cta{display:none}
  .brg,.callb{display:flex}
  .hd__in{gap:12px;height:76px}
  .hd.stuck{margin-bottom:4px}
  .top__l a:nth-child(2),.top__r>a{display:none}
}
@media (max-width:640px){
  :root{--pad:20px}
  .top{display:none}
  .strip__g{grid-template-columns:1fr}
  .stile{padding:28px 20px;flex-direction:row;text-align:left;gap:20px;border-bottom:1px solid var(--line)}
  .stile__c{width:70px;height:70px}
  .stile__c svg{width:32px;height:32px}
  .stile div{align-items:flex-start;gap:6px}
  .rings{grid-template-columns:1fr;gap:38px}
  .cols{grid-template-columns:1fr;gap:38px}
  .col{border-right:0;padding:0}
  .tl__g{gap:18px}
  .tl__g .post{flex:0 0 86%}
  .crs__nav{justify-content:center}
  .fg{grid-template-columns:1fr}
  .cgrid{grid-template-columns:1fr;gap:10px;text-align:center}
  .ring__w{width:126px;height:126px}
  .ring__w svg{width:126px;height:126px}
  .ring__t{margin-top:16px;font-size:14.5px}
  .sld h1{font-size:clamp(26px,7.6vw,34px)}
  .plate{padding:26px 22px 28px}
  .fbot .btn{width:100%;justify-content:center}
  /* табы отраслей - горизонтальная лента на всю ширину экрана, активный подъезжает к левому краю */
  .tabs{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:0 var(--pad);scrollbar-width:none;margin:0 calc(-1*var(--pad)) 26px;padding:0 var(--pad)}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;padding:12px 16px}
  .tab.on>*{transform:none}
  .arw{display:none}
  .dots{bottom:46px}
  .cgrid div{font-size:16px}
  .col h3{font-size:18px}
  .sec{padding:56px 0}
  .hero__act .btn{width:100%;justify-content:center}
}
/* ---------- моушн ---------- */
.shead.rv{opacity:1;transform:none}
.shead.rv h2{clip-path:inset(0 0 104% 0);transition:clip-path .78s var(--ease) 40ms}
.shead.rv.in h2{clip-path:inset(0 0 -30% 0)}
.shead.rv .bar{transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease) .3s}
.shead.rv.in .bar{transform:none}
.shead.rv > p{opacity:0;transform:translateY(9px);transition:opacity .5s var(--ease) .24s,transform .5s var(--ease) .24s}
.shead.rv.in > p{opacity:1;transform:none}
.stile.rv{transform:translateY(14px)}
.stile.rv .stile__c{transform:scale(.88);transition:transform .6s var(--ease) calc(var(--d,0ms) + 80ms),background .3s}
.stile.rv.in .stile__c{transform:none}
.ring.rv{transform:none;opacity:0;transition:opacity .5s var(--ease) var(--d,0ms)}
.ring.rv.in{opacity:1}
.post.rv .post__d{transform:scale(.86);transition:transform .55s var(--ease) calc(var(--d,0ms) + 60ms),background .3s var(--ease)}
.post.rv.in .post__d{transform:none}
/* карточки внутри горизонтальной карусели: без сдвига по Y (иначе контейнер получает вертикальный overflow),
   а карточки за правым краем раскрываются вместе с линией таймлайна, а не ждут попадания в viewport */
.tl__g .post.rv{transform:none}
.tl__line.in ~ .tl__g .post.rv{opacity:1}
.tl__line.in ~ .tl__g .post.rv .post__d{transform:none}
@media (max-width:640px){
  .rv{transform:translateY(8px);transition-duration:.4s,.5s}
  .stile.rv .stile__c{transform:scale(.92)}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
  .rv{opacity:1;transform:none}
  .sld h1 .l i{transform:none}
  .shead.rv h2{clip-path:none}
  .shead.rv>p,.stile.rv .stile__c,.post.rv .post__d{opacity:1;transform:none}
}

/* ======================================================================
   ВНУТРЕННИЕ СТРАНИЦЫ (каталог, группы, марки, заказ, о заводе, качество,
   статьи, контакты, поиск, служебные). Язык главной: Russo One, хайрлайны,
   без теней и скруглений, оранжевая черта 46х3 под заголовком.
   ====================================================================== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--org);color:var(--on-org);padding:10px 16px;font-family:var(--fd);font-size:12px;text-transform:uppercase}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--org-t);outline-offset:2px} /* 5:1 на белом, 3,2:1 на графите */
.muted{color:var(--muted)}
.lnk{display:inline-flex;align-items:center;gap:10px;font-family:var(--fd);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--org-t);transition:color .2s}
.lnk svg{width:17px;height:11px;transition:transform .3s var(--ease)}
.lnk:hover{color:var(--org-th)}
.lnk:hover svg{transform:translateX(5px)}
button.lnk{padding:0}
.btn--line{border-color:var(--line);color:var(--text)}
.btn--line:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.more{margin-top:44px;display:flex;justify-content:center}
.sec--tight{padding:40px 0}
.sec--first{padding-top:clamp(40px,4vw,64px)}
.h2{font-size:clamp(24px,2.6vw,36px)}
.h3{font-size:17px;margin:34px 0 16px}
.bar{width:46px;height:3px;background:var(--org);margin:18px 0 26px}
.shead .bar{margin:24px auto 0}

/* ---------- шапка: выпадающее меню «Продукция» ---------- */
.nav__dd{position:relative;display:flex;align-items:center;gap:2px}
.nav__btn{width:26px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .2s,transform .25s var(--ease)}
.nav__btn svg{width:11px;height:8px}
.nav__dd:hover .nav__btn,.nav__dd.open .nav__btn{color:var(--org-t)}
.nav__dd.open .nav__btn{transform:rotate(180deg)}
.nav__menu{position:absolute;left:-24px;top:100%;margin-top:22px;width:380px;background:#fff;border:1px solid var(--line);
  padding:10px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;z-index:80}
.nav__menu::before{content:"";position:absolute;left:0;right:0;top:-26px;height:26px}
.nav__dd:hover .nav__menu,.nav__dd:focus-within .nav__menu,.nav__dd.open .nav__menu{opacity:1;visibility:visible;transform:none}
.nav__menu a{display:flex;align-items:center;gap:14px;padding:10px 22px;transition:background .2s}
.nav__menu a:hover{background:var(--grey)}
.nav__ic{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;transition:background .2s}
.nav__ic svg{width:22px;height:22px}
.nav__menu a:hover .nav__ic{background:var(--org);color:var(--on-org)}
.nav__menu b{display:block;font-family:var(--fd);font-weight:400;font-size:13.5px;text-transform:uppercase;letter-spacing:.01em}
.nav__menu i{display:block;font-style:normal;font-size:13px;color:var(--muted);margin-top:2px}
.nav__menu .nav__all{justify-content:space-between;margin-top:6px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--fd);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--org-t)}
.nav__all svg{width:17px;height:11px}
.hd.stuck .nav__menu{margin-top:10px}
.hd.stuck .nav__menu::before{top:-14px;height:14px}

/* ---------- мобильное меню ---------- */
.mm__tg svg{width:14px;height:10px;transition:transform .25s var(--ease)}
.mm__tg[aria-expanded="true"] svg{transform:rotate(180deg)}
.mm__sub{display:grid;padding:6px 0 14px;border-bottom:1px solid var(--line-d);background:rgba(255,255,255,.03)}
.mm__sub a{padding:11px var(--pad);font-size:16px;color:rgba(255,255,255,.82)}
.mm__srch{display:flex;align-items:center;gap:12px;width:100%;padding:17px var(--pad);border-bottom:1px solid var(--line-d);color:rgba(255,255,255,.8);font-size:16px}
.mm__srch svg{width:18px;height:18px;color:var(--org-2)}

/* ---------- подвал ---------- */
.ft__top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px;padding-top:clamp(48px,5vw,72px);padding-bottom:44px}
.ft__brand .lg__svg{--h:30px;color:#fff}
.mm__t .lg__svg{--h:24px;color:#fff}
.ft__brand p{margin:16px 0 22px;max-width:36ch;line-height:1.55;color:rgba(255,255,255,.55)}
.ft__col{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ft__col b{font-family:var(--fd);font-weight:400;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:6px}
.ft__col span{color:rgba(255,255,255,.55)}
@media (max-width:1000px){.ft__top{grid-template-columns:1fr 1fr}.ft__brand{grid-column:1/-1}}
/* телефон: разделы «Продукция» и «Компания» рядом, подвал вдвое короче; ссылки с запасом под палец */
@media (max-width:640px){.ft__top{grid-template-columns:1fr 1fr;gap:30px 16px}.ft__top>.ft__col:last-child{grid-column:1/-1}.ft__col{gap:4px}.ft__col a{padding:6px 0}}

/* ---------- шапка внутренней страницы ---------- */
.ph{position:relative;background:var(--ink);color:#fff;overflow:hidden}
.ph__bg{position:absolute;inset:0}
.ph__bg img{width:100%;height:100%;object-fit:cover}
.ph--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,17,20,.9) 0%,rgba(14,17,20,.74) 45%,rgba(14,17,20,.35) 100%)}
.ph__in{position:relative;z-index:1;display:flex;align-items:flex-end;min-height:clamp(340px,40vw,470px);padding-top:56px;padding-bottom:clamp(44px,4.4vw,64px)}
.ph--short .ph__in{min-height:0;padding-top:44px;padding-bottom:48px}
.ph__txt{max-width:780px}
.ph h1{font-size:clamp(30px,4.2vw,58px);line-height:1.04;margin-top:22px}
.ph--art h1{font-size:clamp(28px,3.4vw,46px)}
.ph__lead{margin-top:20px;font-size:17.5px;line-height:1.6;color:rgba(255,255,255,.78);max-width:62ch}
.ph__stats{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:30px}
.ph__stats li{display:flex;flex-direction:column;gap:4px;font-size:14px;color:rgba(255,255,255,.7)}
.ph__stats b{font-family:var(--fd);font-weight:400;font-size:clamp(24px,2.4vw,32px);color:#fff;line-height:1}
.ph__act{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;font-size:13.5px;color:rgba(255,255,255,.62)}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"/";margin:0 10px;color:rgba(255,255,255,.35)}
.crumbs a{transition:color .2s}
.crumbs a:hover{color:#fff}
.crumbs [aria-current]{color:rgba(255,255,255,.9)}

/* ---------- заголовок секции слева ---------- */
.sh{margin-bottom:clamp(30px,3.4vw,46px);max-width:760px}
.sh h2{font-size:clamp(24px,2.6vw,36px)}
.sh .bar{margin:18px 0 0}
.sh p{margin-top:20px;color:var(--muted);font-size:16.5px;line-height:1.6;max-width:64ch}
.sec--ink .sh p{color:var(--muted-d)}
.sh.rv h2{clip-path:inset(0 0 104% 0);transition:clip-path .78s var(--ease) 40ms}
.sh.rv{opacity:1;transform:none}
.sh.rv.in h2{clip-path:inset(0 0 -30% 0)}
.sh.rv .bar{transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease) .3s}
.sh.rv.in .bar{transform:none}

/* ---------- две колонки ---------- */
.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:start}
.split__txt p{color:var(--muted);font-size:16.5px;line-height:1.65;max-width:62ch}
.split__txt p+p{margin-top:16px}
.sec--ink .split__txt p{color:var(--muted-d)}
.choose{border:1px solid var(--line);background:#fff}
.choose__h{display:block;font-family:var(--fd);font-weight:400;font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:18px 22px;border-bottom:1px solid var(--line)}
.choose dl div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line)}
.choose dl div:last-child{border-bottom:0}
.choose dt{font-family:var(--fd);font-size:14px;color:var(--org-t)}
.choose dd{margin:0;font-size:15px;line-height:1.5;color:var(--text)}

/* ---------- группы продукции (каталог) ---------- */
.gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.gc{display:flex;flex-direction:column;background:#fff;transition:background .25s var(--ease)}
.gc__img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ink)}
.gc__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
a.gc:hover .gc__img img{transform:scale(1.04)}
.gc__b{display:flex;flex-direction:column;gap:12px;padding:22px 24px 24px;flex:1}
.gc__h{display:flex;align-items:center;gap:14px}
.gc__ic{width:46px;height:46px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;transition:background .25s}
.gc__ic svg{width:24px;height:24px}
a.gc:hover .gc__ic{background:var(--org);color:var(--on-org)}
.gc__h b{font-family:var(--fd);font-weight:400;font-size:17px;text-transform:uppercase;line-height:1.2}
.gc__marks{font-size:14.5px;color:var(--muted);line-height:1.5}
.gc__n{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--line);font-family:var(--fd);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--org-t)}
.gc__n svg{width:17px;height:11px;transition:transform .3s var(--ease)}
a.gc:hover .gc__n svg{transform:translateX(5px)}
.gc--ask{background:var(--ink);color:#fff;padding:32px 28px;justify-content:center;gap:16px}
.gc--ask b{font-family:var(--fd);font-weight:400;font-size:19px;text-transform:uppercase;line-height:1.3}
.gc--ask p{color:var(--muted-d);font-size:15px;line-height:1.55}
.gc--ask .btn{align-self:flex-start;margin-top:6px}

/* ---------- как читать маркировку ---------- */
.mk{display:grid;grid-template-columns:1fr;gap:clamp(28px,3vw,40px)}
.mk__code{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px;font-family:var(--fd);font-size:clamp(30px,4vw,54px);line-height:1}
.mk__code span{position:relative;padding:16px 12px 30px;background:#fff;border:1px solid var(--line)}
.mk__code span::after{content:attr(data-i);position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:var(--org);color:var(--on-org);font-family:var(--ft);font-size:11.5px;font-weight:600;display:flex;align-items:center;justify-content:center}
.mk__code .mk__gap{padding:0;border:0;background:none;width:6px}
.mk__code .mk__gap::after{display:none}
.mk__list{counter-reset:mk;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:clamp(30px,4vw,64px)}
.mk__list li{counter-increment:mk;display:grid;grid-template-columns:34px 120px 1fr;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.mk__list li::before{content:counter(mk);width:22px;height:22px;border-radius:50%;background:var(--org);color:var(--on-org);font-size:11.5px;font-weight:600;display:flex;align-items:center;justify-content:center;transform:translateY(4px)}
.mk__list b{font-family:var(--fd);font-weight:400;font-size:15px}
.mk__list span{color:var(--muted)}
.mk__more{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.mk__more p{max-width:80ch;color:var(--muted);line-height:1.6}
.mk__more b{color:var(--text);font-weight:600}

/* ---------- таблица позиций ---------- */
.ctab__bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:18px}
.ctab__q{flex:1 1 280px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;padding:0 16px;transition:border-color .2s}
.ctab__q:focus-within{border-color:var(--org-t)}
.ctab__q svg{width:18px;height:18px;color:var(--muted);flex:none}
.ctab__q input{flex:1;min-width:0;border:0;padding:15px 0;font-size:16px;background:none;color:var(--text)}
.ctab__q input:focus{outline:0}
.ctab__q input::placeholder{color:var(--muted)}
.ctab__f{display:flex;flex-direction:column;gap:6px}
.ctab__f span{font-family:var(--fd);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ctab__f select{appearance:none;border:1px solid var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%236B7278' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center/11px 8px;
  padding:14px 40px 14px 14px;font-size:15px;min-width:150px;color:var(--text);cursor:pointer}
.ctab__f select:focus{outline:0;border-color:var(--org-t)}
.ctab__n{margin-left:auto;align-self:center;font-family:var(--fd);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.ctab__wrap{overflow-x:auto;border:1px solid var(--line);background:#fff}
.ctab table{width:100%;border-collapse:collapse;font-size:15px;min-width:720px}
.ctab th{text-align:left;font-family:var(--fd);font-weight:400;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line);background:var(--grey);white-space:nowrap}
.ctab td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.ctab tbody tr:last-child td{border-bottom:0}
.ctab tbody tr{transition:background .15s}
.ctab tbody tr:hover{background:#FAFAFA}
.ctab td a{font-weight:600;transition:color .2s}
.ctab td a:hover{color:var(--org-t)}
.ctab__sz{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}
.ctab__act{text-align:right;width:1%}
.ctab__req{display:inline-flex;align-items:center;gap:8px;font-family:var(--fd);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--org-t);padding:8px 0;white-space:nowrap;transition:color .2s}
.ctab__req svg{width:15px;height:10px;transition:transform .3s var(--ease)}
.ctab__req:hover{color:var(--org-th)}
.ctab__req:hover svg{transform:translateX(4px)}
.ctab__more{margin:22px auto 0;display:flex}
.ctab__more svg{width:11px;height:8px}
.ctab__empty{padding:28px 22px;border:1px solid var(--line);background:#fff;color:var(--muted)}
.ctab__empty .lnk{font-size:inherit;letter-spacing:0;text-transform:none;font-family:var(--ft);font-weight:600}

/* ---------- карточки марок ---------- */
/* рамка по карточкам, а не фоном сетки: неполный последний ряд не оставляет серых пустых ячеек */
.mcards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.mcards>.mc{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.mcards--3{grid-template-columns:repeat(3,1fr)}
.mc{display:flex;flex-direction:column;gap:16px;background:#fff;padding:26px 24px 22px;transition:background .25s var(--ease)}
.mc:hover{background:#FCFCFC}
.mc__sch{display:block;width:104px;height:104px;transition:transform .5s var(--ease)}
.mc__sch svg{width:100%;height:100%}
.mc:hover .mc__sch{transform:rotate(-8deg) scale(1.04)}
.mc__t b{display:block;font-family:var(--fd);font-weight:400;font-size:20px;transition:color .2s}
.mc:hover .mc__t b{color:var(--org-t)}
.mc__t span{display:block;font-size:14.5px;color:var(--muted);line-height:1.5;margin-top:6px}
.mc__m{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}
.mc__m span{font-size:12.5px;padding:5px 9px;background:var(--grey);color:var(--text);white-space:nowrap}

/* ---------- другие группы ---------- */
.other{display:grid;grid-template-columns:auto 1fr;gap:20px 40px;align-items:center}
.other__h{font-family:var(--fd);font-weight:400;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.other__l{display:flex;flex-wrap:wrap;gap:10px}
.other__l a{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);background:#fff;font-weight:500;font-size:15px;transition:border-color .2s,color .2s}
.other__l a:hover{border-color:var(--org);color:var(--org-t)}
.other__l svg{width:22px;height:22px;color:var(--org-t)}
.other__l i{font-style:normal;font-size:12.5px;color:var(--muted)}

/* ---------- призыв внизу ---------- */
.cta{background:var(--org);color:var(--on-org)}
.cta__in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:26px 40px;padding-top:clamp(44px,4.6vw,64px);padding-bottom:clamp(44px,4.6vw,64px)}
.cta__t{max-width:720px}
.cta__t p{max-width:64ch}
.cta h2{font-size:clamp(22px,2.4vw,32px);line-height:1.12}
.cta p{margin-top:12px;color:rgba(255,255,255,.92);font-size:16px;line-height:1.55}
.cta__a{display:flex;flex-wrap:wrap;gap:12px}
.cta .btn--org{background:var(--ink);border-color:var(--ink);color:#fff}
.cta .btn--org:hover{background:#fff;border-color:#fff;color:var(--ink)}
.cta .btn--out{border-color:rgba(255,255,255,.7)}

/* ---------- карточка марки: шапка со схемой ---------- */
.mh{background:var(--ink);color:#fff;overflow:hidden}
.mh__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:30px;align-items:center;padding-top:48px;padding-bottom:56px;min-height:min(78vh,600px)}
.mh h1{font-size:clamp(32px,4.4vw,62px);line-height:1.02;margin-top:24px}
.mh__sub{margin-top:18px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.78);max-width:46ch}
.mh__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-d);border:1px solid var(--line-d);margin-top:30px;max-width:520px}
.mh__chips li{background:var(--ink);padding:14px 18px;display:flex;flex-direction:column;gap:4px}
.mh__chips span{font-family:var(--fd);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.mh__chips b{font-family:var(--fd);font-weight:400;font-size:18px;white-space:nowrap}
.mh__chips li:last-child:nth-child(odd){grid-column:1/-1}
.mh__act{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.mh__fig{margin:0;min-width:0}
.mh__sch{min-height:300px}
.mh__fig figcaption{margin-top:6px;font-size:13px;letter-spacing:.04em;color:rgba(255,255,255,.62)}
.mh__fig figcaption span{display:block;margin-top:3px;font-size:12px;letter-spacing:0;color:rgba(255,255,255,.42)}
.letters{display:grid;gap:0;border-top:1px solid var(--line)}
.letters li{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.letters b{font-family:var(--fd);font-weight:400;font-size:20px;color:var(--org-t);text-align:center;background:var(--grey);padding:8px 0}
.letters span{font-size:15.5px;line-height:1.45}
.specs{width:100%;border-collapse:collapse;border:1px solid var(--line);background:#fff}
.specs caption{text-align:left;font-family:var(--fd);font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:0 0 14px}
.specs th,.specs td{text-align:left;padding:13px 18px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45;vertical-align:top}
.specs th{font-weight:400;color:var(--muted);width:44%}
.specs td{font-weight:500}
.specs tr:last-child th,.specs tr:last-child td{border-bottom:0}
.cons{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:start}
.cons__fig{max-width:500px;margin:0 auto;width:100%}
.cons__fig svg{width:100%;height:auto}
.ticks{display:grid;gap:0}
.ticks li{display:flex;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.5}
.ticks li::before{content:"";width:8px;height:8px;background:var(--org);flex:none;transform:translateY(-1px)}
.sec--ink .ticks li{border-color:var(--line-d)}
.media__txt .ticks{margin-top:6px}
.note{margin-top:30px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-left:0;position:relative}
.note::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--org)}
.note b{font-family:var(--fd);font-weight:400;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.note p{margin-top:8px;color:var(--muted);line-height:1.55}

/* ---------- фото + текст ---------- */
.media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:center}
.media--rev .media__img{order:2}
.media__img{aspect-ratio:4/3;overflow:hidden;background:var(--ink)}
.media__img img{width:100%;height:100%;object-fit:cover}
.media__txt p{color:var(--muted);line-height:1.65;font-size:16.5px;max-width:58ch}
.media__txt p+p,.media__txt p+.btn,.media__txt ul+p,.media__txt p+a{margin-top:18px}
.sec--ink .media__txt p{color:var(--muted-d)}
.media__txt .btn{margin-top:26px}

/* ---------- преимущества списком ---------- */
.feat{display:grid;border-top:1px solid var(--line)}
.feat li{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
.feat svg{width:44px;height:44px;color:var(--org-t)}
.feat b{display:block;font-family:var(--fd);font-weight:400;font-size:16px;text-transform:uppercase;letter-spacing:.01em}
.feat span{display:block;margin-top:6px;color:var(--muted);line-height:1.5;font-size:15px}

/* ---------- шаги ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--ink);counter-reset:none}
.steps li{position:relative;padding:28px 26px 8px 0}
.steps li+li{padding-left:26px;border-left:1px solid var(--line)}
.steps i{display:block;font-style:normal;font-family:var(--fd);font-size:34px;color:var(--org-t);line-height:1}
.steps b{display:block;font-family:var(--fd);font-weight:400;font-size:17px;text-transform:uppercase;line-height:1.3;margin-top:18px}
.steps p{margin-top:12px;color:var(--muted);line-height:1.55;font-size:15px}
.steps li::before{content:"";position:absolute;top:-2px;left:0;height:3px;width:100%;background:var(--org);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease) calc(var(--d,0ms) + 200ms)}
.steps li.in::before{transform:scaleX(1)}

/* ---------- заявка на расчёт ---------- */
.req{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,5vw,80px);align-items:start}
.req__t p{color:var(--muted-d);line-height:1.6;max-width:44ch}
.fld--file .fld__lab{font-family:var(--fd);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.fld__drop{display:flex;align-items:center;gap:14px;border:1px dashed rgba(255,255,255,.3);padding:16px;cursor:pointer;transition:border-color .2s,background .2s}
/* зона файла - это <label>, сбрасываем подписочный стиль .fld label */
.fld .fld__drop{font-family:var(--ft);font-size:15px;text-transform:none;letter-spacing:0}
.fld__drop:hover{border-color:var(--org-2);background:rgba(255,255,255,.03)}
.fld__drop svg{width:20px;height:20px;color:var(--org-2);flex:none}
.fld__fn{flex:1;min-width:0;color:rgba(255,255,255,.66);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fld__btn{font-family:var(--fd);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.3);padding:9px 12px;white-space:nowrap}
.fld--file input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.fld--file{position:relative}
.fld--file input[type=file]:focus-visible+*,.fld--file:focus-within .fld__drop{border-color:var(--org-2)}
.fbot--left{align-items:flex-start}
.req .fbot{align-items:flex-start}
.req .agr{color:rgba(255,255,255,.62)}
.agr a{text-decoration:underline;text-underline-offset:3px}

/* ---------- вопросы ---------- */
.faq__l{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-family:var(--fd);font-size:17px;text-transform:uppercase;line-height:1.3;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary{padding-right:10px}
.faq summary::after{content:"";width:12px;height:12px;flex:none;border-right:2px solid var(--org-t);border-bottom:2px solid var(--org-t);transform:rotate(45deg) translateY(-4px);transition:transform .25s var(--ease)}
.faq details[open]:not(.fx) summary::after,.faq details.on summary::after{transform:rotate(-135deg) translateY(-2px)}
/* плавное раскрытие: JS оборачивает ответ в .faq__b, высота едет через grid-template-rows 0fr -> 1fr */
.faq__b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s var(--ease)}
.faq details.on>.faq__b{grid-template-rows:1fr}
.faq__b>div{min-height:0;overflow:hidden}
.faq__b p{opacity:0;transform:translateY(-4px);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.faq details.on>.faq__b p{opacity:1;transform:none;transition-delay:.06s}
.faq summary:hover{color:var(--org-t)}
.faq details p{padding:0 0 22px;color:var(--muted);line-height:1.65;max-width:90ch}
.faq details a{color:var(--org-t);text-decoration:underline;text-underline-offset:3px}

/* ---------- о заводе ---------- */
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.facts li{background:#fff;padding:26px 24px}
.facts b{display:block;font-family:var(--fd);font-weight:400;font-size:clamp(30px,3vw,42px);line-height:1;color:var(--org-t)}
.facts span{display:block;margin-top:10px;color:var(--muted);line-height:1.45;font-size:15px}
.gal{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:14px}
.gal figure{margin:0;position:relative;overflow:hidden;background:var(--ink)}
.gal__a{grid-row:1/3}
.gal img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}
.gal__a img{aspect-ratio:auto;min-height:100%}
.gal figcaption{position:absolute;left:0;bottom:0;background:var(--ink);color:#fff;padding:10px 14px;font-size:13.5px;max-width:calc(100% - 20px)}
.glist{border-top:1px solid var(--line)}
.glist a{display:grid;grid-template-columns:56px 1fr auto 24px;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);transition:background .2s}
.glist a>*{transition:transform .3s var(--ease)}
.glist a:hover{background:var(--grey)}
.glist a:hover>*{transform:translateX(14px)}
.glist a:hover>.glist__ar{transform:translateX(-4px)}
.glist__ic{width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s}
.glist a:hover .glist__ic{background:var(--org);color:var(--on-org)}
.glist__ic svg{width:28px;height:28px}
.glist__t b{display:block;font-family:var(--fd);font-weight:400;font-size:18px;text-transform:uppercase}
.glist__t span{display:block;margin-top:5px;color:var(--muted);font-size:14.5px;line-height:1.45}
.glist__n{font-family:var(--fd);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.glist__ar{width:18px;height:12px;color:var(--org-t)}
.cols--left .col{text-align:left;align-items:flex-start;padding:0 28px}
.cols--left .col:first-child{padding-left:0}
.cols--left .col h3{font-size:17px}

/* ---------- документы ---------- */
.docs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.doc{background:#fff;padding:26px 24px;display:flex;flex-direction:column;gap:8px}
.doc__i{width:44px;height:44px;color:var(--org-t);margin-bottom:10px}
.doc b{font-family:var(--fd);font-weight:400;font-size:16px;text-transform:uppercase;line-height:1.3}
.doc span{color:var(--muted);font-size:14.5px;line-height:1.45}
.doc .lnk{margin-top:auto;padding-top:14px}

/* ---------- новости и статьи ---------- */
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--fd);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.meta__d{color:var(--org-t)}
.meta--hero{margin-top:22px;color:rgba(255,255,255,.66)}
.meta--hero .meta__d{color:var(--org-2)}
.feat-a{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);background:var(--grey);margin-bottom:clamp(40px,4vw,60px)}
.feat-a__img{overflow:hidden;min-height:320px;background:var(--ink)}
.feat-a__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.feat-a:hover .feat-a__img img{transform:scale(1.03)}
.feat-a__b{display:flex;flex-direction:column;gap:16px;padding:clamp(28px,3.4vw,48px)}
.feat-a__b>b{font-family:var(--fd);font-weight:400;font-size:clamp(22px,2.2vw,30px);text-transform:uppercase;line-height:1.15;transition:color .2s}
.feat-a:hover .feat-a__b>b{color:var(--org-t)}
.feat-a__x{color:var(--muted);line-height:1.6}
.feat-a .lnk{margin-top:auto}
.acards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,2.6vw,36px)}
.ac{display:flex;flex-direction:column;gap:14px}
.ac__img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ink);margin-bottom:6px}
.ac__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.ac:hover .ac__img img{transform:scale(1.04)}
.ac>b{font-family:var(--fd);font-weight:400;font-size:18px;text-transform:uppercase;line-height:1.3;transition:color .2s}
.ac:hover>b{color:var(--org-t)}
.ac__x{color:var(--muted);font-size:15px;line-height:1.55}
.crs__all{margin-right:auto;display:inline-flex;align-items:center;gap:10px;font-family:var(--fd);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--org-t)}
.crs__all svg{width:17px;height:11px;transition:transform .3s var(--ease)}
.crs__all:hover svg{transform:translateX(5px)}
.art{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:start}
.art__toc{position:sticky;top:110px;display:grid;gap:22px}
.art__toc b{font-family:var(--fd);font-weight:400;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}
.art__toc ol{margin-top:12px;border-top:1px solid var(--line);counter-reset:t}
.art__toc li{counter-increment:t;border-bottom:1px solid var(--line)}
.art__toc a{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:10px 0;font-size:14.5px;line-height:1.4;color:var(--muted);transition:color .2s}
.art__toc a::before{content:counter(t,decimal-leading-zero);font-family:var(--fd);font-size:11px;color:var(--org-t);padding-top:3px}
.art__toc a:hover{color:var(--org-t)}
.prose{max-width:760px;font-size:17px;line-height:1.7;color:#2A2F34}
.prose>*+*{margin-top:18px}
.prose .lead{font-size:19px;line-height:1.6;color:var(--text)}
.prose h2{font-size:clamp(20px,2vw,26px);margin-top:44px;scroll-margin-top:110px}
.prose h2+*{margin-top:16px}
.prose ul,.prose ol{padding-left:0}
.prose ul>li,.prose ol>li{position:relative;padding-left:26px}
.prose ul>li+li,.prose ol>li+li{margin-top:10px}
.prose ul>li::before{content:"";position:absolute;left:4px;top:.68em;width:7px;height:7px;background:var(--org)}
.prose ol{counter-reset:o}
.prose ol>li{counter-increment:o}
.prose ol>li::before{content:counter(o);position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:var(--org);color:var(--on-org);font-size:11.5px;font-weight:600;display:flex;align-items:center;justify-content:center}
.prose a{color:var(--org-t);text-decoration:underline;text-underline-offset:3px}
.prose b,.prose strong{font-weight:600;color:var(--text)}
.prose .tbl{overflow-x:auto;border:1px solid var(--line)}
.prose table{width:100%;border-collapse:collapse;font-size:15px;min-width:460px}
.prose th{text-align:left;font-family:var(--fd);font-weight:400;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--grey);padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:bottom}
.prose td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top;font-variant-numeric:tabular-nums}
.prose tr:last-child td{border-bottom:0}
.prose .decode{display:grid;gap:0;border-top:1px solid var(--line)}
.prose .decode li{padding:16px 0 16px 0;border-bottom:1px solid var(--line)}
.prose .decode li::before{display:none}
.prose .decode li+li{margin-top:0}
.prose .decode b{display:block;font-family:var(--fd);font-weight:400;font-size:18px;color:var(--org-t)}
.prose .decode span{display:block;margin-top:6px;color:var(--muted);font-size:15.5px;line-height:1.55}
.prose--doc{max-width:820px}
.prose--doc h2{font-size:19px}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.pn a{display:flex;flex-direction:column;gap:8px;padding:22px 24px;background:#fff;transition:background .2s}
.pn a:hover{background:var(--grey)}
.pn__n{text-align:right;grid-column:2}
.pn a:only-child{grid-column:1/-1}
.pn span{font-family:var(--fd);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--org-t)}
.pn b{font-family:var(--fd);font-weight:400;font-size:16px;text-transform:uppercase;line-height:1.3}

/* ---------- контакты ---------- */
.ctc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(36px,5vw,80px);align-items:start}
.ctc__l{border-top:1px solid var(--line)}
.ctc__i{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.ctc__ic{width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}
.ctc__ic svg{width:22px;height:22px}
.ctc__i b{display:block;font-family:var(--fd);font-weight:400;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ctc__i p{margin-top:8px;font-size:18px;line-height:1.5;font-weight:500}
.ctc__i p a{transition:color .2s;white-space:nowrap}
.ctc__i p a:hover{color:var(--org-t)}
.ctc__i .lnk{margin-top:12px}
.ctc__soc{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:24px}
.ctc__m{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);transition:border-color .2s,background .2s,color .2s}
.ctc__m svg{width:26px;height:26px;flex:none}
.ctc__m span{display:flex;flex-direction:column;font-size:14.5px;color:var(--muted)}
.ctc__m b{font-family:var(--fd);font-weight:400;font-size:14px;text-transform:uppercase;color:var(--text)}
.ctc__m--tg svg{color:#2AABEE}
.ctc__m--ig svg{color:#D6249F}
.ctc__m:hover{border-color:var(--ink)}
.ctc__r .muted{margin-bottom:26px;line-height:1.6}
.ctc__f .fld label{color:var(--muted)}
.ctc__f .fld input,.ctc__f .fld textarea{border-color:var(--line);color:var(--text);background:#fff}
.ctc__f .fld input:focus,.ctc__f .fld textarea:focus{border-color:var(--org-t);background:#fff}
.ctc__f .fld input::placeholder,.ctc__f .fld textarea::placeholder{color:#8C9399}
.ctc__f .agr{color:var(--muted)}
.ctc__f .agr input{border-color:#B8BEC3}
.ctc__map{border-top:1px solid var(--line)}
.ctc__map iframe{display:block;width:100%;height:clamp(340px,40vw,480px);border:0}

/* ---------- поиск ---------- */
.sres__m{margin-bottom:24px}
.sres__m:empty{display:none}
.sres__m b{display:block;font-family:var(--fd);font-weight:400;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.sres__m div{display:flex;flex-wrap:wrap;gap:10px}
.sres__m a{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid var(--line);font-family:var(--fd);font-size:15px;transition:border-color .2s,color .2s}
.sres__m a:hover{border-color:var(--org);color:var(--org-t)}
.sres__m .mini{width:40px;height:40px}
.srch__all{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 12px 14px 6px;border-top:1px solid var(--line-d);color:#fff;font-family:var(--fd);font-size:13px;letter-spacing:.06em;text-transform:uppercase;transition:background .2s}
.srch__all span{display:flex;align-items:center;gap:10px;color:var(--org-2)}
.srch__all svg{width:17px;height:11px}
.srch__all:hover{background:rgba(255,255,255,.05)}

/* ---------- 404 и «Заявка отправлена» ---------- */
.nf{background:var(--ink);color:#fff}
.nf__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;min-height:min(72vh,640px);padding-top:60px;padding-bottom:60px}
.nf--ok .nf__in{grid-template-columns:minmax(0,760px)}
.nf__code{display:block;font-family:var(--fd);font-size:clamp(80px,12vw,168px);line-height:.9;color:var(--org-2)}
.nf h1{font-size:clamp(28px,3.4vw,46px);margin-top:18px}
.nf p{margin-top:18px;color:rgba(255,255,255,.74);font-size:17px;line-height:1.6;max-width:52ch}
.nf p a{color:var(--org-2);text-decoration:underline;text-underline-offset:3px}
.nf__f{display:flex;margin-top:28px;max-width:520px;border:1px solid rgba(255,255,255,.22)}
.nf__f input{flex:1;min-width:0;background:none;border:0;color:#fff;padding:15px 16px;font-size:16px}
.nf__f input:focus{outline:0}
.nf__f input::placeholder{color:rgba(255,255,255,.5)}
.nf__f .btn{padding:14px 18px}
.nf__f .btn svg{width:18px;height:18px}
.nf__l{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.nf__sch{max-width:420px;width:100%;justify-self:center;opacity:.9}
.nf__sch svg{width:100%;height:auto}
.nf__ok{width:84px;height:84px;border-radius:50%;background:var(--org);color:var(--on-org);display:flex;align-items:center;justify-content:center}
.nf__ok svg{width:40px;height:40px}

/* ---------- адаптив внутренних страниц ---------- */
@media (max-width:1200px){
  .nav{gap:20px}
  .mcards{grid-template-columns:repeat(3,1fr)}
  .docs{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr);row-gap:30px}
  .steps li:nth-child(3){padding-left:0;border-left:0}
}
@media (max-width:1000px){
  .split,.media,.cons,.req,.ctc,.mk,.mh__in,.nf__in{grid-template-columns:minmax(0,1fr)}
  .media--rev .media__img{order:0}
  .gcards,.acards{grid-template-columns:repeat(2,1fr)}
  .feat-a{grid-template-columns:1fr}
  .feat-a__img{min-height:0;aspect-ratio:16/9}
  .art{grid-template-columns:minmax(0,1fr)}
  .art__toc{position:static}
  .mh__in{min-height:0;padding-top:40px;padding-bottom:48px}
  .mh__fig{max-width:520px;width:100%;justify-self:center}
  .mh__sch{min-height:0}
  .gal{grid-template-columns:1fr 1fr}
  .gal__a{grid-row:auto;grid-column:1/-1}
  .gal__a img{aspect-ratio:16/9}
  .other{grid-template-columns:1fr}
  .cols--left .col{padding:0 20px}
  .nf__sch{display:none}
}
@media (max-width:640px){
  .ph__in{min-height:0;padding-top:38px;padding-bottom:40px}
  /* длинные слова («соединительные») не должны вылезать за экран: кегль от ширины, разрыв слова только как страховка */
  .ph h1{font-size:clamp(24px,7.2vw,36px);overflow-wrap:break-word}
  .ph__lead{font-size:16px}
  .ph__act .btn,.mh__act .btn{width:100%;justify-content:center}
  .gcards,.acards,.mcards,.mcards--3,.docs,.gal{grid-template-columns:1fr}
  .facts li{padding:20px 16px}
  .facts span{font-size:14px}
  .steps{grid-template-columns:1fr}
  .steps li,.steps li+li{padding:22px 0 4px;border-left:0}
  .steps li+li{border-top:1px solid var(--line)}
  .choose dl div{grid-template-columns:1fr;gap:4px}
  .mk__list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}
  .mk__list li{grid-template-columns:30px 90px 1fr}
  .mk__code{font-size:30px}
  .mk__code span{padding:12px 8px 28px}
  .ctab__bar{gap:10px}
  .ctab__f{flex:1 1 calc(50% - 10px)}
  .ctab__f select{min-width:0;width:100%}
  .ctab__n{margin-left:0;width:100%}
  .mh h1{font-size:clamp(30px,9vw,40px)}
  .mh__sub{font-size:16px}
  .mh__chips b{font-size:16px}
  .glist a{grid-template-columns:44px 1fr 18px;gap:14px}
  .glist__ic{width:44px;height:44px}
  .glist__ic svg{width:22px;height:22px}
  .glist__n{display:none}
  .cols--left .col{padding:0}
  .ctc__soc{grid-template-columns:1fr}
  .pn{grid-template-columns:1fr}
  .pn__n{grid-column:auto;text-align:left}
  .prose{font-size:16px}
  .prose .lead{font-size:17px}
  .cta__a{width:100%}
  .cta__a .btn{flex:1 1 auto;justify-content:center}
}

/* ---------- таблица позиций: пустые колонки и мобильные строки ---------- */
.ctab__mt{display:none}
.ctab--nocond th:nth-child(4),.ctab--nocond td:nth-child(4),.ctab--novolt th:nth-child(5),.ctab--novolt td:nth-child(5){display:none}
.ctab--nocond table,.ctab--novolt table{min-width:560px}
@media (max-width:640px){
  /* строка = карточка: марка и сечение, под ними сводка, справа запрос */
  .ctab__wrap{overflow:visible}
  .ctab table,.ctab--nocond table,.ctab--novolt table{min-width:0;font-size:15px}
  .ctab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .ctab tbody{display:block}
  .ctab tbody tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"m s a" "i i a";column-gap:12px;row-gap:3px;align-items:baseline;padding:12px 16px;border-bottom:1px solid var(--line)}
  .ctab tbody tr:last-child{border-bottom:0}
  .ctab td,.ctab tbody tr:last-child td{padding:0;border:0}
  .ctab td:nth-child(1){grid-area:m}
  .ctab td:nth-child(2){grid-area:s}
  .ctab td:nth-child(3),.ctab td:nth-child(4),.ctab td:nth-child(5){display:none}
  .ctab td.ctab__mt{grid-area:i;display:block;font-size:13px;line-height:1.45;color:var(--muted)}
  .ctab td.ctab__act{grid-area:a;align-self:center;width:auto}
  .ctab__req{padding:14px 0}
}

/* ---------- карточки марок на телефоне: схема слева, текст справа - список вдвое короче ---------- */
@media (max-width:640px){
  .mc{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"s t" "s m";column-gap:16px;row-gap:12px;padding:20px 18px;align-items:start}
  .mc__sch{grid-area:s;width:64px;height:64px}
  .mc__t{grid-area:t}
  .mc__t b{font-size:18px}
  .mc__t span{font-size:14px;margin-top:4px}
  .mc__m{grid-area:m;margin-top:0}
}

@media (max-width:640px){
  /* текущая страница в цепочке на телефоне не нужна - она же заголовок H1, а длинная строка ломает цепочку */
  .crumbs li[aria-current]{display:none}
  .prose table{min-width:0;font-size:14.5px}
}

.nw{white-space:nowrap}
.req__t p a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}

/* ---------- правки 24.09: контакты, каталог без воды, о заводе ---------- */
.ctc__m--ig svg{color:inherit}
/* компактная шапка каталога и групп: только крошки и заголовок */
.ph--compact .ph__in{min-height:clamp(220px,20vw,290px);padding-top:40px;padding-bottom:40px}
/* чипсы-фильтр над таблицей позиций */
.ctab__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.ctab__chip{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:6px 15px;border:1px solid var(--line);background:#fff;font-size:14.5px;font-weight:600;color:var(--text);transition:border-color .2s,background .2s,color .2s}
.ctab__chip svg.mini{width:26px;height:26px;flex:none}
.ctab__chip:hover{border-color:var(--ink)}
.ctab__chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.ctab__about{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.55}
.ctab__about b{color:var(--text);font-weight:600}
.ctab__about a{display:inline-flex;align-items:center;gap:7px;color:var(--org-t);font-weight:600;white-space:nowrap}
.ctab__about a svg{width:15px;height:10px;transition:transform .3s var(--ease)}
.ctab__about a:hover svg{transform:translateX(4px)}
/* «Какую марку выбрать» на странице группы */
.gsel{border-top:1px solid var(--line)}
.gsel div{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.gsel dt{font-family:var(--fd);font-size:14.5px;color:var(--org-t)}
.gsel dt a{color:var(--org-t);transition:color .2s}
.gsel dt a:hover{color:var(--org-th)}
.gsel dd{margin:0;font-size:15.5px;line-height:1.5}
.split__side--txt{padding-top:clamp(0px,5.2vw,74px)}
.split__side--txt p{color:var(--muted);font-size:15.5px;line-height:1.65}
.split__side--txt p+p{margin-top:14px}
.gc__ar{width:18px;height:12px;margin-left:auto;color:var(--org-t);flex:none;transition:transform .3s var(--ease)}
.gc:hover .gc__ar{transform:translateX(4px)}
/* о заводе: два кадра справа от текста, цифры под текстом */
.ab{align-items:center}
.ab .facts{margin-top:32px}
.ab__pics{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.ab__pics figure{margin:0;position:relative;overflow:hidden;background:var(--ink)}
.ab__pics img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover} /* height:auto - иначе атрибут height=675 перебивает пропорцию */
.ab__pics .ab__b{margin-top:clamp(28px,4vw,56px)}
.ab__pics figcaption{position:absolute;left:0;bottom:0;background:var(--ink);color:#fff;padding:8px 12px;font-size:13px;line-height:1.35;max-width:calc(100% - 16px)}
/* качество: фоновый кадр под затемнением вместо фото сбоку */
.qband{position:relative;isolation:isolate;padding-top:clamp(80px,9vw,140px);padding-bottom:clamp(80px,9vw,140px)}
.qband__bg{position:absolute;inset:0;z-index:-2}
.qband__bg picture,.qband__bg img{display:block;width:100%;height:100%;object-fit:cover}
.qband::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,26,30,.95) 0%,rgba(22,26,30,.86) 45%,rgba(22,26,30,.5) 100%)}
.qband__t{max-width:620px}
.qband__t p{color:rgba(255,255,255,.8);font-size:16.5px;line-height:1.65}
.qband__t .btn{margin-top:28px}
@media (max-width:1000px){
  .split__side--txt{padding-top:0}
}
@media (max-width:640px){
  .ctab__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));padding-left:var(--pad);padding-right:var(--pad);scroll-padding-inline:var(--pad)}
  .ctab__chips::-webkit-scrollbar{display:none}
  .ctab__chip{flex:none}
  .gsel div{grid-template-columns:1fr;gap:4px}
  .ab__pics{gap:10px}
  .ab__pics figcaption{font-size:12px;padding:6px 9px}
  .qband::before{background:rgba(22,26,30,.86)}
}

.ctab__chip svg text{display:none}
@media (max-width:640px){
  /* каталог на телефоне: группы - компактные строки с миниатюрой, чтобы таблица была ближе */
  .gc{display:grid;grid-template-columns:104px minmax(0,1fr)}
  .gc__img{aspect-ratio:auto;height:100%;min-height:104px}
  .gc__b{padding:14px 16px;gap:6px}
  .gc__ic{display:none}
  .gc__h b{font-size:15px}
  .gc__marks{font-size:13px;line-height:1.45}
  .gc--ask{display:flex;padding:24px 20px}
}

/* ---------- планшет и телефон: зоны нажатия от 44 px и подписи не мельче 12 px (проверка 25.09) ---------- */
@media (max-width:1000px){
  /* поле нажатия растёт отрицательным margin - раскладка не сдвигается */
  .crumbs a{display:inline-block;padding:11px 0;margin:-11px 0}
  .hd .lg{min-height:44px}
  .ft__brand .lg{display:inline-flex;min-height:44px}
  .ft__col a{padding:10px 0}
  .ft__col{gap:0}
  .ft__in a{display:inline-block;padding:11px 0;margin:-11px 0}
  .doc .lnk,.ctc__i .lnk{min-height:44px}
  .dot{width:44px;height:44px}
  .ctab__f span,.mh__chips span,.fld label,.fld--file .fld__lab,.fld__btn,.post__m,.sld__k,.meta span,.pn span,.prose th,.ctab th{font-size:12px}
}

/* узкие телефоны (до 370 px): «Запросить» в таблице - квадратная кнопка со стрелкой, сечение не наезжает; форма в одну колонку без распора */
@media (max-width:370px){
  /* марка сверху, сечение под ней: длинные пары вроде «АВБбШвнг 3х240+1х120» не упираются в кнопку */
  .ctab tbody tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"m a" "s a" "i a"}
  .facts span{hyphens:auto}
  .ctab__req{font-size:0;width:44px;height:44px;padding:0;justify-content:center;border:1px solid var(--line)}
  .ctab__req svg{width:18px;height:12px}
  .fg{grid-template-columns:minmax(0,1fr)}
  .fld__drop{flex-wrap:wrap}
}
@media (max-width:640px){
  /* главная: кольца показателей 2 x 2 вместо столбика из четырёх */
  .rings{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
}

@media (min-width:641px) and (max-width:1000px){
  /* планшет: таблица позиций целиком в ширину экрана, без горизонтальной прокрутки до кнопки «Запросить» */
  .ctab table,.ctab--nocond table,.ctab--novolt table{min-width:0;font-size:14.5px}
  .ctab th,.ctab td{padding-left:10px;padding-right:10px}
  .ctab th{white-space:normal}
  /* фильтры: поиск на всю строку, выпадающие списки ровным рядом */
  .ctab__q{flex:1 1 100%}
  .ctab__f{flex:1 1 0;min-width:0}
  .ctab__f select{width:100%;min-width:0}
}

@media (min-width:1001px){
  /* нижняя строка подвала в одну линию: копирайт при нехватке места переносится внутри себя */
  .ft__in{flex-wrap:nowrap}
  .ft__in>a,.ft__in>span:last-child{white-space:nowrap;flex:none}
}
@media (min-width:901px) and (max-width:1200px){
  /* главная: пять плиток групп в один ряд, без одинокой пятой */
  .stile{flex:1 1 0;min-width:0;padding-left:8px;padding-right:8px}
}
@media (max-width:640px){
  /* характеристики марки: ширина колонок фиксирована, длинные значения переносятся, а не распирают страницу */
  .specs{table-layout:fixed;width:100%}
  .specs th{width:44%}
  .specs th,.specs td{overflow-wrap:break-word}
}

/* политика конфиденциальности: заголовок и текст на всю ширину контейнера, как шапка; заголовок в одну строку на десктопе */
.ph--wide .ph__txt,.ph--wide .ph__lead,.prose--wide{max-width:none}
@media (min-width:1001px){.ph--wide h1{white-space:nowrap;font-size:clamp(34px,3.9vw,56px)}}

/* шапка 901-1200: логотип клиента шире прежнего текстового знака - поджимаем отступы,
   до 1020 px кнопка «Оставить заявку» уходит (заявка остаётся в первом экране и в плавающей кнопке) */
@media (min-width:901px) and (max-width:1200px){
  .hd__in{gap:20px}
  .hd .lg__svg{--h:20px}
  .nav{gap:14px}
}
@media (min-width:901px) and (max-width:1020px){
  .hd__cta{display:none}
}
@media (max-width:370px){.hd .lg__svg{--h:20px}}

/* ======================================================================
   WordPress-версия (тема recabel)
   ====================================================================== */
/* языки с флагами: верхняя строка (десктоп и планшет), шапка (телефон от 375 px, флаг второго языка), мобильное меню */
.flag{display:block;flex:none;width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.lng .lng__a{display:inline-flex;align-items:center;gap:7px;min-height:32px}
.top .lng .flag{width:18px;height:12px;color:inherit}
.hd__lng{display:none;flex:none}
.hd__lng-a{display:flex;width:44px;height:48px;align-items:center;justify-content:center}
.hd__lng .flag{width:24px;height:16px;box-shadow:0 0 0 1px var(--line)}
@media (min-width:375px) and (max-width:640px){.hd__lng{display:flex;margin-left:auto}.hd__lng~.callb{margin-left:0}}
.mm__lng{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.mm__f .mm__lng .lng__a{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--line-d);color:rgba(255,255,255,.72);font-weight:500}
.mm__f .mm__lng .lng__a.on{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
.mm__lng .flag{width:22px;height:15px}
/* мини-схемы, которые дорисовывает скрипт: место нужного размера сразу, без сдвига строки */
span.mini{display:inline-block;flex:none}
.ctab__chip .mini{width:26px;height:26px}
.sres__m span.mini{width:40px;height:40px}
/* «Применение»: место под схему сечения до её отрисовки (viewBox схемы без выносок 520x464) */
.ind__fig{aspect-ratio:520/464}
/* страницы списка статей */
.pgn{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:44px}
.pgn .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--line);font-weight:600}
.pgn .page-numbers.current{background:var(--ink);border-color:var(--ink);color:#fff}
.pgn a.page-numbers:hover{border-color:var(--ink)}
/* панель администратора над липкой шапкой */
.admin-bar .hd{top:32px}
@media (max-width:782px){.admin-bar .hd{top:46px}}
@media (max-width:600px){.admin-bar .hd{top:0}}
/* узбекская версия: пункты меню длиннее - кнопка «Оставить заявку» в шапке уходит до 1080 px (в русской до 1020) */
@media (min-width:901px) and (max-width:1080px){.rc-uz .hd__cta{display:none}}
/* схемы сечений рисует скрипт - место под них сразу (viewBox схемы без выносок 520x464, с выносками - ширина из --ar) */
.cons__fig,.nf__sch{aspect-ratio:520/464}
.mh__sch{aspect-ratio:520/464}
@media (min-width:1181px){.mh__sch{aspect-ratio:var(--ar,520/464)}}
/* без скрипта (или пока он не пришёл за 4 с) анимации появления не прячут блоки */
html:not(.rc-js) .rv,html:not(.rc-js) .rv *{opacity:1!important;transform:none!important;clip-path:none!important}
/* узкие телефоны (320-380): длинное слово заголовка («конфиденциальности») не должно растягивать блок за край экрана -
   блок ограничен шириной колонки, кегль чуть меньше; в поле файла кнопка уходит на свою строку, подпись видна целиком */
.ph__txt{min-width:0}
@media (max-width:380px){
  .ph h1{font-size:clamp(20px,6.6vw,24px)}
  .fld__btn{flex:1 0 100%;text-align:center}
}
/* карта до подгрузки виджета (site.js) - спокойный фон того же размера, без вспышки белым */
iframe.map-lazy{background:#E9E7E1}