@font-face{font-family:'Inter Tight';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/InterTight-normal-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:'Inter Tight';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/InterTight-normal-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/InterTight-normal-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{
  --bg:#f1f0ed; --paper:#fff; --soft:#e8e7e3; --studio:#e9e7e3;
  --ink:#15171a; --ink2:#43484e; --mute:#62686f; --line:#dcdad5; --line2:#cbc9c3;
  --red:#db1e16; --red-d:#bf190e; --red-l:#fdecea;
  --graph:#2a2e33;
  --w:1360px; --gut:clamp(16px,3.2vw,40px);
  --h-top:36px; --h-main:72px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 'Inter Tight',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
input,textarea,select{font:inherit;color:inherit}
:focus:not(:focus-visible){outline:none!important}
*{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.05;text-wrap:balance}
p{margin:0;text-wrap:pretty}
.wrap{max-width:var(--w);margin-left:auto;margin-right:auto;padding-left:var(--gut);padding-right:var(--gut)}
.i{display:inline-flex;width:20px;height:20px;flex:none}
.i svg{width:100%;height:100%}

/* ── типографика ── */
.h1{font-size:clamp(38px,5.4vw,80px);max-width:15ch}
.h2{font-size:clamp(30px,3.6vw,54px);max-width:17ch}
.h3{font-size:clamp(22px,2vw,28px);max-width:24ch;letter-spacing:-.02em;line-height:1.12}
.lead{font-size:clamp(17px,1.35vw,20px);line-height:1.5;color:var(--ink2);max-width:46ch}
.kick{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.kick::before{content:"";width:8px;height:8px;background:var(--red);flex:none}
.mute{color:var(--mute)}
.num{font-variant-numeric:tabular-nums}

/* ── кнопки ── */
.btn{--bh:52px;position:relative;display:inline-flex;align-items:center;gap:14px;height:var(--bh);padding:0 6px 0 24px;border-radius:999px;font-weight:600;font-size:16px;white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s,transform .25s var(--ease);isolation:isolate;overflow:hidden}
.btn .b-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;transition:background .25s}
.btn .b-ic svg{width:18px;height:18px}
.btn:active{transform:scale(.98)}
.btn-red{background:var(--red);color:#fff}
.btn-red .b-ic{background:#fff;color:var(--red)}
.btn-red:hover{background:var(--red-d)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark .b-ic{background:#fff;color:var(--ink)}
.btn-dark:hover{background:#000}
.btn-light{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn-light .b-ic{background:var(--ink);color:#fff}
.btn-light:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.btn-glass{background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.btn-glass .b-ic{background:#fff;color:var(--ink)}
.btn-glass:hover{background:rgba(255,255,255,.24)}
.btn-sm{--bh:42px;font-size:15px;padding-left:18px;gap:10px}
.btn-sm .b-ic{width:32px;height:32px}
.btn-sm .b-ic svg{width:16px;height:16px}
.btn-full{width:100%;justify-content:space-between}
.ibtn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:.2s}
.ibtn:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.ibtn svg{width:20px;height:20px}
.ibtn.on{background:var(--ink);color:#fff;box-shadow:none}
.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:500;white-space:nowrap;transition:.2s}
.chip:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.chip.on{background:var(--ink);color:#fff;box-shadow:none}
.chip small{color:var(--mute);font-size:12px}
.chip.on small{color:#aab}

/* ── шапка ── */
.top{background:var(--ink);color:#c9cdd2;font-size:13px}
.top .wrap{display:flex;align-items:center;gap:26px;height:var(--h-top)}
.top a:hover{color:#fff}
.top .sp{flex:1}
.top .dot{display:inline-flex;align-items:center;gap:8px}
.top .dot::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red)}
.hdr{position:sticky;top:0;z-index:50;background:rgba(241,240,237,.86);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.hdr.sc{border-color:var(--line);background:rgba(241,240,237,.94)}
.hdr .wrap{display:flex;align-items:center;gap:18px;height:var(--h-main)}
.hdr .logo-a{flex:none;display:block}
.hdr .logo{width:168px;height:auto}
.cat-btn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px 0 16px;border-radius:999px;background:#fff;color:var(--ink);font-weight:600;font-size:15px;flex:none;transition:background .2s}
.cat-btn .i{width:18px;height:18px}
.cat-btn .x{display:none}
.mega-open .cat-btn{background:var(--ink);color:#fff}
.mega-open .cat-btn .g{display:none}.mega-open .cat-btn .x{display:inline-flex}
.srch{position:relative;flex:1;min-width:120px;max-width:420px}
.srch input{width:100%;height:46px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);padding:0 18px 0 44px;font-size:15px;transition:box-shadow .2s}
.srch input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--ink)}
.srch>.i{position:absolute;left:15px;top:13px;color:var(--mute)}
.srch-res{position:absolute;left:0;top:54px;background:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.25),0 0 0 1px var(--line);max-height:min(70vh,560px);overflow:auto;display:none;z-index:60}
.srch-res.on{display:block}
.srch-res a{display:grid;align-items:center;border-bottom:1px solid var(--soft)}
.srch-res a:hover,.srch-res a.act{background:var(--bg)}
.srch-res img{object-fit:cover;background:var(--studio)}
.srch-res b{display:block;font-weight:600}
.srch-res span{font-size:13px;color:var(--mute)}
.srch-res .all{display:block;text-align:center;padding:14px;font-weight:600;color:var(--red)}
.srch-res .none{padding:18px;color:var(--mute)}
.nav{display:flex;gap:4px;align-items:center}
.nav>a,.nav>.dd>button{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 12px;border-radius:999px;font-size:15px;font-weight:500;color:var(--ink2);transition:.2s;white-space:nowrap}
.nav>a:hover,.nav>.dd>button:hover,.nav>a.on{color:var(--ink);background:#fff}
.nav .dd{position:relative}
.nav .dd .i{width:14px;height:14px}
.dd-m{position:absolute;left:0;top:46px;min-width:250px;background:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.22),0 0 0 1px var(--line);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.dd:hover .dd-m,.dd:focus-within .dd-m{opacity:1;visibility:visible;transform:none}
.dd-m a{display:block;padding:10px 14px;font-size:15px}
.dd-m a:hover{background:var(--bg)}
.hdr-r{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none}
.hdr-ph{display:flex;flex-direction:column;line-height:1.2;text-align:right}
.hdr-ph b{font-size:17px;font-weight:600;white-space:nowrap}
.hdr-ph span{font-size:12px;color:var(--mute)}
.cmp-b{position:relative}
.cmp-b em{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font:600 11px/18px 'Inter Tight';font-style:normal;text-align:center;display:none}
.cmp-b em.on{display:block}
.burger{display:none}

/* мега-меню */
.mega{position:fixed;left:0;right:0;top:calc(var(--h-top) + var(--h-main));bottom:0;z-index:49;background:rgba(21,23,26,.35);opacity:0;visibility:hidden;transition:.25s}
.mega-open .mega{opacity:1;visibility:visible}
.mega-in{background:var(--bg);overflow:auto;border-top:1px solid var(--line);transform:translateY(-12px);transition:transform .35s var(--ease)}
.mega-open .mega-in{transform:none}
.mega-g{display:grid;grid-template-columns:300px 1fr;gap:0}
.mega-l{border-right:1px solid var(--line);padding:18px 0}
.mega-l a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 20px 11px 0;font-weight:500;font-size:15px;color:var(--ink2);border-left:3px solid transparent;padding-left:14px}
.mega-l a small{color:var(--mute);font-size:13px}
.mega-l a.on,.mega-l a:hover{color:var(--ink);background:#fff;border-left-color:var(--red)}
.mega-r{padding:26px 0 30px 34px}
.mega-p{display:none}
.mega-p.on{display:grid;grid-template-columns:1fr 340px;gap:30px}
.mega-p h3{font-size:28px;margin-bottom:6px}
.mega-sub{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 24px;margin-top:20px}
.mega-sub a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.mega-sub a:hover{color:var(--red)}
.mega-sub small{color:var(--mute)}
.mega-pic{background:var(--studio);aspect-ratio:3/2;overflow:hidden}
.mega-pic img{width:100%;height:100%;object-fit:cover}
.mega-p .btn{margin-top:22px}

/* ── секции ── */
.sec{padding:clamp(64px,8vw,120px) 0}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:clamp(30px,4vw,52px)}
.sec-h .h2{margin-top:16px}
.sec-h p{margin-top:16px}
.sec-h .ctl{display:flex;gap:10px;flex:none}
.bg-white{background:#fff}
.line-t{border-top:1px solid var(--line)}

/* ── hero ── */
.hero{position:relative;height:auto;min-height:clamp(600px,calc(100svh - var(--h-top) - var(--h-main)),860px);color:#fff;overflow:hidden;background:#1d2024}
.hero-sl{position:absolute;inset:0}
.hero-s{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.hero-s.on{opacity:1}
.hero-s img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 9s linear}
.hero-s.on img{transform:scale(1)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,14,17,.72) 0%,rgba(12,14,17,.38) 38%,rgba(12,14,17,0) 64%),linear-gradient(0deg,rgba(12,14,17,.6) 0%,rgba(12,14,17,0) 36%);pointer-events:none}
.hero .wrap{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;min-height:inherit;padding-top:56px;padding-bottom:clamp(28px,4vw,48px)}
.hero h1{font-size:clamp(40px,4.6vw,72px);max-width:15ch;letter-spacing:-.035em;line-height:.98}
.hero .lead{color:#e5e7ea;margin-top:22px;max-width:40ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-b{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:clamp(30px,5vw,56px);padding-top:22px;border-top:1px solid rgba(255,255,255,.22)}
.hero-facts{display:grid;grid-template-columns:repeat(4,auto);gap:clamp(20px,4vw,64px)}
.hero-facts b{display:block;font-size:clamp(24px,2.4vw,36px);font-weight:600;letter-spacing:-.03em;line-height:1}
.hero-facts span{display:block;font-size:13px;color:#c9cdd2;margin-top:8px;max-width:17ch;line-height:1.35}
.hero-card{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center;width:340px;padding:16px 16px 16px 20px;background:rgba(255,255,255,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);transition:background .25s}
.hero-card:hover{background:rgba(255,255,255,.2)}
.hero-card small{grid-column:1;font-size:12px;color:#c9cdd2;letter-spacing:.06em;text-transform:uppercase}
.hero-card b{grid-column:1;font-size:16px;font-weight:600;line-height:1.25}
.hero-card em{grid-column:1;font-style:normal;font-size:14px;color:#e5e7ea}
.hero-card .b-ic{grid-column:2;grid-row:1/4;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center}
.hero-card .b-ic svg{width:18px}
.hero-dots{position:absolute;z-index:3;right:var(--gut);top:28px;display:flex;gap:6px}
.hero-dots button{width:36px;height:3px;background:rgba(255,255,255,.35);position:relative;overflow:hidden}
.hero-dots button i{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.hero-dots button.on i{animation:prog 7s linear forwards}
.hero-dots button.done i{transform:none}
@keyframes prog{to{transform:none}}

/* ── полоса брендов ── */
.brands{border-bottom:1px solid var(--line);background:var(--bg)}
.brands .wrap{display:flex;align-items:center;gap:clamp(20px,4vw,56px);height:96px;overflow:hidden}
.brands small{flex:none;font-size:13px;color:var(--mute);max-width:16ch;line-height:1.35}
.brands-t{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.brands-r{display:flex;gap:clamp(36px,5vw,72px);width:max-content;animation:mq 40s linear infinite}
.brands-r span{font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-.02em;color:#9a9ea4;white-space:nowrap;text-transform:uppercase}
@keyframes mq{to{transform:translateX(-50%)}}

/* ── о компании + цифры ── */
.about-g{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,80px);align-items:start}
.about-g .lead{margin-top:22px}
.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:40px}
.stat{padding:26px 20px 26px 0;border-bottom:1px solid var(--line)}
.stat:nth-child(odd){border-right:1px solid var(--line)}
.stat:nth-child(even){padding-left:26px}
.stat b{display:block;font-size:clamp(40px,4.4vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1}
.stat b sup{font-size:.45em;vertical-align:top;position:relative;top:.2em;margin-left:2px;color:var(--red)}
.stat span{display:block;margin-top:10px;color:var(--ink2);font-size:15px;max-width:28ch}
.about-pic{position:relative;aspect-ratio:4/5;overflow:hidden;background:#ccc}
.about-pic img{width:100%;height:100%;object-fit:cover}
.about-pic .tag{position:absolute;left:16px;bottom:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);font-size:14px}
.about-pic .tag b{font-size:15px}

/* ── категории ── */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.cat{position:relative;background:var(--bg);display:flex;flex-direction:column;min-height:330px;padding:22px 22px 0;overflow:hidden;transition:background .3s}
.cat:hover{background:#fff}
.cat h3{font-size:21px;letter-spacing:-.02em;line-height:1.15;max-width:15ch}
.cat .cnt{font-size:14px;color:var(--mute);margin-top:6px}
.cat .pic{margin:auto -22px 0;aspect-ratio:3/2;overflow:hidden}
.cat .pic img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .7s var(--ease)}
.cat:hover .pic img{transform:scale(1.05)}
.cat .go{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line2);transition:.3s}
.cat .go svg{width:16px}
.cat:hover .go{background:var(--red);color:#fff;box-shadow:none;transform:rotate(-45deg)}
.cat.big{grid-column:span 2;grid-row:span 2}
.cat.big h3{font-size:clamp(26px,2.6vw,38px);max-width:12ch}
.cat.big .pic{aspect-ratio:auto;flex:1;min-height:300px}
.cat.big .sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;max-width:520px}

/* ── карточки техники ── */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.pc{position:relative;display:flex;flex-direction:column;background:#fff;transition:box-shadow .3s}
.pc:hover{box-shadow:0 30px 60px -30px rgba(0,0,0,.28)}
.pc-pic{position:relative;aspect-ratio:3/2;background:var(--studio);overflow:hidden}
.pc-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s,transform .8s var(--ease)}
.pc-pic img.alt{opacity:0}
.pc:hover .pc-pic img.alt{opacity:1}
.pc:hover .pc-pic img.main{transform:scale(1.03)}
.pc-badges{position:absolute;left:12px;top:12px;display:flex;flex-wrap:wrap;gap:6px;z-index:2}
.bdg{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;font-weight:600;background:#fff;color:var(--ink);letter-spacing:.01em}
.bdg.stock{background:var(--ink);color:#fff}
.bdg.stock::before{content:"";width:6px;height:6px;border-radius:50%;background:#4cd07d}
.bdg.new{background:var(--red);color:#fff}
.pc-cmp{position:absolute;right:10px;top:10px;z-index:2;width:38px;height:38px}
.pc-cmp svg{width:18px}
.pc-b{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.pc-cat{font-size:13px;color:var(--mute)}
.pc-t{font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.25;margin-top:6px}
.pc-t a::after{content:"";position:absolute;inset:0;z-index:1}
.pc-sp{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pc-sp span{font-size:13px;padding:4px 9px;background:var(--bg);color:var(--ink2)}
.pc-f{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px}
.pc-pr small{display:block;font-size:12px;color:var(--mute)}
.pc-pr b{font-size:20px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}
.pc-pr b.q{font-size:16px}
.pc-f .btn{position:relative;z-index:2}

/* карусель */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,calc((100% - 48px)/4));gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start}

/* ── конструктор: шасси × надстройка ── */
.cfg{display:grid;grid-template-columns:380px 1fr;gap:0;background:#fff}
.cfg-l{padding:clamp(24px,3vw,40px);border-right:1px solid var(--line)}
.cfg-l h4{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:28px 0 12px}
.cfg-l h4:first-child{margin-top:0}
.cfg-opts{display:flex;flex-wrap:wrap;gap:8px}
.cfg-opts .chip{height:40px;font-size:15px}
.cfg-r{position:relative;display:flex;flex-direction:column}
.cfg-stage{overflow:hidden}
.cfg-stage img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s,transform .8s var(--ease)}
.cfg-stage img.on{opacity:1}
.cfg-cap{position:absolute;left:24px;top:22px;right:24px;display:flex;justify-content:space-between;gap:20px;z-index:2}
.cfg-cap b{font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.1;max-width:20ch}
.cfg-cap span{font-size:14px;color:var(--ink2)}
.cfg-cnt{text-align:right;flex:none}
.cfg-cnt b{display:block;font-size:44px;line-height:1;color:var(--red)}
.cfg-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cfg-list{display:flex;gap:8px;flex-wrap:wrap;font-size:14px}
.cfg-list a{padding:6px 10px;background:var(--bg)}
.cfg-list a:hover{background:var(--ink);color:#fff}

/* ── производство ── */
.prod-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.shop{position:relative;aspect-ratio:4/5;overflow:hidden;color:#fff;background:#333}
.shop img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.shop:hover img{transform:scale(1.05)}
.shop::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,14,.82),rgba(10,12,14,0) 55%)}
.shop div{position:absolute;left:22px;right:22px;bottom:22px;z-index:2}
.shop small{font-size:13px;color:#d1d4d8}
.shop h3{font-size:22px;margin-top:6px;letter-spacing:-.02em;line-height:1.15}
.shop p{font-size:14px;color:#d1d4d8;margin-top:10px;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s,opacity .4s}
.shop:hover p{max-height:120px;opacity:1}
.prod-hero{position:relative;overflow:hidden;min-height:420px;color:#fff;margin-bottom:16px}
.prod-hero img{width:100%;height:100%;object-fit:cover}
.prod-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,14,.75),rgba(10,12,14,.1) 60%)}
.prod-hero .in{position:absolute;inset:0;z-index:2;padding:clamp(24px,4vw,56px);display:flex;flex-direction:column;justify-content:space-between}
.prod-hero .h2{color:#fff;max-width:14ch}
.prod-hero .lead{color:#e1e4e7}
.prod-hero .row{display:flex;gap:12px;flex-wrap:wrap}

/* ── шаги ── */
.steps{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--ink)}
.step{padding:22px 20px 0 0;position:relative}
.step+.step{padding-left:20px;border-left:1px solid var(--line)}
.step i{font-style:normal;font-size:13px;font-weight:600;color:var(--red)}
.step b{display:block;font-size:19px;font-weight:600;letter-spacing:-.015em;margin-top:30px;line-height:1.2}
.step p{font-size:14px;color:var(--ink2);margin-top:10px}
.step em{display:inline-block;margin-top:14px;font-style:normal;font-size:13px;font-weight:600;padding:4px 9px;background:#fff}

/* ── выгоды/гарантии ── */
.ben{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ben-c{background:#fff;padding:26px 24px 28px;display:flex;flex-direction:column;min-height:280px}
.ben-c .n{font-size:clamp(40px,3.6vw,56px);font-weight:600;letter-spacing:-.04em;line-height:1}
.ben-c .n small{font-size:.4em;letter-spacing:0;margin-left:4px;color:var(--mute);font-weight:500}
.ben-c h3{font-size:19px;letter-spacing:-.015em;margin-top:auto;padding-top:30px;line-height:1.2}
.ben-c p{font-size:14px;color:var(--ink2);margin-top:8px}

/* ── лизинг ── */
.lz{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lz-calc{background:#fff;padding:clamp(24px,3vw,44px)}
.lz-row{margin-top:28px}
.lz-row:first-of-type{margin-top:8px}
.lz-row label{display:flex;justify-content:space-between;font-size:14px;color:var(--ink2);margin-bottom:12px}
.lz-row label b{color:var(--ink);font-size:18px;font-weight:600}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent}
input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,var(--red) var(--p,50%),var(--line) var(--p,50%))}
input[type=range]::-moz-range-track{height:4px;background:var(--line)}
input[type=range]::-moz-range-progress{height:4px;background:var(--red)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--red),0 4px 12px rgba(0,0,0,.2);cursor:grab}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--red)}
.lz-out{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:30px;border:1px solid var(--line)}
.lz-out div{background:var(--bg);padding:18px}
.lz-out small{display:block;font-size:13px;color:var(--mute)}
.lz-out b{display:block;font-size:24px;font-weight:600;letter-spacing:-.02em;margin-top:4px}
.lz-out .main{grid-column:1/-1}
.lz-out .main b{font-size:clamp(30px,3vw,42px)}
.lz-note{font-size:13px;color:var(--mute);margin-top:14px}
.lz-info{background:var(--soft);padding:clamp(24px,3vw,44px);display:flex;flex-direction:column}
.lz-info ul{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:0}
.lz-info li{padding:18px 0;border-top:1px solid var(--line2);display:grid;grid-template-columns:44px 1fr;gap:10px}
.lz-info li i{font-style:normal;font-size:13px;font-weight:600;color:var(--red);padding-top:3px}
.lz-info li b{display:block;font-size:17px;font-weight:600}
.lz-info li span{display:block;font-size:14px;color:var(--ink2);margin-top:4px}
.lz-info .btn{align-self:flex-start}

/* ── поставки (видео) ── */
.cases{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,calc((100% - 48px)/4));gap:16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.cases::-webkit-scrollbar{display:none}
.case{position:relative;overflow:hidden;scroll-snap-align:start}
.case video,.case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.case::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,14,.85),rgba(10,12,14,0) 50%);pointer-events:none}
.case div{z-index:2;left:18px;right:18px;bottom:18px}
.case b{display:block;font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.01em}

/* ── отзывы/письма ── */
.rev-main{background:var(--red);color:#fff;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column}
.rev-main b.n{font-size:clamp(56px,6vw,96px);font-weight:600;letter-spacing:-.05em;line-height:.9}
.rev-main p{margin-top:16px;font-size:17px;max-width:24ch}
.rev-main .btn{margin-top:auto;align-self:flex-start}
.letter{background:#fff;padding:16px;display:flex;flex-direction:column;cursor:zoom-in}
.letter .pic{aspect-ratio:3/4;overflow:hidden;background:var(--bg)}
.letter img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--ease)}
.letter:hover img{transform:scale(1.03)}
.letter small{font-size:13px;color:var(--mute);margin-top:14px}
.letter b{font-size:16px;font-weight:600;margin-top:2px}

/* ── партнёры/дилерство ── */
.dealers{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.dealer{background:#fff;padding:20px;display:flex;flex-direction:column;gap:14px;cursor:zoom-in}
.dealer .pic{aspect-ratio:4/3;background:var(--bg);overflow:hidden}
.dealer img{width:100%;height:100%;object-fit:contain}
.dealer b{font-size:15px;font-weight:600}

/* ── FAQ ── */
.faq-g{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(30px,5vw,90px);align-items:start}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:clamp(17px,1.4vw,20px);font-weight:600;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary .i{width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line2);display:grid;place-items:center;transition:.3s}
.faq summary .i svg{width:16px;height:16px}
.faq details[open] summary .i{transform:rotate(45deg);background:var(--ink);color:#fff;box-shadow:none}
.faq .a{padding:0 60px 24px 0;color:var(--ink2);max-width:68ch}
.faq-side{position:sticky;top:120px}
.mgr{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;margin-top:30px;padding:16px;background:#fff}
.mgr img{width:72px;height:72px;object-fit:cover;object-position:top;border-radius:50%}
.mgr b{display:block;font-size:16px}
.mgr span{display:block;font-size:13px;color:var(--mute)}
.mgr a{display:block;font-size:15px;font-weight:600;margin-top:4px}

/* ── блог ── */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.post{background:#fff;display:flex;flex-direction:column}
.post .pic{aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.post .pic img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.post:hover .pic img{transform:scale(1.04)}
.post div{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.post small{font-size:13px;color:var(--mute)}
.post b{font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.25}

/* ── финальный CTA ── */
.final{background:var(--red);color:#fff;overflow:hidden;position:relative}
.final .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr 480px;gap:clamp(30px,5vw,80px);padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(56px,7vw,100px)}
.final .big{font-size:clamp(56px,9vw,150px);font-weight:700;letter-spacing:-.05em;line-height:.88;max-width:8ch}
.final .lead{color:#ffe1de;margin-top:26px}
.final ul{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:12px}
.final li{display:flex;gap:12px;align-items:center;font-size:16px}
.final li .i{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.2);padding:5px}
.final .form{background:#fff;color:var(--ink);padding:clamp(22px,2.6vw,36px)}
.final .mark{position:absolute;right:-120px;bottom:-160px;width:620px;opacity:.08;pointer-events:none}

/* ── формы ── */
.form h3{font-size:26px;letter-spacing:-.02em}
.form>p{color:var(--ink2);font-size:15px;margin-top:8px}
.fld{display:block;margin-top:14px}
.fld span{display:block;font-size:13px;color:var(--mute);margin-bottom:6px}
.fld input,.fld textarea,.fld select{width:100%;height:52px;border:0;background:var(--bg);box-shadow:inset 0 0 0 1px transparent;padding:0 16px;font-size:16px;border-radius:0;transition:box-shadow .2s,background .2s}
.fld textarea{height:96px;padding:14px 16px;resize:vertical}
.fld input:focus,.fld textarea:focus,.fld select:focus{outline:none;background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}
.fld.err input{box-shadow:inset 0 0 0 1.5px var(--red);background:var(--red-l)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.ways{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ways label{position:relative;cursor:pointer}
.ways input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.ways span{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:var(--bg);font-size:14px;font-weight:500;transition:.2s}
.ways input:checked+span{background:var(--ink);color:#fff}
.ways input:focus-visible+span{outline:2px solid var(--red)}
.file{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:14px;color:var(--ink2);cursor:pointer}
.file input{position:absolute;opacity:0;width:1px}
.file .i{width:36px;height:36px;border-radius:50%;background:var(--bg);display:grid;place-items:center;padding:8px}
.agree{display:block;font-size:12px;color:var(--mute);margin-top:14px;line-height:1.45}
.agree a{text-decoration:underline}
.form .btn{margin-top:18px}
.form .ok{display:none;text-align:left}
.form.sent>*:not(.ok){display:none}
.form.sent .ok{display:block}
.ok .i{width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;padding:14px}
.ok h3{margin-top:20px}
.ok p{color:var(--ink2);margin-top:10px}
.f-err{color:var(--red);font-size:14px;margin-top:10px;display:none}
.f-err.on{display:block}

/* ── модалка ── */
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,17,20,.55);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.25s}
.modal.on{opacity:1;visibility:visible}
.m-box{position:relative;display:grid;grid-template-columns:420px 460px;max-width:100%;max-height:calc(100svh - 40px);background:#fff;transform:translateY(16px) scale(.98);transition:transform .35s var(--ease);overflow:hidden}
.modal.on .m-box{transform:none}
.m-side{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:26px 26px 22px;background:linear-gradient(180deg,#f7f6f3,#efeeea)}
.m-mgr{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:10px 12px;background:#fff;border-radius:999px;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.m-mgr img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:top}
.m-mgr b{display:block;font-size:15px;font-weight:600;line-height:1.2}
.m-mgr span{display:block;font-size:12.5px;color:var(--mute);line-height:1.3;margin-top:2px}
.m-mgr .m-on{width:10px;height:10px;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 4px rgba(47,191,113,.18);margin-right:6px}
.m-side h4{margin-top:22px;font-size:25px;letter-spacing:-.02em;line-height:1.1}
.m-side ul{list-style:none;padding:0;margin:16px 0 20px;display:grid;gap:8px}
.m-side li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:var(--ink2);font-size:14.5px}
.m-side li .i{width:22px;height:22px;color:var(--red)}
.m-pic{position:relative;display:block;flex:none;margin:auto 0 0;aspect-ratio:3/2;min-height:0;border-radius:16px;overflow:hidden;background:var(--studio)}
.m-pic img{width:100%;height:100%;object-fit:cover;object-position:center bottom;transition:opacity .35s}
.m-pic img.cl{object-fit:contain;background:#fff;padding:6%}
.m-item{margin-top:10px}
.m-item small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.m-item b{font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-trust{display:flex;gap:18px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(0,0,0,.08);font-size:13px;color:var(--ink2)}
.m-trust em{font-style:normal;font-weight:700;color:var(--ink)}
@media (max-width:1280px){.m-box{grid-template-columns:380px 440px}}
@media (max-width:900px){.m-box{grid-template-columns:1fr}.m-side{display:none}}
.m-box .form{padding:34px 32px 28px;overflow:auto}
.m-box .form h3{font-size:24px}
.m-x{position:absolute;right:14px;top:14px;z-index:3;width:42px;height:42px;border-radius:50%;background:var(--bg);display:grid;place-items:center}
.m-x svg{width:20px}
.lb{position:fixed;inset:0;z-index:110;background:rgba(10,12,14,.94);display:none;align-items:center;justify-content:center}
.lb.on{display:flex}
.lb img,.lb video{max-width:92vw;max-height:86vh;object-fit:contain}
.lb .m-x{background:rgba(255,255,255,.12);color:#fff}
.lb .nv{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}
.lb .nv svg{width:22px}
.lb .pv{left:20px}.lb .nx{right:20px}
.lb .cap{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#c9cdd2;font-size:14px}

/* ── подвал ── */
.foot{background:#fff;padding:clamp(48px,6vw,80px) 0 26px;font-size:15px;border-top:1px solid var(--line)}
.foot-g{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr;gap:30px}
.foot .logo{width:190px}
.foot h5{margin:0 0 16px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.foot li{list-style:none;margin:0 0 10px}
.foot ul{padding:0;margin:0}
.foot a:hover{color:var(--red)}
.foot .ph{font-size:22px;font-weight:600;letter-spacing:-.02em;display:block}
.foot .soc{display:flex;gap:8px;margin-top:16px}
.foot .soc a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0077ff;color:#fff}
.foot .soc svg{width:22px}
.foot-b{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:50px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
.foot-b a{text-decoration:underline}

/* ── внутренние страницы ── */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--mute);padding-top:24px}
.crumbs a:hover{color:var(--ink)}
.crumbs span{color:var(--line2)}
.ph-h .h1{font-size:clamp(34px,4.4vw,64px);max-width:20ch;margin-top:14px}
.ph-h .lead{margin-top:18px}
.prose{font-size:17px;line-height:1.65;color:var(--ink2);max-width:72ch}
.prose p,.prose ul,.prose ol{margin:0 0 16px}
.prose h2,.prose h3{color:var(--ink);margin:36px 0 14px;font-size:clamp(22px,2vw,28px);line-height:1.2}
.prose strong,.prose b{color:var(--ink);font-weight:600}
.prose img{margin:24px 0;width:100%;height:auto}
.prose a{color:var(--red);text-decoration:underline}
.prose li{margin-bottom:6px}
.prose table{border-collapse:collapse;width:100%;margin:20px 0;font-size:15px}
.prose td,.prose th{border:1px solid var(--line);padding:8px 12px;text-align:left}

/* каталог */
.cat-l{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}
.flt{position:sticky;top:96px;background:#fff;padding:20px;max-height:calc(100vh - 116px);overflow:auto;scrollbar-width:thin}
.flt h4{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:24px 0 10px}
.flt h4:first-child{margin-top:0}
.flt label{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:15px;cursor:pointer}
.flt label small{margin-left:auto;color:var(--mute);font-size:13px}
.flt input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;box-shadow:inset 0 0 0 1.5px var(--line2);flex:none;display:grid;place-items:center;transition:.15s}
.flt input[type=checkbox]:checked{background:var(--ink);box-shadow:none}
.flt input[type=checkbox]:checked::after{content:"";width:10px;height:6px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.flt .reset{margin-top:20px;font-size:14px;color:var(--red);font-weight:600}
.flt-cats a{display:flex;justify-content:space-between;padding:7px 0;font-size:15px;color:var(--ink2)}
.flt-cats a.on{color:var(--ink);font-weight:600}
.flt-cats a small{color:var(--mute)}
.flt-cats .sub{padding-left:14px;border-left:1px solid var(--line);margin:4px 0 8px}
.flt-cats .sub a{font-size:14px;padding:5px 0}
.cat-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.cat-top .cnt{font-size:15px;color:var(--ink2)}
.cat-top select{height:42px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);padding:0 36px 0 16px;font-size:15px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315171a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
.subcats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.more{display:flex;justify-content:center;margin-top:28px}
.flt-btn{display:none}
.empty{padding:60px 20px;text-align:center;background:#fff;color:var(--ink2)}
.seo{margin-top:clamp(50px,6vw,90px);display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:40px;border-top:1px solid var(--line)}

/* карточка товара */
.pp{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start;padding-bottom:20px}
.gal{position:relative}
.gal-main{position:relative;aspect-ratio:3/2;background:var(--studio);overflow:hidden;cursor:zoom-in}
.gal-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.gal-main img.on{opacity:1}
.gal-main .nv{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;transition:.2s}
.gal-main .nv:hover{background:#fff}
.gal-main .nv svg{width:20px}
.gal-main .pv{left:14px}.gal-main .nx{right:14px}
.gal-main .ct{position:absolute;right:14px;bottom:14px;z-index:2;font-size:13px;font-weight:600;background:rgba(255,255,255,.9);padding:5px 10px}
.gal-main .studio-l{position:absolute;left:14px;bottom:14px;z-index:2;font-size:12px;color:var(--ink2);background:rgba(255,255,255,.85);padding:5px 10px}
.thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:104px;gap:8px;margin-top:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.thumbs button{aspect-ratio:3/2;background:var(--studio);overflow:hidden;box-shadow:inset 0 0 0 2px transparent;position:relative;opacity:.7;transition:.2s}
.thumbs button img{width:100%;height:100%;object-fit:cover}
.thumbs button.on{opacity:1}
.thumbs button.on::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px var(--red)}
.buy{position:sticky;top:96px;background:#fff;padding:clamp(22px,2.4vw,32px)}
.buy .bdgs{display:flex;gap:6px;flex-wrap:wrap}
.buy .bdg{background:var(--bg)}
.buy .bdg.stock{background:var(--ink)}
.buy .bdg.new{background:var(--red)}
.buy h1{font-size:clamp(26px,2.3vw,34px);letter-spacing:-.025em;line-height:1.1;margin-top:16px;max-width:none}
.buy .sku{font-size:13px;color:var(--mute);margin-top:10px}
.kspec{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:22px}
.kspec div{background:#fff;padding:12px 14px}
.kspec small{display:block;font-size:12px;color:var(--mute)}
.kspec b{display:block;font-size:16px;font-weight:600;margin-top:2px}
.buy .price{margin-top:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.buy .price small{display:block;font-size:13px;color:var(--mute)}
.buy .price b{font-size:clamp(28px,2.6vw,38px);font-weight:600;letter-spacing:-.03em;line-height:1.1}
.buy .price b.q{font-size:24px}
.buy .price .lzm{font-size:14px;color:var(--ink2);text-align:right}
.buy .price .lzm b{font-size:18px;letter-spacing:-.01em}
.buy .acts{display:grid;gap:8px;margin-top:20px}
.buy .acts2{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.buy .acts2 button,.buy .acts2 a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;background:var(--bg);font-size:14px;font-weight:500;transition:.2s}
.buy .acts2 .i{width:16px;height:16px}
.buy .acts2 .on{background:var(--ink);color:#fff}
.buy .gar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.buy .gar b{display:block;font-size:15px;font-weight:600;line-height:1.2}
.buy .gar span{display:block;font-size:12px;color:var(--mute);margin-top:4px;line-height:1.3}
.buy .mgr{margin-top:20px;background:var(--bg)}
.tabs{position:sticky;top:var(--h-main);z-index:20;background:var(--bg);border-bottom:1px solid var(--line);margin-top:clamp(30px,4vw,56px)}
.tabs .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.tabs a{flex:none;padding:16px 16px;font-weight:600;font-size:15px;color:var(--mute);border-bottom:2px solid transparent}
.tabs a.on,.tabs a:hover{color:var(--ink);border-color:var(--red)}
.psec{padding:clamp(40px,5vw,72px) 0;border-bottom:1px solid var(--line)}
.psec>.wrap>.g{display:grid;grid-template-columns:320px 1fr;gap:clamp(24px,4vw,60px)}
.psec h2{font-size:clamp(26px,2.6vw,38px);max-width:12ch}
.plan{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.plan ol{margin:0;padding:0;list-style:none;counter-reset:pl;columns:1}
.plan li{counter-increment:pl;display:grid;grid-template-columns:36px 1fr;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px;break-inside:avoid}
.plan li::before{content:counter(pl,decimal-leading-zero);font-size:13px;font-weight:600;color:var(--red);padding-top:2px}
.plan .pic{background:#fff;padding:12px;cursor:zoom-in;align-self:start}
.plan-tb{grid-template-columns:1fr}
.plan-tb .specs{grid-template-columns:minmax(0,1fr)}
.plan-tb .spec-t h5{font-size:13px;font-weight:600;color:var(--red);text-transform:uppercase;letter-spacing:.04em;padding:16px 0 4px}
.plan-tb .spec-t div span{color:var(--ink)}
.plan-tb .spec-t div b{flex:0 1 auto;max-width:45%;font-weight:600;text-align:right}
.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.spec-t{background:#fff;padding:20px 22px}
.spec-t h4{font-size:17px;margin-bottom:8px;letter-spacing:-.01em}
.spec-t div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--soft);font-size:15px}
.spec-t div span{color:var(--mute)}
.spec-t div b{font-weight:600;text-align:right}
.dl-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dl-c{background:#fff;padding:24px}
.dl-c b{display:block;font-size:18px;font-weight:600;letter-spacing:-.01em}
.dl-c p{font-size:15px;color:var(--ink2);margin-top:10px}

/* сравнение */
.cmp-t{overflow-x:auto;background:#fff}
.cmp-t table{border-collapse:collapse;min-width:100%}
.cmp-t th,.cmp-t td{padding:12px 16px;border-bottom:1px solid var(--soft);text-align:left;vertical-align:top;font-size:14px;min-width:230px}
.cmp-t th{position:sticky;left:0;background:#fff;color:var(--mute);font-weight:500;min-width:200px;z-index:1}
.cmp-t .hd td{vertical-align:bottom}
.cmp-t .hd img{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--studio)}
.cmp-t .hd b{display:block;font-size:15px;margin-top:10px;line-height:1.25}
.cmp-t .rm{font-size:13px;color:var(--red);margin-top:6px}
.cmp-t tr.diff td{background:#fffbea}

/* инфостраницы */
.info-g{display:grid;grid-template-columns:260px 1fr;gap:clamp(24px,4vw,60px);align-items:start}
.side-nav{position:sticky;top:100px;display:grid;gap:2px}
.side-nav a{padding:12px 16px;font-weight:500;color:var(--ink2);background:transparent;border-left:3px solid transparent}
.side-nav a.on,.side-nav a:hover{background:#fff;color:var(--ink);border-left-color:var(--red)}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#fff;padding:26px}
.card h3{font-size:20px;letter-spacing:-.015em;line-height:1.2}
.card p{color:var(--ink2);font-size:15px;margin-top:10px}
.card .n{font-size:13px;font-weight:600;color:var(--red)}
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.tm{background:#fff;padding:20px}
.tm b{display:block;font-size:17px;font-weight:600}
.tm span{display:block;font-size:13px;color:var(--mute);margin-top:2px}
.tm a{display:block;margin-top:8px;font-size:15px}
.tm a:hover{color:var(--red)}
.req{background:#fff}
.req div{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:12px 22px;border-bottom:1px solid var(--soft);font-size:15px}
.req div span{color:var(--mute)}
.timeline{display:grid;gap:0;border-top:1px solid var(--line)}
.tl{display:grid;grid-template-columns:140px 1fr;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}
.tl b{font-size:32px;font-weight:600;letter-spacing:-.03em;color:var(--red)}
.tl ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:16px;color:var(--ink2)}
.art{max-width:820px}
.art-hero{aspect-ratio:16/9;overflow:hidden;margin:10px 0 36px;background:var(--soft)}
.art-hero img{width:100%;height:100%;object-fit:cover}
.svc-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc{background:#fff;display:flex;flex-direction:column}
.svc .pic{aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.svc .pic img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.svc div{padding:20px 22px 24px}
.svc b{display:block;font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.svc p{font-size:14px;color:var(--ink2);margin-top:8px}
.map{aspect-ratio:21/9;background:var(--soft);overflow:hidden}
.map iframe{width:100%;height:100%;border:0}

/* мобильная панель */
.mbar{display:none}

/* reveal */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}

/* ───────── адаптив ───────── */
@media (max-width:1280px){
  .nav>a.opt{display:none}
  .hdr-ph span{display:none}
  .cats{grid-template-columns:repeat(3,1fr)}
  .cat.big{grid-column:span 2;grid-row:span 1}
  .ben{grid-template-columns:repeat(2,1fr)}
  .rail{grid-auto-columns:minmax(290px,calc((100% - 32px)/3))}
  .cases{grid-auto-columns:minmax(260px,calc((100% - 32px)/3))}.rev-main{grid-column:1/-1}
  .foot-g{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:1100px){
  .nav{display:none}
  .burger{display:grid}
  .hdr-ph{display:none}
  .srch{max-width:none}
  .hero-facts{grid-template-columns:repeat(2,auto)}
  .hero-card{display:none}
  .steps{grid-template-columns:repeat(3,1fr);row-gap:30px}
  .step:nth-child(4){border-left:0;padding-left:0}
  .cfg{grid-template-columns:1fr}
  .cfg-l{border-right:0;border-bottom:1px solid var(--line)}
  .cfg-r{min-height:480px}
  .about-g{grid-template-columns:1fr}
  .about-pic{aspect-ratio:16/10}
  .prod-g{grid-template-columns:1fr 1fr}
  .lz{grid-template-columns:1fr}
  .faq-g{grid-template-columns:1fr}.faq-side{position:static}
  .posts{grid-template-columns:1fr 1fr}
  .final .wrap{grid-template-columns:1fr}
  .cat-l{grid-template-columns:1fr}
  .flt{position:fixed;inset:0;z-index:90;max-height:none;transform:translateX(-100%);transition:transform .35s var(--ease);padding-top:70px}
  .flt.on{transform:none}
  .flt-x{position:absolute;right:14px;top:14px}
  .flt-btn{display:inline-flex}
  .buy{position:static}
  .psec>.wrap>.g{grid-template-columns:1fr}
  .plan{grid-template-columns:1fr}
  .mega-g{grid-template-columns:1fr}
  .mega-l{display:none}
  .mega-r{padding:20px 0}
  .mega-p{display:block!important;margin-bottom:26px}
  .mega-p .mega-pic,.mega-p .btn,.mega-p>div>p{display:none}
  .mega-p h3{font-size:22px}
  .dealers{grid-template-columns:repeat(2,1fr)}
  .svc-g,.cards3{grid-template-columns:1fr 1fr}
  .info-g{grid-template-columns:1fr}.side-nav{position:static;grid-auto-flow:column;overflow-x:auto}
  .seo{grid-template-columns:1fr}
}
@media (min-width:1101px){.flt-x{display:none}}
@media (max-width:760px){
  :root{--h-main:62px}
  body{font-size:15px;padding-bottom:68px}
  .top{display:none}
  .hdr .logo{width:132px}
  .cat-btn{width:46px;padding:0;justify-content:center}
  .cat-btn .lbl{display:none}
  .srch{display:none}
  .srch.m-on{display:block;position:fixed;left:0;right:0;top:var(--h-main);padding:10px 16px;background:var(--bg);max-width:none;z-index:55;border-bottom:1px solid var(--line)}
  .srch.m-on .i{left:31px;top:23px}
  .srch.m-on .srch-res{left:16px;right:16px;top:64px}
  .hdr-r .btn{display:none}
  .s-tgl{display:grid!important}
  .mega{top:var(--h-main)}
  .hero::after{background:linear-gradient(0deg,rgba(12,14,17,.86) 0%,rgba(12,14,17,.55) 55%,rgba(12,14,17,.15) 100%)}
  .hero-cta .btn{flex:1 1 100%;justify-content:space-between}
  .hero-facts{grid-template-columns:1fr 1fr;gap:18px 16px;width:100%}
  .brands .wrap{height:76px}
  .brands small{display:none}
  .sec-h{flex-direction:column;align-items:flex-start;gap:16px}
  .sec-h .ctl{display:none}
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding:18px 12px 18px 0}
  .stat:nth-child(even){padding-left:14px}
  .stat span{font-size:13px}
  .cats{grid-template-columns:1fr 1fr}
  .cat{min-height:230px;padding:14px 14px 0}
  .cat h3{font-size:16px}
  .cat .cnt{font-size:12px}
  .cat .go{display:none}
  .cat .pic{margin:auto -14px 0}
  .cat.big{grid-column:1/-1}
  .cat.big .pic{min-height:200px}
  .rail,.cases{grid-auto-columns:84%}
  .pgrid{grid-template-columns:1fr}
  .cfg-r{min-height:360px}
  .cfg-cnt{text-align:left}
  .prod-g{grid-template-columns:1fr}
  .shop p{max-height:none;opacity:1}
  .steps{grid-template-columns:1fr 1fr}
  .step:nth-child(odd){border-left:0;padding-left:0}
  .step:nth-child(even){border-left:1px solid var(--line);padding-left:16px}
  .step b{margin-top:14px;font-size:17px}
  .ben{grid-template-columns:1fr}
  .ben-c{min-height:0}
  .lz-out b{font-size:20px}
  .rev-main{grid-column:1/-1}
  .posts{grid-template-columns:1fr}
  .dealers{grid-template-columns:1fr 1fr}
  .final .big{font-size:clamp(52px,16vw,90px)}
  .f2{grid-template-columns:1fr}
  .foot-g{grid-template-columns:1fr 1fr}
  .foot-g>div:first-child{grid-column:1/-1}
  .modal{padding:12px;align-items:flex-end}
  .m-box{display:flex;flex-direction:column;max-height:calc(100svh - 24px);width:100%;overflow:auto}
  .m-box .form{padding:8px 20px 20px;overflow:visible}
  .m-box .form h3{color:var(--mute);font-weight:500;font-size:15px}
  .m-box .form>p{display:none}
  .m-side{display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;flex:none;padding:18px 18px 4px;background:#fff}
  .m-mgr,.m-trust,.m-side ul{display:none}
  .m-side h4{grid-column:1/-1;margin:0 0 12px;padding-right:46px;font-size:20px}
  .m-pic{grid-column:1;grid-row:2;width:96px;height:64px;aspect-ratio:auto;margin:0;border-radius:10px}
  .m-item{grid-column:2;grid-row:2;margin:0}
  .m-item b{font-size:13.5px}
  .m-side:has(.m-item[hidden]) .m-pic{display:none}
  #leadM .fld-co{display:none}
  .kspec{grid-template-columns:1fr 1fr}
  .buy .gar{grid-template-columns:1fr 1fr 1fr}
  .specs{grid-template-columns:1fr}
  .dl-g,.svc-g,.cards3{grid-template-columns:1fr}
  .tl{grid-template-columns:1fr;gap:10px}
  .req div{grid-template-columns:1fr;gap:2px}
  .faq .a{padding-right:0}
  .mbar{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .mbar a,.mbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:50px;font-size:12px;font-weight:600;border-radius:12px}
  .mbar .i{width:20px;height:20px}
  .mbar .r{background:var(--red);color:#fff;flex-direction:row;gap:8px;font-size:15px;border-radius:999px}
  .gal-main .nv{width:38px;height:38px}
  .thumbs{grid-auto-columns:80px}
  .map{aspect-ratio:4/5}
}
.s-tgl{display:none}
@media (max-width:400px){
  .hero h1{font-size:36px}
  .cats{grid-template-columns:1fr 1fr;}
}

/* ── дополнения ── */
.pc-pic.clean,.cat .pic.clean{background:#fff}
.gal-main img.clean{object-fit:contain}
.cat.all .cnt{color:#aab0b6}
.all-in{margin-top:auto;padding-bottom:22px;display:flex;flex-direction:column;gap:6px}
.all-in b{font-size:18px;font-weight:600}
.all-in span{color:#aab0b6;font-size:14px}
.chip.dim{opacity:.4}
.stars{color:#ffb800;letter-spacing:2px;font-size:18px}
.rev2{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}
.rev-main .stars{color:#fff;margin-top:10px}
.rq{background:var(--bg);padding:26px 24px;display:flex;flex-direction:column;gap:14px}
.rq p{font-size:16px;line-height:1.5;color:var(--ink)}
.rq span{margin-top:auto;font-size:13px;color:var(--mute)}
.rq span b{display:block;font-size:15px;color:var(--ink);font-weight:600}
.rev3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.rev3 .letter{background:var(--bg);flex-direction:row;gap:18px}
.rev3 .letter .pic{flex:none}
.rev3 .letter small{margin-top:0}
.cta-band{display:flex;align-items:center;gap:18px;margin-top:28px;padding:22px 24px;background:#fff;box-shadow:inset 3px 0 0 var(--red)}
.cta-band>.i{width:44px;height:44px;border-radius:50%;background:var(--red-l);color:var(--red);padding:11px;flex:none}
.cta-band div{flex:1}
.cta-band b{display:block;font-size:17px;font-weight:600}
.cta-band span{display:block;font-size:14px;color:var(--ink2);margin-top:2px}
.case-g{display:grid;gap:16px}
.bm{align-items:stretch;justify-content:flex-end;padding:0}
.bm-box{display:flex!important;flex-direction:column;width:min(420px,100%);max-height:none;height:100%;padding:70px 24px 24px;overflow:auto}
.bm-nav{display:flex;flex-direction:column}
.bm-nav a{border-bottom:1px solid var(--line);font-weight:500}
.bm-c{margin-top:auto;padding-top:24px;display:grid;gap:8px}
.bm-c .ph{font-size:24px;font-weight:600}
.rail .pc{scroll-snap-align:start}
.foot .logo{height:auto}
@media (max-width:1280px){.rev2{grid-template-columns:1fr 1fr}.case-g{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.rev2,.rev3{grid-template-columns:1fr}.case-g{grid-template-columns:1fr 1fr}.cta-band{flex-wrap:wrap}.cta-band .btn{width:100%;justify-content:space-between}.bm-box{width:100%}}
@media print{
  .top,.hdr,.mega,.mbar,.foot,.final,.tabs,.acts,.acts2,.thumbs,.nv,.crumbs,.sec,.modal,.lb,.cta-band{display:none!important}
  body{background:#fff;padding:0}
  .pp{grid-template-columns:1fr 1fr}
  .buy{position:static;padding:0}
  .psec{padding:20px 0;break-inside:avoid}
  .gal-main img:not(.on){display:none}
  .spec-t{break-inside:avoid}
}
[hidden]{display:none!important}
@media (max-width:1520px){.nav>a.opt{display:none}.nav>a,.nav>.dd>button{padding:0 10px;font-size:14.5px}.hdr .wrap{gap:14px}.hdr .logo{width:150px}}
@media (max-width:1360px){.hdr-ph span{display:none}.hdr-ph b{font-size:16px}}
@media (max-width:1240px){.hdr-r .btn{display:none}}

.cfg-cap>div:first-child{display:flex;flex-direction:column;gap:6px}
.mgr:not(:has(img)){grid-template-columns:1fr}
.prod-hero{aspect-ratio:auto;height:clamp(440px,42vw,600px)}
.pp>*,.rev2>*,.rev3>*,.cat-l>*,.about-g>*,.lz>*,.faq-g>*,.final .wrap>*,.cfg>*,.info-g>*,.psec .g>*{min-width:0}
@media (max-width:1100px){.pp{grid-template-columns:minmax(0,1fr)}.rev3{grid-template-columns:1fr 1fr}}
.cat h3{overflow-wrap:break-word;hyphens:manual}
.rail,.cases{overflow-y:hidden}
.ph-h{padding:18px var(--gut) clamp(30px,4vw,48px)}
@media (max-width:1100px){.flt:not(.on){visibility:hidden}}
@media (max-width:760px){.rev3{grid-template-columns:1fr}.hdr-r{gap:6px}.hdr .wrap{gap:8px}.ibtn{width:42px;height:42px}}
@media (max-width:370px){.hdr .logo{width:118px}}
.rev3 .letter{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;column-gap:18px;align-items:end}
.rev3 .letter .pic{grid-row:1/5;width:auto}
.rev3 .letter small{grid-row:2}.rev3 .letter b{grid-row:3;align-self:start}
@media (max-width:760px){.cat.big .sub{display:none}.subcats .chip{white-space:normal;height:auto;min-height:34px;padding:6px 14px}}
@media (max-width:420px){.cat h3{font-size:15px}}
.tours{display:grid;gap:16px}
.tour{position:relative;aspect-ratio:16/9;background:#1d2024;overflow:hidden}
.tour img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.tour .btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.tour iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lb iframe{width:92vw;height:86vh;border:0;background:#000}
.cat.big .sub{margin-bottom:26px}
/* подбор: картинка на весь блок */
.cfg{align-items:stretch}
.cfg-r{min-height:0;background:var(--studio)}
.cfg-stage{position:relative;flex:1 1 auto;aspect-ratio:3/2;min-height:0}
.cfg-stage img{object-fit:cover;transform:translateX(30px) scale(1.02)}
.cfg-stage img.on{transform:none}
.cfg-stage img.cl{object-fit:contain;background:#fff;padding:8% 6% 4%}
.cfg-bar{border-top:0;background:#fff;padding:18px 24px}
.cfg-cap{pointer-events:none}
.cfg-cap b{color:var(--ink)}
@media (max-width:1100px){.cfg-stage{flex:none}}
/* плашка на первом экране фиксированной высоты */
.hero-card{height:112px;align-content:center}
.hero-card b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero-card em,.hero-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cat.all{background:#fff;color:var(--ink)}
.cat.all:hover{background:#fff;box-shadow:inset 0 0 0 2px var(--red)}
.cat.all .cnt,.all-in span{color:var(--mute)}
.cat.all .go{background:var(--red);color:#fff;box-shadow:none}
/* поиск: нормальная ширина подсказок */
.srch{transition:max-width .3s var(--ease)}
.srch:focus-within{max-width:520px;flex-basis:420px}
.srch-res{width:min(580px,calc(100vw - 32px));right:auto;padding:6px 0}
.srch-res a{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:10px 16px}
.srch-res img{width:96px;height:64px}
.srch-res b{font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.srch-res span{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srch-res .all{border-bottom:0}
@media (max-width:760px){.srch.m-on .srch-res{width:auto}}
/* ── мобилка: фото сверху целиком, текст под ним (без наложения) ── */
@media (max-width:760px){
  .hero{min-height:0;max-height:none;background:var(--bg);color:var(--ink);overflow:visible}
  .hero::after{display:none}
  .hero-sl{position:relative;inset:auto;aspect-ratio:4/3;overflow:hidden;background:#1d2024}
  .hero .wrap{height:auto;min-height:0;padding-top:24px;padding-bottom:28px;display:block}
  .hero .kick{color:var(--ink2)!important}
  .hero h1{font-size:clamp(32px,9vw,40px);margin-top:12px!important}
  .hero .lead{color:var(--ink2);margin-top:14px}
  .hero .btn-glass{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:none}
  .hero .btn-glass .b-ic{background:var(--ink);color:#fff}
  .hero-b{border-top-color:var(--line);margin-top:26px}
  .hero-facts span{color:var(--mute)}
  .hero-dots{top:auto;bottom:auto;right:16px;top:16px}
  .prod-hero{aspect-ratio:auto;height:auto;min-height:0;color:var(--ink);background:#fff}
  .prod-hero>img,.prod-hero>picture{position:relative;display:block;width:100%;aspect-ratio:4/3;height:auto}
  .prod-hero::after{display:none}
  .prod-hero .in{position:relative;inset:auto;padding:22px 20px 24px;gap:20px}
  .prod-hero .h2{color:var(--ink)}
  .prod-hero .lead{color:var(--ink2)}
  .prod-hero .kick{color:var(--ink2)!important}
  .prod-hero .btn-glass{background:var(--bg);color:var(--ink);box-shadow:none;backdrop-filter:none}
  .prod-hero .btn-glass .b-ic{background:var(--ink);color:#fff}
  .prod-hero .row .btn{flex:1 1 100%;justify-content:space-between}
  .shop{aspect-ratio:auto;background:#fff;color:var(--ink)}
  .shop img{aspect-ratio:4/3;height:auto}
  .shop::after{display:none}
  .shop div{position:static;padding:16px 18px 20px}
  .shop small,.shop p{color:var(--ink2)}
  .about-pic{aspect-ratio:auto}
  .about-pic img{aspect-ratio:4/3;height:auto}
  .about-pic .tag{position:static;background:#fff;backdrop-filter:none}
  .case{aspect-ratio:auto;display:flex;flex-direction:column;background:#fff;color:var(--ink)}
  .case video{position:relative;aspect-ratio:9/14;height:auto}
  .case::after{display:none}
  .case div{position:static;padding:12px 14px 16px}
}
@media (max-width:760px){
  .cfg-r{background:#fff}
  .cfg-cap{position:static;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:18px 16px 14px;gap:12px}
  .cfg-cap b{font-size:20px}
  .cfg-cap span{font-size:13px}
  .cfg-cnt b{font-size:30px;display:block}
  .cfg-stage{aspect-ratio:3/2;min-height:0}
  .cfg-stage img{top:0}
  .cfg-bar{padding:14px 16px 18px}
}
/* без свечения у кнопок */
.btn-red,.btn-dark,.mbar .r{box-shadow:none!important}
/* ── правки по аудиту ── */
.plan .pic img{width:100%;height:auto}
.pp-svc{grid-template-columns:1.2fr 1fr}
@media (max-width:1100px){.pp-svc{grid-template-columns:minmax(0,1fr)}}
.kspec-l{display:none}
@media (min-width:1101px){.kspec-l{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px}.kspec-r{display:none}}
.kspec div:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:1101px){.kspec-l div:last-child:nth-child(odd){grid-column:auto}}
.buy .mgr a{white-space:nowrap}
.mgr>div{min-width:0}
/* формы на мобилке */
@media (max-width:760px){
  .fld{margin-top:10px}.fld input{height:48px}
  .ways span{height:32px;padding:0 12px;font-size:13px}
}
/* мега-меню */
.mega-in{max-height:calc(100vh - var(--h-top) - var(--h-main) - 80px)}
.mega-g{min-height:0}
/* подбор */
.cfg-opts .chip:disabled{opacity:.35;cursor:default;pointer-events:none}
.cfg-empty{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:30px}
.cfg-empty b{font-size:22px;font-weight:600;letter-spacing:-.02em}
.cfg-empty span{color:var(--ink2)}
.cfg-empty .btn{margin-top:10px}
.cfg.empty .cfg-empty{display:flex}
.cfg.empty .cfg-stage img{opacity:0!important}
.cfg.empty .cfg-cnt{visibility:hidden}
@media (max-width:760px){.cfg-cap{min-height:96px}.cfg-list{min-height:120px;align-content:flex-start}}
/* карточки */
.pc-f{flex-wrap:wrap}
.pc-f .btn{margin-left:auto}
/* лизинг без чёрной плашки */
.lz-out .main{background:#fff;color:var(--ink);box-shadow:inset 3px 0 0 var(--red)}
.lz-out .main small{color:var(--mute)}
.lz-out .main b{color:var(--red)}
.lz-info .btn{margin-top:30px}
/* каталог */
@media (min-width:1101px){.catalog .subcats{display:none}}
.flt-show{display:none}
@media (max-width:1100px){.flt-show{display:block;position:sticky;bottom:0;background:#fff;padding:14px 0 6px;margin-top:20px}}
/* тач: без залипшего hover */
@media (hover:none){.ibtn:hover,.chip:hover,.btn-light:hover{box-shadow:inset 0 0 0 1px var(--line)}}
/* бургер */
.bm-nav a{padding:10px 0;font-size:17px}
.bm-box{padding-top:60px}
.bm-c{position:sticky;bottom:0;background:#fff;padding-bottom:4px}
/* подвал */
.foot .ph,.bm-c .ph{white-space:nowrap}
/* услуги: фото до краёв */
.svc .pic img{transform:scale(1.12)}
.svc:hover .pic img{transform:scale(1.16)}
/* видео */
.case-g{grid-template-columns:repeat(3,1fr)}
/* сравнение */
.cmp-t .noimg{display:block;aspect-ratio:3/2;background:var(--studio)}
@media (max-width:760px){.cmp-t th{min-width:120px;width:120px}.cmp-t td{min-width:200px}}
/* навигация покупателям на мобилке */
@media (max-width:1100px){.side-nav{display:flex;flex-wrap:wrap;gap:6px}.side-nav a{border-left:0;background:#fff;border-radius:999px;padding:8px 14px;font-size:14px}}
.prose .svc-list{list-style:none;padding:0;margin:8px 0 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.prose .svc-list li{background:#fff;padding:14px 16px;margin:0;color:var(--ink);font-weight:500;font-size:16px;box-shadow:inset 3px 0 0 var(--red)}
@media (max-width:760px){.fld textarea{height:88px}.foot-g>div:last-child{grid-column:1/-1}}
/* мобилка: каталог справа, нижняя панель в одном стиле */
@media (max-width:760px){
  .hdr .logo-a{order:1;margin-right:auto}
  .cat-btn{order:2}
  .srch{order:4}
  .hdr-r{order:3;margin-left:0}
  .mbar{grid-template-columns:1fr 1fr 1fr}
}
/* ── каталог на главной: отдельные карточки, фото сверху, текст снизу ── */
.cats2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;background:none;border:0}
.cats2 .cat{background:#fff;min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s}
.cats2 .cat:hover{background:#fff;box-shadow:0 24px 50px -28px rgba(0,0,0,.3)}
.cats2 .cat .pic{position:relative;margin:0;aspect-ratio:3/2;background:var(--studio)}
.cats2 .cat .pic img{mix-blend-mode:normal}
.cats2 .cat .pic.clean img{object-fit:contain;padding:6%}
.cats2 .cb{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 18px;flex:1}
.cats2 .cat h3{font-size:18px;max-width:none}
.cats2 .cat .go{position:static;flex:none}
.cats2 .flag{position:absolute;left:12px;top:12px;background:var(--red);color:#fff;font-size:12px;font-weight:600;padding:5px 10px}
.cats2 .cat.all{grid-column:span 2;background:#fff;flex-direction:row;align-items:flex-end;justify-content:space-between;padding:24px;box-shadow:inset 0 0 0 1px var(--line)}
.cats2 .cat.all .all-in{margin:0;padding:0;gap:8px}
.cats2 .cat.all h3{font-size:clamp(24px,2.2vw,32px);margin-bottom:auto}
.cats2 .cat.all .all-in b{margin-top:30px}
@media (max-width:1100px){.cats2{grid-template-columns:repeat(3,minmax(0,1fr))}.cats2 .cat.all{grid-column:span 3}}
@media (max-width:760px){.cats2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cats2 .cat.all{grid-column:span 2}.cats2 .cb{padding:12px 12px 14px}.cats2 .cat h3{font-size:15px}.cats2 .cat .go{display:none}}
.hero-s img{object-position:var(--op,12% center)}
/* команда */
.team-pic{aspect-ratio:21/9;overflow:hidden;margin-bottom:16px;background:var(--soft)}
.team-pic img{width:100%;height:100%;object-fit:cover}
@media (max-width:760px){.team-pic{aspect-ratio:4/3}}
/* видео поставок прямо в карточке */
.case{aspect-ratio:auto;display:flex;flex-direction:column;background:#fff;color:var(--ink);cursor:default}
.case::after{display:none}
.case .cv{position:relative;aspect-ratio:9/14;background:#1d2024;overflow:hidden}
.case .cv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.case .snd{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:rgba(21,23,26,.6);color:#fff;display:grid;place-items:center}
.case .snd svg{width:16px;margin-left:2px}
.case.playing .snd{opacity:0}
.case .ct{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;position:static}
.case .ct b{font-size:15px;font-weight:600;line-height:1.3}
.case .ct span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--red)}
.case .ct .i{width:14px;height:14px}
.case div{position:static}
/* контакты */
.contacts-ways .ch{display:flex;flex-direction:column;align-items:flex-start}
.contacts-ways .ch .btn{margin-top:auto;padding-top:0}
.contacts-ways .ch p{margin-bottom:18px}
.tm-ph{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:start}
.tm-ph img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:top}
.req-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
/* Safari: бесшовный верх */
html{background:var(--bg)}
/* карточка товара на белом, блоки серые */
body.product{background:#fff}
body.product .tabs{background:#fff}
body.product .buy,body.product .spec-t,body.product .dl-c,body.product .plan .pic{background:#f5f4f1}
body.product .kspec{background:var(--line)}
body.product .kspec div{background:#f5f4f1}
body.product .buy .bdg{background:#fff}
body.product .buy .bdg.stock{background:var(--ink)}
body.product .buy .bdg.new{background:var(--red)}
body.product .buy .acts2 button,body.product .buy .acts2 a{background:#fff}
body.product .buy .mgr{background:#fff}
body.product .psec{border-color:var(--line)}
body.product .pc{background:#f5f4f1}
body.product .final{background:var(--red)}
/* сравнение: понятное удаление */
.cmp-t .hd td{position:relative;padding-top:18px}
.cmp-x{position:absolute;right:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 8px;border-radius:999px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12);font-size:13px;font-weight:600;color:var(--ink)}
.cmp-x svg{width:16px;height:16px}
.cmp-x:hover{background:var(--red);color:#fff}
.cmp-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.cmp-top .chip{cursor:pointer}
/* печатный бланк */
#printSheet{display:none}
@media print{
  @page{size:A4;margin:12mm}
  body.printing>*:not(#printSheet){display:none!important}
  body.printing #printSheet{display:block!important}
  body.printing{background:#fff!important;padding:0!important}
}
.ps{font:11pt/1.45 'Inter Tight',Arial,sans-serif;color:#15171a}
.ps-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:10px;border-bottom:3px solid #db1e16}
.ps-head .logo{width:170px;height:auto}
.ps-head .co{text-align:right;font-size:8.5pt;color:#43484e;line-height:1.4}
.ps-head .co b{color:#15171a;font-size:9.5pt}
.ps-meta{display:flex;justify-content:space-between;font-size:8.5pt;color:#7d838a;margin:8px 0 14px}
.ps h1{font-size:18pt;line-height:1.15;margin:0 0 6px;letter-spacing:-.01em}
.ps .sku{font-size:9pt;color:#7d838a}
.ps-top{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:12px;align-items:start}
.ps-top img{width:100%;border:1px solid #e5e3de}
.ps-price{border:1px solid #e5e3de;padding:10px 12px;margin-bottom:10px}
.ps-price small{display:block;font-size:8pt;color:#7d838a}
.ps-price b{font-size:16pt}
.ps table{width:100%;border-collapse:collapse;font-size:9pt}
.ps td{border-bottom:1px solid #ecebe7;padding:4px 6px;vertical-align:top}
.ps td:first-child{color:#5a6067;width:52%}
.ps h3{font-size:10.5pt;margin:14px 0 4px;padding:4px 6px;background:#f3f2ee;break-after:avoid}
.ps .grp{break-inside:avoid}
.ps ol{margin:4px 0 0 16px;padding:0;font-size:9pt;columns:2;column-gap:20px}
.ps-foot{margin-top:16px;padding-top:10px;border-top:1px solid #d9d7d1;display:flex;justify-content:space-between;gap:20px;font-size:8.5pt;color:#43484e}
.ps-foot b{color:#15171a}
.ps-note{font-size:7.5pt;color:#7d838a;margin-top:8px}
.catalog .crumbs{padding-bottom:6px}
.cat-hero{background:#fff;border-bottom:1px solid var(--line);margin:0 0 28px}
.catalog main>.crumbs{background:#fff;margin:0;max-width:none;padding-left:max(var(--gut),calc((100vw - var(--w))/2 + var(--gut)));padding-right:var(--gut)}
/* единый студийный стиль для вырезок на белом */
.pc-pic.clean{background:var(--studio)}
.pc-pic.clean img{mix-blend-mode:multiply;object-fit:contain;padding:7%}
.cats2 .cat .pic.clean{background:var(--studio)}
.cats2 .cat .pic.clean img{mix-blend-mode:multiply}
.gal-main img.clean{background:var(--studio);mix-blend-mode:multiply}
.thumbs button img{mix-blend-mode:multiply}
@media (max-width:760px){.hdr,.hdr.sc{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}
.team-pic img{object-position:center 28%}
.post .pic img{transform:scale(1.12)}
.ps ol{margin-left:24px}
@media (max-width:760px){.hero-s img{object-position:var(--opm,70% center)}}

/* аудит 16.10 */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.agree-cb{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;cursor:pointer}
.agree-cb input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;box-shadow:inset 0 0 0 1.5px var(--line2);display:grid;place-items:center;background:#fff;cursor:pointer}
.agree-cb input:checked{background:var(--ink);box-shadow:none}
.agree-cb input:checked::after{content:"";width:10px;height:6px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.agree-cb.err input{box-shadow:inset 0 0 0 1.5px var(--red)}
.foot-docs{display:flex;gap:18px;flex-wrap:wrap}
.ck{position:fixed;left:16px;bottom:16px;z-index:90;max-width:420px;display:flex;align-items:center;gap:14px;padding:14px 14px 14px 18px;background:#fff;border:1px solid var(--line);font-size:14px;color:var(--ink2)}
.ck a{text-decoration:underline}
@media (max-width:760px){.ck{left:10px;right:10px;bottom:76px;max-width:none}}
@media (prefers-reduced-motion:reduce){.hero-s img{transition:none!important;transform:none!important}.brands-r{animation:none}}
.ck .btn{flex:none;padding:0 18px}
.ck>span{flex:1;min-width:0}