/* шрифты локально, без обращений к Google Fonts */
/* Подменные шрифты под метрики настоящих: пока грузятся Geologica и Onest, текст
   занимает ровно ту же ширину и высоту строки, поэтому подмена не двигает вёрстку.
   size-adjust - отношение ширины строки к Arial, ascent/descent - метрики оригинала,
   делённые на size-adjust. */
@font-face{font-family:'Geologica Fallback';font-weight:500;src:local('Arial'),local('Helvetica'),local('Roboto');
  size-adjust:109%;ascent-override:89.45%;descent-override:25.23%;line-gap-override:0%}
@font-face{font-family:'Geologica Fallback';font-weight:600;src:local('Arial Bold'),local('Helvetica Bold'),local('Roboto Medium');
  size-adjust:103%;ascent-override:94.66%;descent-override:26.70%;line-gap-override:0%}
@font-face{font-family:'Geologica Fallback';font-weight:700;src:local('Arial Bold'),local('Helvetica Bold'),local('Roboto Bold');
  size-adjust:104%;ascent-override:93.75%;descent-override:26.44%;line-gap-override:0%}
@font-face{font-family:'Onest Fallback';font-weight:400;src:local('Arial'),local('Helvetica'),local('Roboto');
  size-adjust:104.5%;ascent-override:92.82%;descent-override:29.19%;line-gap-override:0%}
@font-face{font-family:'Onest Fallback';font-weight:500;src:local('Arial'),local('Helvetica'),local('Roboto Medium');
  size-adjust:105.5%;ascent-override:91.94%;descent-override:28.91%;line-gap-override:0%}
/* Geologica и Onest - вариативные шрифты: файлы 500/600/700 побайтно одинаковые, поэтому одна
   запись на набор символов с диапазоном толщин - браузер качает файл один раз (03.11) */
@font-face{font-family:'Geologica';font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/geologica-700-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Geologica';font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/geologica-700-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Geologica';font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/geologica-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Geologica';font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/geologica-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 500;font-display:swap;src:url(fonts/onest-400-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 500;font-display:swap;src:url(fonts/onest-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 500;font-display:swap;src:url(fonts/onest-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 500;font-display:swap;src:url(fonts/onest-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}:root{
  --graphite:#1E2429; --paper:#F2F4F5; --aqua:#51C4D9; --aqua-deep:#197A90;
  --ink:#1E2429; --ink-2:#5B676F; --line:#D4DADD;
  --font-display:'Geologica','Geologica Fallback',system-ui,sans-serif; --font-text:'Onest','Onest Fallback',system-ui,sans-serif;
  --gut:clamp(20px,4vw,64px); --maxw:1560px;
}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font-text);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}h1, h2, h3{font-family:var(--font-display);font-weight:700;letter-spacing:-0.03em;line-height:1.03;margin:0}:focus-visible{outline:2px solid var(--aqua-deep);outline-offset:3px}.eyebrow{display:flex;align-items:center;gap:14px;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--aqua-deep)}.eyebrow::before{content:"";width:44px;height:2px;background:currentColor}.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-0.01em;padding:15px 26px;background:var(--graphite);color:#fff;border:1px solid var(--graphite);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.btn:hover{background:var(--aqua);border-color:var(--aqua);color:var(--graphite)}.btn svg{width:16px;height:12px;flex:none;transition:transform .25s}.btn:hover svg{transform:translateX(5px)}.btn--ghost{background:transparent;color:inherit;border-color:currentColor}.btn--ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}/* служебная полоса и шапка */
.util{background:var(--graphite);color:#9FADB6;font-size:13px}.util__in{max-width:var(--maxw);margin:0 auto;padding:9px var(--gut);display:flex;gap:28px;align-items:center;flex-wrap:wrap}.util a, .util__hide{white-space:nowrap}.util a:hover{color:#fff}.util__sep{flex:1}.lang{display:flex;gap:2px}.lang a{padding:3px 9px;font-weight:500;letter-spacing:.06em}.lang a[aria-current]{background:var(--aqua);color:var(--graphite)}.head{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)}.head__in{position:relative;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);height:88px;display:flex;align-items:center;gap:clamp(20px,3vw,52px)}.head__logo img{width:clamp(180px,15vw,230px)}.head__logo{flex:none}.nav{display:flex;gap:clamp(18px,2.2vw,38px);font-size:15px;font-weight:500;margin-left:auto}.nav a{padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap;transition:border-color .18s}.nav a:hover{border-color:var(--aqua)}.head .btn{padding:13px 22px;white-space:nowrap;flex:none}.burger{display:none;width:46px;height:46px;border:1px solid var(--line);background:#fff;padding:0;align-items:center;justify-content:center;cursor:pointer;margin-left:auto}.burger span{display:block;width:20px;height:1.5px;background:var(--ink);position:relative;transition:background .2s}.burger span::before, .burger span::after{content:"";position:absolute;left:0;width:20px;height:1.5px;background:var(--ink);transition:transform .3s cubic-bezier(.2,.7,.2,1)}.burger span::before{top:-6px}.burger span::after{top:6px}.burger[aria-expanded="true"] span{background:transparent}.burger[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}.burger[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}.mnav{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:61;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .26s ease,transform .32s cubic-bezier(.2,.7,.2,1),visibility 0s .3s}.mnav.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .26s ease,transform .32s cubic-bezier(.2,.7,.2,1),visibility 0s}.mnav a{display:block;padding:15px var(--gut);border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:500;opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--n) * 30ms)}.mnav a:last-child{border-bottom:0;color:var(--aqua-deep)}.mnav.is-open a{opacity:1;transform:none}.mscrim{position:fixed;inset:0;background:rgba(18,23,27,.35);opacity:0;visibility:hidden;z-index:59;transition:opacity .26s,visibility 0s .26s}.mscrim.on{opacity:1;visibility:visible;transition:opacity .26s,visibility 0s}/* карта Узбекистана на фоне первого экрана */

/* широкие мониторы: колонка растёт ступенями, а не резиновой лентой */
@media (min-width:1800px){:root{--maxw:1680px}}
@media (min-width:2400px){:root{--maxw:1800px}}
.uzmap{position:absolute;top:clamp(44px,4.2vw,62px);right:calc(max(0px, (100% - var(--maxw)) / 2) + clamp(20px,2.8vw,50px));width:clamp(280px,26vw,432px);height:auto;pointer-events:none;z-index:0}.uzmap__adm path{stroke:var(--ink);stroke-width:1.4;opacity:.22;vector-effect:non-scaling-stroke}.uzmap__c{fill:var(--aqua-deep);opacity:0;animation:pin .5s cubic-bezier(.2,.8,.3,1) forwards;animation-delay:calc(.9s + var(--i) * .07s)}.uzmap__c--tk{fill:var(--graphite)}
@keyframes pin{from{opacity:0;transform:translateY(-10px)}to{opacity:.62;transform:none}}.uzmap__c{transform-box:fill-box;transform-origin:center}.uzmap__c--tk{animation-delay:.85s}.uzmap__ring{fill:none;stroke:var(--graphite);stroke-width:2;transform-box:fill-box;transform-origin:center;opacity:0;animation:mring 3.2s cubic-bezier(.2,.6,.3,1) 1.6s infinite}
@keyframes mring{0%{transform:scale(1);opacity:.5}70%{transform:scale(2.6);opacity:0}100%{transform:scale(2.6);opacity:0}}.uzmap__lbl{font-family:'Geologica',sans-serif;font-size:30px;font-weight:600;letter-spacing:.14em;fill:var(--ink);opacity:0;animation:pin .6s ease 1.4s forwards}.hero__in{position:relative;z-index:1}
@media (max-width:1180px){.uzmap{display:none}}/* ---------- первый экран: размерный ряд ---------- */
.hero{position:relative;background:var(--paper);overflow:hidden}.hero__in{padding-bottom:clamp(30px,3.4vw,58px)}.range{background:var(--paper);border-bottom:1px solid var(--line)}.hero__in{max-width:var(--maxw);margin:0 auto;padding:clamp(30px,3.2vw,54px) var(--gut) 0;min-height:clamp(240px,27vw,400px);display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(2.5rem,5.4vw,5.2rem);max-width:12.98em;letter-spacing:-0.04em}.hero__in{padding-bottom:clamp(44px,5vw,84px);border-bottom:1px solid var(--line)}.hero h1 em{font-style:normal;color:var(--aqua-deep)}.hero__row{margin-top:clamp(22px,2.4vw,34px);padding-bottom:clamp(18px,2vw,28px);border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(24px,4vw,60px);flex-wrap:wrap}.hero__lead{margin:0;max-width:31.87em;font-size:clamp(15.5px,1.1vw,17.5px);color:var(--ink-2)}.lnk{font-family:var(--font-display);font-weight:600;font-size:15px;border-bottom:2px solid var(--aqua-deep);padding-bottom:3px;white-space:nowrap}.lnk:hover{color:var(--aqua-deep)}.range__in{max-width:var(--maxw);margin:0 auto;padding:clamp(30px,3.4vw,52px) var(--gut) clamp(26px,2.8vw,42px)}.range__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(12px,2.5vw,48px);height:clamp(170px,17vw,268px)}.unit{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;transition:opacity .3s}.range.act .unit:not(.on){opacity:.3}.unit__box{position:relative;width:100%;display:flex;align-items:flex-end;justify-content:center}.unit__box img{width:auto;max-width:100%;object-fit:contain}.unit--k .unit__box img{height:clamp(66px,6.7vw,106px)}.unit--f .unit__box img{height:clamp(82px,8.4vw,133px)}.unit--t .unit__box img{height:clamp(162px,16.6vw,262px)}.u-line{transition:clip-path 1s cubic-bezier(.62,.05,.24,1)}.u-metal{position:absolute;bottom:0;left:50%;transform:translateX(-50%);clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.62,.05,.24,1)}.unit.on .u-metal{clip-path:inset(0 0 0 0)}.unit.on .u-line{clip-path:inset(0 0 0 100%)}.range__ground{height:1px;background:var(--ink);opacity:.35;transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.62,.05,.24,1)}.range.ready .range__ground{transform:scaleX(1)}.range__legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.5vw,48px)}.leg{padding:14px 0 0;text-align:center;border-top:2px solid transparent;margin-top:-1px;transition:border-color .3s,opacity .3s}.leg.on{border-color:var(--c)}.range.act .leg:not(.on){opacity:.35}.leg__k{display:block;font-family:var(--font-display);font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}.leg__t{display:block;font-family:var(--font-display);font-size:clamp(16px,1.45vw,22px);font-weight:600;letter-spacing:-0.02em;margin-top:7px}/* ---------- полоса направления ---------- */
.grid-bg{position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(to right,rgba(30,36,41,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(30,36,41,.055) 1px,transparent 1px),linear-gradient(to right,rgba(30,36,41,.11) 1px,transparent 1px),linear-gradient(to bottom,rgba(30,36,41,.11) 1px,transparent 1px);
  background-size:28px 28px,28px 28px,140px 140px,140px 140px}.band{position:relative;overflow:hidden;background:var(--bg);color:var(--fg);border-bottom:1px solid var(--edge)}.band__in{position:relative;max-width:var(--maxw);margin:0 auto;padding:clamp(70px,7vw,110px) var(--gut);display:grid;grid-template-columns:minmax(340px,38%) 1fr;gap:clamp(30px,4vw,70px);align-items:center;min-height:min(78vh,820px)}.band .grid-bg{opacity:var(--gridop,1)}.band__logo{height:clamp(30px,2.6vw,44px);width:auto;margin-bottom:30px}.band__logo--k{height:clamp(48px,4.4vw,74px)}.band__k{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bar-ink,var(--bar))}.band h2{margin:16px 0 0;font-size:clamp(1.9rem,3.1vw,3.1rem);max-width:10.93em}.band__desc{margin:22px 0 0;max-width:30.54em;color:var(--muted)}.specs{margin:34px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--edge)}.spec{padding:16px 18px 16px 0;border-right:1px solid var(--edge)}.spec+.spec{padding-left:18px}.spec:last-child{border-right:0}.spec__v{font-family:var(--font-display);font-size:clamp(17px,1.55vw,26px);font-weight:600;letter-spacing:-0.02em;line-height:1;white-space:nowrap}.spec__l{margin-top:7px;font-size:12.5px;line-height:1.35;color:var(--muted)}.band__cta{margin-top:34px}.band .btn{background:var(--bar);border-color:var(--bar);color:var(--onbar)}.band .btn:hover{background:transparent;color:var(--fg);border-color:var(--fg)}.rig{position:relative;margin:0;justify-self:center;width:100%;max-width:820px}.rig__stack{position:relative}.rig img{width:100%;height:auto}.rig__line{opacity:.92;clip-path:inset(0 0 0 0);transition:clip-path 1.15s cubic-bezier(.62,.05,.24,1)}.rig__metal{position:absolute;inset:0;clip-path:inset(0 100% 0 0);transition:clip-path 1.15s cubic-bezier(.62,.05,.24,1),transform .7s cubic-bezier(.2,.7,.2,1)}.is-on .rig__line{clip-path:inset(0 0 0 100%)}.is-on .rig__metal{clip-path:inset(0 0 0 0)}.is-on:hover .rig__metal{transform:scale(1.035)}.rewind .rig__metal, .rewind .rig__line{transition:none}.rig__scan{position:absolute;top:-2%;bottom:-2%;left:0;width:2px;background:var(--bar);opacity:0;pointer-events:none}.is-on .rig__scan{animation:scan 1.15s cubic-bezier(.62,.05,.24,1) forwards}
@keyframes scan{0%{left:0;opacity:0}9%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}.rig__hint{position:absolute;left:0;bottom:-34px;font-size:13px;color:var(--muted);transition:opacity .5s}.is-on .rig__hint{opacity:0}.band--kaishan{--bg:#E9EBEC;--fg:#1E2429;--muted:#5B676F;--edge:#D2D7D9;--bar:#0080A4;--bar-ink:#007393;--onbar:#fff;--gridop:.5}.band--ttm{--bg:#E9EBEC;--fg:#1E2429;--muted:#5B676F;--edge:#D2D7D9;--bar:#384850;--bar-ink:#384850;--onbar:#fff;--gridop:.5}.band--fambition{--bg:#101820;--fg:#F2F4F5;--muted:#93A2AD;--edge:#243441;--bar:#F0A800;--bar-ink:#F0A800;--onbar:#101820;--gridop:.9}.band--fambition .grid-bg{background-image:linear-gradient(to right,rgba(120,170,210,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(120,170,210,.07) 1px,transparent 1px),linear-gradient(to right,rgba(120,170,210,.14) 1px,transparent 1px),linear-gradient(to bottom,rgba(120,170,210,.14) 1px,transparent 1px)}.band--fambition .rig__line{filter:invert(1)}.band--ttm .rig{max-width:560px}/* полоса брендов */
.brands{background:var(--graphite)}.brands__in{max-width:var(--maxw);margin:0 auto;padding:clamp(30px,3.4vw,46px) var(--gut)}.brands__k{margin:0 0 clamp(18px,2vw,26px);text-align:center;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#778DA0}.brands__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.brands__i{display:flex;align-items:center;justify-content:center;padding:14px 20px;border-left:1px solid rgba(255,255,255,.11)}.brands__i:first-child{border-left:0}.lg{width:auto;filter:brightness(0) invert(1);opacity:.7;transition:opacity .25s}.lg:hover{opacity:1}.lg--k{height:46px}.lg--t{height:24px}.lg--f{height:21px}
@media (max-width:620px){.brands__row{grid-template-columns:1fr}.brands__i{border-left:0;border-top:1px solid rgba(255,255,255,.11);padding:20px}.brands__i:first-child{border-top:0}
}/* ---------- новости ---------- */
.news{background:var(--paper);border-bottom:1px solid var(--line)}.news__in{max-width:var(--maxw);margin:0 auto;padding:clamp(70px,7vw,110px) var(--gut)}.news__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:30px}.news h2{margin:16px 0 0;font-size:clamp(1.9rem,3vw,2.9rem)}.news__all{font-family:var(--font-display);font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:10px;border-bottom:2px solid var(--aqua-deep);padding-bottom:4px}.news__all svg{width:15px;height:11px;transition:transform .25s}.news__all:hover svg{transform:translateX(5px)}.feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,36px)}.post{display:block;background:#fff;border:1px solid var(--line)}.post__pic{overflow:hidden;aspect-ratio:38/25}.post__pic img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.post:hover .post__pic img{transform:scale(1.05)}.post__b{padding:24px 26px 28px}.post__d{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.post__t{font-family:var(--font-display);font-size:clamp(17px,1.35vw,21px);font-weight:600;letter-spacing:-0.02em;line-height:1.22;margin:13px 0 0}.post__x{margin:11px 0 0;font-size:15px;color:var(--ink-2)}.post__m{margin-top:18px;display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--aqua-deep)}.post__m svg{width:15px;height:11px;transition:transform .25s}.post:hover .post__m svg{transform:translateX(5px)}/* ---------- заявка ---------- */
.cta{position:relative;background:var(--graphite);color:#fff;overflow:hidden}.cta::before{opacity:1}.cta__in{position:relative;max-width:var(--maxw);margin:0 auto;padding:clamp(58px,6vw,96px) var(--gut);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,46%);gap:clamp(34px,5vw,80px);align-items:center}.cta h2{font-size:clamp(1.9rem,3.2vw,3.1rem);max-width:10.25em}.cta__x{margin:20px 0 0;max-width:29.22em;color:#9FADB6}.cta__tel{margin-top:30px;display:inline-flex;align-items:baseline;gap:16px;flex-wrap:wrap}.cta__tel a{font-family:var(--font-display);font-size:clamp(22px,2vw,30px);font-weight:600;letter-spacing:-0.02em}.cta__tel a:hover{color:var(--aqua)}.cta__tel span{font-size:14px;color:#7E8F9B}.form{display:grid;gap:0;border:1px solid #38434B;background:#171D23}.form__r{display:grid;grid-template-columns:1fr 1fr}.form input{width:100%;background:none;border:0;border-bottom:1px solid #38434B;padding:19px 22px;color:#fff;font-family:var(--font-text);font-size:16px}.form input::placeholder{color:#7E8F9B}.form input:focus{outline:0;background:#1E262E}.form__r input:first-child{border-right:1px solid #38434B}.form .btn{width:100%;justify-content:space-between;background:var(--aqua);border-color:var(--aqua);color:#fff;padding:22px}.form .btn:hover{background:#fff;border-color:#fff;color:var(--graphite)}.form__n{padding:14px 22px;font-size:12.5px;color:#7E8F9B;border-top:1px solid #38434B}.form input.err{background:#2A1D1D}.form__ok{padding:26px 22px;font-family:var(--font-display);font-weight:500;color:var(--aqua);border-top:1px solid #38434B}/* плавающие элементы */
.fab, .totop{position:fixed;bottom:clamp(20px,3vw,34px);z-index:55;width:58px;height:58px;display:flex;align-items:center;justify-content:center;transition:opacity .35s,transform .35s,background .2s,color .2s,border-color .2s}.fab{left:clamp(16px,2vw,30px);border-radius:50%;background:#2AABEE;color:#fff;opacity:0;transform:translateY(14px) scale(.9);pointer-events:none}.fab.show{opacity:1;transform:none;pointer-events:auto}.fab svg{width:26px;height:26px;position:relative;z-index:2;transform:translateX(-1px)}.fab:hover{background:#1E93AD}.fab__pulse{position:absolute;inset:0;border-radius:50%;border:2px solid #2AABEE;animation:pulse 2.6s cubic-bezier(.2,.6,.3,1) infinite}.fab__pulse--2{animation-delay:1.3s}
@keyframes pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.85);opacity:0}100%{transform:scale(1.85);opacity:0}}.fab.hide{opacity:0!important;transform:translateY(14px) scale(.9)!important;pointer-events:none!important}.totop{right:clamp(16px,2vw,30px);background:#fff;border:0;padding:0;cursor:pointer;color:var(--ink);opacity:0;transform:translateY(14px) scale(.9);pointer-events:none;border-radius:50%}.totop.show{opacity:1;transform:none;pointer-events:auto}.totop:hover{color:var(--aqua-deep)}.totop__ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.totop__ring .trk{stroke:var(--line);stroke-width:2;fill:#fff}.totop__ring .prg{stroke:var(--aqua-deep);stroke-width:2;fill:none;stroke-linecap:round;stroke-dasharray:175.9;stroke-dashoffset:175.9}.totop__ar{width:16px;height:16px;position:relative;z-index:2}
@media (max-width:720px){.fab, .totop{width:50px;height:50px}.fab svg{width:22px;height:22px}}/* модальное окно заявки */
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px)}.modal[hidden]{display:none}.modal__ov{position:absolute;inset:0;background:rgba(18,23,27,.62);opacity:0;transition:opacity .25s}.modal.on .modal__ov{opacity:1}.modal__win{position:relative;background:#fff;width:min(680px,100%);max-height:calc(100vh - 2*clamp(12px,3vw,40px));overflow:auto;opacity:0;transform:translateY(14px);transition:opacity .25s,transform .3s cubic-bezier(.2,.7,.2,1)}.modal.on .modal__win{opacity:1;transform:none}.modal__x{position:absolute;top:0;right:0;width:54px;height:54px;border:0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.modal__x:hover{background:var(--graphite);color:#fff}.modal__x svg{width:18px;height:18px}.modal__body{padding:clamp(28px,4vw,46px)}.modal__win h2{margin:0;font-size:clamp(1.5rem,2.4vw,2.1rem);max-width:10.93em}.modal__lead{margin:12px 0 0;color:var(--ink-2);font-size:15.5px;max-width:30.54em}.mform{margin-top:clamp(20px,2.2vw,28px);display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.fld{display:block;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 16px 13px}.fld span{display:block;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:5px}.fld input{width:100%;border:0;background:none;padding:0;font-family:var(--font-text);font-size:16px;color:var(--ink)}.fld input::placeholder{color:#9AA6AD}.fld input:focus{outline:0}.fld:focus-within{background:var(--paper)}.fld.err{background:#FDF1EF}.fld.err span{color:#C0392B}.mform__foot{grid-column:1/-1;display:flex;align-items:center;gap:clamp(14px,2vw,26px);flex-wrap:wrap;padding:20px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.mform__tel{font-size:14.5px;color:var(--ink-2)}.mform__tel:hover{color:var(--aqua-deep)}.mform__n{margin:14px 0 0;font-size:12.5px;color:var(--ink-2)}.modal__ok{padding:4px 0 0;text-align:left}.modal__ok-i{color:var(--aqua-deep)}.modal__ok-i svg{width:44px;height:44px}.modal__ok h3{margin:20px 0 0;font-size:clamp(1.4rem,2.2vw,1.9rem)}.modal__ok p{margin:12px 0 24px;color:var(--ink-2);max-width:27.89em}.modal__ok p a{border-bottom:2px solid var(--aqua-deep)}body.lock{overflow:hidden}
@media (max-width:640px){.modal{padding:0;align-items:flex-end}.modal__win{max-height:92vh;width:100%}.mform{grid-template-columns:1fr}
}.cw{animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--d,26s)}.cwA{animation-name:cdA}.cwK{animation-name:cdK}.cwT{animation-name:cdT}.cwF{animation-name:cdF}@keyframes cdA{to{transform:translateX(-400px)}}@keyframes cdK{to{transform:translateX(-300px)}}@keyframes cdT{to{transform:translateX(-420px)}}@keyframes cdF{to{transform:translateX(-560px)}}/* ---------- подвал ---------- */
.foot{display:grid;grid-template-columns:78px minmax(0,1fr);background:var(--paper);color:var(--ink-2);border-top:1px solid var(--line)}.rail{background:#E5E9EB;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 0}.rail__soc{display:flex;flex-direction:column;gap:22px}.rail a{color:#78868F;transition:color .2s}.rail a:hover{color:var(--aqua-deep)}.rail svg{width:21px;height:21px}.foot__body{width:100%;max-width:var(--maxw);margin-right:auto;margin-left:max(0px, calc((100% - var(--maxw)) / 2 - 39px));padding:clamp(48px,5vw,76px) var(--gut) 0}.foot__top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:clamp(38px,4vw,60px)}.foot__logo{width:300px}.foot__claim{font-family:var(--font-display);font-weight:700;letter-spacing:-0.035em;line-height:1.1;text-align:right;font-size:clamp(1.15rem,2.05vw,2.1rem);color:var(--ink);margin:0 0 0 auto;text-wrap:balance}.foot__claim span{display:block;color:#868E93}.foot__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
.foot h3 a{color:inherit;border-bottom:1px solid transparent}
.foot h3 a:hover{color:var(--ink);border-bottom-color:currentColor}
.foot__nav{display:flex;flex-wrap:wrap;gap:0 clamp(18px,3vw,44px);padding:18px 0;border-top:1px solid var(--line)}
.foot__nav a{font-family:var(--font-display);font-weight:500;font-size:14px}
.foot__nav a:hover{color:var(--aqua-deep)}
@media (max-width:1140px){.foot__bot{padding-right:76px}}
@media (max-width:900px){.foot h3 a,.foot__nav a{display:inline-block;padding:7px 0}}
.foot__cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;padding:clamp(38px,4vw,58px) 0;border-top:1px solid var(--line)}.foot h3{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#687176;margin:0 0 18px}.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:11px;font-size:15px}.foot a:hover{color:var(--aqua-deep)}.foot__big{color:var(--ink);font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-0.02em}.foot__legal{display:flex;gap:clamp(18px,3vw,44px);flex-wrap:wrap;padding:24px 0;border-top:1px solid var(--line);font-family:var(--font-display);font-weight:500;font-size:14px;color:var(--ink)}.foot__bot{padding:22px 0;border-top:1px solid var(--line);font-size:13.5px;display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}

/* шапка: сжимаем меню ступенями, чтобы слова не ломались, и уходим в бургер,
   когда самый длинный из трёх языков перестаёт помещаться в одну строку */
@media (max-width:1500px){.head__in{gap:clamp(16px,2.2vw,34px)}.nav{gap:clamp(16px,1.8vw,26px);font-size:14.5px}.head__logo img{width:clamp(170px,13vw,200px)}
}
@media (max-width:1400px){.nav{gap:15px;font-size:14px}.head .btn{padding:12px 16px;font-size:14px}
}
@media (max-width:1300px){.head__cta{display:none}.nav{gap:clamp(16px,2vw,28px);font-size:14.5px}
}
@media (max-width:1140px){.nav{display:none}.burger{display:flex}.head__cta{display:none}.band__in{grid-template-columns:1fr;min-height:0;gap:44px}.rig{max-width:660px;order:2}.band--ttm .rig{max-width:440px}.feed{grid-template-columns:1fr}.cta__in{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.rail{flex-direction:row;padding:18px var(--gut)}.rail__soc{flex-direction:row;gap:26px}.foot__cols{grid-template-columns:1fr 1fr}.foot__claim{text-align:left;margin-left:0}
}

@media (max-width:920px){.util__hide{display:none}
}
@media (max-width:720px){.util__in{gap:14px;font-size:12px}.head__in{height:72px}.head__logo img{width:160px}.range{margin-top:22px;padding-bottom:26px}.range__row{height:142px;gap:10px}.unit--k .unit__box img{height:52px}.unit--f .unit__box img{height:68px}.unit--t .unit__box img{height:134px}.range__legend{gap:10px}.leg{padding:11px 0 0}.leg__k{font-size:10px;letter-spacing:.1em}.leg__t{font-size:13.5px;margin-top:5px}.specs{grid-template-columns:1fr}.spec{padding:14px 0;border-right:0;border-bottom:1px solid var(--edge)}.spec+.spec{padding-left:0}.spec:last-child{border-bottom:0}.spec__v, .spec__l{display:inline-block}.spec__l{margin:0 0 0 12px}.form__r{grid-template-columns:1fr}.form__r input:first-child{border-right:0}.foot__cols{grid-template-columns:1fr;gap:30px}.news__head{padding-bottom:22px}.cta__tel{gap:10px}.cta__tel a{font-size:24px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}.fab__pulse{animation:none;opacity:0}.uzmap__c, .uzmap__lbl{opacity:.55;animation:none}.uzmap__ring{animation:none;opacity:.4}.rig__metal, .u-metal{clip-path:inset(0 0 0 0)}.rig__line, .u-line{clip-path:inset(0 0 0 100%)}.cw{animation:none}.range__ground{transform:scaleX(1)}
}/* ======================================================================
   ВНУТРЕННИЕ СТРАНИЦЫ
   Общая рамка та же, что на главной. Акцент направления включается
   переменной --bar на .page — только внутри территории своего бренда.
   ====================================================================== */
.page{--bar:var(--aqua-deep);--bar-ink:var(--aqua-deep);--onbar:#fff}.page--kaishan{--bar:#0080A4;--bar-ink:#00799B}.page--ttm{--bar:#B24A0E;--bar-ink:#B24A0E}.page--fambition{--bar:#A36B00;--bar-ink:#D89100}.sec{border-bottom:1px solid var(--line)}.sec__in{max-width:var(--maxw);margin:0 auto;padding:clamp(56px,6vw,104px) var(--gut)}.sec--paper{background:var(--paper)}.sec--dark{background:var(--graphite);color:#fff;border-bottom:0}.sec--dark .hd h2, .sec--dark h3{color:#fff}.sec--dark .hd__x{color:#9FADB6}.sec--dark .eyebrow{color:var(--aqua)}.hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,40%);gap:clamp(20px,3vw,60px);align-items:end;padding-bottom:clamp(26px,3vw,44px)}.hd--solo{grid-template-columns:1fr}.hd h2{margin:16px 0 0;font-size:clamp(1.7rem,2.7vw,2.7rem)}.hd__x{margin:0;color:var(--ink-2);font-size:clamp(15.5px,1.1vw,17px);max-width:34.53em}
@media (max-width:900px){.hd{grid-template-columns:1fr;gap:18px}}/* ---------- шапка страницы ---------- */
.phero{position:relative;background:var(--paper);border-bottom:1px solid var(--line);overflow:hidden}.phero--dark{background:#101820;color:#F2F4F5;border-bottom:0}.phero--dark .crumbs, .phero--dark .phero__lead{color:#93A2AD}.phero--dark .crumbs a:hover{color:#fff}.phero__in{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:clamp(20px,2vw,28px) var(--gut) clamp(40px,4.4vw,72px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,46%);gap:clamp(28px,4vw,70px);align-items:center}.phero--solo .phero__in{grid-template-columns:1fr}.crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13.5px;color:var(--ink-2);padding-bottom:clamp(22px,2.6vw,40px)}.crumbs a{border-bottom:1px solid transparent}.crumbs a:hover{border-color:currentColor}.crumbs span::before{content:"—";margin-right:10px;opacity:.5}.crumbs span a{border-bottom:1px solid transparent}.crumbs span a:hover{border-color:currentColor}.phero h1{font-size:clamp(2rem,3.9vw,3.5rem);max-width:12.29em}.phero h1 em{font-style:normal;color:var(--bar)}.phero__lead{margin:clamp(18px,2vw,26px) 0 0;max-width:30.54em;color:var(--ink-2);font-size:clamp(15.5px,1.15vw,17.5px)}.phero__cta{margin-top:clamp(22px,2.4vw,32px);display:flex;align-items:center;gap:clamp(16px,2vw,28px);flex-wrap:wrap}.phero .btn{background:var(--bar);border-color:var(--bar);color:#fff}.phero .btn:hover{background:transparent;color:inherit;border-color:currentColor}.phero__pic{position:relative;margin:0}.phero__pic img{width:100%;height:auto}.phero .grid-bg{display:none}.phero--dark .grid-bg{display:none}.phero--dark .rig__line{filter:invert(1)}
@media (max-width:980px){.phero__in{grid-template-columns:1fr;gap:34px}.phero__pic{order:2;max-width:620px}}/* ---------- полоса цифр ---------- */
.figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.fig{padding:clamp(20px,2.2vw,30px) 26px clamp(20px,2.2vw,30px) 0;border-right:1px solid var(--line)}.fig+.fig{padding-left:26px}.fig:last-child{border-right:0}.fig__v{font-family:var(--font-display);font-size:clamp(24px,2.5vw,38px);font-weight:600;letter-spacing:-0.03em;line-height:1;color:var(--bar);white-space:nowrap}.fig__l{margin-top:10px;font-size:14px;line-height:1.35;color:var(--ink-2)}.sec--dark .fig{border-color:#38434B}.sec--dark .fig__l{color:#9FADB6}.figs[style*="1fr 1fr"] .fig:nth-child(2n){border-right:0}.figs[style*="1fr 1fr"] .fig:nth-child(-n+2){border-bottom:1px solid var(--line)}
@media (max-width:860px){.figs{grid-template-columns:1fr 1fr}.fig:nth-child(2n){border-right:0}.fig:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:460px){.figs{grid-template-columns:1fr}.fig{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}.fig:last-child{border-bottom:0}}/* ---------- строки-позиции: серии, группы техники ---------- */
.rows{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:minmax(0,26%) minmax(0,1fr) minmax(0,30%);gap:clamp(20px,3vw,50px);align-items:center;padding:clamp(24px,2.6vw,38px) 0;border-bottom:1px solid var(--line)}.row__k{font-family:var(--font-display);font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--bar-ink)}.row__t{font-family:var(--font-display);font-size:clamp(19px,1.7vw,26px);font-weight:600;letter-spacing:-0.02em;margin:9px 0 0;line-height:1.1}.row__x{margin:12px 0 0;color:var(--ink-2);font-size:15.5px;max-width:34.53em}.row__pic{display:flex;align-items:center;justify-content:center;min-height:96px}.row__pic img{max-height:clamp(96px,11vw,168px);width:auto;max-width:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.row__n{display:grid;gap:7px;font-size:14.5px;color:var(--ink-2)}.row__n b{font-family:var(--font-display);font-weight:600;color:var(--ink);font-size:15.5px}.sec--dark .row, .sec--dark .rows{border-color:#2A343C}.sec--dark .row__x, .sec--dark .row__n{color:#9FADB6}.sec--dark .row__n b{color:#fff}
@media (max-width:1080px){.row{grid-template-columns:minmax(0,1fr) minmax(0,34%);gap:26px}.row__n{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}
@media (max-width:640px){.row{grid-template-columns:1fr}.row__pic{order:-1;justify-content:flex-start}.row__n{grid-template-columns:1fr 1fr}}/* ---------- табы ---------- */
.tabs__nav{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tabs__nav button{flex:1 1 auto;min-width:170px;background:none;border:0;border-right:1px solid var(--line);padding:18px 22px;text-align:left;font:inherit;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink-2);cursor:pointer;position:relative;transition:color .2s,background .2s}.tabs__nav button:last-child{border-right:0}.tabs__nav button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--bar);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.tabs__nav button:hover{color:var(--ink)}.tabs__nav button[aria-selected="true"]{color:var(--ink);background:#fff}.tabs__nav button[aria-selected="true"]::after{transform:scaleX(1)}.tabs__nav small{display:block;font-family:var(--font-text);font-weight:400;font-size:13px;color:var(--ink-2);margin-top:4px}.tabs__panel[hidden]{display:none}.tabs__panel{padding-top:clamp(26px,3vw,42px)}.tabs__panel>p+.tw,.tabs__panel>.chips+.tw,.tabs__panel>.duo+.tw{margin-top:clamp(20px,2.2vw,32px)}.sec--dark .tabs__nav, .sec--dark .tabs__nav button{border-color:#38434B}.sec--dark .tabs__nav button{color:#9FADB6}.sec--dark .tabs__nav button[aria-selected="true"]{color:#fff;background:#171D23}
@media (max-width:720px){.tabs__nav button{min-width:50%;border-bottom:1px solid var(--line)}}/* ---------- таблицы характеристик ---------- */
.tw{overflow-x:auto;overflow-y:hidden;border-top:1px solid var(--line)}.tw::-webkit-scrollbar{height:8px}.tw::-webkit-scrollbar-thumb{background:var(--line)}table.tbl{width:100%;border-collapse:collapse;font-size:14.5px;min-width:620px}.tbl th, .tbl td{text-align:left;padding:13px 18px 13px 0;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}.tbl th{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);position:sticky;top:0;background:#fff;z-index:2}.sec--paper .tbl th{background:var(--paper)}.tbl tbody tr:hover{background:rgba(30,36,41,.035)}.tbl td:first-child{font-family:var(--font-display);font-weight:600;color:var(--ink);white-space:nowrap}.tbl--cmp td:first-child, .tbl--cmp th:first-child{white-space:normal;min-width:230px;font-weight:400;font-family:var(--font-text);color:var(--ink-2)}.tbl--cmp td{font-family:var(--font-display);font-weight:500}.tbl__note{margin:14px 0 0;font-size:13px;color:var(--ink-2);max-width:46.48em}.tbl mark{background:none;color:var(--bar);font-weight:600}
.tbl th a{border-bottom:1px solid transparent}
.tbl th a:hover,.tbl td a:hover{color:var(--bar);border-bottom-color:currentColor}/* фильтр реестра */
.flt{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:clamp(20px,2.2vw,30px)}.flt label{flex:1 1 190px;border-right:1px solid var(--line);padding:12px 18px 13px}.flt label:last-child{border-right:0}.flt span{display:block;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:5px}.flt select, .flt input{width:100%;border:0;background:none;padding:0;font-family:var(--font-text);font-size:16px;color:var(--ink)}.flt select:focus, .flt input:focus{outline:0}.flt label:focus-within{background:#fff}.sec--paper .flt label:focus-within{background:#fff}.flt__c{align-self:center;padding:12px 18px;font-size:14px;color:var(--ink-2);flex:0 0 auto}.flt__c b{font-family:var(--font-display);color:var(--ink)}
@media (max-width:720px){.flt label{flex:1 1 50%;border-bottom:1px solid var(--line)}}/* ---------- плитки: комплектующие, документы, преимущества ---------- */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tiles--5{grid-template-columns:repeat(5,minmax(0,1fr))}
/* «О нас»: заголовок слева, текст справа с иерархией - вводный абзац крупно,
   два следующих в колонки, завершающая мысль отдельной строкой, фото полосой */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.15fr);gap:clamp(28px,5vw,96px);align-items:start}
.about__h h2{margin:0;font-size:clamp(1.7rem,2.7vw,2.7rem)}
.about__lead{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(19px,1.7vw,26px);line-height:1.42;letter-spacing:-.015em;color:var(--ink)}
.about__cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3.2vw,52px);margin-top:clamp(28px,3vw,44px);padding-top:clamp(24px,2.6vw,36px);border-top:1px solid var(--line)}
.about__cols p{margin:0;font-size:clamp(15.5px,1.08vw,17px);line-height:1.68;color:var(--ink-2)}
.about__end{margin:clamp(26px,2.8vw,40px) 0 0;font-family:var(--font-display);font-weight:500;font-size:clamp(16.5px,1.2vw,19px);line-height:1.5;color:var(--ink)}
.sec__in>.about__pic{margin:clamp(40px,4.6vw,76px) 0 0;overflow:hidden}
.sec__in>.about__pic img{width:100%;height:clamp(220px,26vw,420px);object-fit:cover}
@media (max-width:980px){.about{grid-template-columns:1fr;gap:18px}}
@media (max-width:640px){.about__cols{grid-template-columns:1fr;gap:18px}}

.tiles--names .tile{padding-bottom:clamp(22px,2.2vw,30px)}
.tiles--names .tile__t{margin-top:0}.tile{padding:clamp(24px,2.4vw,34px) clamp(22px,2.2vw,32px) clamp(28px,3vw,44px) 0;border-right:1px solid var(--line)}.tile+.tile{padding-left:clamp(22px,2.2vw,32px)}.tile:last-child{border-right:0}.tile__pic{height:clamp(120px,11vw,168px);display:flex;align-items:center;justify-content:flex-start;margin-bottom:22px}.tile__pic img{max-height:100%;width:auto;object-fit:contain}.tile__i{color:var(--bar);margin-bottom:16px}.tile__i svg{width:30px;height:30px}.tile__t{font-family:var(--font-display);font-size:clamp(16px,1.35vw,19px);font-weight:600;letter-spacing:-0.02em;line-height:1.2}.tile__x{color:var(--ink-2);font-size:15px;margin:11px 0 0}.tile__n{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:14.5px;color:var(--ink-2)}.tile__n li{padding-left:16px;position:relative}.tile__n li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:1px;background:var(--bar)}.sec--dark .tiles, .sec--dark .tile{border-color:#2A343C}.sec--dark .tile__x, .sec--dark .tile__n{color:#9FADB6}
@media (max-width:980px){.tiles, .tiles--4, .tiles--5{grid-template-columns:1fr 1fr}.tile:nth-child(2n){border-right:0}}
@media (max-width:600px){.tiles, .tiles--4, .tiles--5{grid-template-columns:1fr}.tile{border-right:0;border-bottom:1px solid var(--line);padding:24px 0 30px!important}.tile:last-child{border-bottom:0}}/* ---------- шаги ---------- */
.steps{counter-reset:s;border-top:1px solid var(--line)}.step{counter-increment:s;display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,38%);gap:clamp(18px,2.6vw,44px);padding:clamp(22px,2.4vw,34px) 0;border-bottom:1px solid var(--line);align-items:start}.step::before{content:counter(s,decimal-leading-zero);font-family:var(--font-display);font-size:clamp(20px,1.8vw,26px);font-weight:600;letter-spacing:-0.02em;color:var(--bar);line-height:1}.step__t{font-family:var(--font-display);font-size:clamp(17px,1.5vw,22px);font-weight:600;letter-spacing:-0.02em;line-height:1.15}.step__x{margin:10px 0 0;color:var(--ink-2);font-size:15.5px;max-width:37.18em}.step__n{font-size:14.5px;color:var(--ink-2);padding-top:4px}.sec--dark .step, .sec--dark .steps{border-color:#2A343C}.sec--dark .step__x, .sec--dark .step__n{color:#9FADB6}
@media (max-width:900px){.step{grid-template-columns:44px minmax(0,1fr)}.step__n{grid-column:2}}/* ---------- фото-полосы ---------- */
.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}.shots--2{grid-template-columns:repeat(2,minmax(0,1fr))}.shot{margin:0;position:relative;overflow:hidden}.shot img{width:100%;height:clamp(220px,24vw,360px);object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),clip-path 1.05s cubic-bezier(.62,.05,.24,1)}.shot:hover img{transform:scale(1.04)}.shot figcaption{position:absolute;left:0;bottom:0;right:0;padding:14px 18px;background:linear-gradient(to top,rgba(16,21,26,.92) 0%,rgba(16,21,26,.72) 45%,rgba(16,21,26,0) 100%);color:#fff;font-size:14px}.shots--tall .shot img{height:clamp(280px,32vw,470px)}
@media (max-width:900px){.shots{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.shots, .shots--2{grid-template-columns:1fr}}/* ---------- два столбца текст + картинка ---------- */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,46%);gap:clamp(28px,4vw,72px);align-items:center}.duo--flip .duo__pic{order:-1}.duo__pic{margin:0}.duo__pic img{width:100%;height:auto;display:block}.duo__pic--cover img{height:clamp(280px,32vw,480px);object-fit:cover}.duo h2{font-size:clamp(1.7rem,2.7vw,2.6rem);margin:16px 0 0;max-width:11.61em}.duo p{color:var(--ink-2);margin:20px 0 0;max-width:33.2em}.sec--dark .duo p{color:#9FADB6}.duo__cta{margin-top:clamp(22px,2.4vw,32px)}
@media (max-width:900px){.duo{grid-template-columns:1fr;gap:30px}.duo--flip .duo__pic{order:0}}/* ---------- призыв в конце страницы ---------- */
.tail{position:relative;background:var(--graphite);color:#fff;overflow:hidden}.tail::before, .cta::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:url("waves.svg") center/cover no-repeat;opacity:.85}.tail__in{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:clamp(46px,5vw,80px) var(--gut);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(26px,4vw,60px);align-items:center}.tail h2{font-size:clamp(1.6rem,2.6vw,2.5rem);max-width:13.66em}.tail p{margin:16px 0 0;color:#9FADB6;max-width:34.53em}.tail__act{display:flex;align-items:center;gap:clamp(16px,2vw,28px);flex-wrap:wrap}.tail .btn{background:var(--aqua);border-color:var(--aqua);color:#fff}.tail .btn:hover{background:#fff;border-color:#fff;color:var(--graphite)}.tail__tel{font-family:var(--font-display);font-size:clamp(18px,1.6vw,22px);font-weight:600;letter-spacing:-0.02em;white-space:nowrap}.tail__tel:hover{color:var(--aqua)}
@media (max-width:900px){.tail__in{grid-template-columns:1fr}}/* ---------- контакты ---------- */
.cnt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.cnt__b{padding:clamp(24px,2.4vw,34px) 28px clamp(26px,2.8vw,40px) 0;border-right:1px solid var(--line)}.cnt__b+.cnt__b{padding-left:28px}.cnt__b:last-child{border-right:0}.cnt__k{font-family:var(--font-display);font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}.cnt__v{margin-top:14px;display:grid;gap:9px;font-size:16px}.cnt__v a.big, .cnt__v .big{font-family:var(--font-display);font-size:clamp(19px,1.7vw,24px);font-weight:600;letter-spacing:-0.02em}.cnt__v a.tel{font-family:var(--font-display);font-size:clamp(19px,1.7vw,24px);font-weight:600;letter-spacing:-0.02em}.cnt__v a:hover{color:var(--bar)}.cnt__v small{font-size:13.5px;color:var(--ink-2)}
@media (max-width:860px){.cnt{grid-template-columns:1fr}.cnt__b{border-right:0;border-bottom:1px solid var(--line);padding:22px 0 26px!important}.cnt__b:last-child{border-bottom:0}}.mapbox{position:relative;height:clamp(300px,38vw,520px);background:var(--paper);border-top:1px solid var(--line)}.mapbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05)}.mapbox:hover iframe{filter:none}/* карта Узбекистана как аргумент географии */
.geo{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}.geo__map{margin:0}.geo__map svg{width:100%;height:auto}.geo__map .uzmap__adm path{stroke:var(--ink);stroke-width:1.4;opacity:.24;vector-effect:non-scaling-stroke}.geo__map .uzmap__c{fill:var(--bar);opacity:.55}.geo__map .uzmap__c--tk{fill:var(--graphite);opacity:1}.geo__list{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}.geo__list div{padding:13px 16px 13px 0;border-bottom:1px solid var(--line);font-size:15px}.geo__list div:nth-child(2n){padding-left:16px;border-left:1px solid var(--line)}
@media (max-width:900px){.geo{grid-template-columns:1fr}}/* ---------- 404 ---------- */
.e404{min-height:calc(100vh - 240px);display:flex;align-items:center;background:var(--paper);position:relative;overflow:hidden}.e404 .grid-bg{display:none}.e404__in{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:clamp(50px,6vw,96px) var(--gut);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,48%);gap:clamp(30px,4vw,70px);align-items:center;width:100%}.e404__c{font-family:var(--font-display);font-size:clamp(4.4rem,12vw,10rem);font-weight:700;letter-spacing:-0.05em;line-height:.85;color:var(--ink)}.e404__c em{font-style:normal;color:var(--aqua-deep)}.e404 h1{margin:clamp(16px,2vw,26px) 0 0;font-size:clamp(1.5rem,2.4vw,2.2rem);max-width:12.29em}.e404 p{margin:16px 0 0;color:var(--ink-2);max-width:29.22em}.e404__links{margin:clamp(24px,2.6vw,36px) 0 0;padding:0;list-style:none;display:grid;gap:0;border-top:1px solid var(--line);max-width:460px}.e404__links li{border-bottom:1px solid var(--line)}.e404__links a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;font-family:var(--font-display);font-weight:500}.e404__links a:hover{color:var(--aqua-deep)}.e404__links svg{width:15px;height:11px;flex:none;transition:transform .25s}.e404__links a:hover svg{transform:translateX(5px)}.e404__pic{margin:0;position:relative}.e404__pic img{width:100%;height:auto}
@media (max-width:900px){.e404__in{grid-template-columns:1fr}.e404__c,.e404 h1{text-align:center}.e404 h1,.e404 p,.e404__links{margin-left:auto;margin-right:auto}.e404 p{text-align:center}.e404__pic{order:-1;max-width:520px}}/* ---------- служебное ---------- */
.nav a[aria-current]{border-color:var(--aqua)}.mnav a[aria-current]{color:var(--aqua-deep)}.note{display:flex;gap:14px;align-items:flex-start;border-top:1px solid var(--line);padding-top:20px;margin-top:clamp(22px,2.4vw,34px);font-size:14.5px;color:var(--ink-2);max-width:51.79em}.note svg{width:20px;height:20px;flex:none;color:var(--bar);margin-top:1px}.sec--dark .note{border-color:#2A343C;color:#9FADB6}.tw--tall{max-height:clamp(360px,54vh,620px);overflow-y:auto}/* Fambition: среда забоя темнее общей графитовой — держим один тон на всей странице */
.page--fambition .sec--dark, .page--fambition .tail{background:#101820}.page--fambition .sec--dark+.sec--dark .sec__in{border-top:1px solid #202C36}/* карта Узбекистана, вынутая из фона первого экрана в контентный блок */
.geo__map svg.uzmap{position:static;width:100%;height:auto;pointer-events:auto}
@media (max-width:1180px){.geo__map svg.uzmap{display:block}}/* три коротких факта в строке-позиции.
   auto-fit вместо жёстких трёх колонок: на планшете строка сужается вдвое, и три колонки по 80 px разрывали вёрстку. */
.row__n--3{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:18px}/* якорные переходы: липкая шапка не должна накрывать заголовок цели */
section[id], [id].row, [id].tile{scroll-margin-top:104px}
@media (max-width:720px){section[id], [id].row, [id].tile{scroll-margin-top:88px}}/* таблицы внутри тёмных секций */
.sec--dark .tw, .sec--dark .tbl th, .sec--dark .tbl td{border-color:#2A343C}.sec--dark .tbl th{background:#101820;color:#8B979E}.sec--dark .tbl td{color:#C7D0D6}.sec--dark .tbl td:first-child{color:#fff}.sec--dark .tbl tbody tr:hover{background:rgba(255,255,255,.05)}.sec--dark .tbl mark{color:var(--bar)}.sec--dark .tbl__note{color:#7E8F9B}/* колонка с рендером в таблице моделей */
.tbl__pic{width:132px;padding-right:14px!important}.tbl__pic img{width:132px;height:52px;object-fit:contain;object-position:left center;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.tbl tbody tr:hover .tbl__pic img{transform:scale(1.09)}
@media (max-width:720px){.tbl__pic, .tbl__pic img{width:104px}.tbl__pic img{height:42px}}

/* ======================================================================
   Тач-цели на мобильных: пальцем в ссылку высотой 20 px не попасть.
   Увеличиваем область нажатия, не трогая вид на десктопе.
   ====================================================================== */
@media (max-width:900px){.util__in{padding-top:2px;padding-bottom:2px}.util a{display:inline-block;padding:8px 0}.util .util__hide{display:none}.util__in{flex-wrap:nowrap}.util__sep{min-width:0}.lang a{padding:8px 11px}.foot ul{gap:0}.foot ul li{display:flex}.foot ul li a{display:inline-block;padding:10px 0;width:100%}.foot ul li:not(:has(a)){padding:10px 0}.foot__legal{gap:0 clamp(18px,3vw,44px);padding:8px 0}.foot__legal a{display:inline-block;padding:10px 0}.rail a{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.rail__soc{gap:6px}.lnk{display:inline-block;padding:9px 0 7px}.cnt__v a{display:inline-block;padding:6px 0}.news__all, .post__m{padding-top:6px;padding-bottom:6px}.crumbs{align-items:baseline}.crumbs>a,.crumbs>span{display:inline-block;padding:6px 0}.crumbs>span a{padding:0}
}/* кнопка в шапке страницы Fambition: жёлтый акцент требует тёмного текста */
.page--fambition .phero .btn{color:#fff}

/* когда кнопка заявки из шапки уходит, телефон в служебной полосе становится главным контактом */
@media (max-width:1300px) and (min-width:1141px){.util a[href^="tel:"]{color:#fff;font-weight:500}
}

/* на узком ноутбуке колонка характеристик в полосе бренда сужается —
   уменьшаем кегль цифры, чтобы значение не пришлось резать или переносить */
@media (max-width:1400px){.spec{padding-right:12px}.spec+.spec{padding-left:12px}
}/* мессенджеры в контактах — своя иконка 1, 5 px, как весь набор на сайте */
.cnt__msg{display:inline-flex;align-items:center;gap:10px}.cnt__msg svg{width:20px;height:20px;flex:none;color:var(--bar)}/* подписи Яндекса под картой — тонкой строкой, чтобы не лезли на элементы управления */
.mapbox{padding-bottom:36px}.mapbox a{position:absolute;bottom:0;z-index:2;font-size:12.5px;color:var(--ink-2);line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapbox a:first-of-type{left:var(--gut)}.mapbox a:nth-of-type(2){left:calc(var(--gut) + 90px);max-width:calc(100% - var(--gut) - 110px)}.mapbox a:hover{color:var(--bar)}.mapbox iframe{height:calc(100% - 36px)}
@media (max-width:720px){.mapbox a:nth-of-type(2){display:none}
}/* правая колонка первого экрана контактов */
.qcard{border:1px solid var(--line);background:#fff}.qcard__h{padding:20px 24px;border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-0.01em}.qcard__row{display:flex;gap:16px;align-items:flex-start;padding:16px 24px;border-bottom:1px solid var(--line)}.qcard__row:last-child{border-bottom:0}.qcard__i{flex:none;color:var(--bar)}.qcard__i svg{width:22px;height:22px}.qcard__t{font-family:var(--font-display);font-weight:600;font-size:15px;line-height:1.2}.qcard__x{margin:2px 0 0;font-size:14.5px;color:var(--ink-2);line-height:1.4}.qcard__x a{border-bottom:1px solid var(--line)}.qcard__x a:hover{color:var(--bar);border-color:currentColor}

/* ссылки в карточке быстрой связи — увеличиваем область нажатия на мобильных */
@media (max-width:900px){.qcard__x a{display:inline-block;padding:7px 0}.qcard__row{padding:14px 20px}
}/* ======================================================================
   КАТАЛОГ
   ====================================================================== */

/* выпадающее подменю в шапке */
.nav__item{position:relative;display:flex;align-items:center}.nav__item>a{display:inline-flex;align-items:center;gap:7px}.nav__cv{width:9px;height:6px;flex:none;transition:transform .25s}.nav__item:hover .nav__cv, .nav__item:focus-within .nav__cv{transform:rotate(180deg)}.nav__sub{position:absolute;top:100%;left:auto;right:-18px;min-width:270px;background:#fff;border:1px solid var(--line);
  padding:6px 0;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .2s ease,transform .24s cubic-bezier(.2,.7,.2,1),visibility 0s .24s;z-index:62}.nav__item:hover .nav__sub, .nav__item:focus-within .nav__sub{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.7,.2,1),visibility 0s}.nav__sub a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 20px;border-bottom:0;white-space:nowrap}.nav__sub a:hover{background:var(--paper)}.nav__sub small{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.nav__sub a:hover small{color:var(--aqua-deep)}.mnav__sub{padding-left:calc(var(--gut) + 18px)!important;font-weight:400!important;display:flex!important;align-items:baseline;justify-content:space-between;gap:14px}.mnav__sub::before{content:"";position:absolute;left:var(--gut);width:8px;height:1px;background:var(--line);margin-top:11px}.mnav__sub small{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}/* витрина каталога: три направления */
.dirs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}.dir{position:relative;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:0 clamp(20px,2vw,30px) clamp(26px,3vw,40px) 0}.dir+.dir{padding-left:clamp(20px,2vw,30px)}.dir:last-child{border-right:0}.dir__pic{height:clamp(150px,15vw,230px);display:flex;align-items:flex-end;justify-content:center;padding:clamp(20px,2.4vw,34px) 0}.dir__pic img{max-height:100%;width:auto;max-width:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.dir:hover .dir__pic img{transform:scale(1.05)}.dir__k{font-family:var(--font-display);font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--dc,var(--aqua-deep))}.dir__t{font-family:var(--font-display);font-size:clamp(19px,1.8vw,26px);font-weight:600;letter-spacing:-0.02em;line-height:1.1;margin:9px 0 0}.dir__x{margin:12px 0 0;color:var(--ink-2);font-size:15px;flex:1}.dir__n{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:7px;font-size:14.5px;color:var(--ink-2)}.dir__n li{padding-left:16px;position:relative}.dir__n li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:1px;background:var(--dc,var(--aqua-deep))}.dir__go{margin-top:22px;display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--dc,var(--aqua-deep))}.dir__go svg{width:15px;height:11px;transition:transform .25s}.dir:hover .dir__go svg{transform:translateX(5px)}.dir::after{content:"";position:absolute;inset:0;pointer-events:none}
@media (max-width:900px){.dirs{grid-template-columns:1fr}.dir{border-right:0;border-bottom:1px solid var(--line);padding:0 0 30px!important}.dir:last-child{border-bottom:0}}/* сетка серий и карточек моделей */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--n{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}
@media (max-width:1200px){.grid--n{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.grid--3,.grid--n{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.grid--3,.grid--n{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(18px,2vw,26px);transition:background .2s}.card:hover{background:var(--paper)}.card__pic{height:clamp(96px,9vw,132px);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.card__pic img{max-height:100%;max-width:100%;width:auto;object-fit:contain;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.card:hover .card__pic img{transform:scale(1.07)}.card__k{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--bar-ink,var(--aqua-deep))}.card__t{font-family:var(--font-display);font-size:clamp(16px,1.4vw,19px);font-weight:600;letter-spacing:-0.02em;margin:8px 0 0;line-height:1.15}.card__n{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:5px;font-size:13.5px;color:var(--ink-2);flex:1}.card__n b{font-family:var(--font-display);font-weight:600;color:var(--ink)}.card__go{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--bar-ink,var(--aqua-deep))}.card__go svg{width:14px;height:10px;transition:transform .25s}.card:hover .card__go svg{transform:translateX(4px)}.sec--dark .grid, .sec--dark .card{border-color:#2A343C}.sec--dark .card:hover{background:#171D23}.sec--dark .card__n{color:#9FADB6}.sec--dark .card__n b{color:#fff}/* карточка модели */
.mhero{background:var(--paper);border-bottom:1px solid var(--line)}.mhero--dark{background:#101820;color:#F2F4F5;border-bottom:0}.mhero--dark .crumbs, .mhero--dark .mhero__x{color:#93A2AD}.mhero__in{max-width:var(--maxw);margin:0 auto;padding:clamp(20px,2vw,28px) var(--gut) clamp(34px,4vw,60px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,48%);gap:clamp(28px,4vw,64px);align-items:center}.mhero h1{font-size:clamp(1.9rem,3.4vw,3rem)}.mhero__k{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bar-ink,var(--aqua-deep));margin:0 0 12px}.mhero__x{margin:20px 0 0;max-width:31.87em;color:var(--ink-2);font-size:clamp(15.5px,1.1vw,17px)}.mhero__key{margin:clamp(22px,2.4vw,30px) 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border-top:1px solid var(--line)}.mhero--dark .mhero__key{border-color:#2A343C}.mhero__cta{margin-top:clamp(22px,2.4vw,32px);display:flex;align-items:center;gap:clamp(16px,2vw,26px);flex-wrap:wrap}.mhero .btn{background:var(--bar);border-color:var(--bar);color:#fff}.mhero .btn:hover{background:transparent;color:inherit;border-color:currentColor}.mhero__pic{margin:0;position:relative}.mhero__pic img{width:100%;height:auto}.mhero--dark .rig__line{filter:invert(1)}
@media (max-width:980px){.mhero__in{grid-template-columns:1fr;gap:30px}.mhero__pic{order:-1;max-width:620px}}/* таблица характеристик карточки */
.spectbl{width:100%;border-collapse:collapse;font-size:15px}.spectbl th{text-align:left;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding:22px 0 10px;border-bottom:1px solid var(--line)}.spectbl td{padding:13px 0;border-bottom:1px solid var(--line);vertical-align:top}.spectbl td:first-child{color:var(--ink-2);width:52%;padding-right:20px}.spectbl td:last-child{font-family:var(--font-display);font-weight:600}.sec--dark .spectbl td, .sec--dark .spectbl th{border-color:#2A343C}.sec--dark .spectbl td:first-child{color:#9FADB6}.spec2{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(30px,4vw,70px)}
@media (max-width:760px){.spec2{grid-template-columns:1fr}}.nlead{display:grid;grid-template-columns:minmax(0,52%) minmax(0,1fr);gap:clamp(24px,3.4vw,54px);align-items:center;
  border:1px solid var(--line);background:#fff;margin-bottom:clamp(24px,3vw,44px)}.nlead__pic{margin:0;height:100%;min-height:clamp(240px,28vw,400px);overflow:hidden}.nlead__pic img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.nlead:hover .nlead__pic img{transform:scale(1.04)}.nlead__b{padding:clamp(24px,3vw,44px) clamp(24px,3vw,44px) clamp(24px,3vw,44px) 0}.nlead__d{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.nlead__t{font-family:var(--font-display);font-size:clamp(21px,2.2vw,32px);font-weight:600;letter-spacing:-0.025em;line-height:1.14;margin:14px 0 0}.nlead__x{margin:14px 0 0;color:var(--ink-2);max-width:34.53em}
@media (max-width:860px){.nlead{grid-template-columns:1fr}.nlead__b{padding:26px}}/* страница статьи */
.art{background:#fff}.art__head{max-width:var(--maxw);margin:0 auto;padding:clamp(20px,2vw,28px) var(--gut) 0}.art__meta{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;font-family:var(--font-display);font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding-bottom:18px}.art h1{font-size:clamp(1.9rem,3.4vw,3.1rem);max-width:15.03em}.art__lead{margin:clamp(18px,2vw,26px) 0 0;font-size:clamp(17px,1.3vw,20px);color:var(--ink-2);max-width:39.84em}.art__cover{max-width:var(--maxw);margin:clamp(28px,3vw,44px) auto 0;padding:0 var(--gut)}.art__cover img{width:100%;height:clamp(260px,36vw,560px);object-fit:cover}.art__cover figcaption{margin-top:12px;font-size:13.5px;color:var(--ink-2)}.art__body{max-width:var(--maxw);margin:0 auto;padding:clamp(34px,4vw,64px) var(--gut) clamp(40px,5vw,80px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26%);gap:clamp(30px,4vw,70px);align-items:start}.art__text{max-width:46.48em;font-size:17px}.art__text h2{font-size:clamp(1.4rem,2vw,1.9rem);margin:clamp(30px,3vw,46px) 0 0}.art__text p{margin:16px 0 0;color:#39434A}.art__text ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px}.art__text li{padding-left:20px;position:relative;color:#39434A}.art__text li::before{content:"";position:absolute;left:0;top:12px;width:9px;height:1px;background:var(--aqua-deep)}.art__quote{margin:clamp(28px,3vw,42px) 0;padding:clamp(22px,2.4vw,30px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  font-family:var(--font-display);font-size:clamp(17px,1.5vw,21px);font-weight:500;letter-spacing:-0.015em;line-height:1.35;color:var(--ink)}.art__side{position:sticky;top:110px;border-top:2px solid var(--ink);padding-top:20px}.art__side h2, .art__side h3{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2);margin:0 0 14px}.art__side ul{list-style:none;margin:0;padding:0;display:grid;gap:0}.art__side li{border-bottom:1px solid var(--line)}.art__side a{display:block;padding:12px 0;font-family:var(--font-display);font-weight:500;font-size:15px;line-height:1.25}.art__side a:hover{color:var(--aqua-deep)}.art__side small{display:block;font-family:var(--font-text);font-weight:400;font-size:12.5px;color:var(--ink-2);margin-top:4px}
@media (max-width:1000px){.art__body{grid-template-columns:1fr}.art__side{position:static;margin-top:20px}}/* ссылки на модели внутри таблицы серии — удобная область нажатия на мобильных */
.tbl td a{border-bottom:1px solid var(--line)}.tbl td a:hover{color:var(--bar-ink,var(--aqua-deep));border-color:currentColor}
@media (max-width:900px){.tbl td a{display:inline-block;padding:7px 10px 7px 0;min-width:46px}
}/* цифры в шапке карточки модели на тёмном фоне */
.mhero--dark .fig{border-color:#2A343C}.mhero--dark .fig__l{color:#9FADB6}.mhero--dark .fig__v{color:var(--bar-ink,var(--bar))}
/* ======================================================================
   Факты раздела сервиса — вместо голых крупных цифр
   ====================================================================== */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.fact{display:flex;gap:16px;padding:clamp(22px,2.4vw,30px) clamp(18px,2vw,26px) clamp(24px,2.6vw,34px) 0;border-right:1px solid var(--line)}.fact+.fact{padding-left:clamp(18px,2vw,26px)}.fact:last-child{border-right:0}.fact__i{flex:none;color:var(--bar)}.fact__i svg{width:26px;height:26px}.fact__v{font-family:var(--font-display);font-size:clamp(17px,1.5vw,21px);font-weight:600;letter-spacing:-0.02em;line-height:1.1}.fact__l{margin:7px 0 0;font-size:14px;line-height:1.4;color:var(--ink-2)}
@media (max-width:980px){.facts{grid-template-columns:1fr 1fr}.fact:nth-child(2n){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:560px){.facts{grid-template-columns:1fr}.fact{border-right:0;border-bottom:1px solid var(--line);padding:20px 0!important}.fact:last-child{border-bottom:0}}/* карточка контактов в две колонки — чтобы не тянулась в высоту */
.qcard--2 .qcard__grid{display:grid;grid-template-columns:1fr 1fr}.qcard--2 .qcard__row{border-right:1px solid var(--line)}.qcard--2 .qcard__row:nth-child(2n){border-right:0}.qcard--2 .qcard__row:nth-last-child(-n+2){border-bottom:0}
@media (max-width:620px){.qcard--2 .qcard__grid{grid-template-columns:1fr}.qcard--2 .qcard__row{border-right:0;border-bottom:1px solid var(--line)}.qcard--2 .qcard__row:last-child{border-bottom:0}}/* блок гарантии: срок крупно + условия списком */
.warr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);margin-bottom:clamp(26px,3vw,40px)}.warr__b{padding:clamp(22px,2.4vw,32px) clamp(22px,2.4vw,32px) clamp(26px,2.8vw,38px) 0;border-right:1px solid var(--line)}.warr__b+.warr__b{padding-left:clamp(22px,2.4vw,32px);border-right:0}.warr__v{font-family:var(--font-display);font-size:clamp(30px,3.4vw,48px);font-weight:600;letter-spacing:-0.035em;line-height:1;color:var(--bar)}.warr__k{margin:10px 0 0;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-0.01em}.warr__x{margin:10px 0 0;color:var(--ink-2);font-size:15px;max-width:29.22em}
@media (max-width:700px){.warr{grid-template-columns:1fr}.warr__b{border-right:0;border-bottom:1px solid var(--line);padding:22px 0 26px!important}.warr__b:last-child{border-bottom:0}}/* витрина каталога: знак из логотипа справа на первом экране */
.cmark{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:clamp(220px,26vw,380px);overflow:hidden}.cmark::before{content:"";position:absolute;right:-8%;top:50%;transform:translateY(-50%);
  width:min(90%,460px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%}.cmark::after{content:"";position:absolute;right:6%;top:50%;transform:translateY(-50%);
  width:min(64%,320px);aspect-ratio:1;border:1px dashed var(--line);border-radius:50%}.cmark__logo{position:relative;z-index:1;width:min(74%,360px);height:auto;margin-right:4%}
@media (max-width:980px){.cmark{min-height:220px;margin-top:10px}}/* иконки Font Awesome в блоке документов — заливка вместо контура, поэтому кегль чуть меньше, чтобы вес совпадал с остальным набором */
.tile__i svg[fill="currentColor"]{width:24px;height:24px}/* ======================================================================
   ПОЯВЛЕНИЕ БЛОКОВ
   ТЗ запрещает фейд на каждый блок подряд, поэтому приёмов ровно три
   и они продолжают логику «чертёж → металл»:
     .rv-line  — волосяная линия прочерчивается слева направо
     .rv-up    — содержимое поднимается лесенкой, короткое проявление
     .rv-wipe  — фотография открывается шторкой, как металл поверх чертежа
   Каждый срабатывает один раз и уважает prefers-reduced-motion.
   ====================================================================== */
[data-rv]{--rv-d:.62s;--rv-e:cubic-bezier(.2,.7,.2,1)}/* линия-разделитель прочерчивается */
.rv-line{position:relative}.rv-armed.rv-line::after{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--ink);
  transform:scaleX(0);transform-origin:left;transition:transform 1s var(--rv-e)}.rv-armed.rv-line.rv-in::after{transform:scaleX(1)}.sec--dark .rv-line::after{background:#5B6B78}/* содержимое поднимается лесенкой */
.rv-armed.rv-up>*{opacity:0;transform:translateY(16px);
  transition:opacity .5s ease var(--rv-t,0s),transform var(--rv-d) var(--rv-e) var(--rv-t,0s)}.rv-armed.rv-up.rv-in>*{opacity:1;transform:none}.rv-up>*:nth-child(1){--rv-t:.02s}.rv-up>*:nth-child(2){--rv-t:.07s}.rv-up>*:nth-child(3){--rv-t:.12s}.rv-up>*:nth-child(4){--rv-t:.17s}.rv-up>*:nth-child(5){--rv-t:.22s}.rv-up>*:nth-child(6){--rv-t:.27s}.rv-up>*:nth-child(n+7){--rv-t:.3s}/* заголовок секции поднимается вместе с прочерком */
.rv-armed.rv-head{opacity:0;transform:translateY(14px);transition:opacity .5s ease .08s,transform .6s var(--rv-e) .08s}.rv-armed.rv-head.rv-in{opacity:1;transform:none}/* фотография открывается шторкой */
.rv-armed.rv-wipe img{clip-path:inset(0 100% 0 0)}.rv-armed.rv-wipe.rv-in img{clip-path:inset(0 0 0 0)}

@media (prefers-reduced-motion:reduce){.rv-up>*, .rv-head{opacity:1!important;transform:none!important;transition:none!important}.rv-line::after{transform:scaleX(1)!important;transition:none!important}.rv-wipe img{clip-path:inset(0 0 0 0)!important;transition:none!important}
}/* строка каталога в два столбца: название слева, описание прижато вправо */
.row--2{grid-template-columns:minmax(0,32%) minmax(0,1fr)}.row--2 .row__x{margin-left:auto;max-width:37.18em}
@media (max-width:760px){.row--2{grid-template-columns:1fr}.row--2 .row__x{margin-left:0}}/* вкладки листаются по горизонтали, если не помещаются */
.tabs__wrap{position:relative}.tabs__nav{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.tabs__nav::-webkit-scrollbar{display:none}.tabs__nav button{flex:0 0 auto;scroll-snap-align:start}.tabs__nav button:focus-visible{outline-color:var(--bar);outline-offset:-3px}.tabs__wrap::after{content:"";position:absolute;top:1px;bottom:1px;right:0;width:56px;pointer-events:none;
  background:linear-gradient(to right,rgba(255,255,255,0),#fff);opacity:0;transition:opacity .25s}.tabs__wrap.is-scroll::after{opacity:1}.sec--paper .tabs__wrap::after{background:linear-gradient(to right,rgba(242,244,245,0),var(--paper))}.sec--dark .tabs__wrap::after{background:linear-gradient(to right,rgba(16,24,32,0),#101820)}.tabs__hint{display:none;align-items:center;gap:8px;margin:10px 0 0;font-size:13px;color:var(--ink-2)}.tabs__wrap.is-scroll .tabs__hint{display:flex}.tabs__hint svg{width:16px;height:12px;animation:thint 1.8s ease-in-out infinite}
@keyframes thint{0%, 100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){.tabs__hint svg{animation:none}}
@media (max-width:720px){.tabs__nav button{min-width:78%}}/* знак каталога — волна из логотипа, без надписи */

/* первый материал в новостях: больше места под заголовок */
.nlead--wide{grid-template-columns:minmax(0,44%) minmax(0,1fr)}.nlead--wide .nlead__t{font-size:clamp(23px,2.6vw,38px);max-width:13.66em}.nlead--wide .nlead__x{max-width:38.51em;font-size:clamp(15.5px,1.15vw,17.5px)}
@media (max-width:860px){.nlead--wide{grid-template-columns:1fr}}/* цепочка шагов: фрезерование → нагрев → дозирование → результат */
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
/* Технологическая линия: сквозная нить с узлами вместо шевронов между колонками */
.flow__i{position:relative;padding:0 clamp(20px,2.2vw,30px) clamp(26px,3vw,40px) 0}
.flow__i+.flow__i{padding-left:clamp(20px,2.2vw,30px)}
.flow__i::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line)}
.flow__i:first-child::before{left:0}
.flow__i:last-child::before{right:0}
.flow__i::after{content:"";position:absolute;top:0;left:0;width:26px;height:2px;background:var(--bar)}
.flow__i+.flow__i::after{left:clamp(20px,2.2vw,30px)}
.flow__n{display:block;margin-top:clamp(26px,2.6vw,34px);font-family:var(--font-display);
  font-size:clamp(26px,2.4vw,34px);font-weight:600;letter-spacing:-0.03em;line-height:1;color:var(--bar)}
.flow__t{font-family:var(--font-display);font-size:clamp(16px,1.4vw,20px);font-weight:600;letter-spacing:-0.02em;margin-top:clamp(12px,1.2vw,16px)}
.flow__x{margin:10px 0 0;font-size:14.5px;color:var(--ink-2);max-width:22.58em}
.sec--dark .flow__i::before{background:#38434B}
.sec--dark .flow__x{color:#9FADB6}
@media (max-width:980px){
  .flow{grid-template-columns:1fr 1fr}
  .flow__i:nth-child(2n)::before{right:0}
  .flow__i:nth-child(2n+1){padding-left:0}
  .flow__i:nth-child(2n+1)::after{left:0}
  .flow__i:nth-child(-n+2){padding-bottom:clamp(30px,3.4vw,44px)}
}
@media (max-width:560px){
  .flow{grid-template-columns:1fr}
  .flow__i{padding:0 0 26px!important}
  .flow__i::before{left:0;right:auto;top:0;width:100%}
  .flow__i::after{left:0!important}
  .flow__i:last-child{padding-bottom:0}
}
/* быстрые ссылки на модели прямо в строке группы */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.02em;
  padding:7px 12px;border:1px solid var(--edge,var(--line));color:inherit;transition:background .2s,border-color .2s,color .2s}.chip:hover{background:var(--bar);border-color:var(--bar);color:var(--onbar,#fff)}.sec--dark .chip{border-color:#2A343C}.row__t a:hover{color:var(--bar-ink,var(--aqua-deep))}.tbl__pic a{display:block;border-bottom:0}/* кнопка внутри тёмной секции: графит на графите не читается */
.sec--dark .btn{background:var(--bar);border-color:var(--bar);color:#fff}.sec--dark .btn:hover{background:transparent;border-color:#fff;color:#fff}.page--fambition .sec--dark .btn{color:#fff}/* сетки полос цифр модификаторами, а не инлайном — иначе ломается адаптив */
.figs--3{grid-template-columns:repeat(3,minmax(0,1fr))}.figs--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:860px){.figs--3, .figs--4{grid-template-columns:1fr 1fr}.figs--3 .fig:nth-child(2n), .figs--4 .fig:nth-child(2n){border-right:0}
}
@media (max-width:460px){.figs--3, .figs--4{grid-template-columns:1fr}.figs--3 .fig, .figs--4 .fig{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}.figs--3 .fig:last-child, .figs--4 .fig:last-child{border-bottom:0}
}
/* заголовок группы в строке — удобная область нажатия на мобильных */
@media (max-width:900px){.row__t a{display:inline-block;padding:6px 0}
}/* ======================================================================
   Секция на фотографии: снимок уходит в затемнение, текст белый, карточка контактов остаётся белой и вытягивает на себя внимание
   ====================================================================== */
.sec--photo{position:relative;color:#fff;border-bottom:0;background:var(--graphite);overflow:hidden}.sec--photo::before{content:"";position:absolute;inset:0;background:var(--photo) center/cover no-repeat;opacity:.62}.sec--photo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(20,26,31,.96) 0%,rgba(20,26,31,.86) 40%,rgba(20,26,31,.42) 100%)}.sec--photo .sec__in{position:relative;z-index:1}.sec--photo h2{color:#fff}.sec--photo p{color:#C7D0D6}.sec--photo .btn{background:var(--aqua);border-color:var(--aqua);color:#fff}.sec--photo .btn:hover{background:#fff;border-color:#fff;color:var(--graphite)}.sec--photo .qcard{background:#fff;color:var(--ink);border-color:transparent}.sec--photo .qcard p, .sec--photo .qcard .qcard__x{color:var(--ink-2)}.sec--photo .qcard a{color:var(--ink)}.sec--photo .qcard a:hover{color:var(--bar)}.sec--photo .qcard__h, .sec--photo .qcard__t{color:var(--ink)}
@media (max-width:900px){.sec--photo::after{background:linear-gradient(180deg,rgba(20,26,31,.9) 0%,rgba(20,26,31,.82) 100%)}
}/* факт со словесным значением: подпись сверху, значение строкой —
   слово в кегле заголовка читается как ошибка вёрстки */
/* полоса фактов: кегль значения подбирается по длине самого длинного в ряду */
.figs--m .fig:not(.fig--text) .fig__v{font-size:clamp(20px,1.95vw,29px)}
.figs--s .fig:not(.fig--text) .fig__v{font-size:clamp(17px,1.55vw,23px)}
/* словесное значение: тонкий акцент, фраза обычным кеглем, подпись под ней */
.fig--text{display:flex;flex-direction:column}
.fig--text .fig__v{order:1;position:relative;padding-top:16px;font-family:var(--font-display);
  font-size:clamp(16.5px,1.3vw,20px);font-weight:600;letter-spacing:-.015em;line-height:1.25;
  color:var(--ink);white-space:normal}
.fig--text .fig__v::before{content:"";position:absolute;top:0;left:0;width:26px;height:2px;background:var(--bar)}
.fig--text .fig__l{order:2;margin-top:10px}
.sec--dark .fig--text .fig__v,.mhero--dark .fig--text .fig__v{color:#fff}
.sec--dark .fig--text .fig__v::before,.mhero--dark .fig--text .fig__v::before{background:var(--bar-ink,var(--bar))}
/* крошки — отдельная строка сетки, всегда над контентом и картинкой */
.phero__in>.crumbs, .mhero__in>.crumbs{grid-column:1/-1;order:-2;margin-bottom:0}
@media (max-width:980px){.phero__in>.crumbs, .mhero__in>.crumbs{padding-bottom:14px}
}
/* «О компании» начинается сразу с «О нас»: крошки внутри секции, отступ как у первых экранов */
.sec--about .sec__in{padding-top:clamp(20px,2vw,28px)}
.about__h h1{margin:0;font-size:clamp(2rem,3.4vw,3.2rem)}
/* заводы FAMBITION и TTM: крупный кадр и малый внахлёст по его нижнему правому углу,
   подписи врезаны в фото белой плашкой с меткой цвета направления */
.plants{--ha:clamp(300px,36vw,560px);--hb:clamp(220px,25vw,390px);--drop:clamp(40px,5vw,96px);--fr:clamp(8px,.9vw,14px);
  display:flex;align-items:flex-start;margin-top:clamp(44px,5vw,84px)}
.plants figure{margin:0;position:relative}
.plants img{display:block;width:100%;object-fit:cover;transition:clip-path 1.05s cubic-bezier(.62,.05,.24,1)}
.plants__a{flex:0 0 66.667%;--c:#F0A800}
.plants__a img{height:var(--ha);object-position:50% 58%}
.plants .plants__b{flex:0 0 41.667%;--c:#E87018;position:relative;z-index:1;background:#fff;
  margin:calc(var(--ha) - var(--hb) + var(--drop) - var(--fr)) 0 0 -8.333%;padding:var(--fr) 0 0 var(--fr)}
.plants__b img{height:var(--hb);transition-delay:.18s}
.plants figcaption{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:12px;background:#fff;padding:11px 18px 0 0;
  font-family:var(--font-display);font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);transition:opacity .4s ease .5s}
.plants__b figcaption{left:var(--fr)}
.plants figcaption::before{content:"";width:26px;height:2px;background:var(--c);flex:none}
.rv-armed.rv-wipe:not(.rv-in) figcaption{opacity:0;transition:none}
@media (max-width:760px){
  .plants{--ha:clamp(220px,62vw,420px);--hb:clamp(150px,42vw,280px);--drop:clamp(70px,22vw,150px);--fr:8px;display:block}
  .plants .plants__b{width:66%;margin:calc(var(--drop) - var(--fr) - var(--hb)) 0 0 auto}
  .plants figcaption{font-size:11.5px;padding:9px 12px 0 0;gap:10px}
  .plants figcaption::before{width:18px}
  /* малый кадр закрывает низ крупного - подпись крупного уходит в верхний угол */
  .plants__a figcaption{top:0;bottom:auto;padding:0 12px 9px 0}
}
/* ссылки внутри текста новости - тем же подчёркиванием, что и остальные ссылки сайта */
.art__text a, .art__lead a{color:var(--ink);border-bottom:2px solid var(--aqua-deep);transition:color .2s}
.art__text a:hover, .art__lead a:hover{color:var(--aqua-deep)}
/* постраничная навигация ленты новостей: квадратные ячейки в рамке, как поля форм сайта */
.pager{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:clamp(36px,4vw,60px);padding-top:clamp(22px,2.4vw,32px);border-top:1px solid var(--line)}
.pager__n, .pager__a{min-width:48px;min-height:48px;padding:12px 14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border:1px solid var(--line);background:#fff;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink);
  transition:border-color .2s,color .2s,background .2s}
a.pager__n:hover, a.pager__a:hover{border-color:var(--ink);color:var(--aqua-deep)}
.pager__n[aria-current]{background:var(--graphite);border-color:var(--graphite);color:#fff}
.pager__a svg{width:15px;height:11px;flex:none;transition:transform .25s}
.pager__l{transform:scaleX(-1)}
a.pager__a:hover svg:not(.pager__l){transform:translateX(4px)}
a.pager__a:hover .pager__l{transform:scaleX(-1) translateX(4px)}
.pager__a[aria-disabled]{color:#9AA6AD;border-color:var(--line)}
.pager__a:last-child{margin-left:auto}
@media (max-width:560px){.pager__a span{display:none}.pager__a{padding:12px 8px}.pager__a:last-child{margin-left:0}}
/* рендер AP в каталоге завода всего 451 px - в шапке карточки показываем без растяжения */
.mhero__pic--s img{width:auto;max-width:100%;margin:0 auto;display:block}

/* ---------- правки каталога 27.10: шапка раздела = полоса бренда с главной ---------- */
.band--page .band__top{position:relative;max-width:var(--maxw);margin:0 auto;padding:clamp(16px,1.8vw,24px) var(--gut) 0}
.band--page .crumbs{padding-bottom:0;color:var(--muted)}
.band--page .band__in{padding-top:clamp(30px,3.6vw,56px)}
@media (min-width:1141px){.band--page .band__in{min-height:min(70vh,760px)}}
.band h1{margin:16px 0 0;font-size:clamp(1.9rem,3.1vw,3.1rem);max-width:10.93em}

/* кнопки серий - единственный переход из строки направления, видны как кнопки */
.chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;font-size:14px;border-color:var(--bar,var(--aqua-deep));color:var(--bar-ink,var(--aqua-deep))}
.chip svg{width:14px;height:10px;flex:none;transition:transform .25s}
.chip:hover svg{transform:translateX(4px)}
.sec--dark .chip{border-color:var(--bar-ink,var(--bar));color:var(--bar-ink,var(--bar))}
.sec--dark .chip:hover{background:var(--bar-ink,var(--bar));border-color:var(--bar-ink,var(--bar));color:#101820}

/* цифры полосы бренда на телефоне - в столбик без отступа слева (правило 1400px его возвращало) */
@media (max-width:720px){.spec+.spec{padding-left:0}}

/* общая таблица: перенос в длинных ячейках */
.tbl td.tbl__wrap{white-space:normal;min-width:180px}

/* фильтр таблицы на тёмной странице Fambition */
.sec--dark .flt, .sec--dark .flt label{border-color:#2A343C}
.sec--dark .flt span, .sec--dark .flt__c{color:#8B979E}
.sec--dark .flt select, .sec--dark .flt input, .sec--dark .flt__c b{color:#fff}
.sec--dark .flt option{background:#fff;color:var(--ink)}
.sec--dark .flt label:focus-within{background:#171D23}
.sec--dark .flt input::placeholder{color:#6F7E89}

/* ---------- доработки 03.11: шапка страницы серии ---------- */
.phero--series{--edge:var(--line);--muted:var(--ink-2)}
.phero--series.phero--dark{--edge:#2A343C;--muted:#93A2AD}
.phero--series .specs{margin-top:clamp(24px,2.6vw,34px);max-width:560px}
.phero--series .phero__cta{margin-top:clamp(24px,2.6vw,34px)}
.phero--series .phero__pic{align-self:center}
.phero--series .rig__stack{max-width:620px;margin:0 auto}

/* схемы TTM: линия, как у чертежей техники */
.scheme{display:block;width:100%;height:auto;color:var(--ink);stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.scheme__thin{stroke-width:1;opacity:.62}
.scheme__dash{stroke-dasharray:5 5}
.scheme__ground{stroke-width:1;opacity:.35}
.scheme__n{transition:opacity .3s,color .3s}
.scheme__m circle{fill:var(--bar,var(--aqua-deep));stroke:none;transition:transform .3s;transform-box:fill-box;transform-origin:center}
.scheme__m text{fill:#fff;stroke:none;font-family:var(--font-display);font-weight:600;font-size:14px}
.scheme__m{cursor:default}
.phero--dark .scheme{color:#C7D0D6}
.scheme--draw path[pathLength]{stroke-dasharray:1 1;animation:draw 2.2s cubic-bezier(.62,.05,.24,1) .15s both}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.scheme-fig{margin:0 0 clamp(26px,3vw,44px);padding:clamp(18px,2vw,30px) 0;border-top:1px solid var(--line)}
.scheme-fig.act .scheme__n{opacity:.28}
.scheme-fig.act .scheme__n.on{opacity:1;color:var(--bar,var(--aqua-deep))}
.scheme-fig .scheme__m.on circle{transform:scale(1.25)}
.tile__n{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--bar,var(--aqua-deep));color:var(--bar-ink,var(--aqua-deep));font-family:var(--font-display);font-weight:600;font-size:14px;transition:background .25s,color .25s}
.tiles--scheme .tile.on .tile__n{background:var(--bar,var(--aqua-deep));color:#fff}
.tiles--scheme .tile__t{transition:color .25s}
.tiles--scheme .tile.on .tile__t{color:var(--bar-ink,var(--aqua-deep))}
.row__pic--scheme .scheme{max-width:300px;stroke-width:2.6}
.row__pic--scheme .scheme__thin, .phero--series .scheme__thin{stroke-width:1.8}
.phero--series .scheme{stroke-width:2.4}
.phero--series .scheme--abz{stroke-width:2.8}

/* кнопка «Узнать цену» в строке таблицы */
.tbl th:last-child:empty{min-width:120px}
.tbl__ask{width:1%}
.ask{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;height:36px;padding:0 12px;line-height:1;border:1px solid var(--bar,var(--aqua-deep));background:none;color:var(--bar-ink,var(--aqua-deep));font-family:var(--font-display);font-weight:600;font-size:13px;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.ask:hover, .ask:focus-visible{background:var(--bar,var(--aqua-deep));color:#fff}
.sec--dark .ask{border-color:var(--bar-ink,var(--bar));color:var(--bar-ink,var(--bar))}
.sec--dark .ask:hover, .sec--dark .ask:focus-visible{background:var(--bar-ink,var(--bar));color:#101820}
.modal__model{margin:10px 0 0;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink)}

/* широкие таблицы на планшете и телефоне: модель остаётся видна при прокрутке вбок */
@media (max-width:900px){
  .tbl td:first-child, .tbl th:first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:1px 0 0 var(--line)}
  .tbl th:first-child{z-index:3}
  .sec--paper .tbl td:first-child, .sec--paper .tbl th:first-child{background:var(--paper)}
  .sec--dark .tbl td:first-child, .sec--dark .tbl th:first-child{background:#101820;box-shadow:1px 0 0 #2A343C}
}

/* ---------- каталог: частые вопросы и свой вопрос ---------- */
.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38%);gap:clamp(28px,4vw,70px);align-items:start}
.faq__list{border-top:1px solid var(--line)}
.faq__i{border-bottom:1px solid var(--line)}
.faq__i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:clamp(16px,1.6vw,22px) 0;font-family:var(--font-display);font-weight:600;font-size:clamp(16px,1.2vw,18.5px);letter-spacing:-0.01em;line-height:1.3}
.faq__i summary::-webkit-details-marker{display:none}
.faq__i summary::after{content:"";flex:none;width:10px;height:10px;border-right:1.6px solid var(--aqua-deep);border-bottom:1.6px solid var(--aqua-deep);transform:translateY(-4px) rotate(45deg);transition:transform .25s}
.faq__i[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.faq__i summary:hover{color:var(--aqua-deep)}
.faq__i summary:focus-visible{outline:2px solid var(--aqua-deep);outline-offset:4px}
.faq__i p{margin:0 0 clamp(18px,1.8vw,24px);max-width:62ch;color:var(--ink-2)}
.faq__ask{position:sticky;top:110px;border-top:2px solid var(--ink);padding-top:22px}
.faq__ask h3{font-size:clamp(20px,1.7vw,26px)}
.faq__x{margin:10px 0 0;color:var(--ink-2)}
.fld--wide{grid-column:1/-1}
.fld textarea{display:block;width:100%;min-height:76px;border:0;background:none;padding:0;resize:vertical;font-family:var(--font-text);font-size:16px;line-height:1.45;color:var(--ink)}
.fld textarea::placeholder{color:#9AA6AD}
.fld textarea:focus{outline:0}
.faq__ok-i{color:var(--aqua-deep)}
.faq__ok-i svg{width:44px;height:44px}
.faq__ok h3{margin:16px 0 0}
.faq__ok p{margin:10px 0 0;color:var(--ink-2)}
@media (max-width:980px){.faq{grid-template-columns:1fr}.faq__ask{position:static}}

/* статья: заголовок и вводный абзац шире */
.art h1{max-width:21em}
.art__lead{max-width:50em}

@media (prefers-reduced-motion:reduce){.scheme--draw path[pathLength]{animation:none}}

/* новости: рубрики */
.rubrics{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(22px,2.6vw,36px)}
.rubrics a{display:inline-flex;align-items:baseline;gap:8px;min-height:44px;padding:11px 16px;border:1px solid var(--line);font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink);transition:border-color .2s,background .2s,color .2s}
.rubrics small{font-size:12px;font-weight:500;color:var(--ink-2)}
.rubrics a:hover{border-color:var(--ink)}
.rubrics a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
.rubrics a[aria-current] small{color:#B8C2C8}
@media (max-width:720px){.rubrics{flex-wrap:nowrap;overflow-x:auto;margin-left:calc(-1 * var(--gut));margin-right:calc(-1 * var(--gut));padding:0 var(--gut);scrollbar-width:none}.rubrics::-webkit-scrollbar{display:none}.rubrics a{flex:none}}
.art__meta a{border-bottom:1px solid currentColor;transition:color .2s}
.art__meta a:hover{color:var(--aqua-deep)}

/* ---------- без прыжков (03.11) ---------- */
/* высота от экрана в svh: не меняется, когда в мобильном браузере прячется адресная строка */
.tw--tall{max-height:clamp(360px,54svh,620px)}
.e404{min-height:calc(100svh - 240px)}
/* крошки на телефоне - одной строкой: перенос не зависит от того, успел ли загрузиться шрифт */
@media (max-width:720px){
  .crumbs{flex-wrap:nowrap;white-space:nowrap;min-width:0}
  .crumbs>*{flex:none}
  .crumbs>span:last-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
  /* в длинной цепочке текущая страница и так стоит заголовком ниже - на телефоне её не повторяем */
  .crumbs>span:last-child:nth-child(n+4){display:none}
  .crumbs>span:nth-last-child(2):nth-child(n+3){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
}
/* линия-«сканер» в анимации «чертёж -> металл» едет трансформом, а не left: браузер не пересчитывает вёрстку */
.rig__scan{left:0;right:0;width:auto;background:none;will-change:transform,opacity}
.rig__scan::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--bar)}
.is-on .rig__scan{animation:scanx 1.15s cubic-bezier(.62,.05,.24,1) forwards}
@keyframes scanx{0%{transform:translateX(0);opacity:0}9%{opacity:1}88%{opacity:1}100%{transform:translateX(100%);opacity:0}}

/* ---------- каталог: поиск, ссылка на модель, сравнение, сортировка (03.11) ---------- */
.head__search{flex:none;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s}
.head__search svg{width:20px;height:20px}
.head__search:hover{border-color:var(--ink)}
.head__search:focus-visible{outline:2px solid var(--aqua-deep);outline-offset:2px}
@media (max-width:1140px){.head__search{margin-left:auto}.burger{margin-left:0}}

/* окно поиска модели */
.srch{position:fixed;inset:0;z-index:90;display:flex;justify-content:center;align-items:flex-start;padding:clamp(56px,10vh,120px) var(--gut) 24px}
.srch__ov{position:absolute;inset:0;background:rgba(16,24,32,.6);opacity:0;transition:opacity .28s ease}
.srch.on .srch__ov{opacity:1}
.srch__win{position:relative;width:100%;max-width:760px;max-height:calc(100svh - clamp(80px,14vh,150px));display:flex;flex-direction:column;background:#fff;border-top:3px solid var(--ink);
  opacity:0;transform:translateY(-14px) scale(.985);transform-origin:50% 0;transition:opacity .22s ease,transform .38s cubic-bezier(.16,1,.3,1)}
.srch.on .srch__win{opacity:1;transform:none}
.srch__bar{flex:none;display:flex;align-items:center;gap:14px;padding:0 14px 0 22px;border-bottom:1px solid var(--line)}
.srch__bar>svg{width:22px;height:22px;flex:none;color:var(--ink-2)}
.srch__bar input{flex:1;min-width:0;height:70px;border:0;background:none;padding:0;font-family:var(--font-display);font-weight:500;font-size:clamp(18px,1.6vw,22px);letter-spacing:-0.01em;color:var(--ink);caret-color:var(--aqua-deep)}
.srch__bar input:focus{outline:0}
.srch__bar input::placeholder{color:#9AA6AD}
.srch__bar input::-webkit-search-cancel-button{display:none}
.srch__x{flex:none;display:grid;place-items:center;min-width:44px;height:44px;padding:0;border:0;background:none;color:var(--ink-2);cursor:pointer}
.srch__x svg{display:none;width:22px;height:22px}
.srch__x:hover kbd{border-color:var(--ink);color:var(--ink)}
.srch kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:1px solid var(--line);border-bottom-width:2px;background:#fff;font-family:var(--font-display);font-weight:600;font-size:11px;line-height:1;color:var(--ink-2);transition:border-color .2s,color .2s}
.srch kbd svg{width:12px;height:12px}
.srch__list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 0 10px}
.srch__sec+.srch__sec{border-top:1px solid var(--line);margin-top:6px;padding-top:4px}
.srch__h{display:flex;align-items:center;gap:10px;margin:0;padding:14px 22px 8px;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.srch__hn{font-weight:500;letter-spacing:0;color:var(--ink-2)}
.srch__b{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:0;text-transform:none;color:var(--ink)}
.srch__b::before{content:"";width:8px;height:8px;flex:none;background:var(--c)}
.srch__i{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:3px 18px;padding:11px 22px;transition:background .18s ease}
.srch__m{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-0.01em;color:var(--ink)}
.srch__m mark{background:none;color:inherit;text-decoration:underline;text-decoration-color:var(--aqua-deep);text-decoration-thickness:2px;text-underline-offset:4px}
.srch__s{grid-column:1;font-size:13px;color:var(--ink-2)}
.srch__k{grid-column:2;grid-row:1/3;font-size:13px;color:var(--ink-2);white-space:nowrap;text-align:right}
.srch__go{grid-column:3;grid-row:1/3;width:16px;height:12px;color:var(--aqua-deep);opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1)}
.srch__i.on{background:var(--paper)}
.srch__i.on .srch__go{opacity:1;transform:none}
.srch__brand{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:baseline;gap:4px 18px;padding:10px 22px}
.srch__bd{grid-column:1;font-size:12.5px;color:var(--ink-2)}
.srch__chips{grid-column:2;grid-row:1/3;display:flex;flex-wrap:wrap;gap:6px}
.srch__chips a{display:inline-flex;align-items:baseline;gap:7px;padding:7px 11px;border:1px solid var(--line);font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--ink);transition:border-color .2s,background .2s,color .2s}
.srch__chips small{font-size:12px;font-weight:500;color:var(--ink-2);transition:color .2s}
.srch__chips a:hover, .srch__chips a:focus-visible{border-color:var(--c);background:var(--c);color:#fff}
.srch__chips a:hover small, .srch__chips a:focus-visible small{color:rgba(255,255,255,.75)}
.srch__note{margin:0;padding:16px 22px 6px;font-size:14px;color:var(--ink-2)}
.srch__foot{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:11px 22px;border-top:1px solid var(--line);background:var(--paper);font-size:12.5px;color:var(--ink-2)}
.srch__foot>span{display:inline-flex;align-items:center;gap:5px}
.srch__cnt{margin-left:auto}
.srch__all{font-family:var(--font-display);font-weight:600;color:var(--ink);border-bottom:1px solid currentColor}
.srch__all:hover{color:var(--aqua-deep)}
@media (max-width:720px){
  .srch{padding:0}
  .srch__win{max-width:none;max-height:100svh;height:100svh;border-top:0;transform:translateY(-10px)}
  .srch__bar{padding:0 6px 0 16px}
  .srch__bar input{height:62px}
  .srch__x kbd{display:none}
  .srch__x svg{display:block}
  .srch__foot>span:not(.srch__cnt){display:none}
  .srch__brand{grid-template-columns:1fr;padding:10px 16px}
  .srch__chips{grid-column:1;grid-row:auto;margin-top:6px}
  .srch__i{grid-template-columns:minmax(0,1fr) 16px;padding:11px 16px}
  .srch__k{grid-column:1;grid-row:auto;text-align:left}
  .srch__go{grid-column:2;grid-row:1/4}
  .srch__h, .srch__note{padding-left:16px;padding-right:16px}
}

/* строка модели по ссылке */
.tbl tr.hit>td{background:#E3F4F8;transition:background .4s}
.sec--dark .tbl tr.hit>td{background:#21313B}
@media (max-width:900px){.tbl tr.hit>td:first-child{background:#E3F4F8}.sec--dark .tbl tr.hit>td:first-child{background:#21313B}}

/* сортировка по заголовку */
.th-sort{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;white-space:nowrap}
.th-sort::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.25;transition:opacity .2s,transform .2s}
.th-sort:hover{color:var(--ink)}
.th-sort:hover::after{opacity:.6}
.th-sort:focus-visible{outline:2px solid var(--aqua-deep);outline-offset:3px}
th[aria-sort] .th-sort{color:var(--ink)}
.sec--dark th[aria-sort] .th-sort, .sec--dark .th-sort:hover{color:#fff}
th[aria-sort] .th-sort::after{opacity:1}
th[aria-sort="ascending"] .th-sort::after{transform:rotate(180deg)}

/* галочка «Сравнить» и ссылка на модель */
.cmp{display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.cmp input{width:17px;height:17px;margin:0;flex:none;accent-color:var(--bar,var(--aqua-deep));cursor:pointer}
.tbl__ask{white-space:nowrap}
.ask--link{width:36px;padding:0;margin-left:6px}
.ask--link svg{width:17px;height:17px}

/* панель и окно сравнения */
.cmpbar{position:fixed;left:50%;bottom:clamp(20px,3vw,34px);z-index:70;transform:translate(-50%,18px);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .35s cubic-bezier(.16,1,.3,1),visibility 0s linear .35s;display:flex;align-items:center;gap:6px;padding:6px 6px 6px 18px;background:var(--graphite);color:#fff;font-size:14px;max-width:calc(100% - 150px)}
.cmpbar__n{white-space:nowrap;margin-right:8px}
.cmpbar button{min-height:40px;padding:0 16px;border:1px solid #fff;background:#fff;color:var(--graphite);font-family:var(--font-display);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
.cmpbar button:disabled{opacity:.45;cursor:default}
.cmpbar .cmpbar__x{background:none;color:#fff;border-color:#4A565E}
.cmpbar .cmpbar__x:hover{border-color:#fff}
@media (max-width:560px){.cmpbar{bottom:86px;max-width:calc(100% - 32px);font-size:13px}.cmpbar__n{margin-right:2px}.cmpbar button{padding:0 12px}}
.cmpbox{position:fixed;inset:0;z-index:85;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px)}
.cmpbox__ov{position:absolute;inset:0;background:rgba(16,24,32,.56);opacity:0;transition:opacity .28s ease}
.cmpbox.on .cmpbox__ov{opacity:1}
.cmpbox__win{position:relative;width:100%;max-width:980px;max-height:100%;overflow:auto;background:#fff;padding:clamp(22px,3vw,40px);opacity:0;transform:translateY(16px) scale(.985);transition:opacity .22s ease,transform .38s cubic-bezier(.16,1,.3,1)}
.cmpbox.on .cmpbox__win{opacity:1;transform:none}
.cmpbox__win h2{font-size:clamp(1.4rem,2.2vw,1.9rem);margin:0 48px clamp(16px,2vw,24px) 0}
.cmpbox__x{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--ink-2);cursor:pointer}
.cmpbox__x svg{width:22px;height:22px}
.cmpbox__x:hover{color:var(--ink)}
.cmpbox .tbl{min-width:0}
.tbl--vs td, .tbl--vs th{white-space:normal}
.tbl--vs td:first-child{color:var(--ink-2);font-family:var(--font-text);font-weight:400}
.tbl--vs tr.diff td:not(:first-child){font-weight:600;color:var(--ink)}
.tbl--vs .vs-ask td{border-bottom:0;padding-top:18px}

/* уведомление «ссылка скопирована» */
.toast{position:fixed;left:50%;top:104px;z-index:95;transform:translate(-50%,-8px);padding:12px 18px;background:var(--graphite);color:#fff;font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* пока открыто окно (заявка, поиск, сравнение) - панель сравнения не мешает */
body.lock .cmpbar{visibility:hidden;opacity:0}
.cmpbar.on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .25s ease,transform .35s cubic-bezier(.16,1,.3,1),visibility 0s}

/* плавность (03.11) */
/* строки таблиц моделей по центру высоты: кнопки и текст на одной линии */
.tbl[data-compare] td{vertical-align:middle}
.tbl__ask{display:table-cell}
/* после сортировки и фильтра строки коротко проявляются */
@keyframes tbin{from{opacity:.25}to{opacity:1}}
tbody.tb-in{animation:tbin .35s ease-out}
/* строка по ссылке на модель: вспышка, затем спокойная подсветка */
@keyframes hitin{0%{background:#BFE6EF}100%{background:#E3F4F8}}
.tbl tr.hit>td{animation:hitin 1.4s ease-out}
.sec--dark .tbl tr.hit>td{animation:none}
/* частые вопросы раскрываются плавно (где браузер умеет анимировать высоту) */
:root{interpolate-size:allow-keywords}
.faq__i::details-content{height:0;overflow:clip;transition:height .32s cubic-bezier(.16,1,.3,1),content-visibility .32s allow-discrete}
.faq__i[open]::details-content{height:auto}
/* уведомление и галочки */
.cmp input{transition:transform .15s ease}
.cmp input:active{transform:scale(.9)}


/* ---------- 10.11: фото серий TTM, политика персональных данных ---------- */
.phero__pic--photo{align-self:center}
.phero__pic--photo img{display:block;width:100%;max-width:560px;height:auto;margin-left:auto}
@media (max-width:980px){.phero__pic--photo img{margin-left:0}}
/* политика - документ: пункты по порядку, текст от края сетки, абзацы на 75 % ширины */
.legal__h1.legal__h1{max-width:none;font-size:clamp(1.8rem,3.3vw,3.1rem)}
.legal__ver{margin:14px 0 0;font-size:15px;color:var(--ink-2)}
.legal h2{font-size:clamp(1.2rem,1.7vw,1.55rem);margin:clamp(30px,3vw,44px) 0 0}
.legal h2:first-child{margin-top:0}
.legal p, .legal ul{max-width:75%;margin:12px 0 0;font-size:16.5px;line-height:1.6;color:#39434A}
.legal ul{padding:0;list-style:none;display:grid;gap:8px}
.legal li{position:relative;padding-left:20px}
.legal li::before{content:"";position:absolute;left:0;top:13px;width:9px;height:1px;background:var(--aqua-deep)}
@media (max-width:900px){.legal p, .legal ul{max-width:none}}
/* ссылка на политику в строке согласия и в подвале */
.mform__n a, .form__n a{color:inherit;border-bottom:1px solid currentColor;transition:color .2s}
.mform__n a:hover, .form__n a:hover{color:var(--aqua-deep)}
.foot__bot a{border-bottom:1px solid transparent;transition:border-color .2s}
.foot__bot a:hover{border-color:currentColor}

/* WordPress: ошибка отправки формы (site.js, send) */
.form__err{grid-column:1/-1;margin:0;padding:12px 16px;font-size:14px;line-height:1.45;color:#C0392B}
