/* Тепло в доме. Общая система публичной витрины и конструктора. */
:root {
  --panel:#f8f4ef; --panel-2:#f1eae2; --card:#fff;
  --terra:#a64f37; --terra-deep:#8a3e2a; --terra-soft:#f6e7de;
  --ink:#2a2521; --ink-70:#6b6259; --ink-45:#978c81; --line:#ebe3d9;
  --sans:"Manrope","Segoe UI",Arial,sans-serif; --display:var(--sans);
  --serif:"Lora",Georgia,"Times New Roman",serif; --script:"Bad Script","Segoe Script",cursive;
  --r-panel:14px; --r-card:14px; --r-btn:10px; --r-pill:999px;
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:96px;
  --ease:cubic-bezier(.22,1,.36,1);
  --shadow-panel:0 1px 2px rgba(58,38,24,.04),0 10px 28px -16px rgba(88,56,32,.18);
  --shadow-card:0 1px 2px rgba(58,38,24,.04),0 10px 28px -16px rgba(88,56,32,.18);
  --shadow-card-hover:0 2px 4px rgba(58,38,24,.05),0 18px 36px -16px rgba(88,56,32,.26);
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0;background:var(--panel);color:var(--ink);font:400 15px/1.65 var(--sans)}
[hidden] {display:none!important}
img {display:block;max-width:100%;height:auto}
figure,p,h1,h2,h3,h4 {margin:0}
h1,h2,h3,h4 {line-height:1.17;font-weight:600;letter-spacing:-.035em;text-wrap:balance}
h1 {font-size:clamp(38px,4.4vw,66px)}
h2 {font-size:clamp(28px,3vw,40px)}
h3 {font-size:18px;letter-spacing:-.02em;line-height:1.35}
a {color:var(--terra);text-underline-offset:4px}
button,input,textarea,select {font:inherit}
button {cursor:pointer}
button:disabled {cursor:default;opacity:.5}
:focus-visible {outline:2px solid var(--terra);outline-offset:4px}
::selection {background:var(--terra-soft)}
.shell {width:100%;max-width:1344px;margin:0 auto;padding-left:48px;padding-right:48px}
.skip-link {position:fixed;top:-100px;left:20px;background:var(--ink);color:#fff;padding:12px 20px;z-index:99}
.skip-link:focus {top:12px}
.eyebrow {color:var(--terra);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.muted,.section-note {color:var(--ink-70)}
.section-note {font-size:12px;margin-top:20px;max-width:76ch}
.text-link {display:inline-flex;align-items:center;gap:20px;text-decoration:none;font-size:14px;font-weight:600;line-height:1.5}
.text-link:hover,.product-link:hover {text-decoration:underline}
.btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 20px;border:1px solid transparent;border-radius:var(--r-btn);font-size:14px;font-weight:600;line-height:1.35;text-decoration:none;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}
.btn-terra {color:#fff;background:var(--terra)}
.btn-terra:hover {background:var(--terra-deep)}
.btn-line,.btn-ghost {background:var(--card);border-color:#e2d8cd;color:var(--ink)}
.btn-line:hover,.btn-ghost:hover {background:var(--card);border-color:var(--terra);color:var(--terra)}
.btn-sm {min-height:38px;padding:8px 14px;font-size:13px}
.btn-block {width:100%}
.btn__ic {display:inline-flex;align-items:center;justify-content:center}
.btn[disabled] {pointer-events:none;opacity:.45}
.head {background:var(--panel);border-bottom:1px solid var(--line)}
.head-in {display:flex;align-items:center;gap:38px;min-height:94px;max-width:1344px;margin:auto;padding:16px 48px}
.brand {display:flex;flex-direction:column;flex:none;text-decoration:none;color:var(--ink)}
.brand-name {display:block;font-size:23px;letter-spacing:-.075em;font-weight:800;line-height:1.2;white-space:nowrap}
.brand-dot {color:var(--terra)}
.brand-sub {display:block;font-size:10px;color:var(--ink-70);letter-spacing:.055em;margin-top:5px}
.menu {display:flex;align-items:center;gap:26px;margin-left:auto}
.menu a,.account-link {color:var(--ink);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}
.menu a {padding:12px 0}
.menu a:hover,.menu a[aria-current],.account-link:hover {color:var(--terra)}
.head-actions {display:flex;align-items:center;gap:22px;flex:none}
.account-link {border-left:1px solid var(--line);padding-left:26px}
.demo-link {border-color:#c7b9aa}
.hero {display:grid;grid-template-columns:1.05fr 1fr;gap:58px;align-items:center;padding-top:64px;padding-bottom:54px}
.hero h1 {line-height:1.09;letter-spacing:-.055em;font-weight:500}
.hero h1 span {color:var(--terra)}
.hero-lead {font-size:15px;line-height:1.8;color:var(--ink-70);max-width:43ch;margin:25px 0 28px}
.hero-cta {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-footnote {font-size:11px;color:var(--ink-70);margin-top:25px}
.hero-footnote a {color:var(--ink);white-space:nowrap}
.hero-photo {align-self:stretch;display:flex;flex-direction:column;min-width:0}
.hero-photo img {width:100%;height:470px;object-fit:cover;border-radius:3px}
.hero-photo figcaption {display:flex;justify-content:space-between;gap:12px;padding-top:13px;color:var(--ink-70);font-size:10px}
.quick-paths {display:grid;grid-template-columns:repeat(3,1fr);padding-top:0;padding-bottom:0}
.quick-paths>a {display:flex;align-items:flex-start;gap:17px;padding:27px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.quick-paths>a:first-child {padding-left:0}
.quick-paths>a:last-child {padding-right:0}
.quick-paths>a+a {border-left:1px solid var(--line)}
.quick-paths h2 {font-size:16px;letter-spacing:-.02em}
.quick-paths p {font-size:11px;color:var(--ink-70);margin-top:7px}
.path-number {color:var(--terra);font-size:11px;line-height:22px}
.path-arrow {color:var(--ink-70);margin-left:auto}
.quick-paths>a:hover h2 {color:var(--terra)}
.sec {padding-top:86px;padding-bottom:12px}
.sec-head {display:flex;align-items:flex-end;gap:32px;justify-content:space-between;margin-bottom:32px}
.sec-head .grow {flex:1;min-width:0}
.sec-head .eyebrow {margin-bottom:12px}
.sec-head p:not(.eyebrow) {color:var(--ink-70);max-width:68ch;margin-top:14px;font-size:14px}
.grid-4 {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.grid-3 {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.prod {display:flex;flex-direction:column;min-width:0;position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.prod-ph {display:block;aspect-ratio:1.2;background:#fff;overflow:hidden;border-bottom:1px solid #eeeae4}
.prod-ph img {width:100%;height:100%;object-fit:contain;padding:18px}
.prod-b {display:flex;flex-direction:column;flex:1;padding:20px}
.product-category {text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:var(--ink-45);margin-bottom:9px}
.prod h3 {font-size:16px;line-height:1.4;margin-bottom:10px}
.prod .desc {font-size:12px;color:var(--ink-70);line-height:1.6;margin-bottom:15px}
.tags {display:flex;gap:10px;flex-wrap:wrap;font-size:10px;color:var(--ink-70);margin-bottom:24px}
.tags span+span {border-left:1px solid var(--line);padding-left:10px}
.prod-f {display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:auto}
.prod-f .btn {width:100%}
.price {font-size:18px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1.3}
.price>span {display:block;color:var(--ink-45);font-size:11px;font-weight:400}
.product-link {display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;text-decoration:none;color:var(--ink)}
.account-intro {display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:84px;padding-top:50px;padding-bottom:50px;background:var(--panel-2)}
.account-intro h2 {font-size:39px;margin-bottom:22px}
.account-intro>div>p:not(.eyebrow) {font-size:14px;color:var(--ink-70);max-width:46ch;margin-bottom:25px}
.account-preview {align-self:center;background:var(--card);padding:28px 32px;border:1px solid var(--line);border-radius:var(--r-card)}
.preview-head {display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:20px}
.preview-tag {font-size:10px;color:var(--terra);background:var(--terra-soft);padding:4px 9px;border-radius:4px;font-weight:500}
.preview-row {display:flex;align-items:baseline;gap:18px;margin-top:23px}
.preview-number {font-size:10px;color:var(--terra)}
.preview-row h3 {font-size:14px;letter-spacing:0}
.preview-row p {font-size:11px;color:var(--ink-70);margin-top:4px}
.works {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.work img {width:100%;height:285px;object-fit:cover;border-radius:4px}
.work figcaption {padding-top:18px}
.work b,.work span {display:block}
.work b {font-size:16px;font-weight:600}
.work span {font-size:12px;color:var(--ink-70);margin-top:5px}
.contact-band {display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:90px;margin-top:82px;padding-top:56px;padding-bottom:60px;border-top:1px solid var(--line)}
.contact-band>div>p:not(.eyebrow) {margin-top:17px;font-size:14px;color:var(--ink-70);max-width:43ch}
.contact-links {display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:30px}
.contact-links a {text-decoration:none;font-size:14px}
.contact-links .contact-phone {color:var(--ink);font-size:25px;letter-spacing:-.04em;font-weight:500}
.contact-links>span {font-size:12px;color:var(--ink-70)}
.form-card {background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:28px}
.form-card h3 {margin-bottom:22px}
.form-grid {display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.form-card label {display:block;font-size:11px;color:var(--ink-70)}
.form-card label .inp {margin-top:7px}
.inp,.sel {width:100%;min-height:46px;padding:11px 14px;margin-bottom:14px;font:inherit;font-size:14px;color:var(--ink);background:var(--card);border:1px solid #e2d8cd;border-radius:var(--r-btn);transition:border-color .18s,box-shadow .18s}
.inp:focus,.sel:focus {outline:none;border-color:var(--terra);box-shadow:0 0 0 3px rgba(166,79,55,.12)}
.inp::placeholder {color:var(--ink-45)}
textarea.inp {min-height:90px;resize:vertical}
.form-card .agree,.agree {display:flex;align-items:flex-start;gap:10px;font-size:10px;color:var(--ink-70);line-height:1.5;margin:0 0 20px}
.agree input {width:16px;height:16px;flex:none;accent-color:var(--terra);margin:0}
.form-note {font-size:12px;margin-top:12px}
.form-note.is-err {color:#9c3026}
.form-note.is-ok {color:#45643b}
.site-footer {border-top:1px solid var(--line);padding:32px 0}
.foot {display:flex;align-items:center;gap:20px;color:var(--ink-70);font-size:10px}
.foot a {color:var(--ink);text-decoration:none}
.foot a:hover {color:var(--terra)}
.foot .footer-brand {font-size:16px;font-weight:700}
.foot nav {display:flex;gap:20px;margin-left:auto}
.foot .sp {margin-left:auto}
.crumbs {display:flex;align-items:center;gap:10px;color:var(--ink-70);font-size:11px;margin-bottom:28px}
.crumbs a {text-decoration:none;color:inherit;min-height:36px;display:inline-flex;align-items:center}
.crumbs .sep {color:var(--ink-45)}
.catalog-main {padding-top:25px;padding-bottom:70px}
.cat-top {display:flex;gap:30px;align-items:flex-end;justify-content:space-between;margin-bottom:32px}
.cat-top h1 {font-size:48px}
.cat-top .eyebrow {margin-bottom:12px}
.cat-top .sub {font-size:13px;color:var(--ink-70);max-width:65ch;margin-top:17px}
.catalog-note {padding:18px 22px;background:var(--panel-2);border-radius:5px;display:flex;align-items:center;gap:20px;font-size:12px;margin-bottom:38px}
.catalog-note a {text-decoration:none}
.cat-layout {display:grid;grid-template-columns:218px minmax(0,1fr);gap:38px;align-items:start}
.catalog-aside {position:sticky;top:28px}
.catalog-aside>.eyebrow {color:var(--ink-45);margin-bottom:10px}
.filters-row {display:flex;flex-direction:column;gap:3px}
.fchip {display:flex;align-items:center;min-height:41px;width:100%;padding:10px 12px;border:0;border-radius:4px;background:transparent;color:var(--ink-70);text-align:left;font-size:12px;line-height:1.4}
.fchip:hover {background:var(--panel-2)}
.fchip.on {background:var(--terra-soft);color:var(--terra-deep);font-weight:700}
.side {border-top:1px solid var(--line);margin-top:25px;padding-top:25px}
.side h3 {font-size:14px;letter-spacing:0;margin-bottom:9px}
.side-p {color:var(--ink-70);font-size:11px;line-height:1.6;margin-bottom:12px}
.side .text-link {font-size:12px}
.cat-group {margin-bottom:38px}
.cat-group__head {display:flex;align-items:baseline;gap:15px;justify-content:space-between;margin-bottom:20px}
.cat-group__head h2 {font-size:26px}
.cat-group__count {font-size:11px;color:var(--ink-45)}
.specs {margin:0 0 18px;font-size:10px;display:grid;gap:4px}
.specs>div {display:flex;gap:7px}
.specs dt {min-width:62px;color:var(--ink-45)}
.specs dd {margin:0;color:var(--ink-70)}
.empty-note {margin-top:40px;border-top:1px solid var(--line);padding-top:30px}
.empty-note h3 {margin-bottom:12px}
.empty-note p {font-size:13px;color:var(--ink-70);max-width:58ch;margin-bottom:20px}
.panel {background:var(--card);border:1px solid var(--line);border-radius:var(--r-panel)}
.panel-pad {padding:var(--s4)}
.rise {opacity:1;transform:none;filter:none}
section[id],div[id] {scroll-margin-top:24px}

/* Конструктор: работающие элементы без декоративного движения. */
.steps-line {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.stp {display:inline-flex;align-items:center;gap:9px;background:none;border:0;padding:0;font:inherit;min-height:44px}
.stp .n {display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--panel-2);color:var(--ink-70);font-size:11px;font-weight:600}
.stp .t {color:var(--ink-70);font-size:12px}
.stp.on .n {background:var(--terra);color:white}
.stp.on .t {color:var(--ink);font-weight:600}
.stp-sep {width:26px;height:1px;background:var(--line)}
.cfg {display:grid;grid-template-columns:1fr 1.05fr .95fr;gap:20px;align-items:start}
.cfg-card {min-width:0;border:1px solid var(--line);background:var(--card);padding:24px;border-radius:var(--r-card)}
.cfg-card h3 {font-size:17px;margin-bottom:22px}
.cfg-sub {font-size:12px;color:var(--ink-70);margin:-10px 0 20px}
.fld {margin-bottom:23px}
.fld-l {display:block;font-size:12px;font-weight:600;margin-bottom:10px}
.fld-note {font-style:normal;color:var(--ink-70);font-weight:400}
.fld-hint {font-size:11px;color:var(--ink-70);margin-top:8px}
.seg {display:flex;gap:6px;flex-wrap:wrap}
.seg-i {min-height:36px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink);font-size:11px}
.seg-i:hover {border-color:var(--terra)}
.seg-i.on {background:var(--terra);color:white;border-color:var(--terra)}
.cfg-check {display:flex;align-items:flex-start;gap:10px;font-size:12px;min-height:36px;margin-bottom:10px}
.cfg-check input {accent-color:var(--terra);margin-top:4px}
.cfg-nav-row {display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.cfg-nav-row .btn {flex:1;font-size:11px;padding:10px;min-width:105px}
.fld-row {display:grid;grid-template-columns:1fr 115px;gap:10px;align-items:center}
.fld-row .fld-l {margin:0;font-size:11px;font-weight:400}
.unit-inp {position:relative;display:block}
.unit-inp .inp {margin:0;padding-right:39px}
.unit-inp i {position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-style:normal;color:var(--ink-70)}
.part-tabs {display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px}
.part-tab {background:var(--panel-2);border:0;border-radius:3px;padding:8px 10px;color:var(--ink-70);font-size:10px}
.part-tab.on {background:var(--terra);color:white}
.part-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.part {position:relative;display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid var(--line);border-radius:5px;background:#fff;text-align:left;color:var(--ink)}
.part:hover {border-color:var(--terra)}
.part-ph {aspect-ratio:1;display:block;background:#fff}
.part-ph img {width:100%;height:100%;object-fit:contain}
.part-n {font-size:11px;line-height:1.45}
.part-p {font-size:11px;color:var(--ink-70)}
.part-add {position:absolute;top:7px;right:7px;background:var(--terra);color:#fff;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:16px}
.cfg-scheme {background:var(--panel-2);display:flex;flex-direction:column;align-items:center;padding:24px 24px 0}
.scheme-svg {width:100%;height:auto;max-width:540px;max-height:620px}
.s-ground {fill:#cdbfab}
.s-house {fill:#efe7db;stroke:#ddd2c2;stroke-width:1.5}
.s-slab {fill:#ddd2c2}
.s-roof {fill:#d8cbb9;stroke:#c6b6a0;stroke-width:1.5}
.s-wall {fill:#e2d8c8}
.s-stove {fill:#3b2c22}
.s-fire {fill:var(--terra)}
.s-pipe {fill:#8d8f93;stroke:#6f7175;stroke-width:.8}
.s-pipe-line {fill:none;stroke:#8d8f93;stroke-linecap:butt}
.s-node {fill:var(--terra);opacity:.92}
.s-cap {fill:#6f7175}
.s-dash {stroke:#b3a696;stroke-width:1;stroke-dasharray:5 4}
.s-dash-norm {stroke:var(--terra)}
.s-label {font:500 11px var(--sans);fill:#837b70;text-anchor:end}
.s-label-left {text-anchor:start}
.s-label-norm {fill:var(--terra)}
.s-dim {stroke:var(--terra);stroke-width:1.2}
.s-dim-cap {fill:var(--terra)}
.s-dim-t {font:700 12px var(--sans);fill:var(--terra);text-anchor:middle}
.scheme-status {align-self:stretch;display:flex;align-items:center;gap:9px;margin:16px -24px 0;padding:13px 20px;font-size:11px;line-height:1.5;background:var(--terra-soft);color:var(--terra-deep);border-radius:0 0 7px 7px}
.scheme-status svg {flex:none}
.scheme-ok {background:#e4ecdf;color:#446135}
.scheme-warn {background:#f6ece0;color:#8a5a1c}
.spec-meta {font-size:11px;color:var(--ink-70);margin:-10px 0 20px}
.spec-empty {font-size:12px;color:var(--ink-70)}
.spec-list {padding:0;margin:0 0 20px;list-style:none}
.spec-i {display:grid;grid-template-columns:18px 1fr auto 26px;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}
.spec-num {font-size:10px;color:var(--ink-70)}
.spec-n {line-height:1.4}
.spec-n i {display:block;font-size:10px;color:var(--ink-70);font-style:normal}
.spec-pr {white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}
.spec-x {display:grid;place-items:center;width:26px;height:30px;border:0;background:none;color:var(--ink-70);border-radius:4px}
.spec-x:hover {background:var(--terra-soft);color:var(--terra)}
.spec-sum {display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11px;color:var(--ink-70);padding:7px 0}
.spec-sum b {font-size:13px;color:var(--ink)}
.sum-total {padding:18px;background:var(--terra-soft);border-radius:5px;margin-top:16px}
.sum-total .l {color:var(--terra-deep);font-size:10px;margin-bottom:4px}
.sum-total .v {font-size:28px;line-height:1.3;font-weight:600;letter-spacing:-.04em;color:var(--terra-deep)}
.sum-list {font-size:10px;color:var(--ink-70);margin-top:10px}
.cfg-hint {font-size:11px;line-height:1.5;color:var(--terra-deep);background:var(--terra-soft);border-radius:4px;padding:12px;margin-top:16px}

@media(min-width:1440px) {.hero-photo img {height:480px}}
@media(max-width:1150px) {
  .shell {padding-left:30px;padding-right:30px}
  .head-in {padding-left:30px;padding-right:30px;gap:24px}
  .menu {gap:16px}.head-actions {gap:14px}.account-link {padding-left:18px}
  .hero {gap:30px}.hero h1 {font-size:52px}.hero-photo img {height:455px}
  .hero-cta .btn {padding-left:17px;padding-right:17px;font-size:12px}
  .grid-4 {gap:14px}.prod-b {padding:16px}
  .account-intro,.contact-band {gap:45px}
  .cfg {grid-template-columns:1fr 1fr}.cfg>.cfg-card:last-child {grid-column:1/-1}
  .cat-layout {grid-template-columns:190px minmax(0,1fr);gap:24px}
  .grid-3 {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:940px) {
  .head-in {flex-wrap:wrap;gap:10px 24px;padding-top:18px;padding-bottom:14px}
  .head-actions {margin-left:auto}.menu {order:3;width:100%;margin-left:0;border-top:1px solid var(--line);padding-top:6px;gap:28px}
  .hero {padding-top:40px;gap:26px}.hero h1 {font-size:44px}.hero-photo img {height:420px}
  .hero-lead {font-size:13px}.hero-footnote {font-size:10px}.hero-footnote a {white-space:normal}
  .quick-paths>a {gap:10px;padding:22px 14px}.quick-paths h2 {font-size:13px}.quick-paths p {font-size:10px}
  .grid-4 {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .account-intro {gap:30px}.account-intro h2 {font-size:33px}.account-preview {padding:24px}
  .preview-head {font-size:11px}.preview-row p {font-size:10px}
  .works {gap:18px}.work img {height:230px}.work b {font-size:14px}.work span {font-size:11px}
  .contact-band {gap:30px}.contact-band h2 {font-size:30px}.contact-links .contact-phone {font-size:22px}
  .foot {flex-wrap:wrap;gap:12px 20px}.foot nav {margin-left:0;width:100%;order:3;flex-wrap:wrap}
}
@media(max-width:680px) {
  .shell {padding-left:20px;padding-right:20px}
  .head-in {padding:16px 20px 7px;gap:15px}
  .brand-name {font-size:21px}.brand-sub {font-size:9px}
  .head-actions {gap:10px}.account-link {border:0;padding:0;font-size:11px}.demo-link {font-size:10px;padding:8px;min-height:36px}
  .menu {gap:24px}.menu a {font-size:12px}
  .hero {grid-template-columns:1fr;padding-top:35px;padding-bottom:28px;gap:30px}
  .hero h1 {font-size:clamp(41px,10vw,58px)}.eyebrow {font-size:10px;margin-bottom:14px}
  .hero-lead {font-size:14px;margin:22px 0;max-width:45ch}.hero-cta {gap:10px}
  .hero-photo img {height:330px;object-position:center 56%}.hero-footnote {margin-top:18px;font-size:10px}
  .quick-paths {grid-template-columns:1fr}
  .quick-paths>a,.quick-paths>a:first-child,.quick-paths>a:last-child {padding:20px 0;border-left:0;border-top:0}
  .quick-paths>a:first-child {border-top:1px solid var(--line)}
  .quick-paths h2 {font-size:15px}.quick-paths p {font-size:11px}.path-number {min-width:28px}
  .sec {padding-top:56px}
  .sec-head {align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:24px}
  .sec-head h2 {font-size:30px}.sec-head p:not(.eyebrow) {font-size:13px}
  .grid-4,.grid-3 {gap:12px}.prod-b {padding:14px}.prod h3 {font-size:13px}.prod .desc {font-size:11px}
  .prod-ph img {padding:12px}.prod .price {font-size:16px}.tags {font-size:9px;gap:6px}.tags span+span {padding-left:6px}
  .product-category {font-size:8px}.prod-f .btn {font-size:10px;padding:10px 8px}
  .account-intro {grid-template-columns:1fr;margin-top:54px;padding-top:36px;padding-bottom:36px;gap:28px}
  .account-intro h2 {font-size:34px}.account-intro>div>p:not(.eyebrow) {font-size:13px}
  .account-intro .text-link {font-size:12px}.account-preview {padding:24px}
  .works {grid-template-columns:1fr;gap:28px}.work img {height:300px}.work b {font-size:16px}.work span {font-size:12px}
  .contact-band {grid-template-columns:1fr;gap:28px;margin-top:50px;padding-top:38px;padding-bottom:38px}
  .form-card {padding:22px}
  .cfg {grid-template-columns:1fr}.cfg>.cfg-card:last-child {grid-column:auto}.cfg-scheme {order:0}
  .cfg-card {padding:22px}.scheme-svg {max-height:440px}.scheme-status {margin-left:-22px;margin-right:-22px}
  .steps-line {gap:8px}.stp .t {font-size:10px}.stp-sep {width:12px}.stp .n {width:25px;height:25px}
  .cat-top {align-items:flex-start;flex-direction:column;gap:20px}.cat-top h1 {font-size:37px}
  .catalog-note {align-items:flex-start;flex-direction:column;gap:8px;padding:16px;font-size:11px}
  .cat-layout {grid-template-columns:1fr;gap:24px}.catalog-aside {position:static}
  .filters-row {flex-direction:row;flex-wrap:wrap;gap:6px}.fchip {width:auto;min-height:36px;font-size:11px;border:1px solid var(--line);padding:8px 12px}
  .catalog-aside .side {display:none}.cat-group__head h2 {font-size:24px}
  .cat-group__count {font-size:10px}.catalog-main {padding-top:16px;padding-bottom:40px}
  .specs {font-size:9px}.specs>div {flex-direction:column;gap:0}.specs dd {margin:0 0 3px}
  .foot nav {gap:15px;font-size:10px}.foot>span {font-size:9px}
}
@media(max-width:380px) {
  .head-in {column-gap:10px}.brand-name {font-size:18px}.brand-sub {font-size:8px}
  .head-actions {gap:7px}.account-link {font-size:10px}.demo-link {font-size:9px}
  .grid-4,.grid-3 {grid-template-columns:1fr}.prod-ph {aspect-ratio:1.5}.prod h3 {font-size:16px}
  .form-grid {grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*::before,*::after {transition:none!important;animation:none!important}}