/* Личное портфолио — тёмное оформление V2 (палитра и шрифты сайта ХОРОС). Без сборки: обычный CSS. */
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/cormorant.woff2") format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/cormorant-italic.woff2") format("woff2");font-weight:400 500;font-style:italic;font-display:swap}
@font-face{font-family:"Manrope V2";src:url("../fonts/manrope-v2.woff2") format("woff2");font-weight:200 700;font-display:swap}
@font-face{font-family:"Plex Mono";src:url("../fonts/plexmono.woff2") format("woff2");font-weight:400;font-display:swap}
:root{--bg:#0C0C0B;--frame:#151513;--card:#1E1E1B;--card2:#252521;--bd:rgba(239,233,222,.09);--bd2:rgba(239,233,222,.18);
--iv:#EFE9DE;--iv2:#CFC8BB;--mut:#9C968B;--mut2:#6F6A61;--och:#C59B3F;--och2:#A8822C;--pat:#6E9C8C;--red:#C8664B;--r:30px;
--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope V2",Arial,sans-serif;--mono:"Plex Mono","Courier New",monospace}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color-scheme:dark;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--iv);font-family:var(--sans);font-size:15px;line-height:1.55;min-height:100vh;
 background-image:linear-gradient(rgba(197,155,63,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(197,155,63,.045) 1px,transparent 1px);background-size:24px 24px}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
em{font-family:var(--serif);font-style:italic;color:var(--och);font-weight:400}
[hidden]{display:none!important}
.skip{position:absolute;left:-999px;top:0;background:var(--och);color:#141412;padding:8px 14px;z-index:100}.skip:focus{left:10px}
:focus-visible{outline:2px solid var(--och);outline-offset:2px}
.k{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--och)}
.k.m{color:var(--mut2)}
h1,h2,h3,.serif{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.005em}
h1{font-size:clamp(40px,5vw,68px)}h2{font-size:clamp(34px,3.6vw,48px)}h3{font-size:28px}
.mut{color:var(--mut)}.iv2{color:var(--iv2)}
/* плейсхолдеры [..] и пометка «пример» */
.mk,.ph{color:var(--och);background:rgba(197,155,63,.10);outline:1px dashed rgba(197,155,63,.85);border-radius:4px;padding:0 5px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ex{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#141412;background:var(--och);border-radius:3px;padding:1px 5px 0;vertical-align:middle;margin-left:6px;font-weight:400;line-height:1.5;white-space:nowrap}
.price{font-family:var(--serif);font-size:30px;color:var(--iv);white-space:nowrap}
.pricebox{display:inline-flex;align-items:center;gap:8px;border:1px dashed rgba(197,155,63,.7);border-radius:10px;padding:4px 10px;background:rgba(197,155,63,.06);flex-wrap:wrap}
.wrap{padding:0 40px;max-width:1520px;margin:0 auto}
.frame{background:var(--frame);border:1px solid var(--bd);border-radius:30px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid var(--bd2);color:var(--iv);white-space:nowrap;transition:background .2s,border-color .2s,transform .2s;cursor:pointer;background:transparent}
.btn:hover{border-color:var(--iv2)}
.btn.p{background:var(--och);color:#141412;border-color:var(--och)}.btn.p:hover{background:#d4ab4f}
.btn.l{background:var(--iv);color:#141412;border-color:var(--iv)}.btn.l:hover{background:#fff}
.btn.s{min-height:36px;padding:0 15px;font-size:13px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn .ar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#141412;color:var(--iv);font-size:12px}
.chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 15px;border-radius:999px;border:1px solid var(--bd2);font-size:13px;color:var(--iv2);white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.chip:hover{border-color:var(--iv2)}
.chip.on,.chip[aria-pressed="true"]{background:var(--iv);color:#141412;border-color:var(--iv);font-weight:600}
.chip .n{font-family:var(--mono);font-size:11px;color:var(--mut2)}
.chip.on .n,.chip[aria-pressed="true"] .n{color:#6b6458}
.tag{white-space:nowrap;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:11px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--bd2);color:var(--iv2)}
.tag.done{background:#e8e1d3;color:#141412;border-color:#e8e1d3}
.tag.work{background:rgba(110,156,140,.16);color:#9fd0bd;border-color:rgba(110,156,140,.5)}
.tag.och{background:var(--och);color:#141412;border-color:var(--och)}
.tag.demo{border-style:dashed;border-color:rgba(197,155,63,.8);color:var(--och)}
.tag.red{background:rgba(200,102,75,.14);color:#e79a83;border-color:rgba(200,102,75,.5)}
.tag.ok{background:rgba(110,156,140,.16);color:#9fd0bd;border-color:rgba(110,156,140,.5)}
.ok{color:#9fd0bd}.no{color:#e79a83}
/* шапка */
.hdr{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 40px;max-width:1520px;margin:0 auto}
.brand .nm{font-family:var(--serif);font-size:25px;line-height:1.1;display:block}
.brand .rl{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:7px}
.nav{display:flex;gap:4px;background:var(--frame);border:1px solid var(--bd2);border-radius:999px;padding:5px}
.nav a{padding:9px 20px;border-radius:999px;font-size:14px;color:var(--iv2);white-space:nowrap}
.nav a:hover{color:var(--iv)}
.nav a.on{background:var(--iv);color:#141412;font-weight:600}
.contacts{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--iv2)}
.contacts .ic{width:38px;height:38px;border-radius:50%;border:1px solid var(--bd2);display:grid;place-items:center;font-size:14px;color:var(--iv2);flex:none}
.contacts .ic:hover{border-color:var(--och);color:var(--och)}
.ccol{display:flex;flex-direction:column;gap:5px;align-items:flex-end;font-size:12.5px;text-align:right}
/* подвал */
.ftr{margin:60px auto 0;max-width:1440px;padding:34px 40px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;border-top:1px solid var(--bd)}
.ftr a{display:block;color:var(--iv2);font-size:14px;margin:6px 0}
.ftr a:hover{color:var(--iv)}
.ftr a.u,.lnk{text-decoration:underline;text-decoration-color:rgba(197,155,63,.5);text-underline-offset:4px}
.lnk{color:var(--och)}
.fbot{max-width:1520px;margin:0 auto;padding:0 40px 26px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--mut2);letter-spacing:.08em}
/* секции */
.sec{margin-top:70px}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:28px}
.sh p{max-width:460px;color:var(--iv2);font-size:14.5px}
.sh h1,.sh h2{margin-top:14px}
.crumb{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut2);margin:6px 0 18px}
.crumb a:hover{color:var(--iv2)}
/* главная */
.hero{padding:56px 56px 50px;display:grid;grid-template-columns:1.15fr .85fr;gap:50px}
.hero h1{margin-top:22px}
.hero p{font-size:17px;margin-top:24px;max-width:600px;color:var(--iv2)}
.hero .btns{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.stats .card{padding:20px}.stats b{font-family:var(--serif);font-size:44px;font-weight:400;display:block;line-height:1.15}.stats span{color:var(--mut);font-size:13px}
.filters{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;flex-wrap:wrap}
.filters .chips{display:flex;gap:8px;flex-wrap:wrap}
.selbox{min-height:34px;border-radius:999px;border:1px solid var(--bd2);background:var(--frame);color:var(--iv2);padding:0 14px;font-size:13px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ocard{overflow:hidden;position:relative;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.ocard:hover{border-color:rgba(197,155,63,.5);transform:translateY(-2px)}
.ocard .im{height:230px;position:relative;overflow:hidden;background:#111}
.ocard .im img{width:100%;height:100%;object-fit:cover}
.ocard.demo .im img{filter:saturate(.55) brightness(.8)}
.ocard .im .tag{position:absolute;top:14px;background:rgba(12,12,11,.75)}
.ocard .bd{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.ocard h3{font-size:27px;min-height:58px}
.ocard .ft{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--bd);font-size:13.5px}
.ocard .meta{color:var(--mut);font-size:13px;margin-top:8px;margin-bottom:16px}
.ocard .stretch::after{content:"";position:absolute;inset:0;z-index:1}
.ocard .ft .mut{position:relative;z-index:2}
.ocard .ft .mut:hover{color:var(--och)}
.empty{padding:30px;text-align:center;color:var(--mut)}
.scard{padding:22px;display:flex;flex-direction:column;gap:14px;min-height:150px;transition:border-color .2s}
.scard:hover{border-color:rgba(197,155,63,.5)}
.scard .serif{font-size:26px;line-height:1.05}
.scard .p{margin-top:auto}
.formteaser{padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:44px}
.steps3{display:grid;gap:12px;margin-top:22px}
.steps3 div{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--iv2)}
.step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--och);color:var(--och);font-family:var(--mono);font-size:12px;flex:none}
/* экран объекта */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:26px;border-radius:16px}
.facts>div{padding:14px 16px;border-left:1px solid var(--bd)}
.facts>div:first-child{border-left:0}
.facts .k{font-size:10px}
.facts .v{font-size:13.5px;margin-top:6px;line-height:1.4}
.objgrid{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:22px;margin-top:22px;align-items:start}
.scene{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--bd);background:#0f0f0e;height:690px}
.scene .layer{position:absolute;inset:0}
.scene .layer>img{width:100%;height:100%;object-fit:cover}
/* ---------- 3D-модель объекта (assets/js/model3d.js) ---------- */
.m3d{position:relative}
.m3d-stage{position:relative;aspect-ratio:16/9;max-height:82vh;width:100%;overflow:hidden;border-radius:var(--r);border:1px solid var(--bd2);
  background:radial-gradient(ellipse at 50% 38%,#45484d 0%,#36393d 55%,#2a2c30 100%);isolation:isolate}
.m3d-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s ease;z-index:1}
.m3d.is-ready .m3d-poster{opacity:0;pointer-events:none}
.m3d-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;cursor:grab;z-index:0;opacity:0;transition:opacity .6s ease}
.m3d.is-ready .m3d-canvas{opacity:1}
.m3d-canvas:active{cursor:grabbing}
.m3d-cta{position:absolute;left:0;right:0;bottom:28px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}
.m3d-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;padding:14px 26px;border-radius:999px;font-weight:600;font-size:15px;letter-spacing:.02em;
  background:var(--och);color:#141412;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .2s ease,background .2s ease}
.m3d-btn:hover{transform:translateY(-1px);background:var(--och2)}
.m3d-ico{font-size:18px;line-height:1}
.m3d.is-loading .m3d-btn{opacity:.75;cursor:progress}
.m3d.is-loading .m3d-ico{animation:m3dSpin 1.1s linear infinite}
.m3d.is-ready .m3d-cta{display:none}
.m3d-status{font-size:13px;color:#EFE9DE;background:rgba(20,20,18,.55);padding:4px 12px;border-radius:999px;backdrop-filter:blur(6px)}
.m3d-status:empty{display:none}
.m3d.is-failed .m3d-status{max-width:80%;text-align:center}
.m3d-tools{position:absolute;top:14px;right:14px;z-index:3;display:none;gap:8px}
.m3d.is-ready .m3d-tools{display:flex}
.m3d-tools button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(239,233,222,.25);background:rgba(20,20,18,.5);color:#EFE9DE;font-size:18px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);transition:background .2s}
.m3d-tools button:hover{background:rgba(20,20,18,.8)}
.m3d-tools button[hidden]{display:none}
.m3d-hint{position:absolute;left:16px;bottom:14px;z-index:3;font-size:12.5px;color:rgba(239,233,222,.85);background:rgba(20,20,18,.45);padding:5px 12px;border-radius:999px;backdrop-filter:blur(6px);display:none;max-width:calc(100% - 32px)}
.m3d.is-ready .m3d-hint{display:block;animation:m3dFade .8s ease 9s forwards}
.m3d-hot{position:absolute;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;z-index:2;border:0;background:none;padding:0;cursor:pointer;transition:opacity .25s ease;will-change:transform;color:#fff}
.m3d-hot[hidden]{display:none}
.m3d-hot.is-off{opacity:0;pointer-events:none}
.m3d-hot-dot{position:absolute;left:11px;top:11px;width:22px;height:22px;border-radius:50%;background:var(--och);border:3px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.45)}
.m3d-hot-dot::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid var(--och);animation:m3dPulse 1.8s ease-out infinite}
.m3d-hot-label{position:absolute;left:42px;top:7px;white-space:nowrap;font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px;background:rgba(20,20,18,.72);color:#fff;backdrop-filter:blur(6px);pointer-events:none}
.m3d-hot.is-left .m3d-hot-label{left:auto;right:42px}
.m3d-hint-m{display:none}
.m3d-hot:hover .m3d-hot-dot,.m3d-hot:focus-visible .m3d-hot-dot{transform:scale(1.15)}
.m3d:fullscreen{background:#2a2c30}
.m3d:fullscreen .m3d-stage{aspect-ratio:auto;height:100vh;max-height:none;border-radius:0;border:0}
.m3d-note{margin:12px 2px 0;font-size:12px;line-height:1.5;letter-spacing:.01em;color:var(--mut)}
.m3d:fullscreen .m3d-note,.bh.is-full .m3d-note{display:none}
@media(max-width:760px){.m3d-note{margin-top:10px;font-size:11.5px}}
@keyframes m3dPulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.7);opacity:0}}
@keyframes m3dSpin{to{transform:rotate(360deg)}}
@keyframes m3dFade{to{opacity:0;visibility:hidden}}
@media (max-width:700px){
  .m3d-stage{aspect-ratio:4/5;max-height:78vh;border-radius:18px}
  .m3d-cta{bottom:18px}
  .m3d-btn{padding:12px 22px;font-size:14px}
  .m3d-hint{font-size:11.5px;left:10px;bottom:10px}
  .m3d-hint-d{display:none}.m3d-hint-m{display:inline}
  .m3d-hot-label{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.m3d-hot-dot::after{animation:none}}

.scene .layer .m3d,.scene .layer .m3d-stage{height:100%}
.scene .layer .m3d-stage{aspect-ratio:auto;max-height:none;border:0;border-radius:0}
.scene .top{position:absolute;left:18px;top:16px;right:18px;display:flex;justify-content:space-between;align-items:flex-start;z-index:5;pointer-events:none}
.scene .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--iv2);background:rgba(12,12,11,.7);border:1px solid var(--bd2);border-radius:8px;padding:7px 10px;line-height:1.5;max-width:70%}
.scene .lbl b{color:var(--och);font-weight:400;display:block}
.scene .bot{position:absolute;left:18px;bottom:14px;right:18px;display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--mut);z-index:5;pointer-events:none}
.scene .bot>*{background:rgba(12,12,11,.6);border-radius:6px;padding:3px 7px}
.scene .m3d-tools{top:60px}
.scene .m3d-hint{display:none!important}
.hs{position:absolute;display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--iv);transform:translate(-8px,-8px);z-index:4}
.hs i{width:16px;height:16px;border-radius:50%;background:var(--och);box-shadow:0 0 0 5px rgba(197,155,63,.25);flex:none}
.hs span{background:rgba(12,12,11,.78);border:1px solid var(--bd2);border-radius:999px;padding:3px 9px;white-space:nowrap}
.layer.fade{animation:pfFade .45s ease}
@keyframes pfFade{from{opacity:0}to{opacity:1}}
.m3d-note{margin:10px 4px 0;font-size:12px;color:var(--mut)}
.side{padding:22px 22px 20px;border-radius:24px;display:flex;flex-direction:column;position:sticky;top:16px}
.sts{display:grid;gap:7px;margin-top:12px}
.st{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--bd);border-radius:14px;background:var(--card);font-size:14px;color:var(--iv2);text-align:left;width:100%;transition:background .2s,border-color .2s}
.st:hover{border-color:var(--bd2)}
.st .no{font-family:var(--mono);font-size:11px;color:var(--mut2);width:22px}
.st .ic{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--mut2);letter-spacing:.1em;text-transform:uppercase}
.st.on{background:var(--iv);color:#141412;border-color:var(--iv);font-weight:600}
.st.on .no,.st.on .ic{color:#6b6458}
.doc{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--bd)}
.doc .th{width:46px;height:60px;border-radius:5px;flex:none;position:relative;overflow:hidden}
.doc .th img{width:100%;height:100%;object-fit:cover}
.doc .th.open{background:#ebe5d8;padding:7px 6px}
.doc .th.open i{display:block;height:2px;background:#b9b1a2;margin:3px 0;border-radius:2px}
.doc .th.open i:nth-child(1){width:60%;background:#8a8172;height:3px}
.doc .th.cover{background:linear-gradient(160deg,#2b2a26,#1b1a17);border:1px solid var(--bd2);display:grid;place-items:center;font-size:16px;color:var(--och)}
.doc .t{font-size:13.5px;line-height:1.35}
.doc .s{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.doc a.s:hover{text-decoration:underline}
.sumbox{border-radius:16px;padding:16px 18px;background:rgba(197,155,63,.10);border:1px solid rgba(197,155,63,.55)}
.sumline{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:3px 0}
.sumline span:last-child{white-space:nowrap}
.sumtot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(197,155,63,.45);margin-top:8px;padding-top:8px}
.sumbox.flash{animation:pfFlash .6s ease}
@keyframes pfFlash{0%{box-shadow:0 0 0 0 rgba(197,155,63,.55)}100%{box-shadow:0 0 0 14px rgba(197,155,63,0)}}
.bagrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
/* V2-блоки «до / после» и карта используют .sh/.kick */
.kick{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--och)}
.kick b{font-weight:400;margin-right:8px}
.sh .sh-r p{color:var(--iv2)}
.minimap{background:var(--frame);border:1px solid var(--bd);border-radius:20px;padding:18px}
.minimap .kick{margin-bottom:10px}.minimap .more{display:inline-block;margin-top:10px;font-size:13px;color:var(--och)}
.lightbox{position:fixed;inset:0;z-index:90;background:rgba(8,8,7,.93);display:flex;align-items:center;justify-content:center}
/* услуги */
.srow{display:grid;grid-template-columns:220px 1.15fr 1fr 1fr 250px;gap:26px;padding:20px;scroll-margin-top:20px;transition:border-color .2s,background .2s}
.srow.on{border-color:rgba(197,155,63,.6);background:linear-gradient(90deg,rgba(197,155,63,.07),var(--card) 40%)}
.srow .pic{height:170px;border-radius:14px;overflow:hidden;position:relative;background:#111}
.srow .pic img{width:100%;height:100%;object-fit:cover}
.srow .pic .tag{position:absolute;left:8px;bottom:8px;background:rgba(12,12,11,.8)}
.srow .noscene{height:100%;display:grid;place-items:center;text-align:center;color:var(--mut);font-size:13px;padding:20px;border:1px dashed var(--bd2);border-radius:14px}
.srow h3{font-size:32px;margin-top:6px}
.srow ul{font-size:13px;margin-top:6px;display:grid;gap:3px}
.srow ul li{display:flex;gap:8px}
.srow ul li::before{content:"";width:6px;height:6px;border-radius:50%;margin-top:7px;flex:none;background:var(--pat)}
.srow ul.exc li::before{background:var(--red)}
.srow .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut2)}
.pick{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;margin-top:auto;user-select:none}
.cb{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;border:1.5px solid var(--bd2);flex:none;font-size:13px}
input:checked+.cb,.cb.on{background:var(--och);border-color:var(--och);color:#141412;font-weight:700}
input:checked+.cb::after,.cb.on::after{content:"✓"}
input:focus-visible+.cb{outline:2px solid var(--och);outline-offset:2px}
.rd{display:inline-block;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--bd2);flex:none;position:relative}
input:checked+.rd{border-color:var(--och)}input:checked+.rd::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--och)}
.sr{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.bar{position:sticky;bottom:14px;margin-top:20px;padding:16px 26px;display:flex;align-items:center;gap:22px;border-color:rgba(197,155,63,.55);z-index:20;box-shadow:0 20px 50px rgba(0,0,0,.5);flex-wrap:wrap}
.bar .sel{font-size:14px;color:var(--iv2);flex:1;min-width:200px}
/* детализация исполнительной */
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.two.formgrid{grid-template-columns:1.25fr 1fr}
.two>*{min-width:0}
.secs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.secbtn{padding:18px 20px;display:flex;gap:12px;align-items:center;cursor:pointer;text-align:left}
.secbtn.on{border-color:var(--och);background:rgba(197,155,63,.08)}
.opt{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--bd);flex-wrap:wrap}
.opt .r{margin-left:auto;display:flex;gap:14px;align-items:center}
.opt .sum{width:100px;text-align:right;font-weight:700}
.qty{display:inline-flex;align-items:center;border:1px solid var(--bd2);border-radius:999px;overflow:hidden;height:34px}
.qty button{display:grid;place-items:center;width:34px;height:34px;color:var(--iv2);font-size:16px}
.qty button:hover{background:var(--card2)}
.qty input{width:46px;text-align:center;font-family:var(--mono);background:transparent;border:0;height:34px;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
table.tb{width:100%;border-collapse:collapse;font-size:14px}
table.tb th{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:400;text-align:left;padding:10px 12px;border-bottom:1px solid var(--bd2)}
table.tb td{padding:12px;border-bottom:1px solid var(--bd);vertical-align:top}
table.tb td.r,table.tb th.r{text-align:right;white-space:nowrap}
table.tb tr.tot td{border-top:1px solid var(--och);border-bottom:none;font-weight:700;background:rgba(197,155,63,.07)}
.dash{color:var(--mut2)}
.tbwrap{overflow-x:auto;position:relative}
/* форма */
.fld{display:flex;flex-direction:column;gap:6px}
.fld label,.fld .lb{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.inp{min-height:46px;border:1px solid var(--bd2);border-radius:12px;background:#121210;padding:12px 14px;font-size:14px;color:var(--iv);width:100%}
.inp:focus{border-color:var(--och);outline:none}
textarea.inp{min-height:92px;resize:vertical}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.g2 .full{grid-column:1/-1}
.pk{padding:16px 18px}
.pk .hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pk .it{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--bd);font-size:13.5px;flex-wrap:wrap}
.pk .it .st2{margin-left:auto;font-family:var(--mono);font-size:11px}
.pk .it label.up{font-family:var(--mono);font-size:11px;color:var(--och);cursor:pointer;border:1px dashed rgba(197,155,63,.6);border-radius:999px;padding:3px 10px}
.pk .it input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.note{border:1px dashed rgba(197,155,63,.8);border-radius:14px;padding:12px 18px;background:rgba(197,155,63,.07);display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px}
.errors{border:1px solid rgba(200,102,75,.6);background:rgba(200,102,75,.1);border-radius:14px;padding:14px 18px;color:#f0b4a3;font-size:14px;margin-bottom:16px}
.okbox{border:1px solid rgba(110,156,140,.6);background:rgba(110,156,140,.12);border-radius:14px;padding:16px 20px;color:#bfe3d5;font-size:14.5px}
.chk{display:flex;gap:12px;align-items:flex-start;font-size:14px;cursor:pointer}
.chk a{color:var(--och);text-decoration:underline}
.hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
/* статус / оплата */
.tl{display:grid;gap:0;margin-top:10px}
.tl div{display:flex;gap:12px;align-items:flex-start;padding:10px 0;position:relative;font-size:14px;color:var(--mut)}
.tl i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--bd2);flex:none;margin-top:4px}
.tl .done i{background:var(--pat);border-color:var(--pat)}.tl .done{color:var(--iv2)}
.tl .cur i{background:var(--och);border-color:var(--och);box-shadow:0 0 0 5px rgba(197,155,63,.2)}.tl .cur{color:var(--iv);font-weight:600}
/* юридические страницы */
.legal{max-width:860px}
.legal .body p{margin:0 0 14px;color:var(--iv2);font-size:15px}
.legal .body h3{font-family:var(--sans);font-size:16px;font-weight:700;margin:26px 0 8px;color:var(--iv)}
.warn{border:1px dashed rgba(197,155,63,.8);background:rgba(197,155,63,.08);color:var(--och);border-radius:12px;padding:12px 16px;font-size:14px;margin:18px 0 24px}
.tog{display:inline-block;width:46px;height:26px;border-radius:999px;position:relative;background:#2f2e2a;flex:none;transition:background .2s}
.tog::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#141412;transition:left .2s}
input:checked+.tog{background:var(--och)}input:checked+.tog::after{left:23px}
input:disabled+.tog{opacity:.6}
/* куки-баннер */
.cookie{position:fixed;left:20px;right:20px;bottom:20px;z-index:80;max-width:1200px;margin:0 auto;background:#1b1a17;border:1px solid rgba(197,155,63,.55);border-radius:22px;padding:22px 26px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.cookie .links{display:flex;gap:18px;margin-top:10px;font-size:13px;flex-wrap:wrap}
.cookie .btns{display:flex;gap:10px;flex-wrap:wrap}
/* адаптив */
@media (max-width:1240px){
 .hdr{flex-wrap:wrap}.contacts{order:2}.nav{order:3;width:100%;justify-content:center}
 .srow{grid-template-columns:200px 1fr 1fr;}.srow .c4{grid-column:2/3}.srow .c5{grid-column:3/4}
 .objgrid{grid-template-columns:minmax(0,1fr) 400px}
}
@media (max-width:1000px){
 .wrap,.hdr{padding-left:22px;padding-right:22px}
 .hero,.formteaser{grid-template-columns:1fr;padding:30px 24px;gap:30px}
 .grid3{grid-template-columns:1fr 1fr}
 .objgrid,.two,.two.formgrid{grid-template-columns:1fr}
 .side{position:static}
 .scene{height:min(70vh,520px)}
 .sh{flex-direction:column;align-items:flex-start;gap:14px}
 .bagrid{grid-template-columns:1fr 1fr}
 .ftr{grid-template-columns:1fr 1fr;padding:30px 22px}
 .srow{grid-template-columns:1fr 1fr}.srow .pic{grid-column:1/-1;height:200px}.srow .c2{grid-column:1/-1}.srow .c4,.srow .c5{grid-column:auto}
}
@media (max-width:680px){
 body{font-size:14.5px}
 .hdr{gap:14px;padding-top:16px}
 .contacts .ccol{display:none}
 .nav{overflow-x:auto;justify-content:flex-start}.nav a{padding:8px 14px;font-size:13px}
 .grid3,.stats,.g2,.secs,.bagrid{grid-template-columns:1fr}
 .facts>div{border-left:0;border-top:1px solid var(--bd)}.facts>div:first-child{border-top:0}
 .srow{grid-template-columns:1fr}.srow .pic,.srow .c2,.srow .c4,.srow .c5{grid-column:auto}
 .ftr{grid-template-columns:1fr}
 .cookie{grid-template-columns:1fr;left:10px;right:10px;bottom:10px;padding:18px}
 .note{grid-template-columns:1fr}
 .scene .lbl{max-width:85%}
 .hs span{display:none}
 .bar{padding:12px 16px;gap:12px}
 .opt .r{margin-left:34px}
}
.mmap .mm-l{display:none}

@media (max-width:680px){.pk .tb .qty input{width:34px}.pk .tb th,.pk .tb td{padding-left:6px;padding-right:6px}.frame{padding:20px!important}}
@media (max-width:680px){.stats{grid-template-columns:1fr 1fr!important}}
.pk .hd{flex-wrap:wrap}
.pk .it{position:relative}
@media (max-width:680px){
 .pk .it{display:grid;grid-template-columns:18px minmax(0,1fr) auto;row-gap:6px}
 .pk .it .iv2{grid-column:2/4}
 .pk .it .st2{grid-column:2;margin-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .pk .it label.up{grid-column:3}
}
.aosr-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.aosr-pair>.card{padding:20px 22px;display:block;transition:border-color .2s}.aosr-pair>.card:hover{border-color:var(--och)}@media(max-width:760px){.aosr-pair{grid-template-columns:1fr}}
/* Раздел «Конструкторы» */
.kcard{border-color:rgba(197,155,63,.45)}
.kcard.soon{border-style:dashed;border-color:var(--bd2);opacity:.82}
.kcard.soon:hover{border-color:var(--bd2)}
.kcard.soon .serif{color:var(--iv2)}
.khub{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:680px){.khub{grid-template-columns:1fr}.kgrid .scard .serif{font-size:23px}}
/* ===================== Редизайн 11.10.2026 (макеты redesign-new) ===================== */
:root{--och:#C9A040;--och2:#B08A30;--card:#1A1A18;--frame:#141412}
body{background-image:linear-gradient(rgba(239,233,222,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(239,233,222,.035) 1px,transparent 1px);background-size:28px 28px}
h1{font-size:clamp(40px,4.6vw,64px);line-height:1}
h1 em,h2 em{font-weight:400}
.btn.p{background:var(--och);border-color:var(--och)}.btn.p:hover{background:#d6ae52}
.btn .ar{display:inline;width:auto;height:auto;background:none;color:inherit;font-size:inherit;border-radius:0;margin-left:-4px}
.wrap{max-width:1440px;padding:0 40px}
/* шапка */
.hdr{max-width:none;margin:0;padding:20px max(40px,calc((100vw - 1440px)/2 + 40px));border-bottom:1px solid var(--bd);display:grid;grid-template-columns:auto 1fr auto;gap:30px;position:relative;z-index:50;background:rgba(12,12,11,.6)}
.brand{display:inline-flex;align-items:center}
.brand .nm{font-family:var(--serif);font-size:23px;line-height:1.1;color:var(--och)}
.brand .nm .mk{outline:0;border:1px dashed rgba(201,160,64,.9);background:rgba(201,160,64,.07);padding:2px 8px;border-radius:2px;display:inline-block}
.nav{background:none;border:0;padding:0;justify-content:center;gap:6px}
.nav a{padding:8px 14px;font-size:14.5px;color:var(--iv2);border-radius:0}
.nav a:hover{color:var(--iv)}
.nav a.on{background:none;color:var(--iv);font-weight:500;box-shadow:inset 0 -1px 0 var(--och)}
.nav .nav-cta{display:none}
.hdr .cta{min-height:42px;padding:0 22px;font-weight:600}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--bd2);align-items:center;justify-content:center;flex-direction:column;gap:4px;justify-self:end}
.burger span{display:block;width:16px;height:2px;background:var(--iv);border-radius:2px;transition:transform .2s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger[aria-expanded="true"] span:nth-child(2){opacity:0}.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1240px){.hdr{flex-wrap:nowrap}.nav{order:0;width:auto}}
@media (max-width:1000px){
 .hdr{grid-template-columns:1fr auto;padding:16px 22px;gap:12px}
 .hdr .cta{display:none}.burger{display:inline-flex}
 .nav{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 6px);flex-direction:column;align-items:stretch;gap:2px;background:#161614;border:1px solid var(--bd2);border-radius:20px;padding:10px;box-shadow:0 30px 60px rgba(0,0,0,.6)}
 .nav.open{display:flex}
 .nav a{padding:13px 14px;font-size:16px;border-bottom:1px solid var(--bd)}
 .nav a.on{box-shadow:none;color:var(--och)}
 .nav .nav-cta{display:flex;margin-top:10px;border:0;justify-content:center}
}
@media (max-width:680px){.brand .nm{font-size:17px}.hdr{padding:14px 18px}.wrap{padding:0 18px}}
/* подвал */
.ftr{grid-template-columns:1.3fr 1fr 1fr 1fr;max-width:1440px}
.ftr .fnm{font-size:24px;color:var(--och)}
.ftr .fl{display:block;color:var(--iv2);font-size:14px;margin:6px 0}
.ftr .k{margin-bottom:6px}
@media (max-width:1000px){.ftr{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.ftr{grid-template-columns:1fr}}
/* общие элементы макетов */
.pgh{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:34px 0 22px;flex-wrap:wrap}
.pgh h1{margin:0}
.pgh .note{all:unset;color:var(--mut);font-size:14px;max-width:420px}
.lbl2{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}
.seg{display:inline-flex;padding:4px;border:1px solid var(--bd2);border-radius:999px;background:rgba(0,0,0,.25);gap:2px}
.seg button,.seg a{padding:9px 18px;border-radius:999px;font-size:13.5px;color:var(--iv2);white-space:nowrap;font-weight:500}
.seg button:hover,.seg a:hover{color:var(--iv)}
.seg [aria-pressed="true"],.seg .on{background:var(--och);color:#141412;font-weight:600}
.ex{background:var(--och);font-weight:600;border-radius:4px;padding:2px 7px 1px;font-size:9px;letter-spacing:.16em}
.ph2{display:inline-flex;align-items:center;justify-content:center;border:1px dashed rgba(201,160,64,.85);color:var(--och);background:rgba(201,160,64,.06);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border-radius:3px}
.pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--bd2);background:rgba(12,12,11,.8);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--iv)}
.pill.work{color:#9fd0bd;border-color:rgba(110,156,140,.5)}
.crumb{margin:22px 0 0}
/* Услуги и стоимость (макеты 4, 5) */
.svc2 .pgh{margin-top:18px}
.svc-lbl .m{display:none}
.svc-list{display:grid;gap:12px;margin-top:12px}
.svc{background:var(--card);border:1px solid var(--bd2);border-radius:10px;padding:18px 20px;transition:border-color .2s}
.svc.open,.svc.on{border-color:rgba(201,160,64,.7)}
.sv-h{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(170px,.85fr) minmax(180px,1.1fr) auto auto;gap:18px;align-items:center}
.sv-t{font-size:26px;line-height:1.1;margin:0}
.sv-tb{font:inherit;color:var(--iv);text-align:left;display:flex;justify-content:space-between;gap:10px;width:100%;cursor:pointer}
.sv-tb .car{display:none;color:var(--och);font-size:13px;margin-top:6px;transition:transform .2s}
.svc.open .sv-tb .car{transform:rotate(180deg)}
.sv-p{font-size:14px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 0}
.sv-p b{font-weight:700;color:var(--iv)}
.sv-term{font-size:13px;color:var(--mut);line-height:1.5}
.sv-term .mk{font-family:var(--mono);font-size:11px;padding:1px 6px}
.sv-more{color:var(--och);font-size:13.5px;white-space:nowrap}
.sv-more .c,.svc.open .sv-more .o{display:none}.svc.open .sv-more .c{display:inline}
.svc .pick{margin:0;min-height:38px;padding:0 18px;gap:8px;font-weight:600;font-size:13.5px;border-color:var(--bd2)}
.svc .pick .cb{width:13px;height:13px;border-radius:2px;border:1.5px solid var(--iv2);font-size:9px}
.svc.on .pick{border-color:var(--och);color:var(--och)}
.sv-b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid var(--bd);margin-top:16px;padding-top:16px;font-size:13.5px;color:var(--iv2)}
.sv-b .lbl2{font-size:10px;margin-bottom:8px}
.sv-b ul{display:grid;gap:3px}
.sv-b ul li{display:flex;gap:8px}
.sv-b ul li::before{content:"·";font-weight:700}
.sv-b ul.inc li{color:#9fd0bd}.sv-b ul.exc li{color:#e79a83}
.sv-b p{margin:0 0 10px}
.sv-b .sm{font-size:12.5px}
.sv-b .consult{display:grid;gap:8px;margin-top:12px}
.sv-b .consult label{display:flex;gap:8px;align-items:center;cursor:pointer}
.lnk2{color:var(--och)}.lnk2:hover{color:#e2c27a}
.svc-k{font-size:13px;margin-top:18px}
.sbar{position:sticky;bottom:14px;z-index:20;margin-top:22px;display:flex;align-items:center;gap:18px;padding:12px 14px 12px 20px;border:1px solid rgba(201,160,64,.75);border-radius:12px;background:#151513;box-shadow:0 20px 50px rgba(0,0,0,.55)}
.sbar .sel{flex:1;font-size:14px;color:var(--iv);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sbar .tot{font-size:14px;display:flex;align-items:center}
.sbar .btn{min-height:40px}
@media (max-width:1100px){.sv-h{grid-template-columns:minmax(0,1fr) auto auto;}.sv-term{grid-column:1/-1;order:5}.sv-p{grid-column:1/-1;order:4}}
@media (max-width:680px){
 .svc-lbl .d{display:none}.svc-lbl .m{display:inline}
 .svc2 .pgh{margin:10px 0 14px;gap:4px}.svc2 .pgh .note{font-size:13px}
 .svc{padding:14px 14px}
 .sv-h{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px}
 .sv-t{grid-column:1/-1;order:1;font-size:22px}
 .sv-tb .car{display:inline}
 .sv-p{grid-column:auto;order:2;font-size:13px}
 .svc .pick{order:3;min-height:34px;padding:0 14px;font-size:12.5px}
 .sv-term,.sv-more{display:none}
 .sv-b{grid-template-columns:1fr;gap:10px;margin-top:10px;padding-top:10px;border-top:0}
 .sbar{gap:10px;padding:10px 10px 10px 14px;bottom:10px}.sbar .sel{display:none}.sbar [data-bar-count]{font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:13px;color:var(--iv)}
 .sbar .tot{flex:1;font-size:13px}.sbar .tot .ex{display:none}
}
.svc.srow{display:block;grid-template-columns:none}
.svc.srow ul li::before{content:"·";width:auto;height:auto;border-radius:0;margin-top:0;background:none}
.svc.srow h3{margin-top:0}
.svc.srow ul{margin-top:0;font-size:13.5px}
@media (max-width:680px){.sv-t{font-size:20px}.sbar:not(.has){display:none}}
.svc.srow h3.sv-t{font-size:26px;margin:0}
@media (max-width:680px){.svc.srow h3.sv-t{font-size:19px}.sv-p .ex{display:none}}
/* Объекты (макеты 6, 7) */
.ogrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ocard2{position:relative;background:var(--card);border:1px solid var(--bd2);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.ocard2:hover{border-color:rgba(201,160,64,.6);transform:translateY(-2px)}
.ocard2 .im{position:relative;aspect-ratio:1.42;background:#111;overflow:hidden}
.ocard2 .im img{width:100%;height:100%;object-fit:cover}
.ocard2.demo .im img{filter:saturate(.55) brightness(.8)}
.ocard2 .b3d{position:absolute;top:12px;right:12px;height:26px;padding:0 11px;border-radius:999px;background:rgba(40,42,48,.85);color:var(--iv);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;display:inline-flex;align-items:center}
.ocard2 .pm,.ocard2 .nmo{display:none}
.ocard2 .bd{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.ocard2 .row1{display:flex;gap:12px;align-items:center}
.ocard2 .yr{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--mut)}
.ocard2 h3{font-size:32px;line-height:1.08;margin-top:16px}
.ocard2 .meta{font-size:13px;color:var(--iv2);margin-top:8px;line-height:1.55}
.ocard2 .go{color:var(--och);font-weight:600;font-size:14px;margin-top:16px}
.ocard2 .stretch::after{content:"";position:absolute;inset:0;z-index:1}
.mstrip{position:relative;margin-top:18px;border:1px solid var(--bd2);border-radius:10px;overflow:hidden;cursor:pointer;background:#090b0e}
.mstrip .lbl2{position:absolute;left:16px;top:12px;z-index:5;color:var(--iv2);font-size:10.5px;text-shadow:0 0 6px #000}
.mstrip .mmap{border:0;border-radius:0}
.mstrip .mm-lbl{display:none}
.mstrip::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,11,.92) 0,rgba(12,12,11,.25) 22%,rgba(12,12,11,.25) 78%,rgba(12,12,11,.92) 100%);pointer-events:none;z-index:3}
.mstrip .m{display:none}
.objs [data-ov-map] .mmbox{margin-top:0}
@media (max-width:680px){
 .ogrid{gap:10px}
 .ocard2{border-radius:12px}
 .ocard2 .im{aspect-ratio:auto;height:100%;min-height:230px;position:absolute;inset:0}
 .ocard2{min-height:230px;justify-content:flex-end}
 .ocard2 .im::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(8,8,7,.88))}
 .ocard2 .pm{display:inline-flex;position:absolute;left:8px;top:8px;height:22px;padding:0 8px;font-size:9.5px;z-index:2}
 .ocard2 .b3d{top:8px;right:8px;height:22px;padding:0 8px;font-size:9.5px;z-index:2}
 .ocard2 .nmo{display:block;position:absolute;left:10px;right:10px;bottom:12px;z-index:2;font-size:16px;line-height:1.12;color:var(--iv)}
 .ocard2 .bd{position:static;padding:0;flex:0}
 .ocard2 .bd>*:not(h3){display:none}
 .ocard2 h3{font-size:0;margin:0}
 .mstrip .d{display:none}.mstrip .m{display:block}
 .mstrip::after{background:radial-gradient(ellipse at center,transparent 62%,rgba(12,12,11,.55))}
 .objs .pgh{margin:12px 0 14px}.objs .pgh .seg button{padding:7px 12px;font-size:12.5px}
}
@media (max-width:680px){.ocard2 .nmo{font-size:14.5px}}
/* Страница объекта (макеты 8, 9) */
.obj2 .o-head{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:end;margin:18px 0 20px}
.o-tags{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.obj2 h1{font-size:clamp(40px,4.6vw,64px);line-height:1.02;margin:0}
.obj2 h1 em,.obj2 h2 em{font-style:italic;color:var(--och)}
.o-lead{font-size:15px;color:var(--iv2);line-height:1.55;margin:0}
.o-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--bd2);border-radius:8px;background:rgba(22,22,20,.7)}
.o-facts>div{padding:14px 16px;border-left:1px solid var(--bd2)}.o-facts>div:first-child{border-left:0}
.o-facts .v{font-size:14px;margin-top:6px;line-height:1.45}
.o-main{display:grid;grid-template-columns:1.6fr 1fr;margin-top:18px;border:1px solid var(--bd2);border-radius:8px;background:rgba(22,22,20,.7);overflow:hidden}
.o-scene{position:relative;min-height:420px;background:radial-gradient(ellipse at 50% 45%,#3a3b3f,#1d1e21 70%)}
.o-scene .m3d,.o-scene .m3d-stage{position:absolute;inset:0;height:100%;border-radius:0;border:0;background:transparent}
.o-scene .m3d-poster{width:100%;height:100%;object-fit:contain}
.o-scene .o-cover{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.o-scene .m3d-hint{display:none}
.o-hint{position:absolute;left:14px;bottom:12px;z-index:3;color:var(--mut);pointer-events:none}
.o-about{padding:26px 28px;border-left:1px solid var(--bd2)}
.o-about .a1{font-size:15px;margin-top:10px;line-height:1.55}
.o-about .a2{font-size:13.5px;color:var(--mut);margin-top:10px;line-height:1.55}
.o-did{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px;font-size:14px}
.o-did li{padding-left:14px;position:relative}.o-did li::before{content:"·";position:absolute;left:2px;color:var(--och);font-weight:700}
.o-full{margin-top:18px;font-size:13.5px}.o-full summary{cursor:pointer;color:var(--och);list-style:none}.o-full summary::-webkit-details-marker{display:none}
.o-full div{display:grid;gap:10px;margin-top:10px;color:var(--iv2)}
.o-schemes{margin-top:34px}
.o-sh,.o-bah{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.o-sh h2,.o-bah h2{font-size:clamp(28px,2.8vw,38px);margin:0}
.o-sh .mut{font-size:13px}
.o-sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.o-sc{margin:0}
.o-sc .th{display:block;width:100%;aspect-ratio:1.95;border-radius:6px;overflow:hidden;position:relative;background:#f3efe6;border:1px solid var(--bd2);padding:0;cursor:zoom-in}
.o-sc .th img{width:100%;height:100%;object-fit:cover;object-position:top}
.o-sc .zm{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:50%;background:rgba(20,20,18,.85);color:var(--iv);display:flex;align-items:center;justify-content:center;font-size:14px}
.o-sc.emp .th{background:#151513;border:1px dashed var(--bd2);cursor:default;display:flex;align-items:center;justify-content:center}
.ph-b{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--och);border:1px dashed rgba(201,160,64,.8);padding:4px 10px}
.o-sc figcaption{font-size:13.5px;margin-top:8px}
.o-all{display:none;background:none;border:0;padding:0;margin-top:12px;font-size:13.5px}
.o-bot{display:grid;grid-template-columns:1.32fr 1fr;gap:18px;margin-top:30px;align-items:start}
.o-bah{justify-content:flex-start}
.o-ba .seg{flex-wrap:wrap}
.o-ba .ba{border-radius:8px;aspect-ratio:2.2}
.o-cap{font-size:13px;margin-top:8px}
.o-ff{margin-top:14px}
.o-sum{padding-top:58px}
.sumcard{border:1.5px solid var(--och);border-radius:10px;padding:20px 22px;background:rgba(201,160,64,.04)}
.sc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.sc-h .lbl2{color:var(--och)}
.sumcard .sumline{display:flex;justify-content:space-between;gap:16px;font-size:14px;padding:6px 0}
.sumcard .sumline b{white-space:nowrap;font-weight:600}
.sumcard .sumtot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--bd2);margin-top:12px;padding-top:14px}
.sumcard .sumtot .price{font-family:var(--serif);font-size:34px}
.o-order{width:100%;justify-content:center;margin-top:14px;min-height:50px}
.o-consult{display:block;text-align:center;font-size:13px;margin-top:10px}
.o-sticky{display:none}
.lb{position:fixed;inset:0;z-index:200;background:rgba(5,5,4,.92);display:flex;align-items:center;justify-content:center;padding:40px}
.lb[hidden]{display:none}
.lb figure{margin:0;max-width:min(1200px,94vw);text-align:center}
.lb img{max-width:100%;max-height:82vh;border-radius:6px;background:#fff}
.lb figcaption{color:var(--iv2);font-size:14px;margin-top:10px}
.lb-x{position:absolute;top:16px;right:18px;width:44px;height:44px;border-radius:50%;border:1px solid var(--bd2);background:#161614;color:var(--iv);font-size:24px}
@media (max-width:1000px){
 .obj2 .o-head{grid-template-columns:1fr;gap:12px}
 .o-facts{grid-template-columns:1fr 1fr}.o-facts>div{border-left:0;border-top:1px solid var(--bd2)}.o-facts>div:nth-child(-n+2){border-top:0}.o-facts>div:nth-child(2n){border-left:1px solid var(--bd2)}
 .o-main{grid-template-columns:1fr}.o-scene{min-height:300px}.o-about{border-left:0;border-top:1px solid var(--bd2)}
 .o-bot{grid-template-columns:1fr}.o-sum{padding-top:0}
}
@media (max-width:680px){
 .obj2 .o-lead,.obj2 .o-tags .lbl2{display:none}
 .obj2 h1{font-size:32px}
 .o-facts .v{font-size:13px}.o-facts>div{padding:10px 12px}
 .o-scene{min-height:240px}.o-about{padding:18px}
 .o-sh .mut{display:none}
 .o-sgrid{grid-template-columns:1fr 1fr;gap:10px}
 .o-sc.xm{display:none}.o-schemes.all .o-sc.xm{display:block}
 .o-all{display:inline-block}.o-schemes.all .o-all{display:none}
 .o-ba .seg{flex-wrap:nowrap;overflow-x:auto;width:100%}.o-ba .seg button{flex:0 0 auto}
 .o-ba .ba{aspect-ratio:1.5}
 .o-ff{background:none;border:0;padding:0;min-height:0;color:var(--och)}
 .o-sum{display:none}
 .o-sticky{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:60;align-items:center;gap:10px;padding:10px 10px 10px 16px;border:1.5px solid var(--och);border-radius:14px;background:rgba(18,18,16,.96);font-size:14px}
 .o-sticky span:first-child{flex:1}.o-sticky .btn{min-height:42px;padding:0 16px}
 body:has(.o-sticky) .ftr{padding-bottom:80px}
}
.o-bot>*,.o-main>*{min-width:0}.o-ba .seg{max-width:100%}
/* Главная — облегчённая */
.hero2{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;padding-top:40px;padding-bottom:10px}
.hero2 h1{font-size:clamp(44px,5.4vw,78px);line-height:1.02;margin:14px 0 0}
.hero2 h1 em{font-style:italic;color:var(--och)}
.hero2 p{font-size:16px;line-height:1.6;max-width:620px;margin-top:20px}
.hero2 .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.stats2{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--bd2)}
.stats2>div{padding:18px 0;border-bottom:1px solid var(--bd2)}
.stats2>div:nth-child(odd){padding-right:16px;border-right:1px solid var(--bd2)}.stats2>div:nth-child(even){padding-left:20px}
.stats2 dt{font-family:var(--serif);font-size:40px;line-height:1;color:var(--iv)}
.stats2 dd{margin:6px 0 0;font-size:12.5px;color:var(--mut);line-height:1.45}
.pgh h2{font-size:clamp(32px,3.4vw,46px);margin:0}.pgh h2 em{font-style:italic;color:var(--och)}
.hsvc{border-top:1px solid var(--bd2)}
.hsv{display:grid;grid-template-columns:1fr auto 30px;gap:20px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--bd2);transition:background .2s}
.hsv:hover{background:rgba(201,160,64,.05)}.hsv:hover .ar{color:var(--och);transform:translateX(3px)}
.hsv .t{font-size:24px;line-height:1.15}
.hsv .p{font-size:15px;font-weight:600;white-space:nowrap}
.hsv .ar{color:var(--mut);transition:transform .2s}
.hk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hkc{display:flex;flex-direction:column;gap:10px;border:1px solid var(--bd2);border-radius:10px;padding:18px 18px 16px;background:rgba(22,22,20,.6);transition:border-color .2s}
.hkc:hover{border-color:rgba(201,160,64,.6)}
.hkc .t{font-size:22px;line-height:1.15;flex:1}
.hkc .p{font-size:13.5px;font-weight:600}.hkc .p .mut{font-weight:400}
.hkc .go{color:var(--och);font-size:13.5px;font-weight:600}
.hform{display:grid;grid-template-columns:1.2fr 1fr auto;gap:40px;align-items:center;border:1px solid var(--bd2);border-radius:10px;padding:30px 34px;background:rgba(22,22,20,.6)}
.hform h2{font-size:clamp(28px,3vw,40px);margin:0}.hform h2 em{font-style:italic;color:var(--och)}
.hform p{margin-top:10px;font-size:14.5px}
.hsteps{margin:0;padding:0 0 0 20px;display:grid;gap:8px;font-size:14px;color:var(--iv2)}
.hsteps li::marker{color:var(--och);font-family:var(--mono)}
@media (max-width:1000px){.hero2{grid-template-columns:1fr;gap:30px}.hk{grid-template-columns:1fr 1fr}.hform{grid-template-columns:1fr;gap:20px}}
@media (max-width:680px){.hero2{padding-top:18px}.hero2 h1{font-size:40px}.stats2 dt{font-size:30px}.hsv{grid-template-columns:1fr 20px;gap:4px 10px;padding:14px 0}.hsv .t{font-size:19px}.hsv .p{grid-row:2;font-size:13.5px}.hsv .ar{grid-row:1/3;grid-column:2}.hk{grid-template-columns:1fr}.hform{padding:22px}}
/* ===================== Замечания 11.10.2026 ===================== */
/* 1–2. Разделы: тёмная панель со скруглёнными углами + крупное тонкое полупрозрачное слово-название раздела сверху справа.
   Фон страницы (сетка) — на html, чтобы фон панели (.pnl-bg, z-index:-1) лёг под содержимое, не создавая контекст наложения
   (липкие панели и окна конструкторов, лайтбокс работают как раньше). */
html{background-color:var(--bg);background-image:linear-gradient(rgba(239,233,222,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(239,233,222,.035) 1px,transparent 1px);background-size:28px 28px}
body{background:transparent}
.pnlw{max-width:1440px;margin:22px auto 0;padding:0 40px}
.pnl{position:relative;padding:6px 40px 46px;min-height:320px}
.pnl-bg{position:absolute;inset:0;z-index:-1;border-radius:22px;background:#151514;border:1px solid rgba(239,233,222,.085);box-shadow:0 30px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(239,233,222,.03);overflow:hidden;pointer-events:none}
.pnl-wm{position:absolute;top:.02em;right:.28em;font-family:var(--sans);font-weight:200;line-height:1;letter-spacing:.01em;white-space:nowrap;color:rgba(239,233,222,.065);
 font-size:min(168px,11.5vw,calc(min(100vw,1440px) * 1.02 / var(--n,7)));user-select:none}
.pnl>.wrap,.pnl>section{padding-left:0;padding-right:0;max-width:none}
.pnl .crumb{position:relative}
.ftr{margin-top:40px}
@media (max-width:1000px){.pnlw{padding:0 14px}.pnl{padding:4px 22px 34px}}
@media (max-width:680px){
 .pnlw{margin-top:12px;padding:0 8px}
 .pnl{padding:2px 12px 26px;min-height:0}
 .pnl-bg{border-radius:16px}
 .pnl-wm{top:.1em;right:.2em;color:rgba(239,233,222,.05);font-size:min(46px,calc(100vw * 1.02 / var(--n,7)))}
 .pnl .kx-nav{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
}
/* 7. Полоса фактов объекта: ячейки ровной высоты, подписи и значения по центру, ширина — по длине текста */
.o-facts{display:flex;gap:1px;background:var(--bd2);border:1px solid var(--bd2);border-radius:10px;overflow:hidden}
.o-facts>div{flex:1 1 auto;min-width:0;border-left:0!important;border-top:0!important;background:#181816;padding:16px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}
.o-facts>div.lg{flex-grow:1.6}
.o-facts .lbl2{font-size:10.5px;letter-spacing:.2em;line-height:1.2}
.o-facts .v{margin:0;font-size:14px;line-height:1.4;text-wrap:balance}
.o-facts>div.nw .v{white-space:nowrap}
@media (max-width:1000px){
 .o-facts{flex-wrap:wrap}
 .o-facts>div{flex:1 1 calc(50% - 1px)}
 .o-facts>div:first-child{flex-basis:100%}
 .o-facts.n4>div:first-child,.o-facts.n2>div:first-child{flex-basis:calc(50% - 1px)}
}
@media (max-width:680px){.o-facts>div{padding:12px 10px;gap:5px}.o-facts .v{font-size:13px}.o-facts>div.nw .v{white-space:normal}}
/* 8. Карточки «Сумма по пункту» и липкой панели «Итого» больше нет — «Было — стало» во всю ширину */
.o-bot{grid-template-columns:minmax(0,1fr)}
.o-ba .ba{aspect-ratio:2.3}
@media (max-width:1000px){.o-ba .ba{aspect-ratio:1.8}}
@media (max-width:680px){.o-ba .ba{aspect-ratio:1.4}}
/* 404 внутри панели */
.p404 h1{font-size:clamp(40px,5vw,64px)}
/* ===================== Замечания 2 (12.10.2026) ===================== */
/* 1. Шапка без блока-логотипа: меню слева, справа — тема, отклик, бургер */
.hdr.nobrand{grid-template-columns:1fr auto}
.hdr.nobrand .nav{justify-self:start}
@media (max-width:1000px){.hdr.nobrand{grid-template-columns:1fr auto}}
/* 11–12. Главная: первый экран в панели со словом, заголовок во всю ширину */
.pnl-home .pnl{padding:8px 40px 40px}
.hero3{display:block;padding:34px 0 0}
.hero3 h1{font-size:clamp(40px,4.5vw,70px);line-height:1.04;max-width:none;text-wrap:wrap;margin-top:16px}
.hero3 .h3row{display:grid;grid-template-columns:1fr minmax(0,620px);gap:40px;align-items:end;margin-top:30px}
.hero3 .btns{margin-top:0}
.hero3 .h3row p{margin:0 0 24px}
.hero3 .stats2{grid-template-columns:repeat(3,1fr);border-top:1px solid var(--bd2)}
.hero3 .stats2.n2{grid-template-columns:repeat(2,1fr)}.hero3 .stats2.n4{grid-template-columns:repeat(4,1fr)}
.hero3 .stats2>div{padding:18px 16px 16px 20px;border-right:1px solid var(--bd2);border-bottom:0}
.hero3 .stats2>div:first-child{padding-left:0}
.hero3 .stats2>div:last-child{border-right:0;padding-right:0}
@media (max-width:1000px){.hero3 .h3row{grid-template-columns:1fr;gap:26px}.pnl-home .pnl{padding:4px 22px 30px}}
@media (max-width:680px){
 .pnl-home .pnl{padding:2px 12px 24px}
 .hero3{padding-top:20px}.hero3 h1{font-size:34px}
 .hero3 .stats2,.hero3 .stats2.n4{grid-template-columns:1fr 1fr}
 .hero3 .stats2>div{padding:14px 10px 12px 0;border-right:0;border-bottom:1px solid var(--bd2)}
 .hero3 .stats2>div:nth-child(odd){border-right:1px solid var(--bd2)}.hero3 .stats2>div:nth-child(odd):last-child{grid-column:1/-1;border-right:0}.hero3 .stats2>div:nth-child(even){padding-left:14px}
}
.page-home main>.sec:first-of-type{margin-top:0}
/* 8. 3D: пауза / медленное вращение */
.m3d-tools button{display:flex;align-items:center;justify-content:center}
.m3d-tools svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.m3d-tools svg .f{fill:currentColor;stroke:none}
.m3d-pp .i-play{display:none}.m3d-pp.paused .i-play{display:block;fill:currentColor;stroke:none}.m3d-pp.paused .i-pause{display:none}
.m3d-tools button[aria-pressed="true"]{border-color:var(--och);color:var(--och)}
html[data-theme=light] .m3d-tools button[aria-pressed="true"]{border-color:var(--och);color:var(--och)}
/* 16. Пометка в строке услуги; 7. договорная цена; 17. раздел «Консультации» */
.sv-note{display:flex;gap:10px;align-items:flex-start;margin:0 22px 14px;padding:9px 14px;border:1px dashed rgba(201,160,64,.6);border-radius:10px;background:rgba(201,160,64,.06);font-size:13px;color:var(--iv2);line-height:1.45}
.sv-note span{flex:0 0 18px;height:18px;border-radius:50%;background:var(--och);color:#141412;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;margin-top:1px}
html[data-theme=light] .sv-note span{background:var(--och-bg);color:#1D1C19}
.sv-p.neg b{font-weight:600;color:var(--och)}
.svc-lbl2{margin-top:34px}
@media (max-width:680px){.sv-note{margin:0 14px 12px;font-size:12.5px}}
/* 20. Карточки объектов: статус — цветная таблетка поверх фото слева сверху, «3D-модель» — справа сверху */
.ocard2 .pm{display:inline-flex;align-items:center;gap:6px;position:absolute;left:12px;top:12px;z-index:2;height:28px;padding:0 13px;border-radius:999px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.ocard2 .pm.work{background:#6E9C8C;color:#10201A}
.ocard2 .pm.done{background:#ECE6DA;color:#1D1C19}
.ocard2 .b3d{top:12px;right:12px;height:28px;padding:0 13px;background:#C9A040;color:#16130B;font-weight:600;font-size:11px;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:2}
.ocard2 .row1:empty{display:none}
@media (max-width:1000px){.ocard2 .pm,.ocard2 .b3d{top:8px;height:22px;padding:0 9px;font-size:9.5px}.ocard2 .pm{left:8px}.ocard2 .b3d{right:8px}}
/* 19. Подвал — скруглённая панель (как у ХОРОС) */
.fpnl{max-width:1360px;margin:40px auto 24px;background:var(--frame);border:1px solid var(--bd);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.fpnl .ftr{margin:0;max-width:none;border-top:0;padding:40px 44px 30px}
.fpnl .fbot{max-width:none;margin:0 44px;padding:20px 0 24px;border-top:1px solid var(--bd)}
@media (max-width:1440px){.fpnl{margin-left:40px;margin-right:40px}}
@media (max-width:1000px){.fpnl{margin:30px 14px 14px}.fpnl .ftr{padding:30px 26px 22px}.fpnl .fbot{margin:0 26px}}
@media (max-width:680px){.fpnl{margin:24px 8px 8px;border-radius:16px}.fpnl .ftr{padding:24px 18px 16px}.fpnl .fbot{margin:0 18px}}
html[data-theme=light] .fpnl{background:#FAF7F1;border-color:rgba(48,40,26,.1);box-shadow:0 30px 80px rgba(60,50,30,.10)}
/* 9. Логотип: тонкий контрастный serif (Cormorant Light — бесплатная замена дидона AGATIS), золото, заглавные */
@font-face{font-family:"Cormorant Light";src:url("../fonts/cormorant-light-cyrillic.woff2") format("woff2");font-weight:300;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant Light";src:url("../fonts/cormorant-light-latin.woff2") format("woff2");font-weight:300;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
.logo9{display:inline-flex;align-items:center;white-space:nowrap}
.lg9{font-family:"Cormorant Light","Cormorant Garamond",Georgia,serif;font-weight:300;font-size:30px;line-height:1;letter-spacing:.11em;text-transform:uppercase;color:var(--och);font-feature-settings:"lnum"}
.hdr .logo9 .lg9{transform:translateY(1px)}
@media (max-width:1240px){.lg9{font-size:25px;letter-spacing:.08em}}
@media (max-width:680px){.lg9{font-size:21px;letter-spacing:.06em}}
/* 2. Главная: первый экран в стиле ХОРОС — картинка-«чертёж» с листами документов, золотые выноски, карточки-цифры (тексты — черновые) */
.pnl-home .pnl{padding:0}
.pnl-home .pnl-bg{background:#121210}
.hero9{position:relative;padding:0;min-height:700px;display:flex;overflow:hidden;border-radius:22px}
.h9-art{position:absolute;inset:0;z-index:0;pointer-events:none}
.h9-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.h9-l{display:none!important}
.h9-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#121210 0,rgba(18,18,16,.96) 40%,rgba(18,18,16,.2) 62%,transparent 80%),linear-gradient(90deg,#121210 0,rgba(18,18,16,.7) 30%,transparent 62%)}
.h9-co{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.h9-co circle{fill:#C9A040}.h9-co circle.c2{fill:none;stroke:rgba(201,160,64,.6);stroke-width:1.5}
.h9-co path{fill:none;stroke:#C9A040;stroke-width:1.6}
.h9-co text{font-family:var(--mono);font-size:19px;letter-spacing:.12em;fill:#E8D3A0}
.h9-in{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding:44px 44px 40px}
.h9-k{display:flex;align-items:center;gap:10px}.h9-k .dt{width:7px;height:7px;border-radius:50%;background:var(--och)}
.hero9 h1{max-width:1120px;margin-top:18px}
.hero9 .h3row{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.hero9 .h3row p{max-width:560px}
.h9-st{display:flex;gap:10px;margin:0}
.h9-st>div{width:178px;padding:16px 18px;border:1px solid rgba(239,233,222,.16);border-radius:16px;background:rgba(24,24,21,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.h9-st dt{font-family:var(--serif);font-size:38px;line-height:1;color:var(--iv)}
.h9-st dd{margin:8px 0 0;font-size:12.5px;line-height:1.4;color:var(--mut)}
html[data-theme=light] .pnl-home .pnl-bg{background:#F3EEE4}
html[data-theme=light] .h9-d{display:none!important}html[data-theme=light] .h9-l{display:block!important}
html[data-theme=light] .h9-art::after{background:linear-gradient(0deg,#F3EEE4 0,rgba(243,238,228,.97) 40%,rgba(243,238,228,.25) 62%,transparent 80%),linear-gradient(90deg,#F3EEE4 0,rgba(243,238,228,.7) 30%,transparent 62%)}
html[data-theme=light] .h9-co circle{fill:#B8903C}html[data-theme=light] .h9-co circle.c2{stroke:rgba(138,100,20,.5)}
html[data-theme=light] .h9-co path{stroke:#9C7420}html[data-theme=light] .h9-co text{fill:#6E5214}
html[data-theme=light] .h9-st>div{background:rgba(255,253,248,.82);border-color:rgba(48,40,26,.14)}
@media (max-width:1200px){.hero9 .h3row{grid-template-columns:1fr}.h9-st>div{flex:1;width:auto}}
@media (max-width:1000px){.hero9{min-height:0}.h9-in{padding:34px 26px 28px}.h9-co text{font-size:24px}}
@media (max-width:680px){
 .hero9{border-radius:16px;flex-direction:column}
 .h9-art{position:relative;inset:auto;width:100%;height:230px;order:-1;flex:0 0 auto}
 .h9-art::after{background:linear-gradient(0deg,#121210,rgba(18,18,16,.1) 60%)}
 html[data-theme=light] .h9-art::after{background:linear-gradient(0deg,#F3EEE4,rgba(246,242,234,.1) 60%)}
 .h9-co text{font-size:30px}
 .h9-in{padding:0 16px 22px;margin-top:-20px}
 .h9-st{display:grid;grid-template-columns:1fr 1fr}.h9-st>div:nth-child(3):last-child{grid-column:1/-1}
 .h9-st dt{font-size:30px}
}
.h9-co text{paint-order:stroke;stroke:#121210;stroke-width:7px;stroke-linejoin:round}
html[data-theme=light] .h9-co text{stroke:#F6F2EA}
@media (max-width:680px){.h9-co{display:none}}

/* ===== Замечание 5: корзина документов ===== */
.cart-tg{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;flex:0 0 auto;background:rgba(21,21,19,.6);border:1px solid var(--bd2);color:#C9C2B6;transition:background-color .3s,border-color .3s,color .3s}
.cart-tg:hover,.cart-tg.on{border-color:var(--gold,#C59B3F);color:var(--gold,#C59B3F)}
.cart-tg svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cart-n{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--gold,#C59B3F);color:#151513;font:700 11px/19px Inter,system-ui,sans-serif;text-align:center}
.cart-n[hidden]{display:none}
.kx-go .kx-cart{white-space:nowrap}
.kx-cartmsg{margin-top:14px;padding:14px 18px;border-radius:14px;border:1px solid rgba(110,156,140,.55);background:rgba(110,156,140,.08);font-size:14px;line-height:1.5}
.kx-cartmsg.err{border-color:rgba(200,90,70,.6);background:rgba(200,90,70,.08)}
.kx-cartmsg .mut{display:block;margin-top:4px;font-size:12.5px}
.cart-g{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start;margin-top:26px}
.cart-lh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.cart-it{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--bd2)}
.ci-k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#C59B3F)}
.ci-n{font-size:15px;margin-top:4px}
.ci-o{font-size:12.5px;margin-top:3px}
.ci-l{display:inline-block;font-size:12.5px;margin-top:6px}
.ci-p{font-size:20px;white-space:nowrap}
.ci-x{width:34px;height:34px;border-radius:50%;border:1px solid var(--bd2);background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer}
.ci-x:hover{border-color:rgba(200,90,70,.7);color:#d77a66}
.cart-tot{display:flex;justify-content:space-between;align-items:baseline;padding-top:16px;font-size:15px}
.cart-tot .price{font-size:30px}
.cart-empty{padding:10px 0 4px;display:grid;gap:14px;justify-items:start}
.cart-co{position:sticky;top:100px}
@media (max-width:900px){.cart-g{grid-template-columns:1fr}.cart-co{position:static}}
@media (max-width:560px){.cart-it{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.cart-it .ci-p{grid-column:1;grid-row:2;font-size:18px}.cart-it .ci-x,.cart-it>.btn,.cart-it>.ci-l{grid-column:2;grid-row:1/3;align-self:center}.cart-tg{width:40px;height:40px}}

/* ==========================================================================
   GLASS 2026 — мягкое матовое стекло на тёплом размытом фоне (стайлборд «Новый стиль»,
   /workspace/style-ref/style-analysis.md). Единственный слой оформления поверх pf.css:
   переопределяет переменные и компоненты; светлая тема — в конце pf-light.css.
   ========================================================================== */
@font-face{font-family:"Urbanist D";src:url("../fonts/urbanist-digits.woff2") format("woff2");font-weight:200 300;font-display:swap}
:root{--bg:#0F1012;--ink:#16171A;--glass:#EEEEEB;--amb:#E8A03C;--mint:#9FD3C4;--tea:#3C828C;--olv:#787C3C;
 --frame:rgba(22,23,26,.62);--card:rgba(30,31,35,.58);--card2:rgba(40,41,46,.6);--bd:rgba(255,255,255,.10);--bd2:rgba(255,255,255,.18);
 --iv:#F4F3EF;--iv2:rgba(244,243,239,.80);--mut:#A3A6AC;--mut2:#8C8F95;--och:#E8A03C;--och2:#C98A2E;--pat:#9FD3C4;--red:#E07A5F;
 --r:26px;--rs:18px;--blur:28px;--gl-l:rgba(238,238,235,.86);--gl-m:rgba(205,200,190,.34);--gl-d:rgba(22,23,26,.58);
 --serif:"Manrope V2",Manrope,Arial,sans-serif;--sans:"Manrope V2",Manrope,Arial,sans-serif;--mono:"Manrope V2",Manrope,Arial,sans-serif;
 --num:"Urbanist D","Manrope V2",Manrope,sans-serif;--gbg:url("../img/glass/bg-dark.webp")}
html{background:var(--bg)}
body{background:transparent;background-image:none;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:var(--bg) var(--gbg) center/cover no-repeat;pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(15,16,18,0) 0,rgba(15,16,18,.28) 60%,rgba(15,16,18,.55) 100%)}
h1,h2,h3,.serif{font-family:var(--sans);font-weight:400;letter-spacing:-.02em;line-height:1.06}
h1{font-size:clamp(38px,4.6vw,66px);font-weight:400}h2{font-size:clamp(30px,3.2vw,44px)}h3{font-size:24px;font-weight:500;letter-spacing:-.01em}
em,.pgh h2 em,.sh em,.hform h2 em,.hero2 h1 em,.obj2 h1 em,.obj2 h2 em,.kx-top h1 em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--mut)}
.num,.price,.h9-st dt{font-family:var(--num);font-weight:200;letter-spacing:-.02em;font-variant-numeric:lining-nums}
.price{font-size:32px}
.k,.lbl2,.crumb{font-family:var(--sans);font-weight:600;letter-spacing:.14em;font-size:11px}
.k{color:var(--mut)}.crumb{text-transform:none;letter-spacing:0;font-weight:400;font-size:13px;color:var(--mut)}
.ex{font-family:var(--sans);font-weight:700;font-size:9.5px;letter-spacing:.1em;background:rgba(232,160,60,.20);color:var(--amb);border-radius:999px;padding:2px 8px 1px}
.mk,.ph{outline:0;border:1.5px dashed var(--amb);background:rgba(232,160,60,.08);color:var(--amb);border-radius:8px;padding:0 6px}
:focus-visible{outline:2px solid var(--amb);outline-offset:3px}
/* стекло */
.frame,.card,.pnl .frame{background:var(--frame);border:1px solid var(--bd);border-radius:var(--r);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.15);backdrop-filter:blur(var(--blur)) saturate(1.15)}
.card{border-radius:var(--rs);background:var(--card)}
.gl-l,.gc,.hkc{--iv:#16171A;--iv2:#3B3D42;--mut:#4C4F55;--mut2:#5C5F65;--bd:rgba(22,23,26,.10);--bd2:rgba(22,23,26,.18);--och:#7A4708;--pat:#2F6F62;
 background:var(--gl-l);color:var(--iv);border:1px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.2);backdrop-filter:blur(var(--blur)) saturate(1.2)}
.gl-l .ex,.gc .ex,.hkc .ex{background:rgba(232,160,60,.28);color:#5E3905}
.gl-l .mk,.gl-l .ph,.gc .mk,.gc .ph,.hkc .mk{color:#6E4206;border-color:#B8741A}
/* кнопки: пилюли, стрелка в круге */
.btn{min-height:48px;border-radius:999px;font-weight:500;font-size:14.5px;padding:0 22px;border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.04)}
.btn:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.08)}
.btn .ar{display:inline-grid;place-items:center;width:34px;height:34px;margin:0 -15px 0 2px;border-radius:50%;background:rgba(255,255,255,.14);transform:rotate(-45deg);font-size:15px;line-height:1;transition:transform .2s}
.btn:hover .ar{transform:rotate(-45deg) translateX(2px)}
.btn.l,.btn.p{background:var(--glass);color:var(--ink);border-color:var(--glass)}.btn.l:hover,.btn.p:hover{background:#fff;border-color:#fff}
.btn.l .ar,.btn.p .ar{background:var(--ink);color:#fff}
.btn.s{min-height:38px;font-size:13.5px;padding:0 16px}.btn.s .ar{width:28px;height:28px;margin-right:-11px;font-size:12px}
.gl-l .btn,.gc .btn{border-color:rgba(22,23,26,.25);color:var(--ink);background:rgba(22,23,26,.04)}
.gl-l .btn.p,.gl-l .btn.l,.gc .btn.l{background:var(--ink);color:#fff;border-color:var(--ink)}.gl-l .btn.p .ar,.gl-l .btn.l .ar{background:#fff;color:var(--ink)}
/* шапка */
.hdr{background:transparent;border-bottom:0;padding-top:22px;padding-bottom:18px;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav{background:rgba(255,255,255,.10);border:1px solid var(--bd2);border-radius:999px;padding:5px;gap:2px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.nav a{padding:9px 18px;border-radius:999px;font-size:14px;color:var(--iv);box-shadow:none}
.nav a:hover{background:rgba(255,255,255,.08)}
.nav a.on{background:var(--glass);color:var(--ink);font-weight:500;box-shadow:none}
.lg9,.hdr .logo9 .lg9{font-family:var(--sans);font-weight:500;font-size:15px;letter-spacing:.02em;color:var(--iv);text-transform:none}
.thm-tg,.cart-tg,.burger{background:rgba(255,255,255,.10);border:1px solid var(--bd2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.cart-n{background:var(--amb)!important;color:var(--ink)!important}
.hdr .cta{min-height:44px;padding:0 20px;font-weight:500}.hdr .cta .ar{width:32px;height:32px;margin-right:-14px}
/* панели разделов: без тёмной подложки и слова-водяного знака — содержимое лежит на размытом фоне */
.pnl-bg{background:transparent!important;border:0!important;box-shadow:none!important}
.pnl-wm{display:none!important}
.pnl{padding-left:24px;padding-right:24px}
/* подвал */
.fpnl{background:var(--frame);border:1px solid var(--bd);border-radius:var(--r);box-shadow:none;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}
.ftr .fnm{font-family:var(--sans);font-weight:500;color:var(--iv)}
.ftr a{color:var(--iv2)}.ftr a.u,.lnk{text-decoration-color:rgba(232,160,60,.6)}
.fbot{font-family:var(--sans);letter-spacing:0;font-size:12.5px;color:var(--mut)}
/* ---------- главная ---------- */
.gh{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:start;padding-top:46px;padding-bottom:30px}
.gh-in h1{margin:18px 0 22px;font-size:clamp(40px,4.4vw,64px)}
.gh-in p{max-width:560px;color:var(--iv2);font-size:16.5px}
.gh .btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.h9-k{display:flex;align-items:center;gap:10px;color:rgba(244,243,239,.78)}.h9-k .dt{width:7px;height:7px;border-radius:50%;background:var(--amb)}
.gh-st{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}
.gh-st .gc{position:relative;border-radius:var(--r);padding:22px 24px;min-height:200px;display:flex;flex-direction:column}
.gh-st .gc.w{grid-column:span 2;min-height:210px}
.gh-st .gc.m{--iv:#F4F3EF;--iv2:rgba(244,243,239,.8);--mut:rgba(244,243,239,.72);background:var(--gl-m);border-color:var(--bd2)}
.gh-st .gi{width:34px;height:34px;border-radius:50%;border:1px solid var(--bd2);display:grid;place-items:center;font-size:14px;color:var(--iv)}
.gh-st dd{margin:14px 0 0;font-size:14.5px;font-weight:500;line-height:1.35;color:var(--iv);max-width:320px}
.gh-st dt{margin-top:auto;font-size:96px;line-height:.9;color:var(--iv);padding-top:12px}
.gh-st dt.ph0{font-family:var(--sans);font-size:15px;font-weight:500;padding:0;margin-top:auto}
.gh-st dt.ph0 .mk{display:block;text-align:center;padding:20px 10px;border-radius:14px}
.sec{margin-top:90px}
.pgh h2{font-weight:400}
.ogrid{gap:16px}
@media (min-width:681px){
.ocard2{border:0;border-radius:var(--r);background:#1a1b1e;min-height:480px;color:#fff}
.ocard2:hover{transform:translateY(-3px)}
.ocard2 .im{position:absolute;inset:0;aspect-ratio:auto}
.ocard2 .im::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0,rgba(0,0,0,0) 28%,rgba(10,10,12,.55) 52%,rgba(10,10,12,.92) 100%)}
.ocard2 .bd{position:relative;z-index:2;margin-top:auto;flex:none;padding:24px 26px 24px;background:none;--iv:#fff;--iv2:rgba(255,255,255,.85);--mut:rgba(255,255,255,.72)}
.ocard2{display:flex;flex-direction:column}
.ocard2 h3{font-size:clamp(26px,2.4vw,34px);font-weight:400;margin-top:8px;color:#fff}
.ocard2 .yr{font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.ocard2 .meta{color:rgba(255,255,255,.85)}.ocard2 .meta .mut{color:rgba(255,255,255,.72)}
.ocard2 .go{align-self:flex-start;margin-top:14px;color:var(--ink);background:rgba(255,255,255,.9);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}
.ocard2 .pm{z-index:3;font-family:var(--sans);font-weight:600;letter-spacing:.06em;border-radius:999px}
.ocard2 .b3d{z-index:3;font-family:var(--sans);font-weight:600;font-size:10.5px;letter-spacing:.06em;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
}
@media (max-width:680px){.ocard2{border:0;border-radius:18px}.ocard2 .pm,.ocard2 .b3d{font-family:var(--sans);font-weight:600;letter-spacing:.04em;border-radius:999px}.ocard2 .nmo{font-family:var(--sans);font-weight:500;color:#fff}}
.hsvc{border:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.hsv{border:1px solid var(--bd);border-radius:var(--rs);background:var(--card);padding:16px 22px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}
.hsv:hover{background:var(--card2)}
.hsv .t{font-family:var(--sans);font-size:16.5px;font-weight:500;letter-spacing:0}
.hsv .p{font-family:var(--num);font-weight:200;font-size:24px;color:var(--iv);letter-spacing:-.01em}
.hk{gap:14px}.hkc{border-radius:var(--r);padding:22px 22px 20px;min-height:210px}
.hkc:hover{border-color:#fff;background:rgba(246,246,243,.93)}
.hkc .t{font-family:var(--sans);font-size:20px;font-weight:500;letter-spacing:-.01em;color:var(--iv)}
.hkc .p{font-family:var(--num);font-weight:300;font-size:26px;letter-spacing:-.01em}.hkc .p .mut{font-family:var(--sans);font-size:13px;font-weight:400}.hkc .go{color:var(--ink);font-weight:600}
.hform{background:var(--frame);border:1px solid var(--bd);border-radius:28px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}
.hform h2{font-weight:400}
/* ---------- запасной вариант без размытия (слабые устройства, нет поддержки, «уменьшить прозрачность») ---------- */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 :root{--frame:#1A1B1E;--card:#1F2024;--card2:#26272B;--gl-l:#E9E8E4;--gl-m:#55524B}}
html.lowfx{--frame:#1A1B1E;--card:#1F2024;--card2:#26272B;--gl-l:#E9E8E4;--gl-m:#55524B}
html.lowfx *,html.lowfx *::before,html.lowfx *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media (prefers-reduced-transparency:reduce){:root{--frame:#1A1B1E;--card:#1F2024;--card2:#26272B;--gl-l:#E9E8E4;--gl-m:#55524B}
 *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
@media (max-width:680px){:root{--blur:18px}}
@media print{body::before,body::after{display:none!important}
 *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
/* адаптив */
@media (max-width:1100px){.gh{grid-template-columns:1fr;gap:34px}}
@media (max-width:1000px){.nav{border-radius:22px;background:rgba(22,23,26,.94);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);gap:4px}
 .nav a{border-radius:14px;border-bottom:0}.nav a.on{background:var(--glass);color:var(--ink)}}
@media (max-width:1000px){.hsvc{grid-template-columns:1fr}.ocard2{min-height:420px}}
@media (max-width:680px){
 .gh{padding-top:18px}.gh-in h1{font-size:38px;margin:12px 0 14px}.gh-in p{font-size:14.5px}
 .gh-st{gap:10px}.gh-st .gc{padding:16px 16px;min-height:150px;border-radius:22px}.gh-st .gc.w{min-height:150px}
 .gh-st dt{font-size:64px}.gh-st dd{font-size:13px;margin-top:10px}
 .ocard2{min-height:360px}.hsv{padding:14px 16px}
 .btn .ar{width:30px;height:30px;margin-right:-14px}}
@media (max-width:680px){.ocard2 .b3d{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff}}
/* ---------- GLASS фаза 2: объекты и страница объекта ---------- */
.seg{background:rgba(255,255,255,.08);border-color:var(--bd2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.seg [aria-pressed="true"],.seg .on{background:var(--glass);color:var(--ink);font-weight:500}
.mstrip{border-radius:var(--r);border-color:var(--bd);background:var(--frame);margin-top:16px}
.mstrip .lbl2{text-shadow:none;left:22px;top:18px;letter-spacing:.14em}
.o-facts{display:flex;gap:10px!important;background:none!important;border:0!important;border-radius:0;overflow:visible}
.o-facts>div{background:var(--gl-l)!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:var(--rs);align-items:flex-start!important;text-align:left!important;justify-content:flex-start!important;
 -webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));--iv:#16171A;color:#16171A}
.o-facts .lbl2{color:#5C5F65}.o-facts .v{color:#16171A}
@media (max-width:1000px){.o-facts>div{flex:1 1 calc(50% - 5px)!important}.o-facts>div:first-child{flex-basis:100%!important}}
.o-main{gap:14px;border:0;background:none;overflow:visible}
.o-scene{border-radius:var(--r);overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#2c2d31,#141518 72%);border:1px solid var(--bd)}
.o-about{border:1px solid rgba(255,255,255,.55)!important;border-radius:var(--r);background:var(--gl-l);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));
 --iv:#16171A;--iv2:#3B3D42;--mut:#4C4F55;--och:#7A4708;--bd2:rgba(22,23,26,.14);color:#16171A}
.o-about .lbl2{color:#5C5F65}
.m3d-btn{border-radius:50%!important;background:rgba(255,255,255,.12)!important;border:1px solid var(--bd2)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.o-sc .th{border-radius:var(--rs);border-color:var(--bd)}
.o-sc.emp .th{background:var(--card);border:1.5px dashed rgba(232,160,60,.45)}
.o-sc .zm{background:var(--ink);color:#fff}
.o-ba .ba{border-radius:var(--r)!important;overflow:hidden}
.ba-line{background:#fff!important;width:2px!important}
.ba-knob{background:#fff!important;color:var(--ink)!important;border:0!important;border-radius:50%!important;width:40px!important;height:40px!important;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.ba-tag{font-family:var(--sans)!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;color:var(--ink)!important;letter-spacing:.04em;font-weight:600}
.lb{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
/* ---------- GLASS фаза 3: услуги, корзина, отклик ---------- */
.svc{background:var(--gl-l);border:1px solid rgba(255,255,255,.55);border-radius:var(--rs);padding:14px 18px;-webkit-backdrop-filter:blur(var(--blur)) saturate(1.2);backdrop-filter:blur(var(--blur)) saturate(1.2);
 --iv:#16171A;--iv2:#3B3D42;--mut:#55585E;--mut2:#5C5F65;--bd:rgba(22,23,26,.10);--bd2:rgba(22,23,26,.16);--och:#7A4708;--pat:#2F6F62;color:#16171A}
.svc.open,.svc.on{border-color:rgba(255,255,255,.9);background:rgba(244,243,239,.94)}
.svc .ex{background:rgba(232,160,60,.3);color:#5E3905}.svc .mk{color:#6E4206;border-color:#B8741A}
.sv-t{font-size:17px;font-weight:500;letter-spacing:-.005em}
.sv-p{font-size:13px;color:#3B3D42;gap:4px 6px}.sv-p b{font-weight:400}
.sv-p .num{font-size:30px;line-height:1;color:#16171A;margin:0 2px}
.sv-p.neg b{font-weight:600;font-size:13.5px}
.sv-more{color:#16171A;font-weight:500}
.svc .pick{background:rgba(22,23,26,.07);border-color:transparent;color:#16171A;border-radius:999px}
.svc .pick .cb{border-color:#3B3D42;border-radius:50%}
.svc.on .pick{background:var(--ink);color:#fff;border-color:var(--ink)}.svc.on .pick .cb{border-color:#fff}
.sv-b ul.inc li,.sv-b ul.exc li{color:#3B3D42}
.sv-note{border-radius:12px!important}
.sbar{border:1px solid var(--bd2);border-radius:var(--r);background:rgba(15,16,18,.9);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:12px 14px 12px 24px}
.sbar [data-bar-total]{font-family:var(--num);font-weight:200;font-size:30px}
.svc-lbl{letter-spacing:.14em}
/* корзина и формы */
.cart-it,.cart-co,.hform,.rq-f,.st-card{border-radius:var(--r)!important}
input,select,textarea{border-radius:12px}
.svc.srow h3.sv-t{font-size:18px;font-weight:500}
@media (max-width:680px){.svc.srow h3.sv-t{font-size:16.5px}.sv-p .num{font-size:24px}}
.sbar:not(.has){display:none}
/* ---------- GLASS: главная, три входа (макет стр. 1) ---------- */
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.g3>*{position:relative;min-height:380px;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;padding:24px 26px;color:inherit;text-decoration:none}
.g3-o{padding:0;background:#1a1b1e;color:#fff}
.g3-o img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.g3-o:hover img{transform:scale(1.03)}
.g3-o::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 35%,rgba(10,10,12,.85) 100%)}
.g3-tl{position:absolute;left:18px;top:18px;z-index:2;display:flex;gap:6px}
.g3 .chip{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:#fff;color:#16171A}
.g3 .chip.gl{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}
.g3-cap{position:relative;z-index:2;margin-top:auto;padding:24px 26px;display:flex;flex-direction:column;gap:4px}
.g3-cap .lbl2{color:rgba(255,255,255,.72)}.g3-cap b{font-weight:400;font-size:26px;letter-spacing:-.01em}.g3-cap small{font-size:13px;opacity:.78}
.g3-go{position:absolute;right:18px;top:18px;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#16171A;font-size:14px;text-decoration:none}
.g3-k .g3-go,.g3-s .g3-go{background:var(--ink);color:#fff}
.g3 .gi{width:34px;height:34px;border-radius:50%;border:1px solid var(--bd2);display:grid;place-items:center;font-size:14px}
.g3 .lbl2{margin-top:16px}.g3-o .lbl2{margin-top:0}
.g3 h3{font-size:24px;font-weight:400;margin:6px 0 18px}
.g3-r{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--bd2);font-size:14px;color:var(--iv);text-decoration:none}
.g3-r span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g3-r:hover{color:var(--och)}
.g3-s{--iv:#F4F3EF;--mut:rgba(244,243,239,.72);background:var(--gl-m)!important;color:#F4F3EF}
.g3-pr{margin-top:auto;display:flex;align-items:baseline;gap:8px}.g3-pr .num{font-size:84px;line-height:.9}
.g3-sm{font-size:13px;margin-top:8px}
@media (max-width:1000px){.g3{grid-template-columns:1fr 1fr}.g3-o{grid-column:span 2}}
@media (max-width:680px){.g3{grid-template-columns:1fr}.g3-o{grid-column:auto}.g3>*{min-height:300px}.g3-k{min-height:0!important}.g3-pr .num{font-size:64px}}
/* сегменты: одна скользящая подложка, текст без перехода и без смены толщины */
.seg{position:relative;isolation:isolate}
.seg button,.seg a{font-weight:500!important;transition:none!important;position:relative;z-index:1}
.seg.has-pill [aria-pressed="true"],.seg.has-pill .on{background:transparent!important}
.seg-pill{position:absolute;left:0;top:0;z-index:0;border-radius:999px;background:var(--glass);pointer-events:none;will-change:transform;
 transition:transform .28s cubic-bezier(.3,.7,.2,1),width .28s cubic-bezier(.3,.7,.2,1)}
@media (prefers-reduced-motion:reduce){.seg-pill{transition:none}}
.seg [aria-pressed="true"],.seg [aria-pressed="true"]:hover,.seg .on,.seg .on:hover{color:var(--ink)!important}
/* ==========================================================================
   GLASS: единое плавное движение для всех кнопок и выбираемых элементов
   (та же кривая и длительность, что у пилюли сегментов; только transform / opacity / фон)
   ========================================================================== */
:root{--ease:cubic-bezier(.3,.7,.2,1);--dur:.28s}
.seg-pill{transition:transform var(--dur) var(--ease),width var(--dur) var(--ease),height var(--dur) var(--ease),opacity .15s}
/* меню: одна пилюля под активным пунктом */
@media (min-width:1001px){.nav{position:relative}}.nav{isolation:isolate}
.nav a{font-weight:500!important;transition:background-color var(--dur) var(--ease)!important;position:relative;z-index:1}
.nav.has-pill a.on:not(.nav-cta){background:transparent!important}
.nav a.on,.nav a.pf-to{color:var(--ink)!important}.nav a.pf-off{color:var(--iv)!important}
.nav.has-pill a:not(.on):hover{background:rgba(255,255,255,.08)}
@media (max-width:1000px){.nav .seg-pill{border-radius:14px}}
/* переключатель темы: круг ездит между солнцем и луной */
.thm-tg{position:relative;isolation:isolate;--tt:34px}
.thm-tg::before{content:"";position:absolute;left:4px;top:50%;width:var(--tt);height:var(--tt);margin-top:calc(var(--tt) / -2);border-radius:50%;background:var(--glass);z-index:0;
 transform:translateX(calc(var(--tt) + 2px));transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease)}
html[data-theme=light] .thm-tg::before{transform:none;background:var(--ink)}
.thm-tg .tt-i{position:relative;z-index:1;background:none!important;transition:color var(--dur) var(--ease)!important}
@media (max-width:1000px){.thm-tg{--tt:32px}}
@media (max-width:680px){.thm-tg::before{left:3px}}
/* кнопки, чипы, «Выбрать», корзина, шаги: фон/рамка/цвет синхронно, нажатие — лёгкое сжатие */
.btn,.chip,.svc .pick,.cart-tg,.burger,.ci-x,.cart-it .btn,.kx-more summary,.m3d-btn,.g3-go,.o-sc .zm,.kx-ib,.kx-back,.hsv,.hkc,.g3>*,.ocard2{
 transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),opacity var(--dur) var(--ease)!important}
.btn .ar,.svc .pick .cb{transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)!important}
.btn:active,.chip:active,.svc .pick:active,.cart-tg:active,.burger:active,.thm-tg:active,.seg button:active,.kx-more summary:active,.m3d-btn:active,.g3-go:active{transform:scale(.97)}
.chip,.chip.on,.chip[aria-pressed="true"]{font-weight:500!important}
.svc .pick,.svc.on .pick{font-weight:600!important}
.kx-steps li button{transition:background-color var(--dur) var(--ease)}
.kx-steps .n{transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)!important}
.kx-steps li.done .n{animation:pfPop var(--dur) var(--ease)}
.kx-steps .n::after{transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}
.kx-steps .t b{transition:color var(--dur) var(--ease)}
@keyframes pfPop{0%{transform:scale(.82)}100%{transform:none}}
.svc,.srow{transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)!important}
@media (prefers-reduced-motion:reduce){.seg-pill,.thm-tg::before,.btn,.chip,.svc .pick,.nav a,.kx-steps .n,.cart-tg,.burger{transition:none!important;animation:none!important}
 .btn:active,.chip:active,.svc .pick:active,.cart-tg:active,.burger:active,.thm-tg:active,.seg button:active{transform:none}}
/* ---------- «Выбрать / Выбрано» — акцентная стеклянная пилюля (бирюза палитры #3C828C / #9FD3C4) ---------- */
.svc .pick{position:relative;min-height:40px;padding:0 16px 0 5px;gap:9px;border-radius:999px;font-weight:600!important;font-size:13.5px;
 background:rgba(255,255,255,.42)!important;border:1px solid rgba(22,23,26,.12)!important;color:#16171A!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.svc .pick [data-pick-label]{display:inline-block;min-width:4.6em;text-align:left}
.svc .pick .cb{width:30px!important;height:30px!important;border-radius:50%!important;border:1px solid rgba(60,130,140,.45)!important;background:rgba(255,255,255,.85)!important;color:#2F7A70!important;font-size:14px!important;font-weight:700}
.svc .pick .cb::after{content:"+";font-weight:400;font-size:17px;line-height:1}
.svc .pick::after{content:"→";font-size:15px;font-weight:300;opacity:.55;margin-left:2px;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}
.svc .pick:hover{background:rgba(255,255,255,.7)!important;border-color:rgba(60,130,140,.45)!important}
.svc .pick:hover::after{transform:translateX(2px);opacity:.9}
.svc.on .pick,.svc .pick:has(input:checked){color:#fff!important;border-color:rgba(159,211,196,.75)!important;
 background:linear-gradient(135deg,rgba(60,130,140,.92),rgba(84,160,150,.82))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0 1px rgba(159,211,196,.25),0 8px 24px rgba(60,130,140,.38),0 0 18px rgba(159,211,196,.30)}
.svc.on .pick .cb,.svc .pick input:checked+.cb{background:#fff!important;border-color:#fff!important;color:#2F7A70!important}
.svc.on .pick .cb::after,.svc .pick input:checked+.cb::after{content:"✓";font-size:14px;font-weight:700}
.svc.on .pick::after{opacity:.95}
.svc.on .pick:hover{background:linear-gradient(135deg,rgba(66,140,150,.96),rgba(92,170,158,.88))!important}
.svc .pick input:focus-visible+.cb{outline:2px solid #9FD3C4;outline-offset:2px}
.svc .pick{transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)!important}
@media (max-width:680px){.svc .pick{min-height:36px;padding:0 12px 0 4px;font-size:12.5px}.svc .pick .cb{width:26px!important;height:26px!important}}
/* ---------- GLASS: фон без картинки — CSS-градиенты (oklab) + тонкий шум-дизеринг против полос ----------
   Было: bg-*.webp 1600×1000 по 5–7 КБ, растянутый на весь экран → блоки сжатия и полосы. */
:root{--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 .07'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
 --g1:#2B4C7A;--g2:#8A847E;--g3:#3E5A55;--g4:#5F6431;--g5:#151715;--g0:#1F2A33}
body::before{background-color:var(--g5);background-image:
 radial-gradient(ellipse 62% 55% at 12% 6%,var(--g1),transparent 72%),
 radial-gradient(ellipse 48% 42% at 78% 18%,var(--g2),transparent 70%),
 radial-gradient(ellipse 60% 45% at 30% 58%,var(--g3),transparent 72%),
 radial-gradient(ellipse 55% 45% at 88% 62%,var(--g4),transparent 72%),
 linear-gradient(180deg,var(--g0) 0%,var(--g5) 78%);background-size:100% 100%;background-repeat:no-repeat}
@supports (background:radial-gradient(in oklab,red,blue)){
body::before{background-image:
 radial-gradient(ellipse 62% 55% at 12% 6% in oklab,var(--g1),transparent 72%),
 radial-gradient(ellipse 48% 42% at 78% 18% in oklab,var(--g2),transparent 70%),
 radial-gradient(ellipse 60% 45% at 30% 58% in oklab,var(--g3),transparent 72%),
 radial-gradient(ellipse 55% 45% at 88% 62% in oklab,var(--g4),transparent 72%),
 linear-gradient(180deg in oklab,var(--g0) 0%,var(--g5) 78%)}}
body::after{background-image:var(--noise),linear-gradient(180deg,rgba(15,16,18,0) 0,rgba(15,16,18,.22) 62%,rgba(15,16,18,.5) 100%)!important;
 background-size:180px 180px,100% 100%;background-repeat:repeat,no-repeat;opacity:1}
body::after{mix-blend-mode:normal}
@media (max-width:680px){body::before{background-size:100% 100%}}
/* заявка на ППР (/ppr): чипы-чекбоксы видов работ, экран «Заявка отправлена» */
.pchip{position:relative}
.pchip:has(input:checked){background:var(--iv);color:#141412;border-color:var(--iv);font-weight:600}
.pchip:has(input:checked)::before{content:"✓"}
.pchip:has(input:focus-visible){outline:2px solid var(--och);outline-offset:2px}
.ppr-ok{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--och);color:var(--och);font-size:30px}
.ppr-done{padding:48px;max-width:760px;margin:40px auto;display:grid;gap:18px;justify-items:start}
@media(max-width:640px){.ppr-done{padding:28px 22px;margin:20px auto}}
/* отмеченные чекбоксы — зелёные, как пройденные шаги конструкторов (.kx-steps li.done) */
input:checked+.cb,.cb.on{background:#3E9B78;border-color:#3E9B78;color:#fff;font-weight:700}
.pchip:has(input:checked){background:#3E9B78;border-color:#3E9B78;color:#fff}
.seg:not(.has-pill) [aria-pressed="true"],.seg:not(.has-pill) .on{background:#3E9B78;color:#fff}
/* mobile-fix 21.10: узкие экраны (≤600px) — без горизонтальной прокрутки */
@media (max-width:600px){
.ogrid{grid-template-columns:minmax(0,1fr)!important}
.ogrid>*{min-width:0;width:100%}
.ocard2{min-height:300px}
.ocard2 .pm{max-width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.objs,.objs>*,[data-ov-list]>*{min-width:0;max-width:100%}
.chips{min-width:0;max-width:100%}
.chip{white-space:normal!important;height:auto;min-height:34px;padding:7px 14px;line-height:1.3;max-width:100%;box-sizing:border-box;text-align:left}
main input:not([type=checkbox]):not([type=radio]),main textarea,main select{box-sizing:border-box;max-width:100%;min-width:0}
main .fld,main .g2,main .g2>*,main .lblrow,main fieldset,main .card,main .kx-card,main .kx-form,main .kx-grid>*{min-width:0;max-width:100%}
main .g2{grid-template-columns:minmax(0,1fr)!important}
main .hint{overflow-wrap:anywhere}
.zos-t{width:100%;table-layout:fixed;font-size:12.5px}
.zos-t th:nth-child(1),.zos-t td.no{width:38px;padding-left:4px;padding-right:4px}
.zos-t th:nth-child(3),.zos-t td:nth-child(3){width:122px;padding-left:2px;padding-right:2px}
.zos-t td{overflow-wrap:anywhere;padding:6px 4px}
.zos-tog button{padding:5px 7px;font-size:11px}
.kx-pvbtn{max-width:calc(100vw - 24px)}
}
@media (max-width:600px){.zos-t th:nth-child(4),.zos-t td:nth-child(4){display:none;width:0}}
@media (max-width:600px){main .aosr-panel{grid-template-columns:minmax(0,1fr)!important}main .aosr-panel>*{min-width:0}.kx-top{grid-template-columns:minmax(0,1fr) auto!important}.kx-top>*{min-width:0}.kx-pvbtn{white-space:nowrap;padding-left:12px;padding-right:12px}}
@media (max-width:600px){main .aosr-panel>.btn,main .kx-card .btn{white-space:normal;height:auto;min-height:40px;padding-top:8px;padding-bottom:8px;max-width:100%;text-align:left;line-height:1.3}}
/* 24.10.2026: пункт «Подписка» в меню — золотой акцент */
.nav a.nav-sub{color:var(--och)!important;position:relative}
.nav a.nav-sub::after{content:"";position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:var(--och);box-shadow:0 0 6px rgba(201,160,64,.8)}
.nav a.nav-sub.on{color:#141412!important}
[data-theme=light] .nav a.nav-sub{color:#9a7424!important}
/* 24.10.2026: кнопка «Поддержка» */
.sup{position:fixed;right:20px;bottom:20px;z-index:75;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.sup>*{pointer-events:auto}
.sup-fab{width:54px;height:54px;border-radius:50%;border:1px solid rgba(201,160,64,.75);background:#1b1a17;color:var(--och);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.45);transition:transform .2s}
.sup-fab:hover{transform:translateY(-2px)}
.sup-fab svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sup-p{order:-1;width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 110px);overflow:auto;background:#1b1a17;border:1px solid rgba(201,160,64,.55);border-radius:18px;padding:16px 18px;box-shadow:0 20px 50px rgba(0,0,0,.55);color:var(--iv,#eee);font-size:14px}
.sup-p[hidden]{display:none}
.sup-h{display:flex;justify-content:space-between;align-items:center}
.sup-h b{font-size:16px}
.sup-x{background:none;border:0;color:inherit;font-size:24px;line-height:1;cursor:pointer;padding:0 4px}
.sup-t,.sup-f{margin:6px 0 10px;font-size:13px;opacity:.75}
.sup-f{margin:8px 0 0;font-size:12px}
.sup-l{display:block;font-size:12.5px;margin-top:8px;opacity:.95}
.sup-l .inp{display:block;width:100%;margin-top:4px;box-sizing:border-box;font:inherit;font-size:14px}
.sup-l textarea.inp{resize:vertical;min-height:80px}
.sup-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.sup-msg{font-size:13px;margin-top:8px;min-height:0}
.sup-msg.err{color:#e2795d}.sup-msg.ok{color:#8fc48a}
.sup-go{margin-top:10px;width:100%;justify-content:center}
body:has([data-bar]) .sup,body:has(.o-sticky) .sup{bottom:92px}
[data-theme=light] .sup-fab{background:#fff;color:#9a7424;box-shadow:0 8px 24px rgba(0,0,0,.15)}
[data-theme=light] .sup-p{background:#fff;color:#1d1c1a;box-shadow:0 16px 40px rgba(0,0,0,.18)}
@media (max-width:700px){.sup{right:12px;bottom:12px}.sup-fab{width:48px;height:48px}body:has([data-bar]) .sup,body:has(.o-sticky) .sup{bottom:84px}}
@media print{.sup{display:none}}