:root{color-scheme:dark;--ink:#f7f7f7;--muted:#aaa;--line:rgba(255,255,255,.16);--paper:#17181b;--bg:#08090b;--accent:#fff;--accent2:rgba(222,201,149,.22);--gold:#dec995;--radius:26px;--shadow:inset 0 1px 1px rgba(255,255,255,.1)}
body{padding-bottom:140px;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell{max-width:1280px;padding:28px 32px}.site-nav{flex-wrap:wrap;gap:10px;margin-bottom:30px}.site-nav a{border:1px solid var(--line);border-radius:24px;padding:10px 18px;background:linear-gradient(135deg,#28292b,#101113);color:#bbb;font-size:14px}.site-nav a.active{background:#fff;border-color:#fff;color:#08090b}
.brand h1,h1{font-weight:650}.brand p,.count{color:var(--muted)}.mark{border:1px solid var(--line);box-shadow:none}.topbar{margin-bottom:28px}.btn{border-radius:24px;background:#fff;color:#08090b;padding:13px 20px}.btn.secondary{background:linear-gradient(140deg,#303133,#0d0e10);color:#f7f7f7;border:1px solid rgba(255,255,255,.24);box-shadow:var(--shadow)}.btn.accent{background:#fff;color:#08090b}.btn:hover{filter:brightness(1.12)}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.metric,.panel,.card{background:linear-gradient(135deg,#28292b,#111214 85%);border:1px solid rgba(255,255,255,.22);border-radius:26px;box-shadow:var(--shadow)}.metric.total{background:#fff;color:#08090b;border-color:#fff}.metric.total span{color:#555}.cell-input{background:#0c0d0f;color:#f7f7f7;border:1px solid rgba(255,255,255,.24);border-radius:12px}.cell-input::placeholder{color:#818185}.cell-input:focus{outline:3px solid var(--accent2);border-color:var(--gold)}th{background:#131417;color:#aaa}td{border-color:rgba(255,255,255,.08)}.footnote{background:#111214;color:#aaa}.transoms{color:#c8c8ca}.preview-note{font-size:12px}.panel-head h2{font-weight:650}.empty{color:#aaa}
.card-photo{background:#fff;object-fit:cover;object-position:center;height:auto;aspect-ratio:2/3}.card-body{padding:23px}.card h2{color:#f7f7f7}.configuration{color:#b7b7ba}.tier{background:rgba(255,255,255,.09);color:#cacacd;border:1px solid rgba(255,255,255,.12)}.tier.premium{background:rgba(222,201,149,.12);color:var(--gold);border-color:rgba(222,201,149,.22)}.price strong{color:#fff}.specs dt,.price span,.note{color:#aaa}.specs dd{color:#eee}
.bottom-nav{position:fixed;z-index:10;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;width:min(520px,calc(100% - 28px));min-height:78px;padding:9px 12px;border-radius:35px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(135deg,rgba(48,49,51,.94),rgba(12,13,15,.94));backdrop-filter:blur(20px);box-shadow:0 8px 35px rgba(0,0,0,.45),inset 0 1px 1px rgba(255,255,255,.16)}.bottom-nav a{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:4px 0;color:#929294;font-size:13px;text-decoration:none}.bottom-nav a[aria-current]{color:#fff}.bottom-nav a[aria-current]::before{content:"";position:absolute;top:-9px;width:34px;height:3px;border-radius:3px;background:#eee}.bottom-nav svg{width:25px;height:25px}.bottom-nav .nav-calc{margin-top:-29px;color:#bbb}.calc-circle{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;color:#08090b;margin-bottom:2px}.calc-circle svg{width:28px;height:28px}.bottom-nav .nav-calc[aria-current]::before{display:none}.bottom-nav .nav-calc[aria-current]{color:#fff}
@media(max-width:760px){.shell{padding:22px 20px}.site-nav{margin-bottom:24px;gap:7px}.site-nav a{font-size:13px;padding:9px 13px}.actions{gap:8px}.actions .btn{font-size:14px;padding:12px}.metric{padding:17px}.brand h1,h1{font-size:26px}.brand p{font-size:14px}.specs{gap:8px 12px}.specs dt,.specs dd{font-size:15px}.card-body{padding:21px}}
@media(max-width:760px){.table-wrap table{display:block;min-width:0}.table-wrap thead{display:none}.table-wrap tbody{display:grid;gap:16px;padding:15px}.table-wrap tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:9px 12px;padding:16px;border-radius:21px;background:#191a1d;border:1px solid var(--line)}.table-wrap td{display:block;min-width:0;padding:0;border:0}.table-wrap td::before{display:block;color:#aaa;font-size:13px;margin-bottom:6px}.table-wrap .preview-cell{grid-column:1;grid-row:1;min-width:0;align-self:center}.table-wrap td:nth-child(2){grid-column:2;grid-row:1;align-self:center}.table-wrap .name{min-width:0;font-size:20px}.table-wrap .small{width:100%;font-size:16px}.table-wrap td:nth-child(3)::before{content:"Ширина, м"}.table-wrap td:nth-child(4)::before{content:"Высота, м"}.table-wrap td:nth-child(5)::before{content:"Количество"}.table-wrap td:nth-child(6)::before{content:"Цена, ₽/м²"}.table-wrap td:nth-child(7)::before{content:"Площадь"}.table-wrap td:nth-child(8)::before{content:"Фрамуги"}.table-wrap td:nth-child(8){min-width:0;font-size:13px}.table-wrap td:nth-child(9){grid-column:1/-1;padding-top:12px;border-top:1px solid var(--line);font-size:23px}.table-wrap td:nth-child(9)::before{content:"Стоимость двери"}.table-wrap .num{white-space:normal}.panel-head{padding:19px}.footnote{font-size:13px;padding:17px}.preview-note{margin-top:7px}}
@media(max-width:760px){.table-wrap .preview-cell{grid-column:1/-1;grid-row:1;display:grid;justify-items:center;padding-bottom:7px}.table-wrap td:nth-child(2){grid-column:1/-1;grid-row:2;text-align:center;padding-bottom:12px}.table-wrap .cell-input{padding:10px 8px}}
@media print{:root{color-scheme:light;--ink:#111827;--muted:#596273;--line:#d8dde6;--bg:#fff;--paper:#fff}.bottom-nav,.site-nav{display:none!important}body{background:#fff;color:#111827;padding-bottom:0}.metric,.metric.total,.panel,.card{background:#fff;color:#111827;box-shadow:none;border-color:#d8dde6}.metric.total span,.configuration,.specs dd,.card h2,.price strong,.transoms{color:#111827}.cell-input{background:#fff;color:#111827}th{background:#fafafa;color:#596273}td{border-color:#d8dde6}.table-wrap table{display:table}.table-wrap thead{display:table-header-group}.table-wrap tbody{display:table-row-group;padding:0}.table-wrap tr{display:table-row;background:none;border:0}.table-wrap td,.table-wrap .preview-cell{display:table-cell;padding:0;text-align:left}.table-wrap td::before{display:none}.table-wrap .name{font-size:12px}.table-wrap td:nth-child(9){font-size:12px;padding:0;border:0}}