@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(fonts/manrope-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(fonts/manrope-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(fonts/manrope-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(fonts/manrope-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(fonts/manrope-cyrillic-800-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(fonts/manrope-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013,U+2014,U+2018-201D,U+2022,U+2026,U+20BD,U+2212}
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(fonts/manrope-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013,U+2014,U+2018-201D,U+2022,U+2026,U+20BD,U+2212}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(fonts/manrope-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013,U+2014,U+2018-201D,U+2022,U+2026,U+20BD,U+2212}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(fonts/manrope-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013,U+2014,U+2018-201D,U+2022,U+2026,U+20BD,U+2212}
@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(fonts/manrope-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013,U+2014,U+2018-201D,U+2022,U+2026,U+20BD,U+2212}

:root{
  --green:#19372B;--green-2:#22493A;--green-3:#2E5A49;
  --paper:#F3F1EA;--stone:#E6E2D4;--line:#D2CDBD;--ink:#202624;--muted:#566059;
  --accent:#B95C3F;--accent-d:#9F4A30;--white:#FBFAF6;
  --gap:24px;--wrap:1280px;--pad:80px;
  --r:6px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.55 Manrope,system-ui,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4,p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.wrap{max-width:calc(var(--wrap) + var(--pad)*2);margin:0 auto;padding:0 var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:var(--r);border:2px solid transparent;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;background:var(--accent);color:#fff;transition:background .15s}
.btn:hover{background:var(--accent-d)}
.btn.ghost{background:transparent;border-color:currentColor;color:inherit}
.btn.ghost:hover{background:rgba(255,255,255,.1)}
.btn.line{background:transparent;color:var(--green);border-color:var(--green)}
.btn.line:hover{background:var(--green);color:var(--paper)}
.btn.light{background:var(--paper);color:var(--green)}
.btn.light:hover{background:#fff}
.btn.sm{min-height:44px;padding:0 18px;font-size:15px}

/* header */
.hdr{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:32px;height:80px}
.logo{--lh:48px;display:block;flex:none;overflow:hidden;width:calc(var(--lh)*3.34);height:var(--lh)}
.logo img{height:var(--lh);width:auto;max-width:none}
.nav{display:flex;gap:28px;margin-left:auto}
.nav a{text-decoration:none;font-weight:600;font-size:16px;padding:10px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--accent)}
.hdr-call{font-weight:700;text-decoration:none;white-space:nowrap}
.hdr .btn{flex:none}
.m-only{display:none}
.burger{display:none}

/* hero */
.hero{background:var(--green);color:var(--paper);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:stretch;padding-top:72px;padding-bottom:0}
.hero-copy{padding-bottom:72px;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:64px;line-height:1.04;font-weight:700;letter-spacing:-.025em}
.hero .lead{margin-top:24px;font-size:19px;line-height:1.5;max-width:30em;color:#DCE3DB}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.hero .facts{display:flex;flex-wrap:wrap;gap:8px 28px;margin:36px 0 0;padding:0;list-style:none;font-size:15px;color:#B9C7BE}
.hero .facts li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:10px}

/* power scale (hero signature) */
.scale{background:var(--stone);color:var(--ink);border-radius:var(--r) var(--r) 0 0;position:relative;padding:40px 40px 0;align-self:end;min-height:560px}
.scale-cap{position:absolute;left:40px;top:28px;font-size:14px;color:var(--muted);max-width:18em}
.scale-stage{position:relative;height:430px;margin-top:40px}
.unit{position:absolute;bottom:0;transform:translateX(-50%);display:block;text-decoration:none;text-align:center}
.unit img{width:auto;margin:0 auto;display:block}
.unit .tag{position:absolute;left:50%;transform:translateX(-50%);bottom:-0px;white-space:nowrap}
.floor{position:absolute;left:0;right:0;bottom:0;height:0;border-top:2px solid var(--green)}
.ruler{position:relative;height:96px;background:var(--green);margin:0 -40px;color:var(--paper)}
.ruler .tick{position:absolute;top:0;width:1px;height:14px;background:#7F9A8B}
.ruler .tick.big{height:26px;background:var(--paper)}
.ruler .lbl{position:absolute;top:30px;transform:translateX(-50%);font-size:13px;font-weight:600;color:#B9C7BE}
.ruler .mk{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-decoration:none}
.ruler .mk::before{content:"";width:2px;height:34px;background:var(--accent)}
.ruler .mk b{margin-top:6px;font-size:15px;line-height:1.2;text-align:center;white-space:nowrap}
.ruler .mk small{font-size:12px;color:#B9C7BE;font-weight:500;white-space:nowrap}
.ruler .axis{position:absolute;right:40px;bottom:10px;font-size:12px;color:#8FA698}
.ruler .axis::after{content:" кВт"}

/* sections */
section{scroll-margin-top:96px}
.sec{padding:96px 0}
.sec.tight{padding:72px 0}
.h2{font-size:42px;line-height:1.1;font-weight:700;letter-spacing:-.02em;max-width:18em}
.sec-lead{margin-top:16px;max-width:36em;color:var(--muted);font-size:18px}
.dark{background:var(--green);color:var(--paper)}
.dark .sec-lead{color:#C4D0C8}
.stone{background:var(--stone)}

/* scenarios */
.scen{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border-top:2px solid var(--green)}
.scen a{display:flex;flex-direction:column;gap:14px;padding:28px 32px 32px 0;text-decoration:none;border-right:1px solid var(--line);margin-right:32px;min-height:220px}
.scen a:last-child{border-right:0;margin-right:0}
.scen h3{font-size:24px;line-height:1.2;font-weight:700}
.scen p{color:var(--muted);font-size:16px}
.scen .go{margin-top:auto;font-weight:700;color:var(--accent);display:inline-flex;align-items:center;min-height:44px}
.scen a:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--accent)}

/* conditions */
.cond{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.cond dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.cond dl>div{border-top:1px solid var(--green);padding-top:18px}.cond dt{font-weight:700;font-size:18px}
.cond dd{margin:6px 0 20px;color:var(--muted);font-size:16px}

/* catalog */
.cat-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.tab{flex:none;min-height:44px;padding:0 18px;border-radius:44px;border:1.5px solid var(--line);background:transparent;font-weight:600;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.tab span{color:var(--muted);font-weight:500;font-size:14px}
.tab[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--paper)}
.tab[aria-pressed=true] span{color:#B9C7BE}
.filters{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:flex-end;margin-top:24px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fg{display:flex;flex-direction:column;gap:8px}
.fg>b{font-size:14px;font-weight:600;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:0 16px;border-radius:var(--r);border:1.5px solid var(--line);background:var(--white);font-weight:600;font-size:15px;cursor:pointer;display:inline-flex;align-items:center}
.chip[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}
.chip.na{opacity:.45}
.sel{min-height:44px;border:1.5px solid var(--line);border-radius:var(--r);background:var(--white);padding:0 36px 0 14px;font-weight:600;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.fbar{margin-left:auto;display:flex;align-items:center;gap:20px}
.count{font-weight:700}
.reset{background:none;border:0;color:var(--accent);font-weight:700;cursor:pointer;min-height:44px;padding:0 4px;text-decoration:underline;text-underline-offset:4px}
.fnote{margin-top:12px;font-size:14px;color:var(--muted);max-width:60em}
.m-filter-btn{display:none}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 24px;margin-top:32px}
.card{display:flex;flex-direction:column;min-width:0}
.card .ph{background:var(--stone);aspect-ratio:4/3;display:block;position:relative;overflow:hidden;border-radius:var(--r) var(--r) 0 0}
.card .ph img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);max-height:calc(100% - 24px);max-width:calc(100% - 24px);width:auto;height:auto}
.card .ph::after{content:"";position:absolute;left:0;right:0;bottom:0;border-top:2px solid var(--green)}
.card .ph .badge{position:absolute;left:12px;top:12px;background:var(--paper);font-size:13px;font-weight:700;padding:4px 10px;border-radius:30px}
.card .body{padding-top:16px;display:flex;flex-direction:column;gap:10px;flex:1}
.card .kind{font-size:14px;color:var(--muted);font-weight:500}
.card h3{font-size:21px;line-height:1.2;font-weight:700}
.card h3 a{text-decoration:none}
.card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.spec{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:15px}
.spec b{font-weight:700;font-size:18px}
.spec small{display:block;color:var(--muted);font-size:13px;font-weight:500}
.fuel{display:flex;flex-wrap:wrap;gap:6px}
.fuel span{font-size:14px;font-weight:600;padding:3px 10px;border-radius:30px;background:#DDE6DF;color:var(--green)}
.fuel em{font-style:normal;font-size:13px;color:var(--muted);align-self:center}
.price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.price{font-weight:800;font-size:20px}
.price.ask{font-weight:600;font-size:16px;color:var(--muted)}
.more{display:flex;justify-content:center;margin-top:48px}
.empty{grid-column:1/-1;padding:56px 0;text-align:left;max-width:34em}
.empty h3{font-size:24px}
.empty p{color:var(--muted);margin:10px 0 18px}

/* system */
.sys{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center}
.sys-fig{background:var(--green-2);border-radius:var(--r);padding:32px 24px 0;position:relative}
.sys-list{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:36px}
.sys-list a{display:flex;justify-content:space-between;gap:12px;padding:18px 0;border-top:1px solid #3F6556;text-decoration:none;font-weight:600;min-height:56px}
.sys-list a span{color:#9FB5A8;font-weight:500}
.sys-list a:hover{color:#fff}
.sys .fig-cap{font-size:14px;color:#B9C7BE;margin-top:16px}

/* docs */
.docs{display:grid;grid-template-columns:6fr 6fr;gap:64px;align-items:center}
.docs-fig{background:var(--stone);border-radius:var(--r);padding:20px;display:flex;justify-content:center}
.docs-fig img{max-height:420px;width:auto;background:#fff}
.params{margin:28px 0 0;display:grid;grid-template-columns:auto 1fr;gap:0 28px}
.params dt,.params dd{margin:0;padding:12px 0;border-top:1px solid var(--line)}
.params dt{color:var(--muted);font-size:15px}
.params dd{font-weight:700}
.src{font-size:14px;color:var(--muted);margin-top:14px}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;padding:20px 28px 0 0;border-top:2px solid var(--paper);position:relative}
.steps li::before{content:counter(s);display:block;font-size:44px;font-weight:800;line-height:1;color:var(--accent);margin-bottom:16px}
.steps h3{font-size:20px;margin-bottom:8px}
.steps p{font-size:16px;color:#C4D0C8}

/* faq */
.faq{margin-top:40px;border-top:2px solid var(--green);max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-weight:700;font-size:20px;padding:12px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:2.5px solid var(--green);border-bottom:2.5px solid var(--green);transform:rotate(45deg);margin-right:6px;transition:transform .15s}
.faq details[open] summary::after{transform:rotate(225deg)}
.faq details p{padding:0 48px 24px 0;color:var(--muted);max-width:40em}

/* form */
.formsec{background:var(--green);color:var(--paper)}
.formsec .grid2{display:grid;grid-template-columns:5fr 7fr;gap:64px}
.contacts{margin-top:32px;display:grid;gap:0}
.contacts a.tel{font-size:32px;font-weight:800;text-decoration:none;letter-spacing:-.01em}
.contacts p{color:#C4D0C8;font-size:16px;margin-top:8px}
.form{display:grid;gap:18px;grid-template-columns:1fr 1fr}
.form .full{grid-column:1/-1}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:15px;font-weight:600}
.field label i{font-style:normal;color:#9FB5A8;font-weight:500}
.field input,.field textarea,.field select{min-height:50px;border-radius:var(--r);border:1.5px solid #5A7B6B;background:#0F2A20;color:#fff;padding:12px 14px}
.field textarea{min-height:104px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#8AA397}
.field .err{display:none;color:#FFC8B6;font-size:14px;font-weight:600}
.field.bad input{border-color:#FF9C7C;box-shadow:0 0 0 1px #FF9C7C}
.field.bad .err{display:block}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45}
.consent input{flex:none;width:24px;height:24px;margin:1px 0 0;accent-color:var(--accent)}
.consent label{padding:2px 0;min-height:44px}
.consent a{color:#fff;text-underline-offset:3px}
.consent.bad{color:#FFC8B6}
.fsub{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.status{font-size:15px;font-weight:600}
.status.ok{background:#E4F0E7;color:var(--green);padding:18px 20px;border-radius:var(--r);width:100%;font-size:17px}
.status.fail{background:#FBE3DA;color:#7A2E17;padding:14px 18px;border-radius:var(--r);width:100%}
.form.paper .field input,.form.paper .field textarea,.form.paper .field select{background:var(--white);border-color:var(--line);color:var(--ink)}
.form.paper .field label i{color:var(--muted)}
.form.paper .field.bad input{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.form.paper .field .err{color:var(--accent-d)}
.form.paper .consent a{color:var(--green)}
.form.paper .consent.bad{color:var(--accent-d)}

/* footer */
.ftr{background:#112A20;color:#C4D0C8;padding:56px 0 40px;font-size:15px}
.ftr .row{display:grid;grid-template-columns:5fr 3fr 4fr;gap:48px}
.ftr .logo-plate{display:block;box-sizing:content-box;overflow:hidden;width:100px;height:30px;background:var(--paper);padding:12px 16px;border-radius:var(--r)}
.ftr .logo-plate img{height:30px;width:auto;max-width:none}
.ftr h4{color:#fff;font-size:15px;margin-bottom:10px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ftr a{text-decoration:none;display:inline-flex;align-items:center;min-height:36px}
.ftr a:hover{color:#fff;text-decoration:underline}
.ftr .req{margin-top:20px;font-size:14px;line-height:1.6;white-space:nowrap}
.ftr .link-btn{background:none;border:0;color:inherit;cursor:pointer;padding:0;min-height:36px;text-align:left}
.ftr .link-btn:hover{color:#fff;text-decoration:underline}

/* cookie */
.cookie{position:fixed;left:24px;right:24px;bottom:24px;z-index:60;max-width:960px;margin:0 auto;background:var(--white);border:1.5px solid var(--green);border-radius:var(--r);box-shadow:0 12px 40px rgba(20,40,30,.28);padding:20px 24px;display:flex;gap:24px;align-items:center}
.cookie[hidden]{display:none}
.cookie p{font-size:15px;line-height:1.5}
.cookie p a{color:var(--green);font-weight:600}
.cookie .acts{display:flex;gap:10px;flex:none}

/* modal + drawer */
.scrim{position:fixed;inset:0;background:rgba(15,30,24,.55);z-index:50;opacity:0;pointer-events:none;transition:opacity .2s}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--paper);z-index:55;transform:translateX(100%);transition:transform .22s;display:flex;flex-direction:column;padding:0 var(--g,24px) 24px;visibility:hidden}
.drawer.on{transform:none;visibility:visible}
.drawer .top{display:flex;align-items:center;justify-content:space-between;height:72px;flex:none}
.drawer .x{width:48px;height:48px;border:0;background:none;cursor:pointer;position:relative}
.drawer .x::before,.drawer .x::after{content:"";position:absolute;left:12px;right:12px;top:23px;height:2.5px;background:var(--ink);transform:rotate(45deg)}
.drawer .x::after{transform:rotate(-45deg)}
.drawer nav{display:flex;flex-direction:column;margin-top:8px}
.drawer nav a{padding:18px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:22px;text-decoration:none;min-height:60px}
.drawer .btn{width:100%;margin-top:12px}
.drawer .acts{margin-top:auto;padding-top:24px;display:grid;gap:12px}
.drawer .acts .btn{margin:0}
.sheet{position:fixed;left:0;right:0;bottom:0;max-height:88vh;background:var(--paper);z-index:55;border-radius:14px 14px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .22s;visibility:hidden}
.sheet.on{transform:none;visibility:visible}
.sheet .sh{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 8px 20px;border-bottom:1px solid var(--line);flex:none;min-height:60px}
.sheet .sh h3{font-size:20px}
.sheet .sb{overflow:auto;padding:20px;display:grid;gap:24px}
.sheet .sf{padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:12px;flex:none}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-48%);width:min(560px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto;background:var(--paper);border-radius:var(--r);z-index:55;padding:32px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s}
.modal.on{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
.modal h3{font-size:26px;line-height:1.2;margin-bottom:6px}
.modal .xm{position:absolute;right:8px;top:8px;width:48px;height:48px;border:0;background:none;cursor:pointer}
.modal .xm::before,.modal .xm::after{content:"";position:absolute;left:12px;right:12px;top:23px;height:2.5px;background:var(--ink);transform:rotate(45deg)}
.modal .xm::after{transform:rotate(-45deg)}
.chosen{display:flex;gap:14px;align-items:center;background:var(--stone);padding:12px;border-radius:var(--r);margin:16px 0 20px}
.chosen img{width:72px;height:56px;object-fit:contain}
.chosen b{display:block;line-height:1.25}
.chosen small{color:var(--muted)}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--r);background:var(--white)}
.qty button{width:44px;height:44px;border:0;background:none;font-size:22px;cursor:pointer}
.qty output{min-width:36px;text-align:center;font-weight:700}

/* product page */
.crumbs{padding:20px 0;font-size:14px;color:var(--muted)}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs span{margin:0 8px}
.pd{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:start;padding-bottom:72px}
.gal .main{background:var(--stone);border-radius:var(--r);aspect-ratio:4/3.1;display:flex;align-items:flex-end;justify-content:center;padding:32px 32px 0;position:relative}
.gal .main img{max-height:100%;width:auto}
.gal .main::after{content:"";position:absolute;left:0;right:0;bottom:0;border-top:2px solid var(--green)}
.gal .thumbs{display:flex;gap:10px;margin-top:10px}
.gal .thumbs button{width:92px;height:72px;padding:6px;border:1.5px solid var(--line);background:var(--stone);border-radius:var(--r);cursor:pointer}
.gal .thumbs button[aria-pressed=true]{border-color:var(--green);border-width:2.5px}
.gal .thumbs img{width:100%;height:100%;object-fit:contain}
.gal .note{font-size:14px;color:var(--muted);margin-top:12px}
.pd h1{font-size:40px;line-height:1.1;letter-spacing:-.02em;font-weight:700}
.pd .kind{color:var(--muted);margin-bottom:10px}
.keyfacts{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:28px 0;border-top:2px solid var(--green)}
.keyfacts div{padding:16px 16px 16px 0;border-bottom:1px solid var(--line)}
.keyfacts div:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
.keyfacts small{display:block;font-size:13px;color:var(--muted);font-weight:500}
.keyfacts b{font-size:22px;font-weight:800;line-height:1.25}
.keyfacts .sub{font-size:13px;color:var(--muted);font-weight:500;display:block;margin-top:2px}
.buy .price{font-size:34px;font-weight:800;letter-spacing:-.01em}
.buy .pn{font-size:14px;color:var(--muted);margin:6px 0 20px;max-width:26em}
.buy .btn{width:100%}
.buy .btn+.btn{margin-top:10px}
.pbody{display:grid;grid-template-columns:7fr 5fr;gap:56px;padding:72px 0 96px;border-top:1px solid var(--line)}
.pbody h2{font-size:28px;margin-bottom:20px}
.pbody .desc{max-width:40em;color:#3A4440}
.pbody .desc p+p{margin-top:12px}
.spec-t{width:100%;border-collapse:collapse;font-size:16px}
.spec-t th,.spec-t td{text-align:left;padding:12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.spec-t th{font-weight:500;color:var(--muted);padding-right:20px;width:55%}
.spec-t td{font-weight:600}
.inc{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.inc li{background:var(--stone);padding:6px 12px;border-radius:30px;font-size:14px;font-weight:600}
.doc{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.doc .ic{flex:none;width:44px;height:56px;border:2px solid var(--green);border-radius:4px;display:flex;align-items:end;justify-content:center;font-size:11px;font-weight:800;color:var(--green);padding-bottom:4px}
.doc b{display:block;line-height:1.3}
.doc small{color:var(--muted);font-size:14px}
.doc .a{margin-left:auto;display:flex;gap:6px;flex:none}
.doc .a a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;font-weight:700;color:var(--accent);text-decoration:none}
.doc .a a:hover{text-decoration:underline}
.doc-note{font-size:14px;color:var(--muted);margin-top:14px;max-width:34em}
.related{padding:72px 0 96px;background:var(--stone)}

/* mobile bottom call bar spacing */
@media (max-width:1279px){:root{--pad:40px}.hero h1{font-size:54px}}
@media (max-width:1023px){
  :root{--pad:24px;--gap:20px}
  body{font-size:16px}
  .hdr .wrap{height:64px;gap:10px}
  .logo{--lh:36px}
  .nav,.hdr .btn.d-only,.hdr-call{display:none}
  .m-only{display:inline-flex}
  .hdr .m-call{margin-left:auto;min-height:44px;padding:0 14px;gap:8px}
  .burger{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1.5px solid var(--green);border-radius:var(--r);background:none;cursor:pointer;flex:none}
  .burger i,.burger i::before,.burger i::after{display:block;width:20px;height:2.5px;background:var(--green);position:relative;content:""}
  .burger i::before{position:absolute;top:-7px}.burger i::after{position:absolute;top:7px}
  .hero .wrap{grid-template-columns:1fr;gap:32px;padding-top:40px}
  .hero-copy{padding-bottom:0}
  .hero h1{font-size:38px;line-height:1.08}
  .hero .lead{font-size:17px;margin-top:16px}
  .hero .cta{margin-top:24px}.hero .cta .btn{flex:1 1 100%}
  .hero .facts{margin-top:24px;gap:6px 20px;font-size:14px}
  .scale{padding:28px 16px 0;min-height:0}
  .scale-cap{left:16px;top:16px;font-size:13px}
  .scale-stage{height:300px;margin-top:44px}
  .ruler{margin:0 -16px;height:96px}
  .ruler .axis{right:16px}
  .sec{padding:56px 0}.sec.tight{padding:48px 0}
  .h2{font-size:30px}.sec-lead{font-size:16px}
  .scen{grid-template-columns:1fr;margin-top:28px}
  .scen a{border-right:0;margin-right:0;border-bottom:1px solid var(--line);min-height:0;padding:20px 0}
  .cond,.sys,.docs,.formsec .grid2,.pd,.pbody{grid-template-columns:1fr;gap:32px}
  .cond dl{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr 1fr;gap:28px 16px}
  .card h3{font-size:18px}
  .steps{grid-template-columns:1fr 1fr;gap:28px 16px}
  .ftr .row{grid-template-columns:1fr;gap:28px}
  .form{grid-template-columns:1fr}
  .faq summary{font-size:18px}
  .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-right:calc(var(--pad)*-1);padding-right:var(--pad)}
  .filters{display:none}
  .m-filter-btn{display:flex;gap:10px;margin-top:16px}
  .m-filter-btn .btn{flex:1}
  .pd{gap:28px}.pd h1{font-size:30px}
  .gal .main{padding:20px 16px 0}
  .sys-list{grid-template-columns:1fr}
  .cookie{left:12px;right:12px;bottom:12px;flex-direction:column;align-items:stretch;gap:14px;padding:16px}
  .cookie .acts .btn{flex:1}
  .doc{flex-wrap:wrap}.doc .a{margin-left:60px}
  .related{padding:48px 0 64px}
}
@media (max-width:560px){
  .grid{grid-template-columns:1fr}
  .card{flex-direction:row;gap:14px;align-items:stretch}
  .card .ph{flex:none;width:42%;aspect-ratio:3/4;align-self:flex-start;border-radius:var(--r)}
  .card .ph img{max-width:calc(100% - 12px);max-height:calc(100% - 16px)}
  .card .spec{gap:4px 16px}.card .spec b{font-size:16px}.card .spec small{font-size:12px}
  .card h3{font-size:17px}.card .price{font-size:18px}
  .card .body{padding-top:0}
  .card .price-row{flex-direction:column;align-items:flex-start;gap:8px}
  .card .price-row .btn{width:100%}
  .steps{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.opq{mix-blend-mode:multiply}
#cat-root{scroll-margin-top:110px}

@media (max-width:1023px){.cat-h1{font-size:34px!important}}

.pd>*,.pbody>*,.docs>*,.sys>*,.cond>*{min-width:0}.gal .thumbs{overflow-x:auto}

.field{min-width:0}.field input,.field textarea,.field select{width:100%;min-width:0}
.sel{max-width:100%;min-width:0}
.rel-grid{grid-template-columns:repeat(4,1fr)}
@media (max-width:1023px){.rel-grid{grid-template-columns:1fr 1fr}.hero .wrap>*{min-width:0}}
@media (max-width:560px){.rel-grid{grid-template-columns:1fr}}
@media (max-width:380px){:root{--pad:16px}.logo{--lh:28px}.hero h1{font-size:30px}.hdr .wrap{gap:8px}.hdr .m-call{padding:0 10px}}
@media (max-width:480px){.ftr .req{white-space:normal}}

/* ===== v2: единый стиль с главной ===== */
.phead{background:radial-gradient(ellipse 50% 90% at 85% 100%,rgba(185,92,63,.35),rgba(185,92,63,0) 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 18px),linear-gradient(#173B2E,#0D2219);color:var(--paper);padding:20px 0 56px}
.phead .crumbs{color:#9FB5A8;padding:0 0 28px}.phead .crumbs a{color:#C4D0C8}
.phead h1{font-size:56px;line-height:1.05;font-weight:700;letter-spacing:-.025em;max-width:16em}
.phead .lead{margin-top:18px;font-size:19px;color:#DCE3DB;max-width:40em}
.phead.slim{padding:6px 0 0}.phead.slim .crumbs{padding:14px 0}
.cat-body{padding-top:48px}
.cat-body .tabs{margin-top:0}
.filters{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px 26px;box-shadow:0 18px 40px -28px rgba(25,55,43,.35)}
.card{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:box-shadow .15s,transform .15s}
.card:hover{box-shadow:0 18px 36px -22px rgba(25,55,43,.45)}
.card .ph{border-radius:0}
.card .body{padding:18px 22px 22px}
.gal .main{border-radius:14px}
.pdw .pd{padding-top:32px}
.buy{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:0 18px 40px -28px rgba(25,55,43,.35)}
.keyfacts{border-top:0;gap:10px}
.keyfacts div,.keyfacts div:nth-child(even){background:var(--paper);border:0;border-radius:10px;padding:14px 16px}
.doc{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:12px}
.pbody{border-top:0}
.related{border-top:1px solid var(--line)}
@media (max-width:1023px){
 .phead{padding:12px 0 36px}.phead h1{font-size:38px}.phead .lead{font-size:17px}.phead .crumbs{padding-bottom:18px}
 .cat-body{padding-top:28px}.buy{padding:22px 18px}.card .body{padding:16px 18px 20px}
}
@media (max-width:560px){
 .card{padding:12px}.card .body{padding:0}.card .ph{border-radius:var(--r)}
 .phead.slim .crumbs{padding:10px 0}
}
@media (max-width:560px){
 .buy{padding:20px 14px}.keyfacts{gap:8px}.keyfacts div,.keyfacts div:nth-child(even){padding:12px}.keyfacts b{font-size:19px}
 .pbody{padding:36px 0 56px}.pdw .pd{padding-top:20px;padding-bottom:32px}
}

/* ===== v3: единые контейнеры для фото ===== */
.gal .main,.card .ph,.sys-tiles a{overflow:hidden}
.sys-tiles a{aspect-ratio:auto!important;min-height:0!important;padding:14px}
.sys-tiles img{flex:none!important;width:100%;height:auto!important;min-height:0!important;aspect-ratio:4/3;object-fit:contain;object-position:center}
.plate img{width:100%!important;max-width:100%!important;height:200px;object-fit:contain;object-position:center bottom;align-self:stretch!important}
.price{white-space:nowrap}
.rel-grid .price-row{flex-wrap:wrap}
.chosen{flex-wrap:wrap}
.chosen>div:nth-of-type(1){flex:1 1 140px;min-width:0}
.chosen .qty{flex:none;margin-left:auto}
@media (max-width:1023px){.plate img{height:160px}}
@media (max-width:560px){.chosen .qty{margin-left:86px}}
@media (max-width:1023px){.plate .btn{align-self:stretch}}
.card .price-row .btn{min-width:120px}

/* ===== home ===== */

.sys-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:0}
.sys-tiles a{background:var(--stone);color:var(--ink);border-radius:var(--r);aspect-ratio:1/.9;display:flex;flex-direction:column;text-decoration:none;padding:14px;position:relative;overflow:hidden}
.sys-tiles img{flex:1;min-height:0;object-fit:contain;width:100%}
.sys-tiles b{font-size:15px;margin-top:8px}
.sys-tiles small{font-size:13px;color:var(--muted)}
.faqgrid{display:grid;grid-template-columns:4fr 8fr;gap:64px;align-items:start}.faqgrid .faq{margin-top:0;max-width:none}
.band{border-top:2px solid var(--green);margin-top:48px}
@media (max-width:1023px){
 .faqgrid{grid-template-columns:1fr;gap:24px}.faqgrid .faq{margin-top:8px}
}

.hero2{background:radial-gradient(ellipse 55% 60% at 72% 70%,rgba(185,92,63,.38),rgba(185,92,63,0) 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 18px),linear-gradient(#173B2E,#0D2219)}
.hero2 .h2in{padding-top:64px;padding-bottom:0;align-items:end}
.hero2 .hero-copy{padding-bottom:56px;align-self:center}
.hero2 h1{font-size:60px}
.collage2{position:relative;margin:0;height:500px}
.collage2 .cg{position:absolute;width:auto;filter:drop-shadow(0 22px 24px rgba(0,0,0,.55))}
.c-l{height:420px;left:26%;bottom:0;z-index:3}.c-m{height:260px;left:2%;bottom:0;z-index:2}.c-p{height:400px;right:0;bottom:0;z-index:1}
.collage2 figcaption{position:absolute;left:0;bottom:-34px;font-size:13px;color:#9FB5A8;white-space:nowrap}
.hero2 .strip-wrap{display:block;padding-top:0;padding-bottom:0}
.catstrip{display:grid;grid-template-columns:repeat(6,1fr);margin-top:52px;border-top:1px solid rgba(255,255,255,.18)}
.catstrip a{display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:96px;padding:18px 18px 20px 0;margin-right:18px;text-decoration:none;color:var(--paper);border-right:1px solid rgba(255,255,255,.14)}
.catstrip a:last-child{border-right:0;margin-right:0}
.catstrip span{font-weight:700;font-size:17px;line-height:1.25}
.catstrip small{font-size:15px;color:#E0B7A8;font-weight:600}
.catstrip a:hover span{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}
.pick{padding:56px 0 0}
.pickcard{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:20px 24px;align-items:end;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:0 18px 40px -24px rgba(25,55,43,.35)}
.pickcard .pk-h{grid-column:1/-1}
.pickcard h2{font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.015em}
.pickcard .pk-h p{margin-top:6px;color:var(--muted);font-size:16px;max-width:46em}
.pickcard label,.pickcard .lbl{display:block;font-size:14px;font-weight:600;color:var(--muted);margin-bottom:6px}
.seg{display:flex;border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--paper)}
.seg label{flex:1;margin:0;position:relative}
.seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.seg span{display:flex;align-items:center;justify-content:center;min-height:47px;padding:0 12px;font-weight:700;font-size:15px;color:var(--ink);text-align:center}
.seg input:checked+span{background:var(--green);color:#fff}
.seg input:focus-visible+span{outline:3px solid var(--accent);outline-offset:-3px}
.pickcard input[type=number],.pickcard select{width:100%;min-height:50px;border:1.5px solid var(--line);border-radius:var(--r);background:var(--paper);font:600 17px Manrope,sans-serif;padding:0 14px;color:var(--ink)}
.pickcard select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
.pickcard .btn{min-height:50px}
.reasons{counter-reset:r;margin:48px 0 0;padding:0;list-style:none;border-top:2px solid var(--green)}
.reasons li{counter-increment:r;display:grid;grid-template-columns:120px 5fr 6fr;gap:24px;align-items:baseline;padding:28px 0;border-bottom:1px solid var(--line)}
.reasons li::before{font-variant-numeric:tabular-nums;content:"0" counter(r);font-size:56px;line-height:1;font-weight:800;color:var(--accent);letter-spacing:-.03em}
.reasons h3{font-size:24px;line-height:1.2;font-weight:700}
.reasons p{color:var(--muted);font-size:17px}
.sfx{position:relative}.sfx input{padding-right:48px!important}.sfx span{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--muted)}
#why{border-top:1px solid var(--line)}#why .reasons li{border-bottom-color:#CBC5B2}
.ord{padding:88px 0}.ord .steps::before{border-top-color:#A9B3A5}.ord .steps li::before{box-shadow:0 0 0 8px var(--stone)}.ord .steps p{color:var(--muted)}
.ftabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.faqgrid .faq[hidden]{display:none}
.plates{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.plate{position:relative;background:var(--stone);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:20px;min-height:460px;overflow:hidden}
.plate h3{font-size:24px;line-height:1.2;font-weight:700}
.plate p{margin-top:12px;font-size:16px;color:var(--muted);max-width:22em}
.plate img{height:200px;width:auto;align-self:flex-end;margin-top:auto;margin-bottom:-4px;max-width:70%;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(20,40,30,.25))}
.plate .btn{align-self:flex-start;position:relative;z-index:2}
.plate.dk{background:var(--green);color:var(--paper)}
.plate.dk p{color:#C4D0C8}
.steps{position:relative;grid-template-columns:repeat(4,1fr);gap:0 24px;margin-top:56px}
.steps::before{content:"";position:absolute;left:32px;right:calc(25% - 32px);top:32px;border-top:2px dashed #4B7060}
.steps li{border-top:0;padding:0 8px 0 0;counter-increment:s}
.steps li::before{content:counter(s);display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fff;font-size:26px;font-weight:800;margin-bottom:22px;position:relative;box-shadow:0 0 0 8px var(--green)}
.steps h3{font-size:21px}
.ftr{background:var(--stone);color:var(--ink);border-top:1px solid var(--line)}
.ftr h4{color:var(--ink)}
.ftr a:hover,.ftr .link-btn:hover{color:var(--accent-d)}
.ftr .req{color:var(--muted)}
.ftr .logo-plate{all:unset}
@media (max-width:1023px){
 .hero2 .h2in{padding-top:36px}.hero2 h1{font-size:40px}.hero2 .hero-copy{padding-bottom:28px}
 .collage2{height:300px}.c-l{height:250px;left:24%}.c-m{height:150px;left:0}.c-p{height:235px;right:0}.collage2 figcaption{position:static;margin-top:10px;white-space:normal;padding-bottom:20px}
 .catstrip{grid-template-columns:1fr 1fr;margin-top:8px}.catstrip a{min-height:84px;padding:14px 12px 14px 0;margin-right:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
 .catstrip a:nth-child(odd){border-right:1px solid rgba(255,255,255,.14);margin-right:12px}.catstrip a:nth-child(even){padding-left:4px}
 .sys-tiles a{aspect-ratio:auto;min-height:200px}.sys-tiles img{min-height:96px}
 .pick{padding-top:32px}.pickcard{grid-template-columns:1fr;padding:22px 18px}.pickcard h2{font-size:25px}
 .reasons{margin-top:28px}.reasons li{grid-template-columns:56px 1fr;gap:6px 14px;padding:22px 0;align-items:start}.reasons li::before{font-size:36px;line-height:1.1;grid-row:1/3;align-self:start}.reasons h3{font-size:21px;line-height:1.25;padding-top:3px}.reasons p{grid-column:2}
 .plates{grid-template-columns:1fr;gap:16px;margin-top:28px}
 .plate .btn{align-self:stretch}
 .plate{min-height:0;padding:24px}.plate img{height:150px}
 .steps{grid-template-columns:1fr;gap:0;margin-top:36px}
 .steps::before{left:31px;right:auto;top:32px;bottom:60px;border-top:0;border-left:2px dashed #A9B3A5}
 .steps li{display:grid;grid-template-columns:64px 1fr;column-gap:18px;padding-bottom:28px}
 .steps li::before{grid-row:1/3;margin:0}
 .steps h3{align-self:end}
 .steps li:last-child{padding-bottom:0}.ord{padding:56px 0}
}

/* ===== production additions ===== */
.legal{padding:56px 0 96px}
.legal .prose{max-width:46em}
.legal h2{font-size:26px;line-height:1.25;margin:40px 0 14px}
.legal p{margin:0 0 14px;color:#2f3834}
.legal a{color:var(--accent-d)}
.legal .legal-meta{color:var(--muted);font-size:15px}
.notfound{padding:96px 0 120px}.notfound p{margin:16px 0 28px;color:var(--muted)}
.card .price-row{margin-top:auto}
.js-only[hidden]{display:none}
[data-card][hidden]{display:none}
.empty{grid-column:1/-1;padding:40px 0;text-align:left}
.status.err{color:#9F2D1B}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.resultbox{max-width:640px;margin:0 auto;padding:96px 0 120px}.resultbox p{margin:14px 0 24px;color:var(--muted)}
.sheet-host{display:none}
.tab{text-decoration:none;color:inherit}
a.tab[aria-current=page]{background:var(--green);border-color:var(--green);color:var(--paper)}
a.tab[aria-current=page] span{color:#B9C7BE}
.keyfacts div:last-child:nth-child(odd){grid-column:1/-1}
.doc-sub{font-size:18px;margin:22px 0 10px}
.in-sheet.filters{display:grid!important;gap:24px;border:0;box-shadow:none;padding:0;margin:0;background:none}
.in-sheet .fg-sort,.in-sheet .fbar .count{display:none}
.in-sheet .fbar{margin:0}
@media (max-width:1023px){.sheet .filters[hidden]{display:none}}
.gal .thumbs{flex-wrap:wrap}
.phead h1,.pd h1{overflow-wrap:break-word;hyphens:auto}
@media (max-width:400px){.phead h1{font-size:30px}}

/* FIX 01: navigation and request states */
.chosen[hidden],.consult-visual[hidden],.category-page-link[hidden]{display:none!important}
.consult-visual{display:flex;gap:16px;align-items:center;padding:16px;background:var(--stone);border-radius:var(--r);margin:16px 0 20px}
.consult-visual img{width:88px;height:88px;object-fit:contain;flex:none}
.consult-visual b,.consult-visual small{display:block}
.consult-visual small{color:var(--muted);margin-top:6px;line-height:1.4}
.cat-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.category-page-link{margin:12px 0 20px}
.category-page-link a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-underline-offset:4px}
.catalog-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}
.catalog-category{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:136px;padding:22px 40px 22px 22px;background:var(--stone);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;transition:background .15s,border-color .15s}
.catalog-category span{font-size:18px;font-weight:700;line-height:1.3}
.catalog-category small{color:var(--muted)}
.catalog-category b{position:absolute;right:16px;bottom:20px;font-size:24px;color:var(--accent)}
.catalog-category:hover,.catalog-category:focus-visible{border-color:var(--accent);background:var(--paper)}
@media(max-width:1023px){.catalog-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.catalog-categories{grid-template-columns:1fr;gap:10px}.catalog-category{min-height:104px;padding:16px 40px 16px 16px}.consult-visual{gap:12px;padding:12px}.consult-visual img{width:64px;height:72px}}

/* Successful submission replaces every form with a confirmation panel. */
[data-success-hidden]{display:none!important}
.form-success{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:290px;padding:32px 24px;text-align:center;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--r)}
.success-mark{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--green);color:var(--paper)}
.form-success h3{font-size:28px;line-height:1.2;margin:0}
.form-success h3:focus{outline:none}
.form-success p{max-width:32ch;margin:0;color:var(--muted);font-size:17px;line-height:1.55}
.form-success .btn{margin-top:8px;max-width:100%}
@media(max-width:560px){.form-success{min-height:260px;padding:28px 18px}.form-success h3{font-size:25px}}

/* FORMS_07: one independent confirmation state */
.form.tv-success-form{display:block;gap:0;background:transparent;border:0;box-shadow:none;padding:0}
.tv-success-form>.form-success{min-height:260px;width:100%;padding:36px 24px;gap:16px}
.tv-success-form .success-mark{background:#e5eee8;color:var(--green);width:56px;height:56px}
.tv-success-form .form-success h3:focus{outline:none;box-shadow:none}
.tv-success-form .form-success p{font-size:16px;max-width:32ch}
.tv-success-form .form-success .btn{min-height:48px;width:100%;max-width:260px}
#request.tv-success-modal{width:min(440px,calc(100% - 32px));padding:52px 28px 32px}
#request.tv-success-modal .form-success{padding:0;min-height:0;border:0;background:transparent}
#request.tv-success-modal .form-success h3{font-size:28px;margin:0}
@media(max-width:560px){.tv-success-form>.form-success{padding:30px 20px;min-height:240px}.tv-success-form .form-success h3{font-size:25px}.tv-success-form .form-success p{font-size:15px}#request.tv-success-modal{padding:50px 24px 28px}}

/* LAYOUT_08: match top and bottom desktop inset around system tiles */
@media(min-width:1024px){#system .sys-fig{padding-bottom:32px}}

/* TEPLOVEK_CATALOG_SPACE_09 */
.cat-head{margin-bottom:28px}
@media(max-width:767px){.cat-head{margin-bottom:20px}}