@font-face{font-family:"Onest";font-style:normal;font-display:swap;font-weight:100 900;src:url(../fonts/onest-cyrillic.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-display:swap;font-weight:100 900;src:url(../fonts/onest-latin.woff2) format("woff2-variations");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+20B8,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-display:swap;font-weight:100 900;src:url(../fonts/onest-latin-ext.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
--ground:#ECEEF1;--surface:#fff;--sunk:#F2F4F7;--sunk-2:#E4E8ED;--line:#DCE1E7;
--ink:#14171C;--ink-2:#3E4551;--muted:#5A6271;
--dark:#0D1015;--dark-2:#1A1F27;--on-dark:rgba(255,255,255,.74);--on-dark-acc:#FFC933;--dark-line:rgba(255,255,255,.13);
--accent:#FFC21A;--accent-press:#F2AE00;--accent-tint:#FFF3CC;--on-acc:#14171C;--brand:#2E5E8C;--brand-ink:#1F4A73;--ok:#1F4A73;--err:#B4231B;
--r:16px;--r-m:12px;--r-s:10px;--h:46px;--pad:12px;--wrap:1280px;--sec:64px;
--ease:cubic-bezier(.22,1,.36,1);
--pop:0 24px 48px -18px rgba(20,23,28,.34),0 2px 8px rgba(20,23,28,.06);
--font:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:100px;scrollbar-color:#BCC2CA var(--ground)}
body{margin:0;background:var(--ground);color:var(--ink);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;caret-color:var(--ink);font-feature-settings:"lnum"}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
ul,ol{list-style:none;margin:0;padding:0}
fieldset{border:0;margin:0;padding:0;min-width:0}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}
p{margin:0;text-wrap:pretty}
::selection{background:var(--accent-tint);color:var(--ink)}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}
.ftr :focus-visible,.lb :focus-visible{outline-color:#fff}
[hidden]{display:none!important}
.i{width:24px;height:24px;flex:0 0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:calc(var(--wrap) + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad)}
.sec{margin-top:var(--sec)}
.skip{position:absolute;left:12px;top:-60px;z-index:300;background:var(--ink);color:#fff;padding:12px 16px;border-radius:var(--r-s)}
.skip:focus{top:12px}

/* buttons and links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 22px;border-radius:var(--r-s);font-size:16px;font-weight:600;line-height:1;white-space:nowrap;transition:background-color .18s,color .18s}
.btn .i{width:20px;height:20px}
.btn-acc{background:var(--accent);color:var(--on-acc)}.btn-acc:hover{background:var(--accent-press)}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#2B3039}
.btn-soft{background:var(--sunk);color:var(--ink)}.btn-soft:hover{background:var(--sunk-2)}
.btn-ghost{background:rgba(255,255,255,.1);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.18)}
.btn-wide{width:100%}
.ibtn{width:var(--h);height:var(--h);flex:0 0 auto;display:grid;place-items:center;border-radius:var(--r-s);background:var(--sunk);color:var(--ink);transition:background-color .18s,color .18s}
.ibtn:hover{background:var(--sunk-2)}
.ibtn .i{width:22px;height:22px}
.ibtn:disabled{opacity:.4;cursor:default}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap;color:var(--ink);transition:color .18s}
.more .i{width:20px;height:20px;transition:translate .25s var(--ease)}
.more:hover{color:var(--brand-ink)}.more:hover .i{translate:3px 0}
.lnk{display:inline;font-weight:600;color:var(--brand-ink);transition:color .18s}
.lnk:hover{color:var(--ink)}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.sec-h h2{font-size:34px}
.sec-h p{margin-top:10px;font-size:17px;color:var(--ink-2);max-width:64ch}

/* utility bar */
.util{font-size:13px;color:var(--ink-2)}
.util-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:38px}
.util-l,.util-n{display:flex;align-items:center;gap:22px;min-width:0}
.util-i{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.util-i .i{width:16px;height:16px;color:var(--muted)}
.util a{white-space:nowrap;transition:color .18s,color .18s}
.util a:hover{color:var(--brand-ink)}

/* header */
.hdr{position:sticky;top:0;z-index:60;background:var(--surface);box-shadow:0 1px 0 var(--line)}
.hdr-in{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;column-gap:18px;height:80px}
.logo{display:flex;align-items:center;min-width:0}
.logo img{height:45px;width:auto}
.logo-t{display:none;font-size:22px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.nologo img{display:none}.nologo .logo-t{display:block}
.cat-btn{padding:0 22px 0 18px}
.cat-btn .i-x{display:none}
.cat-open .cat-btn .i-m{display:none}.cat-open .cat-btn .i-x{display:block}
.search:not(body){position:relative;min-width:0}
.search-f{display:flex;align-items:center;height:var(--h);background:var(--sunk);border-radius:var(--r-s);transition:background-color .18s}
.search-f:focus-within{background:var(--sunk-2)}
.search input{flex:1;min-width:0;height:100%;border:0;background:transparent;padding:0 0 0 18px;font-size:16px;outline:0;-webkit-appearance:none;appearance:none}
.search input::placeholder{color:var(--muted);opacity:1}
.search input::-webkit-search-cancel-button{display:none}
.s-go{width:52px;height:var(--h);display:grid;place-items:center;color:var(--ink-2);border-radius:var(--r-s);transition:color .18s}
.s-go:hover{color:var(--ink)}
.s-cancel{display:none}
.hph{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}
.hph a{font-size:18px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.hph button{margin-top:2px;font-size:13px;font-weight:500;color:var(--brand-ink);transition:color .18s}
.hph button:hover{color:var(--ink)}
.hacts{display:flex;align-items:center;gap:8px}
.h-tel{display:none}
.cart-btn{position:relative;padding:0 18px 0 14px}
.cnt{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--accent);color:var(--on-acc);font-size:12px;font-weight:700;line-height:22px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--surface)}
.cnt[data-v="0"]{display:none}

/* mega menu */
.mega{position:absolute;left:0;right:0;top:100%;z-index:65}
.mega-box{display:grid;grid-template-columns:340px minmax(0,1fr);background:var(--surface);border-radius:0 0 var(--r) var(--r);box-shadow:var(--pop);height:min(660px,calc(100vh - 140px));overflow:hidden}
.mega-l{overflow:auto;border-right:1px solid var(--line);padding:10px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#C6CBD2 transparent}
.ml{display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 10px 6px 12px;border-radius:var(--r-s);font-size:15px;font-weight:500;line-height:1.25;transition:background-color .15s}
.ml .c{margin-left:auto;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}
.ml .i{width:16px;height:16px;color:var(--muted)}
.ml:hover{background:var(--sunk)}
.ml.on{background:var(--accent-tint)}
.mega-r{overflow:auto;padding:26px 32px 32px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#C6CBD2 transparent}
.mp{display:none}.mp.on{display:block;animation:mpIn .25s var(--ease)}
@keyframes mpIn{from{opacity:0;translate:14px 0}to{opacity:1;translate:0 0}}
.mp-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin-bottom:22px}
.mp-h a{font-size:26px;font-weight:700;letter-spacing:-.025em;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:6px;transition:text-decoration-color .15s}
.mp-h a:hover{text-decoration-color:var(--accent)}
.mp-h span{color:var(--muted);font-size:14px}
.mp-cols{columns:3 220px;column-gap:36px}
.mg{break-inside:avoid;margin:0 0 22px}
.mg-t{font-weight:600;font-size:16px;line-height:1.35}
.mg-t span{color:var(--muted);font-weight:400;font-size:13px;margin-left:6px;font-variant-numeric:tabular-nums}
.mg ul{margin-top:6px}
.mg li a{display:block;padding:3px 0;font-size:15px;line-height:1.35;color:var(--ink-2)}
.mg a:hover,.mg a:hover span{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
.mg .mg-more{color:var(--muted)}
.mega-mtop,.mp-back,.mega-extra{display:none}
.scrim{position:fixed;inset:0;z-index:55;background:rgba(20,23,28,.42)}

/* search suggestions */
.sugg{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:75;background:var(--surface);border-radius:var(--r);box-shadow:var(--pop);padding:8px;max-height:min(72vh,600px);overflow:auto;min-width:560px;scrollbar-width:thin}
.sg-h{padding:12px 12px 6px;font-size:13px;color:var(--muted)}
.sg-a{display:flex;align-items:center;gap:14px;padding:9px 12px;border-radius:var(--r-s);line-height:1.3}
.sg-a:hover,.sg-a.act{background:var(--sunk)}
.sg-t{min-width:0;flex:1}
.sg-t small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.sg-a .n{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.sg-a b{flex:0 0 auto;font-weight:600;white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums}
.sg-a b.dog{color:var(--muted);font-weight:500}
.sg-a mark{background:var(--accent-tint);color:inherit;border-radius:3px;padding:0 1px}
.sg-chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px 12px 12px}
.sg-chips a{height:40px;display:inline-flex;align-items:center;padding:0 16px;border-radius:20px;background:var(--sunk);font-size:15px;transition:background-color .15s}
.sg-chips a:hover{background:var(--sunk-2)}
.sg-all{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:14px 12px 10px;border-top:1px solid var(--line);font-weight:600}
.sg-all:hover,.sg-all.act{color:var(--ink);background:var(--sunk);border-radius:var(--r-s)}
.sg-empty{padding:18px 12px;color:var(--ink-2)}

/* hero */
.hero-t{display:flex;flex-direction:column;min-width:0}
.consent{font-size:13px;line-height:1.45;color:var(--muted);text-align:center}
.ok-i{width:52px;height:52px;color:var(--ok)}

/* fields */
.fld{display:block}
.fld>span:not(.sr){display:block;margin-bottom:6px;font-size:14px;color:var(--ink-2)}
.fld input,.fld textarea{display:block;width:100%;border:0;border-radius:var(--r-s);background:var(--sunk);padding:0 16px;font-size:16px;outline:0;transition:background-color .18s;-webkit-appearance:none;appearance:none}
.fld input{height:var(--h)}
.fld textarea{padding:12px 16px;line-height:1.5;resize:vertical;min-height:120px}
.fld input:focus,.fld textarea:focus{background:var(--sunk-2)}
.fld input::placeholder,.fld textarea::placeholder{color:var(--muted);opacity:1}
.fld.bad input{background:#FBE3E1}
.ferr{font-size:14px;color:var(--err)}
.filebtn{position:relative;cursor:pointer;padding:0 16px;max-width:200px}
.filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.filebtn .fname{overflow:hidden;text-overflow:ellipsis}
.filebtn:focus-within{outline:2px solid var(--ink);outline-offset:2px}

/* catalog */

/* tabs */
.tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs [role=tab]{flex:0 0 auto;height:var(--h);padding:0 20px;border-radius:23px;background:var(--surface);font-size:15px;font-weight:500;white-space:nowrap;transition:background-color .18s,color .18s}
.tabs [role=tab]:hover{background:#F6F7F9}
.tabs [aria-selected=true],.tabs [aria-selected=true]:hover{background:var(--dark);color:#fff}

/* price lists */
.prc{display:grid;grid-template-columns:288px minmax(0,1fr);background:var(--surface);border-radius:var(--r);overflow:hidden}
.prc-side{display:flex;flex-direction:column;gap:16px;background:var(--sunk);padding:24px}
.prc-img{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--r-m);overflow:hidden}
.prc-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.prc-cap h3{font-size:20px}
.prc-cap span{display:block;margin-top:6px;font-size:14px;color:var(--muted)}
.prc-side .more{margin-top:auto}
.prc-t{padding:6px 24px 10px;min-width:0}
.prc table{width:100%;border-collapse:collapse}
.prc th{padding:16px 12px 12px;font-size:13px;font-weight:500;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.prc th.r{text-align:right}
.prc td{padding:9px 12px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.35;vertical-align:middle}
.prc tr:last-child td{border-bottom:0}
.prc td.n a{font-weight:500}
.prc td.n a:hover{color:var(--brand-ink)}
.prc td.a1,.prc td.a2{color:var(--ink-2);white-space:nowrap}
.na{color:#A7ADB6}
.prc td.p{text-align:right;white-space:nowrap}
.prc td.p b{display:block;font-weight:700;font-variant-numeric:tabular-nums}
.prc td.p span{display:block;font-size:13px;color:var(--muted)}
.prc td.b{width:1%;padding-right:0}
.prc tbody tr{transition:background-color .15s}
.prc tbody tr:hover{background:#FAFBFC}
.add{padding:0 16px;gap:8px}
.add.in{background:var(--accent-tint)}
.add.in:hover{background:#FFE8A3}

/* calculator */
.calc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--surface);border-radius:var(--r);overflow:hidden}
.calc-c{padding:44px 40px 40px 44px}
.calc-c h2{font-size:34px}
.calc-c>p{margin-top:14px;color:var(--ink-2);font-size:17px;line-height:1.55;max-width:46ch}
.cf{margin-top:26px}
.cf legend{padding:0;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--ink-2)}
.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.seg.prof{grid-template-columns:repeat(2,minmax(0,1fr))}
.seg button{display:flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 12px;border-radius:var(--r-s);background:var(--sunk);font-size:15px;font-weight:500;white-space:nowrap;transition:background-color .18s,color .18s}
.seg.prof button{justify-content:flex-start;padding:0 14px}
.seg button .i{width:20px;height:20px;color:var(--muted);transition:color .18s}
.seg button:hover{background:var(--sunk-2)}
.seg button[aria-checked=true]{background:var(--dark);color:#fff}
.seg button[aria-checked=true] .i{color:var(--on-dark-acc)}
.calc-r{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto 1fr auto;gap:24px 28px;background:var(--sunk);padding:36px 40px}
.calc-in{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
.cfld{display:block}
.cfld span{display:block;margin-bottom:6px;font-size:14px;color:var(--ink-2);white-space:nowrap}
.cfld input{display:block;width:100%;height:var(--h);border:0;border-radius:var(--r-s);background:var(--surface);padding:0 14px;font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;outline:0;transition:background-color .18s}
.cfld input:focus{background:#FFF8E1}
.cfld input::placeholder{color:var(--muted);font-weight:400;font-size:15px}
.cfld.bad input{background:#FBE3E1}
.calc-out{align-self:center;min-width:0}
.co-main span{display:block;font-size:15px;color:var(--ink-2)}
.co-main output{display:block;margin-top:4px;font-size:58px;line-height:1;font-weight:300;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
.co-dl{margin:22px 0 0;display:grid;gap:0}
.co-dl div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #D7DCE2}
.co-dl dt{color:var(--ink-2);font-size:15px}
.co-dl dd{margin:0;font-weight:600;font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}
.co-err{margin-top:14px;font-size:15px;color:var(--err)}
.calc-fig{margin:0;align-self:center;background:var(--surface);border-radius:var(--r-m);padding:8px}
.calc-fig svg{display:block;width:100%;height:auto}
.calc-act{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #D7DCE2}
.calc-act p{font-size:14px;color:var(--ink-2);max-width:40ch}
.cs-shape{fill:#D5DEE8;stroke:var(--ink);stroke-width:1.6}
.cs-dim{stroke:#8B929C;stroke-width:1}
.cs-lbl{font:600 13px var(--font);fill:var(--ink)}
.cs-ext{stroke:#B6BCC5;stroke-width:1;stroke-dasharray:3 3}

/* production */

/* order flow + terms */
.flow{background:var(--surface);border-radius:var(--r);padding:44px 48px 48px}
.steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:8px}
.track{position:absolute;left:20px;right:calc(25% - 7px);top:19px;height:2px;background:var(--line);overflow:hidden}
.fill{position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform 1.8s var(--ease)}
.run .fill{transform:scaleX(1)}
.step{position:relative}
.step i{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--sunk);font-style:normal;font-weight:700;font-size:15px;color:var(--ink-2);transition:background-color .45s,color .45s}
.run .step i{background:var(--accent);color:var(--on-acc)}
.run .step:nth-child(3) i{transition-delay:.5s}.run .step:nth-child(4) i{transition-delay:1s}.run .step:nth-child(5) i{transition-delay:1.5s}
.step b{display:block;margin-top:18px;font-size:19px;font-weight:600;letter-spacing:-.015em;text-wrap:balance}
.step p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:30ch}
.terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;padding-top:36px;border-top:1px solid var(--line)}
.term{padding-right:36px}
.term+.term{position:relative;padding-left:36px}
.term+.term::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--line)}
.term h3{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:-.02em}
.term h3 .i{width:24px;height:24px;color:var(--ink-2)}
.term p{margin-top:12px;font-size:15.5px;line-height:1.6;color:var(--ink-2)}

/* photo report */
.rail-nav{display:flex;gap:8px}
.rail-nav .ibtn{background:var(--surface)}
.rail-nav .ibtn:hover{background:#F6F7F9}
.gal{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/4);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.gal::-webkit-scrollbar{display:none}
.g{display:block;aspect-ratio:3/2;border-radius:var(--r-m);overflow:hidden;background:#D3D8DE;scroll-snap-align:start;cursor:zoom-in}
.g img{width:100%;height:100%;object-fit:cover}

/* about + contacts */
.about{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px;align-items:start}
.ab{background:var(--surface);border-radius:var(--r);padding:40px 44px 34px}
.ab h2{font-size:30px;max-width:24ch}
.ab-txt{margin-top:18px;max-height:13.2em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.ab-txt p{color:var(--ink-2);line-height:1.65;max-width:70ch}
.ab-txt p+p{margin-top:12px}
.ab.open .ab-txt{max-height:none;-webkit-mask-image:none;mask-image:none}
.ab-more{margin-top:14px;font-size:16px}
.ct{background:var(--surface);border-radius:var(--r);padding:40px 36px 36px}
.ct h2{font-size:30px}
.ct-ph{display:block;margin-top:18px;font-size:28px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ct-l{margin-top:16px;display:grid;gap:12px}
.ct-l li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;color:var(--ink-2);line-height:1.45}
.ct-l .i{width:22px;height:22px;color:var(--muted)}
.ct-l a:hover{color:var(--brand-ink)}
.ct-b{display:grid;gap:8px;margin-top:28px}

/* footer */
.ftr{margin-top:var(--sec);background:var(--dark);color:var(--on-dark);padding:56px 0 28px;font-size:15px}
.f-grid{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(4,minmax(0,1fr));gap:32px}
.f-logo{display:inline-flex;align-items:center;background:#fff;border-radius:var(--r-s);padding:10px 14px;color:var(--ink)}
.f-logo img{height:40px;width:auto}
.f-logo .logo-t{font-size:20px}
.f-brand p{margin-top:16px;line-height:1.6;max-width:34ch}
.f-ph{display:block;margin-top:20px;font-size:19px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.f-ml{display:inline-block;margin-top:6px}
.f-brand .f-ad{margin-top:6px;font-size:14px}
.ftr h3{margin-bottom:14px;font-size:15px;font-weight:600;letter-spacing:0;color:#fff}
.ftr h3 button{display:flex;align-items:center;gap:6px;cursor:default;color:#fff;font-weight:600}
.ftr h3 .i{display:none}
.f-col li+li{margin-top:9px}
.f-col a,.f-ml{transition:color .18s}
.f-col a:hover,.f-ml:hover,.f-ph:hover{color:var(--on-dark-acc)}
.f-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 28px;margin-top:48px;padding-top:22px;border-top:1px solid var(--dark-line);font-size:13px;color:rgba(255,255,255,.62)}

/* floating, overlays */
.bnav{display:none}
.fab{position:fixed;right:22px;bottom:22px;z-index:70;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#1FA855;color:#fff;box-shadow:0 14px 28px -12px rgba(20,23,28,.55)}
.fab .i{width:28px;height:28px}
.fab-t{position:absolute;right:calc(100% + 12px);top:50%;translate:0 -50%;background:var(--ink);color:#fff;font-size:14px;font-weight:500;white-space:nowrap;padding:9px 14px;border-radius:var(--r-s);opacity:0;pointer-events:none;transition:opacity .2s,translate .2s}
.fab:hover .fab-t,.fab:focus-visible .fab-t{opacity:1;translate:-4px -50%}
.modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px}
.modal-bg,.drawer-bg{position:absolute;inset:0;background:rgba(20,23,28,.55);animation:fade .2s ease}
.modal-box{position:relative;width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border-radius:var(--r);padding:36px 32px 28px;animation:pop .3s var(--ease)}
@keyframes fade{from{opacity:0}}@keyframes pop{from{opacity:0;translate:0 12px}}
.modal-x{position:absolute;right:14px;top:14px}
#mForm{display:flex;flex-direction:column;gap:14px}
.modal-box h2{font-size:26px;padding-right:48px}
.m-sub{color:var(--ink-2);line-height:1.55;margin-top:-4px}
.m-ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:12px 0 4px}
.m-ok p{color:var(--ink-2);line-height:1.55}
.m-ok a{font-weight:600;white-space:nowrap}
.m-ok .btn{margin-top:10px;min-width:160px}
.m-file{max-width:none;align-self:flex-start}
.drawer{position:fixed;inset:0;z-index:120}
.drawer-box{position:absolute;right:0;top:0;bottom:0;width:min(460px,100%);display:flex;flex-direction:column;background:var(--surface);animation:slideIn .35s var(--ease)}
@keyframes slideIn{from{translate:100% 0}}
.dr-h{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 18px 28px;border-bottom:1px solid var(--line)}
.dr-h h2{font-size:24px}
.dr-body{flex:1;overflow:auto;padding:20px 28px 28px}
.dr-empty{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.dr-empty p{color:var(--ink-2);line-height:1.55}
.has-items .dr-empty{display:none}
.dr-list{display:grid;gap:0}
.dr-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:16px 0;border-bottom:1px solid var(--line)}
.dr-list a{font-weight:500;line-height:1.35}
.dr-list .pr{grid-column:1;font-size:14px;color:var(--ink-2)}
.dr-q{grid-column:1/-1;display:flex;align-items:center;gap:8px}
.dr-q input{width:110px;height:var(--h);border:0;border-radius:var(--r-s);background:var(--sunk);padding:0 12px;font-size:16px;outline:0;font-variant-numeric:tabular-nums}
.dr-q input:focus{background:var(--sunk-2)}
.dr-q span{color:var(--ink-2);font-size:15px}
.dr-q .ibtn{margin-left:auto}
.dr-form{display:none;flex-direction:column;gap:14px;margin-top:24px}
.has-items .dr-form{display:flex}
.dr-form h3{font-size:20px}
.dr-form>p{color:var(--ink-2);font-size:15px;line-height:1.5;margin-top:-6px}
.dr-ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:40px 10px}
.dr-ok p{color:var(--ink-2)}
.lb{position:fixed;inset:0;z-index:130;display:grid;place-items:center;background:rgba(14,16,20,.92);padding:24px 80px}
.lb img{max-width:100%;max-height:calc(100vh - 48px);border-radius:var(--r-m);object-fit:contain}
.lb .ibtn{position:absolute;background:rgba(255,255,255,.12);color:#fff}
.lb .ibtn:hover{background:rgba(255,255,255,.22)}
.lb-x{right:20px;top:20px}.lb-n{top:50%;translate:0 -50%}.lb-n.p{left:20px}.lb-n.n{right:20px}
.toast{position:fixed;left:50%;bottom:28px;z-index:110;translate:-50% 0;display:flex;align-items:center;gap:16px;max-width:calc(100vw - 24px);padding:10px 10px 10px 20px;border-radius:var(--r-m);background:var(--ink);color:#fff;font-size:15px;box-shadow:0 18px 36px -14px rgba(20,23,28,.5);animation:toastIn .35s var(--ease)}
@keyframes toastIn{from{opacity:0;translate:-50% 10px}}
.toast span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toast button{flex:0 0 auto;height:40px;padding:0 16px;border-radius:var(--r-s);background:var(--accent);color:var(--on-acc);font-weight:600;white-space:nowrap}
.lock{overflow:hidden}

/* ---------- responsive ---------- */
@media (max-width:1240px){
.util-n a:nth-child(4){display:none}
.hph{display:none}
.h-tel{display:grid}
.prc{grid-template-columns:240px minmax(0,1fr)}
.prc td.a2,.prc th:nth-child(3){display:none}
.calc{grid-template-columns:minmax(0,1fr)}
.f-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.f-brand{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 28px}
.f-brand p{margin:0}
.f-brand .f-ph,.f-brand .f-ml,.f-brand .f-ad{display:none}
}
@media (max-width:980px){
:root{--sec:44px}
.util{display:none}
.hdr-in{grid-template-columns:var(--h) minmax(0,1fr) auto;grid-template-areas:"cat logo acts" "srch srch srch";height:auto;padding-top:10px;padding-bottom:12px;row-gap:12px;column-gap:12px}
.cat-btn{grid-area:cat;width:var(--h);padding:0}
.cat-btn span{display:none}
.logo{grid-area:logo;justify-self:start}.logo img{height:38px}
.search{grid-area:srch}
.hacts{grid-area:acts}
.h-wa{display:none}
.cart-btn{width:var(--h);padding:0}
.cart-btn .lbl{display:none}
.mega{position:fixed;inset:0;z-index:100}
.mega>.wrap{padding:0;max-width:none;height:100%}
.mega-box{position:relative;display:block;height:100%;border-radius:0;box-shadow:none}
.mega-mtop{display:flex;align-items:center;justify-content:space-between;height:64px;padding:9px 10px 9px 18px;box-shadow:inset 0 -1px 0 var(--line);font-size:20px;font-weight:700}
.mega-l,.mega-r{position:absolute;top:64px;bottom:0;left:0;width:100%;border:0;transition:transform .35s var(--ease)}
.mega-l{padding:8px 10px 28px}
.mega-r{transform:translateX(100%);padding:8px 18px 40px;background:var(--surface)}
.drill .mega-l{transform:translateX(-24%)}
.drill .mega-r{transform:none}
.ml{min-height:50px;font-size:16px}
.ml.on{background:none}
.mp.on{animation:none}
.mp-back{display:inline-flex;align-items:center;gap:6px;width:100%;height:var(--h);margin-bottom:6px;color:var(--ink-2);font-weight:500}
.mp-back .i{width:20px;height:20px}
.mp-h a{font-size:23px}
.mp-cols{columns:1}
.mg li a{padding:6px 0}
.mega-extra{display:grid;gap:10px;margin:16px 2px 0;padding:20px 10px 0;border-top:1px solid var(--line)}
.me-ph{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.me-wa{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.me-wa .i{width:22px;height:22px;color:#1FA855}
.mega-extra nav{display:grid;gap:12px;margin-top:8px;font-size:16px;color:var(--ink-2)}
.scrim{display:none!important}
.sugg{min-width:0}
.srch-on .search{position:fixed;inset:0;z-index:110;background:var(--surface);padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);gap:10px 12px;align-content:start}
.srch-on .s-cancel{display:block;height:var(--h);padding:0 4px;font-weight:600;color:var(--ink-2)}
.srch-on .sugg{position:static;grid-column:1/-1;box-shadow:none;max-height:none;padding:0;border-radius:0;overflow:auto}
.cat-open .hdr,.srch-on .hdr{z-index:100}
.cat-open .bnav,.cat-open .fab,.srch-on .bnav{display:none}
.sec-h{flex-wrap:wrap}
.sec-h h2{font-size:27px}
.sec-h p{font-size:16px}
.prc{grid-template-columns:minmax(0,1fr)}
.prc-side{flex-direction:row;align-items:center;padding:14px 16px}
.prc-img{width:72px;flex:0 0 auto;background:var(--surface)}
.prc-cap{flex:1;min-width:0}
.prc-cap h3{font-size:17px}
.prc-cap span{font-size:13px;margin-top:3px}
.prc-side .more{margin:0;font-size:0;gap:0}
.prc-side .more .i{width:22px;height:22px}
.prc-t{padding:0 16px 6px}
.prc table,.prc tbody{display:block}
.prc thead{display:none}
.prc tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n n" "a b" "p b";gap:4px 14px;padding:14px 0;border-bottom:1px solid var(--line)}
.prc tr:last-child{border-bottom:0}
.prc td{display:block;padding:0;border:0}
.prc td.n{grid-area:n}
.prc td.a1{grid-area:a;font-size:14px}
.prc td.a2{display:none}
.prc td.p{grid-area:p;text-align:left;display:flex;align-items:baseline;gap:8px}
.prc td.p span{display:inline}
.prc td.b{grid-area:b;align-self:end;width:auto}
.prc tbody tr:nth-child(n+4){display:none}
.prc.all tbody tr:nth-child(n+4){display:grid}
.sg-a:has(b){display:grid;gap:4px}
.sg-a b{justify-self:start}
.add{width:var(--h);padding:0}
.add span{display:none}
.calc-c{padding:28px 20px 24px}
.calc-c h2{font-size:27px}
.calc-c>p{font-size:16px}
.calc-r{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:20px}
.calc-in{grid-template-columns:repeat(2,minmax(0,1fr))}
.calc-fig{display:none}
.co-main output{font-size:46px}
.calc-act{flex-direction:column;align-items:stretch;gap:14px}
.calc-act .btn{width:100%}
.flow{padding:30px 20px 30px}
.steps{grid-template-columns:minmax(0,1fr);gap:22px;padding-left:56px}
.track{left:19px;right:auto;top:20px;bottom:30px;width:2px;height:auto}
.fill{transform:scaleY(0);transform-origin:top}
.run .fill{transform:scaleY(1)}
.step i{position:absolute;left:-56px;top:-6px}
.step b{margin-top:0;font-size:18px}
.terms{grid-template-columns:minmax(0,1fr);margin-top:30px;padding-top:6px}
.term,.term+.term{padding:22px 0 0}
.term+.term{margin-top:22px}
.term+.term::before{right:0;bottom:auto;width:auto;height:1px}
.gal{grid-auto-columns:78%;gap:10px;margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad);scroll-padding-inline:var(--pad)}
.rail-nav{display:none}
.about{grid-template-columns:minmax(0,1fr)}
.ab{padding:28px 20px 24px}
.ab h2,.ct h2{font-size:25px}
.ct{padding:28px 20px 22px}
.ct-ph{font-size:24px}
.ftr{padding:36px 0 calc(96px + env(safe-area-inset-bottom))}
.f-grid{grid-template-columns:minmax(0,1fr);gap:0}
.f-brand{display:block;margin-bottom:20px}
.f-brand p{margin-top:14px}
.f-brand .f-ph,.f-brand .f-ml,.f-brand .f-ad{display:block}
.f-col{box-shadow:inset 0 1px 0 var(--dark-line)}
.ftr .f-col h3{margin:0}
.ftr .f-col h3 button{width:100%;height:54px;justify-content:space-between;cursor:pointer;font-size:16px}
.ftr .f-col h3 .i{display:block;width:20px;height:20px;transition:rotate .25s}
.f-col h3 button[aria-expanded=true] .i{rotate:180deg}
.f-col ul{display:none;padding:0 0 16px}
.f-col.open ul{display:block}
.f-bot{margin-top:20px;flex-direction:column}
.bnav{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);box-shadow:0 -1px 0 var(--line)}
.bnav>*{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;color:var(--ink-2)}
.bnav .i{width:24px;height:24px}
.bnav [aria-current=page]{color:var(--ink);font-weight:600}
.bnav .cnt{top:5px;right:auto;left:calc(50% + 4px)}
.fab{display:none}
.toast{bottom:calc(76px + env(safe-area-inset-bottom))}
.modal{align-items:end;padding:0}
.modal-box{max-width:none;max-height:92vh;border-radius:var(--r) var(--r) 0 0;padding:28px 20px calc(22px + env(safe-area-inset-bottom))}
.drawer-box{width:100%}
.dr-body{padding:16px 20px 28px}
.lb{padding:16px}
.lb-n{display:none}
}
@media (max-width:560px){
.seg.prof button{white-space:normal;line-height:1.15;font-size:14px;text-align:left}
.filebtn{max-width:none}
.calc-in{grid-template-columns:repeat(2,minmax(0,1fr))}
.cfld span{font-size:13px}
.seg button{font-size:14px;padding:0 8px}
.seg.prof button{padding:0 10px;gap:8px}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.fill{transform:none}
.step i{background:var(--accent);color:var(--on-acc)}
}
.more-rows,.cat-more{display:none}
@media (max-width:980px){.more-rows{display:flex;width:100%;margin:6px 0 14px}}


/* ===== catalog: указатель разделов ===== */
.idx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(9,auto);grid-auto-flow:column;column-gap:56px;background:var(--surface);border-radius:var(--r);padding:10px 32px}
.ix{display:grid;grid-template-columns:56px minmax(0,1fr) 20px;align-items:center;gap:18px;padding:10px 0;box-shadow:inset 0 -1px 0 var(--line)}
.ix:nth-child(9n){box-shadow:none}
.ix-img{width:56px;height:56px;border-radius:10px;overflow:hidden;background:var(--sunk)}
.ix-img img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.ix b{display:block;font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.ix-t span{display:block;margin-top:3px;font-size:14px;color:var(--muted)}
.ix .i{width:20px;height:20px;color:var(--muted);transition:translate .25s var(--ease),color .18s}
.ix:hover b{color:var(--brand-ink)}
.ix:hover .i{translate:3px 0;color:var(--brand-ink)}

@media (max-width:980px){
.idx{column-gap:32px;padding:6px 22px}
}
@media (max-width:700px){
.idx{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row;padding:4px 18px}
.ix{grid-template-columns:48px minmax(0,1fr) 20px;gap:14px;padding:9px 0}
.ix-img{width:48px;height:48px;border-radius:8px}
.ix b{font-size:16px}
.ix-t span{font-size:13px}
.ix:nth-child(9n){box-shadow:inset 0 -1px 0 var(--line)}
.ix:last-child{box-shadow:none}
#catalog:not(.all) .ix:nth-child(n+9){display:none}
#catalog:not(.all) .ix:nth-child(8){box-shadow:none}
#catalog:not(.all) .cat-more{display:flex;width:100%;margin-top:8px}
}

/* ===== hero: надпись, рендер профилей, кнопки в нижнем углу ===== */
.hero{margin-top:16px}
.hero-in{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:660px;padding:50px 56px 56px;border-radius:var(--r);background:var(--surface)}
.hero h1{position:relative;z-index:1}
.h-big{display:block;font-size:136px;line-height:.92;font-weight:650;letter-spacing:-.04em;color:var(--brand-ink);text-wrap:nowrap}
.h-sub{display:block;margin-top:26px;font-size:40px;line-height:1.1;font-weight:500;letter-spacing:-.025em;color:var(--ink)}
.hero-lead{position:relative;z-index:1;max-width:500px;margin-top:26px;font-size:18px;line-height:1.6;color:var(--ink-2)}
.hero-cta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:32px}
.hero-art{position:absolute;z-index:0;right:56px;bottom:56px;width:min(45%,580px);height:auto;mix-blend-mode:multiply;pointer-events:none;user-select:none}
@media (prefers-reduced-motion:no-preference){
/* блик по стальной надписи при загрузке и при наведении */
.h-big{position:relative}
.h-big::after{content:attr(data-t);position:absolute;inset:0;color:#E4EEF8;pointer-events:none;-webkit-mask-image:linear-gradient(105deg,transparent 44%,#000 50%,transparent 56%);mask-image:linear-gradient(105deg,transparent 44%,#000 50%,transparent 56%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0;animation:sheen 1.9s .3s cubic-bezier(.45,0,.2,1) both}
.h-big.shine::after{animation:sheen2 1.3s cubic-bezier(.45,0,.2,1)}
@keyframes sheen{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
@keyframes sheen2{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
/* рендер «ложится» на место, потом следует за курсором */
.hero-art{transform:translate(var(--tx,0),var(--ty,0)) rotate(var(--rot,0deg));transition:transform .9s var(--ease);animation:settle 1.2s var(--ease) .1s both}
@keyframes settle{from{opacity:0;rotate:-5deg;scale:1.06}}
}
@media (max-width:1240px){
.hero-in{min-height:600px;padding:44px 44px 48px}
.h-big{font-size:clamp(88px,10.2vw,126px)}
.h-sub{font-size:34px}
.hero-lead{max-width:440px}
.hero-art{right:44px;bottom:48px;width:min(46%,520px)}
}
@media (max-width:980px){
.hero{margin-top:12px}
.hero-in{min-height:0;padding:30px 22px 22px}
.h-big{font-size:10.6vw}
.h-sub{margin-top:12px;font-size:clamp(22px,6.2vw,34px)}
.hero-lead{max-width:none;margin-top:16px;font-size:16px}
.hero-art{position:relative;right:auto;bottom:auto;display:block;width:100%;max-width:none;margin:16px 0 0}
.hero-cta{width:100%;margin-top:16px;padding-top:0}
.hero-cta .btn{flex:1 1 auto}
}

/* ===== логотип ===== */
.logo{gap:12px;color:var(--ink)}
.lg-mark{width:44px;height:44px;flex:0 0 auto}
.lg-word{height:17px;width:auto;flex:0 0 auto}
.lg-sq{fill:var(--dark)}.lg-tg{fill:var(--on-dark-acc)}.lg-word path{fill:currentColor}
.f-logo{display:inline-flex;align-items:center;gap:12px;background:none;padding:0;border-radius:0;color:#fff}
.ftr .lg-sq{fill:var(--accent)}.ftr .lg-tg{fill:var(--dark)}
@media (max-width:980px){.logo{gap:10px}.lg-mark{width:38px;height:38px}.lg-word{height:14px}}

a,.ix b,.prc td.n a,.ct-l a{transition:color .15s}

/* ===================== внутренние страницы ===================== */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:22px;font-size:14px;color:var(--muted)}
.crumbs a{transition:color .18s}
.crumbs a:hover{color:var(--brand-ink)}
.crumbs [aria-hidden]{color:#AEB4BE}
.crumbs [aria-current]{color:var(--ink-2)}
.ph{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:end;margin-top:14px}
.ph-side{grid-template-columns:minmax(0,1fr) 320px}
.ph h1{font-size:50px;line-height:1.04;letter-spacing:-.032em;max-width:22ch}
.ph-meta{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:14px;font-size:16px;color:var(--ink-2)}
.ph-lead{margin-top:14px;font-size:18px;line-height:1.6;color:var(--ink-2);max-width:62ch}
.ph-ph{margin:0;width:320px;height:200px;border-radius:var(--r);overflow:hidden;background:var(--surface)}
.ph-ph img{width:100%;height:100%;object-fit:cover}
.sec-s{margin-top:32px}

/* каталог */

/* раздел */
.subs{background:var(--surface);border-radius:var(--r);padding:6px 32px}
.sub{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:26px;padding:22px 0;box-shadow:inset 0 -1px 0 var(--line)}
.sub:last-child{box-shadow:none}
.sub-ph{width:112px;height:112px;border-radius:12px;overflow:hidden;background:var(--sunk)}
.sub-ph img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.sub h2{font-size:22px}
.sub h2 a:hover{color:var(--brand-ink)}
.sub-n{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.sub-l{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px}
.sub-l a{font-size:15px;color:var(--ink-2)}
.sub-l a:hover{color:var(--brand-ink)}
.sub-l .sub-more{color:var(--muted)}

/* список товаров */
.chk{display:flex;align-items:center;gap:10px;min-height:38px;padding:4px 8px;margin:0 -8px;border-radius:8px;font-size:15px;cursor:pointer;transition:background-color .15s}
.chk:hover{background:var(--sunk)}
.chk input{appearance:none;-webkit-appearance:none;display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;margin:0;border-radius:6px;background:var(--sunk-2);transition:background-color .15s;cursor:pointer}
.chk input:checked{background:var(--accent)}
.chk input:checked::after{content:"";width:10px;height:6px;border:2px solid var(--on-acc);border-top:0;border-right:0;rotate:-45deg;translate:0 -1px}
.chk span{flex:1;min-width:0}
.chk i{font-style:normal;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.sw{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:15px;cursor:pointer}
.sw input{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:42px;height:24px;margin:0;border-radius:12px;background:var(--sunk-2);transition:background-color .2s;cursor:pointer}
.sw input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:translate .2s var(--ease)}
.sw input:checked{background:var(--accent)}
.sw input:checked::after{translate:18px 0}
.sel{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2)}
.sel select{height:var(--h);padding:0 42px 0 16px;border:0;border-radius:var(--r-s);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23414943' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center/16px;font:inherit;font-size:15px;color:var(--ink);appearance:none;-webkit-appearance:none;cursor:pointer;outline:0}
.sel select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.sec-ic{width:48px;height:48px}
.sec-ic .o{fill:#D5DEE8;stroke:var(--ink);stroke-width:1.2}
.sec-ic .in{fill:var(--sunk);stroke:var(--ink);stroke-width:1.2}
.more-items{width:100%;margin-top:12px}
.lst-empty{background:var(--surface);border-radius:var(--r);padding:28px 24px;color:var(--ink-2)}

/* карточка товара */
.pd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:12px;margin-top:22px;align-items:start}
.pd-gal{display:grid;gap:12px}
.pd-main{display:grid;place-items:center;margin:0;aspect-ratio:4/3;background:var(--surface);border-radius:var(--r);overflow:hidden}
.pd-main img{width:80%;height:80%;object-fit:contain}
.pd-draw{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:28px;margin:0;padding:22px 28px;background:var(--surface);border-radius:var(--r)}
.pd-draw svg{display:block;width:230px;height:auto}
.pd-draw figcaption{font-size:15px;line-height:1.6;color:var(--ink-2)}
.pd-draw figcaption b{color:var(--ink);font-weight:600}
.pd-info{position:sticky;top:96px;background:var(--surface);border-radius:var(--r);padding:32px 32px 30px}
.pd-info h1{font-size:30px;line-height:1.15;letter-spacing:-.02em}
.pd-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0 0}
.pd-keys div{padding:12px 14px;border-radius:var(--r-s);background:var(--sunk)}
.pd-keys dt{font-size:13px;color:var(--muted)}
.pd-keys dd{margin:4px 0 0;font-size:15px;font-weight:600}
.pd-buy{margin-top:24px;padding-top:24px;box-shadow:inset 0 1px 0 var(--line)}
.pd-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.pd-price b{font-size:36px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pd-price span{color:var(--ink-2)}
.pd-note{margin-top:6px;font-size:14px;color:var(--muted)}
.pd-act{display:flex;gap:10px;margin-top:20px}
.pd-q{display:flex;align-items:center;gap:2px;padding:0 4px;border-radius:var(--r-s);background:var(--sunk)}
.pd-q .ibtn{width:38px;height:38px;background:transparent}
.pd-q .ibtn:hover{background:var(--sunk-2)}
.pd-q .ibtn .i{width:18px;height:18px}
.pd-q input{width:52px;height:var(--h);border:0;background:transparent;text-align:center;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;outline:0}
.pd-q span{padding-right:6px;color:var(--ink-2)}
.pd-act .btn-acc{flex:1}
.pd-buy>.btn-soft{margin-top:10px}
.pd-w{margin-top:20px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.pd-w b{color:var(--ink);font-weight:600}
.pd-sec{margin-top:var(--sec)}
.pd-cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px;align-items:start}
.pd-spec,.pd-desc{background:var(--surface);border-radius:var(--r);padding:32px}
.pd-spec h2,.pd-desc h2{font-size:24px;margin-bottom:14px}
.spec{width:100%;border-collapse:collapse}
.spec tr{box-shadow:inset 0 -1px 0 var(--line)}
.spec tr:last-child{box-shadow:none}
.spec th{width:46%;padding:11px 16px 11px 0;font-weight:400;text-align:left;vertical-align:top;color:var(--ink-2)}
.spec td{padding:11px 0;font-weight:500}
.terms-top{margin-top:0;padding-top:0;border-top:0}
.prc-one{grid-template-columns:minmax(0,1fr)}

/* текст статей */
.prose>h2:first-child{margin-top:0}
.prose p{color:var(--ink-2);line-height:1.7;max-width:70ch}
.prose p+p{margin-top:12px}
.prose h2{font-size:26px;margin:32px 0 12px}
.prose h3{font-size:19px;margin:24px 0 10px}
.prose ul{display:grid;gap:8px;margin:14px 0}
.prose li{position:relative;padding-left:22px;color:var(--ink-2);line-height:1.6;max-width:68ch}
.prose li::before{content:"";position:absolute;left:4px;top:.75em;width:8px;height:2px;background:var(--accent)}

/* производство: выбор направления */
.pk{display:grid;grid-template-columns:360px minmax(0,1fr);gap:12px;margin-top:32px;align-items:start}
.pk-list{background:var(--surface);border-radius:var(--r);padding:8px}
.pk-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:10px 14px;border-radius:var(--r-s);font-size:16px;font-weight:500;line-height:1.3;transition:background-color .15s,color .15s}
.pk-list button .i{width:18px;height:18px;color:var(--muted)}
.pk-list button:hover{background:var(--sunk)}
.pk-list [aria-selected=true],.pk-list [aria-selected=true]:hover{background:var(--dark);color:#fff}
.pk-list [aria-selected=true] .i{color:var(--on-dark-acc)}
.pk-view{position:sticky;top:96px}
.pk-p{background:var(--surface);border-radius:var(--r);overflow:hidden}
.pk-ph{margin:0;aspect-ratio:16/9;background:var(--sunk)}
.pk-ph img{width:100%;height:100%;object-fit:cover}
.pk-t{padding:28px 32px 32px}
.pk-t h2{font-size:30px}
.pk-t p{margin-top:12px;color:var(--ink-2);line-height:1.65;max-width:62ch}
.pk-a{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}

/* статья + боковая колонка */
.art-pg{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;margin-top:28px;align-items:start}
.art{background:var(--surface);border-radius:var(--r);padding:0 48px 44px;overflow:hidden}
.art-ph{margin:0 -48px 34px;aspect-ratio:21/9;background:var(--sunk)}
.art-ph img{width:100%;height:100%;object-fit:cover}
.art-side{position:sticky;top:96px;display:grid;gap:12px}
.side-card{background:var(--dark);color:#fff;border-radius:var(--r);padding:28px}
.side-card h2{font-size:24px}
.side-card p{margin-top:10px;font-size:15px;line-height:1.55;color:var(--on-dark)}
.side-card .btn{width:100%;margin-top:20px}
.side-ph{display:block;margin-top:20px;font-size:22px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums}
.side-wa{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-weight:600;color:var(--on-dark-acc)}
.side-wa .i{width:20px;height:20px}
.side-nav{background:var(--surface);border-radius:var(--r);padding:22px 24px}
.side-nav b{display:block;margin-bottom:8px;font-size:16px}
.side-nav a{display:block;padding:6px 0;font-size:15px;line-height:1.35;color:var(--ink-2)}
.side-nav a:hover{color:var(--brand-ink)}
.side-form{background:var(--surface);border-radius:var(--r);padding:28px}
.side-form h2,.ct-form h2,.cart-f h2{font-size:24px}
.side-form .filebtn{max-width:none}
.jf-body{display:flex;flex-direction:column;gap:14px}
.jf-body>p:not(.ferr):not(.consent){margin-top:-4px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.sf-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.jf-ok{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 0;text-align:center}
.jf-ok p{color:var(--ink-2)}

/* услуги */
.svb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}
.svb{display:grid;grid-template-rows:auto 1fr;background:var(--surface);border-radius:var(--r);overflow:hidden}
.svb-ph{margin:0;aspect-ratio:16/7;background:var(--sunk)}
.svb-ph img{width:100%;height:100%;object-fit:cover}
.svb-t{padding:26px 32px 30px}
.svb-t h2{font-size:26px}
.svb-t h2 a:hover{color:var(--brand-ink)}
.svb-t p{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.svb-t ul{columns:2 200px;column-gap:28px;margin-top:16px}
.svb-t li a{display:block;padding:5px 0;font-size:15px;line-height:1.35;break-inside:avoid}
.svb-t li a:hover{color:var(--brand-ink)}

/* текст + фото */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.split-t{background:var(--surface);border-radius:var(--r);padding:40px 44px}
.split-ph{margin:0;min-height:380px;border-radius:var(--r);overflow:hidden;background:var(--sunk)}
.split-ph img{width:100%;height:100%;object-fit:cover}
.sup{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px!important;margin-top:22px!important}
.sup li{padding:12px 0 12px 22px;box-shadow:inset 0 -1px 0 var(--line);font-weight:500;color:var(--ink)}
.sup li::before{top:1.42em}
.gal-grid{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}

/* контакты */
.ct-pg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px;margin-top:28px;align-items:start}
.ct-card{background:var(--surface);border-radius:var(--r);overflow:hidden}
.ct-card figure{margin:0;aspect-ratio:16/8;background:var(--sunk)}
.ct-card figure img{width:100%;height:100%;object-fit:cover}
.ct-body{display:flex;flex-direction:column;align-items:flex-start;padding:28px 32px 32px}
.ct-big{font-size:34px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.ct-body>.lnk{margin-top:6px;font-size:15px}
.ct-body .ct-l{margin-top:20px}
.ct-body .btn{margin-top:24px}
.ct-form{background:var(--surface);border-radius:var(--r);padding:36px 40px}
.ctf-b{display:flex;flex-wrap:wrap;gap:10px}
.ctf-b .btn-acc{flex:1}

/* корзина */
.cart-pg{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px;margin-top:28px;align-items:start}
.cart-l{background:var(--surface);border-radius:var(--r);padding:8px 28px}
.cart-l .dr-list li:last-child{border-bottom:0}
.cart-empty{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:26px 0}
.cart-empty p{color:var(--ink-2);line-height:1.55}
.has-cart .cart-empty{display:none}
.cart-f{position:sticky;top:96px;background:var(--surface);border-radius:var(--r);padding:32px}

/* призыв */
.cta{margin-top:var(--sec)}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:44px 48px;border-radius:var(--r);background:var(--dark);color:#fff}
.cta h2{font-size:32px;max-width:22ch}
.cta p{margin-top:10px;max-width:54ch;line-height:1.6;color:var(--on-dark)}
.cta-b{display:flex;flex-wrap:wrap;gap:10px;flex:0 0 auto}
.cta .btn-soft{background:rgba(255,255,255,.1);color:#fff}
.cta .btn-soft:hover{background:rgba(255,255,255,.18)}
.cta :focus-visible{outline-color:#fff}

@media (max-width:1240px){
.ph-side{grid-template-columns:minmax(0,1fr) 260px}
.ph-ph{width:260px;height:180px}
.pd-keys{grid-template-columns:minmax(0,1fr)}
.pd-keys div{display:flex;justify-content:space-between;gap:12px}
.pd-keys dd{margin:0;text-align:right}
.pk{grid-template-columns:300px minmax(0,1fr)}
.art-pg{grid-template-columns:minmax(0,1fr) 320px}
}
@media (max-width:980px){
.crumbs{margin-top:16px;font-size:13px}
.ph,.ph-side{grid-template-columns:minmax(0,1fr)}
.ph-ph{display:none}
.ph h1{font-size:32px;line-height:1.08}
.ph-lead{font-size:16px}
.ph-meta{font-size:15px}
.sec-s{margin-top:24px}
.pd,.pd-cols,.pk,.art-pg,.svb-grid,.split,.ct-pg,.cart-pg{grid-template-columns:minmax(0,1fr)}
.subs{padding:4px 18px}
.sub{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:18px 0;align-items:start}
.sub-ph{width:72px;height:72px}
.sub h2{font-size:19px}
.sub-go{display:none}
.pd{margin-top:16px}
.pd-info{position:static;padding:24px 20px}
.pd-info h1{font-size:24px}
.pd-price b{font-size:30px}
.pd-draw{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px 20px}
.pd-draw svg{width:200px;margin:0 auto}
.pd-spec,.pd-desc{padding:24px 20px}
.pk{margin-top:20px}
.pk-list{display:none}
.pk-view{position:static;display:grid;gap:12px}
.pk-p[hidden]{display:block!important}
.pk-t{padding:20px 20px 24px}
.pk-t h2{font-size:23px}
.art{padding:0 20px 28px}
.art-ph{margin:0 -20px 24px;aspect-ratio:16/9}
.art-side{position:static}
.svb-t{padding:22px 20px 24px}
.svb-t h2{font-size:23px}
.split-t{padding:28px 20px}
.split-ph{min-height:240px}
.sup{grid-template-columns:minmax(0,1fr)}
.gal-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0}
.ct-body{padding:22px 20px 24px}
.ct-big{font-size:28px}
.ct-form{padding:26px 20px}
.cart-l{padding:4px 18px}
.cart-f{position:static;padding:24px 20px}
.cta-in{flex-direction:column;align-items:stretch;gap:20px;padding:28px 22px}
.cta h2{font-size:25px}
.cta-b .btn{flex:1 1 auto}
}
@media (max-width:560px){
.sf-row{grid-template-columns:minmax(0,1fr)}
.pd-act{flex-direction:column}
.pd-q{justify-content:space-between}
}

/* ===== каталог: разделы с фото ===== */
.cat-nav{position:sticky;top:80px;z-index:20;margin-top:22px;padding-block:10px;background:var(--ground)}
.cat-nav ul{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.cat-nav ul::-webkit-scrollbar{display:none}
.cat-nav li{flex:0 0 auto}
.cr{display:inline-flex;align-items:center;gap:10px;height:var(--h);padding:0 18px 0 7px;border-radius:23px;background:var(--surface);font-size:15px;font-weight:500;white-space:nowrap;transition:background-color .15s,color .15s}
.cr img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--sunk)}
.cr:hover{background:#F6F7F9}
.cr.on,.cr.on:hover{background:var(--dark);color:#fff}
.cat-body{display:grid;gap:12px;margin-top:4px}
.cblock{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;padding:24px;border-radius:var(--r);background:var(--surface);scroll-margin-top:150px}
.cbk-side{display:flex;flex-direction:column;align-items:flex-start}
.cbk-ph{width:100%;aspect-ratio:4/3;margin:0 0 18px;border-radius:var(--r-m);overflow:hidden;background:var(--sunk)}
.cbk-ph img{width:100%;height:100%;object-fit:cover}
.cbk-side h2{font-size:26px;line-height:1.15}
.cbk-side h2 a:hover{color:var(--brand-ink)}
.cbk-n{margin-top:6px;font-size:15px;color:var(--muted)}
.cbk-side .btn{margin-top:auto}
.cbk-side .cbk-n+.btn{margin-top:18px}
.cbk-grid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:10px;align-content:start}
.t2{display:flex;flex-direction:column;min-height:200px;padding:14px 16px 16px;border-radius:var(--r-m);background:var(--sunk);transition:background-color .15s}
.t2:hover{background:var(--sunk-2)}
.t2-ph{display:block;height:104px;margin-bottom:12px}
.t2-ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.t2 b{font-size:15px;font-weight:600;line-height:1.3;text-wrap:balance}
.t2-n{margin-top:auto;padding-top:6px;font-size:13px;color:var(--muted)}
.t2-more{justify-content:center;background:var(--accent-tint)}
.t2-more:hover{background:#FFE8A3}
.t2-more b{font-size:16px;color:var(--brand-ink)}
.t2-more .t2-n{margin-top:10px}
.t2-more .i{width:22px;height:22px;color:var(--brand-ink)}
.cblock-solo{grid-template-columns:minmax(0,1fr)}
.cblock-solo .cbk-side{display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:8px 28px}
.cblock-solo .cbk-ph{grid-row:1/3;margin:0}
.cblock-solo .cbk-n{margin:0}
.cblock-solo .btn{grid-column:3;grid-row:1/3;margin:0}

/* ===== список товаров: быстрые теги, фильтры-кнопки, таблица ===== */
.lst2{margin-top:26px}
.lst-panel{padding:22px 24px 20px;border-radius:var(--r);background:var(--surface)}
.qtags{display:flex;flex-wrap:wrap;gap:8px}
.qt{height:40px;padding:0 16px;border-radius:20px;background:var(--sunk);font-size:15px;font-weight:500;white-space:nowrap;transition:background-color .15s,color .15s}
.qt:hover{background:var(--sunk-2)}
.qt[aria-pressed=true],.qt[aria-pressed=true]:hover{background:var(--dark);color:#fff}
.fbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:18px;box-shadow:inset 0 1px 0 var(--line)}
.dd{position:relative}
.dd-btn{display:inline-flex;align-items:center;gap:8px;height:var(--h);padding:0 12px 0 18px;border-radius:var(--r-s);background:var(--sunk);font-size:15px;font-weight:500;white-space:nowrap;transition:background-color .15s}
.dd-btn:hover{background:var(--sunk-2)}
.dd-btn .i{width:18px;height:18px;color:var(--ink-2);transition:rotate .2s}
.dd.open .dd-btn .i{rotate:180deg}
.dd.has .dd-btn{background:var(--accent-tint)}
.dd-n{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--on-acc);font-size:12px;font-weight:700;line-height:20px;text-align:center}
.dd-pop{position:absolute;left:0;top:calc(100% + 8px);z-index:40;display:flex;flex-direction:column;width:300px;padding:14px 16px 16px;border-radius:var(--r);background:var(--surface);box-shadow:var(--pop)}
.dd-h{display:none}
.dd-o{display:grid;gap:2px;max-height:300px;overflow:auto;padding:0 8px;margin:0 -8px;scrollbar-width:thin}
.dd-f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;box-shadow:inset 0 1px 0 var(--line)}
.ftools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:16px}
.ftools .lst-c{margin-right:auto;font-size:14px;color:var(--muted)}
.ftools .sw{margin:0}
.fchips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.fchips:empty{display:none}
.fchip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 14px;border-radius:18px;background:var(--accent-tint);font-size:14px;font-weight:500;transition:background-color .15s}
.fchip:hover{background:#FFE8A3}
.fchip .i{width:16px;height:16px}
.lst-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px;padding:16px 24px;border-radius:var(--r);background:var(--accent-tint);font-size:15px;line-height:1.5}
.lst-note .i{width:20px;height:20px;color:var(--brand-ink)}
.lst-note a{font-weight:600;color:var(--brand-ink);white-space:nowrap}
.lst-note a:hover{color:var(--ink)}
.ptable{margin-top:12px;padding:4px 24px 8px;border-radius:var(--r);background:var(--surface)}
.pt-head,.pt-row{display:grid;grid-template-columns:minmax(0,1fr) 104px 136px 92px 128px 148px 166px;align-items:center;gap:16px}
.pt-head{padding:16px 0 12px;font-size:13px;color:var(--muted);box-shadow:inset 0 -1px 0 var(--line)}
.pt-head .r{text-align:right}
.pt-row{padding:12px 0;box-shadow:inset 0 -1px 0 var(--line)}
.pt-body .pt-row:last-child{box-shadow:none}
.pt-n{display:flex;align-items:center;gap:14px;min-width:0}
.pt-name{font-weight:500;line-height:1.35}
.pt-name:hover{color:var(--brand-ink)}
.pt-c{font-size:15px;color:var(--ink-2)}
.pt-p{text-align:right}
.pt-p b{display:block;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.pt-p span{display:block;font-size:13px;color:var(--muted)}
.pt-a{display:flex;justify-content:flex-end;gap:8px}
.btn-line{background:var(--sunk);color:var(--brand-ink);padding:0 18px}
.btn-line:hover{background:var(--accent);color:var(--on-acc)}
.pt-a .add span{display:none}

/* ===== контакты: карта ===== */
.ct-pg{align-items:stretch}
.ct-card{display:flex;flex-direction:column}
.ct-body{flex:1}
.ct-body .ct-l{margin-bottom:24px}
.ct-body .btn{margin-top:auto}
.ct-form{display:flex;flex-direction:column}
.ct-form .jf-body{flex:1}
.ct-form .fld-grow{flex:1;display:flex;flex-direction:column}
.ct-form .fld-grow textarea{flex:1;min-height:150px}
.map{position:relative;height:460px;border-radius:var(--r);overflow:hidden;background:var(--sunk)}
.map iframe{display:block;width:100%;height:100%;border:0}
.map-card{position:absolute;left:24px;top:24px;width:330px;padding:22px 24px 24px;border-radius:var(--r-m);background:var(--surface);box-shadow:var(--pop)}
.map-card b{font-size:18px}
.map-card p{margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.map-card .btn{width:100%;margin-top:16px}

@media (max-width:1240px){
.cblock{grid-template-columns:240px minmax(0,1fr);gap:22px}
.pt-head,.pt-row{grid-template-columns:minmax(0,1fr) 96px 128px 80px 140px 160px}
.pt-head>:nth-child(5),.pt-row>.pt-c[data-l="Тип"]{display:none}
}
@media (max-width:980px){
.cat-nav{position:static;margin-top:16px;padding-block:0}
.cat-nav ul{margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad)}
.cblock,.cblock-solo{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px;scroll-margin-top:20px}
.cbk-side,.cblock-solo .cbk-side{display:grid;grid-template-columns:56px minmax(0,1fr);gap:2px 14px;align-items:center}
.cbk-ph,.cblock-solo .cbk-ph{grid-row:1/3;width:56px;height:56px;aspect-ratio:auto;margin:0;border-radius:10px}
.cbk-side h2{font-size:20px}
.cbk-n{margin:0;font-size:14px}
.cbk-side .btn,.cblock-solo .btn{display:none}
.cbk-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:0 16px;scroll-padding-inline:16px}
.cbk-grid::-webkit-scrollbar{display:none}
.t2{flex:0 0 42%;min-height:180px;scroll-snap-align:start}
.t2-ph{height:80px}
.lst2{margin-top:18px}
.lst-panel{padding:16px 16px 14px}
.qtags{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
.qtags::-webkit-scrollbar{display:none}
.fbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:14px -16px 0;padding:14px 16px 0}
.fbar::-webkit-scrollbar{display:none}
.dd-pop{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:140;width:auto;max-height:78vh;padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-radius:var(--r) var(--r) 0 0}
.dd-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dd-h b{font-size:18px}
.dd-o{max-height:none;flex:1}
body.dd-on::before{content:"";position:fixed;inset:0;z-index:135;background:rgba(11,13,10,.5)}
.ftools .lst-c{width:100%;order:3}
.lst-note{padding:14px 16px}
.ptable{padding:0 16px}
.pt-head{display:none}
.pt-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:16px 0}
.pt-n{flex:1 1 100%;align-items:flex-start}
.pt-c{font-size:14px}
.pt-c::before{content:attr(data-l) " ";color:var(--muted)}
.pt-row>.pt-c[data-l="Тип"]{display:block}
.pt-p{flex:1 1 auto;margin-top:6px;text-align:left}
.pt-a{margin-top:6px}
.map{height:auto;display:flex;flex-direction:column}
.map iframe{height:320px}
.map-card{position:static;width:auto;border-radius:0;box-shadow:none;padding:20px}
}
.ct-form .filebtn{max-width:none}