:root{
  --oz-primary:#228BE6;
  --oz-primary-dark:#0061B2;
  --oz-cta:#F25830;
  --oz-text:#212529;
  --oz-text-muted:#868E96;
  --oz-surface:#F8F9FA;
  --oz-red:#FA5252; --oz-green:#12B886; --oz-yellow:#FAB005; --oz-indigo:#4C6EF5; --oz-cyan:#15AABF;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Wix Madefor Text",sans-serif;font-size:16px;color:var(--oz-text);background:#fff;line-height:1.6;}
h1,h2,h3,h4{font-family:"Wix Madefor Display",sans-serif;font-weight:600;line-height:1.2;}
h1{font-size:52px;line-height:64px;}
h2{font-size:36px;line-height:44px;margin-bottom:16px;}
h3{font-size:26px;line-height:34px;}
h4{font-size:20px;line-height:24px;font-weight:500;}
.container{max-width:1140px;margin:0 auto;padding:0 24px;}
section{padding:56px 0;}
.muted{color:var(--oz-text-muted);}
.oz-btn{border-radius:8px;padding:10px 16px;font-family:"Wix Madefor Text",sans-serif;font-size:16px;border:0;cursor:pointer;text-decoration:none;display:inline-block;}
.oz-btn--primary{background:var(--oz-primary);color:#fff;}
.oz-btn--secondary{background:#fff;color:var(--oz-text-muted);}
.oz-btn--lg{font-size:20px;padding:14px 24px;}
.oz-card{border-radius:24px;padding:32px;background:var(--oz-surface);box-shadow:none;}
.oz-card--accent{background:var(--oz-primary);color:#fff;}
.oz-card--accent .muted{color:rgba(255,255,255,.78);}
.oz-card--white{background:#fff;}

nav.topbar{padding:16px 0;border-bottom:1px solid #eee;}
nav.topbar .container{display:flex;align-items:center;justify-content:space-between;}
.nav-logo{font-family:"Wix Madefor Display",sans-serif;font-weight:700;font-size:22px;color:var(--oz-text);text-decoration:none;letter-spacing:1px;}
.nav-logo span{color:var(--oz-primary);}
.topbar a.phone-link{color:var(--oz-text);font-weight:500;text-decoration:none;}

.hero{padding:64px 0 40px;}
.hero .lead{font-size:19px;color:var(--oz-text-muted);max-width:760px;margin:20px 0 28px;}
.hero-badges{display:flex;flex-wrap:wrap;gap:12px;}
.badge{background:rgba(34,139,230,.1);color:var(--oz-primary-dark);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;}

/* TABS */
.tabs-bar{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:50;}
.tabs{display:flex;gap:4px;overflow-x:auto;padding:12px 0;}
.tab-btn{border:0;background:none;font-family:"Wix Madefor Text",sans-serif;font-size:15px;padding:10px 18px;border-radius:8px;cursor:pointer;color:var(--oz-text-muted);white-space:nowrap;font-weight:500;}
.tab-btn:hover{background:var(--oz-surface);color:var(--oz-text);}
.tab-btn.active{background:var(--oz-primary);color:#fff;}
.tab-panel{display:block;scroll-margin-top:120px;}
.tab-panel + .tab-panel{border-top:1px solid var(--oz-line);}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}

.icon-chip{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;}
.chip-blue{background:rgba(34,139,230,.1);}
.chip-green{background:rgba(18,184,134,.1);}
.chip-yellow{background:rgba(250,176,5,.1);}
.chip-indigo{background:rgba(76,110,245,.1);}
.chip-cyan{background:rgba(21,170,191,.1);}
.chip-red{background:rgba(250,82,82,.1);}

.metric{text-align:center;}
.metric .num{font-family:"Wix Madefor Display",sans-serif;font-weight:700;font-size:48px;color:var(--oz-primary);line-height:1.1;}
.metric .label{color:var(--oz-text-muted);margin-top:8px;font-size:15px;}

.spec-list{list-style:none;margin-top:12px;}
.spec-list li{padding:7px 0 7px 26px;position:relative;border-bottom:1px solid rgba(134,142,150,.15);font-size:15px;}
.spec-list li:last-child{border-bottom:0;}
.spec-list li::before{content:'';position:absolute;left:2px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--oz-primary);}
.oz-card--accent .spec-list li::before{background:#fff;}
.oz-card--accent .spec-list li{border-color:rgba(255,255,255,.2);}
.limit-tag{display:inline-block;margin-top:16px;font-size:13px;background:rgba(134,142,150,.1);color:var(--oz-text-muted);border-radius:8px;padding:5px 10px;}
.oz-card--accent .limit-tag{background:rgba(255,255,255,.15);color:#fff;}

table.spec{width:100%;border-collapse:collapse;background:#fff;border-radius:24px;overflow:hidden;border:1px solid #eef0f2;}
table.spec td{padding:13px 20px;border-bottom:1px solid #eef0f2;font-size:15px;}
table.spec td:first-child{color:var(--oz-text-muted);width:44%;}
table.spec tr:last-child td{border-bottom:0;}
#quizApp table.spec td{vertical-align:top;}
#quizApp table.spec td.n, #quizApp table.spec th:last-child,
#quizApp table.spec td[data-sum]{white-space:nowrap;text-align:right;}
#quizApp table.spec td.note{white-space:nowrap;}
#quizApp table.spec td:first-child{width:auto;color:var(--oz-text);}

.vs-table{width:100%;border-collapse:collapse;background:#fff;border-radius:24px;overflow:hidden;}
.vs-table th{background:var(--oz-primary);color:#fff;padding:14px 20px;text-align:left;font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:15px;}
.vs-table td{padding:14px 20px;border-bottom:1px solid #eef0f2;font-size:15px;vertical-align:top;}
.vs-table tr:last-child td{border-bottom:0;}
.vs-table td:first-child{color:var(--oz-text-muted);width:26%;}
.ok{color:var(--oz-green);font-weight:600;}
.warn{color:var(--oz-text-muted);}

.pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;}
.pm-card{border-radius:24px;padding:28px;}
.pm-card.plus{background:rgba(18,184,134,.08);}
.pm-card.minus{background:rgba(250,82,82,.06);}
.pm-card h4{margin-bottom:12px;}
.pm-list{list-style:none;}
.pm-list li{padding:6px 0 6px 28px;position:relative;font-size:15px;}
.pm-list.plus li::before{content:'✓';position:absolute;left:0;color:var(--oz-green);font-weight:700;}
.pm-list.minus li::before{content:'—';position:absolute;left:0;color:var(--oz-red);font-weight:700;}

.din-module{display:inline-block;background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:20px 16px;margin:6px;min-width:88px;vertical-align:top;text-align:center;}
.din-module .mtitle{font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:13px;margin-top:8px;}
.din-module .leds{display:flex;gap:4px;justify-content:center;}
.led{width:8px;height:8px;border-radius:50%;background:#dee2e6;}
.led.on{background:var(--oz-green);}
.din-module--main{border-color:var(--oz-primary);background:rgba(34,139,230,.06);}

/* ---- Interactive room builder ---- */
.builder-wrap{margin:32px 0;}
.builder-rail{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;justify-content:center;padding:20px 12px;background:var(--oz-surface);border-radius:20px;position:relative;}
.rail-slot{background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:16px 14px;min-width:92px;text-align:center;vertical-align:top;transition:border-color .2s,box-shadow .2s;}
.rail-slot.is-main{border-color:var(--oz-primary);background:rgba(34,139,230,.06);}
.rail-slot .mtitle{font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:13px;margin-top:8px;}
.rail-slot .msub{color:var(--oz-text-muted);font-size:11px;margin-top:2px;}
.rail-slot .leds{display:flex;gap:5px;justify-content:center;margin-top:2px;}
.rail-slot.added{animation:slotPop .25s ease;}
@keyframes slotPop{from{transform:scale(.85);opacity:0;}to{transform:scale(1);opacity:1;}}
.dot{width:10px;height:10px;border-radius:50%;background:#dee2e6;border:0;padding:0;cursor:default;transition:background .15s,transform .15s;}
.dot.on{background:var(--oz-green);}
.dot.clickable{cursor:pointer;animation:dotPulse 2s ease-out infinite;}
.dot.clickable:hover{transform:scale(1.35);background:#ade8d3;animation:none;box-shadow:0 0 0 3px rgba(18,184,134,.2);}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(18,184,134,.45);}70%{box-shadow:0 0 0 7px rgba(18,184,134,0);}100%{box-shadow:0 0 0 0 rgba(18,184,134,0);}}
.dot.removable{cursor:pointer;position:relative;}
.dot.removable:hover{transform:scale(1.35);background:#ffb3a3;box-shadow:0 0 0 3px rgba(242,88,48,.15);}
.dot.swap{cursor:pointer;background:#c3f0e2;box-shadow:0 0 0 1px rgba(18,184,134,.35) inset;}
.dot.swap:hover{transform:scale(1.35);background:var(--oz-green);box-shadow:0 0 0 3px rgba(18,184,134,.2);}
.dot.locked{opacity:.35;cursor:not-allowed;}
.rail-slot.removing{animation:slotOut .22s ease forwards;}
@keyframes slotOut{to{transform:scale(.8);opacity:0;}}
.rail-slot.ghost{border-style:dashed;opacity:.6;background:transparent;}
.rail-slot.ghost .mtitle{color:var(--oz-text-muted);}
.builder-tools{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:16px;}

/* ============ ЩИТОК 48 МОДУЛЕЙ ============ */
.panel-box{background:#fff;border-radius:18px;padding:22px 24px 18px;
  box-shadow:0 8px 30px rgba(34,139,230,.08);}
.panel-head{display:flex;justify-content:space-between;align-items:flex-end;
  flex-wrap:wrap;gap:12px;margin-bottom:16px;}
.panel-title{font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:17px;}
.panel-title span{color:var(--oz-text-muted);font-weight:400;font-size:13px;display:block;margin-top:2px;}
.panel-fill{font-size:13px;color:var(--oz-text-muted);text-align:right;}
.panel-fill b{font-family:"Wix Madefor Display",sans-serif;font-size:19px;
  color:var(--oz-primary-dark);display:block;}
.panel-fill.over b{color:var(--oz-cta);}

/* корпус щитка */
.cab{background:#EDEFF2;border:3px solid #C7CCD4;border-radius:10px;padding:14px;
  position:relative;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6);
  display:flex;flex-direction:column;gap:10px;width:max-content;max-width:100%;
  margin:0 auto;overflow-x:auto;}
.cab::after{content:'';position:absolute;inset:-9px;border-radius:14px;
  border:3px solid rgba(45,160,90,.5);background:rgba(120,200,150,.07);
  pointer-events:none;}
.cab-door{position:absolute;top:-9px;right:10px;transform:translateY(-100%);
  font-size:10.5px;color:#2E8B57;background:#fff;padding:1px 8px;border-radius:5px;
  border:1px solid rgba(45,160,90,.35);z-index:2;}
.cab-row{position:relative;background:#F7F8FA;border-radius:5px;
  height:112px;display:flex;align-items:stretch;width:684px;flex:none;}
/* DIN-рейка внутри ряда */
.cab-row::before{content:'';position:absolute;left:0;right:0;top:50%;height:11px;
  transform:translateY(-50%);background:linear-gradient(180deg,#D6DAE0,#BFC5CE 55%,#AEB4BE);
  border-top:1px solid #E4E7EB;border-bottom:1px solid #9AA1AC;z-index:0;}
.cab-row-lbl{position:absolute;right:6px;top:4px;font-size:9px;color:#B4BAC3;
  font-family:"Wix Madefor Display",sans-serif;z-index:2;}
.cab-items{position:relative;z-index:1;display:flex;align-items:center;
  gap:0;padding:0 2px;}

/* модуль ЗЕНИТ на рейке */
.mod{height:94px;border-radius:4px 4px 3px 3px;box-sizing:border-box;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid rgba(0,0,0,.16);font-size:8.5px;line-height:1.1;letter-spacing:-.2px;
  font-family:"Wix Madefor Display",sans-serif;font-weight:600;color:#fff;
  text-align:center;overflow:hidden;position:relative;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 2px rgba(0,0,0,.12);
  transition:transform .18s;}
.mod:hover{transform:translateY(-2px);z-index:3;}
.mod::before,.mod::after{content:'';position:absolute;left:12%;right:12%;height:6px;
  background:rgba(0,0,0,.22);border-radius:1px;}
.mod::before{top:3px;} .mod::after{bottom:3px;}
.mod .mled{width:6px;height:6px;border-radius:50%;background:#B9F6CA;
  box-shadow:0 0 3px #69F0AE;margin-bottom:3px;}
.mod.m-core{background:linear-gradient(180deg,#3D8BE0,#1C6FC4);}
.mod.m-skud{background:linear-gradient(180deg,#20C08F,#12996F);}
.mod.m-klimat{background:linear-gradient(180deg,#3BB9CE,#1E93A8);}
.mod.m-svet{background:linear-gradient(180deg,#F0B429,#D69410);color:#4A3208;}
.mod.m-brk{background:linear-gradient(180deg,#9AA2AD,#767E8A);}
.mod.m-rcd{background:linear-gradient(180deg,#9AA2AD,#767E8A);}
.mod.m-rcd .mled{background:#8CE99A;box-shadow:0 0 3px #51CF66;}
.mod.m-cont{background:linear-gradient(180deg,#8B72E8,#6746C3);}
.mod.m-psu{background:linear-gradient(180deg,#5A626E,#3E4550);}
.mod.m-psu .mled{background:#FFE066;box-shadow:0 0 3px #FCC419;}
.mod.m-svet .mled{background:#FFF3C4;box-shadow:0 0 3px #FFD75E;}
.mod-cap{font-size:9px;font-weight:500;opacity:.85;}

/* слим-реле */
.rly{height:82px;border-radius:2px;box-sizing:border-box;
  background:linear-gradient(180deg,#E8F8EE,#C9EDD8 60%,#AEE0C4);
  border:1px solid #7FBF9C;border-left-color:#A5D6BC;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  padding-top:4px;position:relative;transition:transform .18s;}
.rly:hover{transform:translateY(-2px);z-index:3;}
.rly i{width:5px;height:5px;border-radius:50%;background:#FF7043;
  box-shadow:0 0 3px rgba(255,112,67,.8);display:block;}
.rly::after{content:'';position:absolute;bottom:3px;left:8%;right:8%;
  height:9px;background:linear-gradient(180deg,#9FCFB4,#7FB99A);border-radius:1px;}
.rly.r-skud i{background:#0B7A57;box-shadow:0 0 4px rgba(11,122,87,.9);}
.rly.r-klimat i{background:#1864AB;box-shadow:0 0 4px rgba(24,100,171,.9);}
.rly.r-svet i{background:#E8590C;box-shadow:0 0 4px rgba(232,89,12,.9);}
/* свободное место */
.slotfree{height:94px;box-sizing:border-box;align-self:center;
  background-image:repeating-linear-gradient(to right,
    rgba(180,186,195,.5) 0 1px, transparent 1px 38px);
  background-position:0 0;}

/* панель управления модулями */
.ctrl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;margin:0 0 20px;}
.ctrl-card{background:#fff;border:2px solid #E3E8EF;border-radius:13px;padding:13px 15px;
  transition:border-color .2s;}
.ctrl-card.full{border-color:rgba(242,88,48,.35);}
.ctrl-top{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.ctrl-name{font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:14px;}
.ctrl-swatch{width:11px;height:11px;border-radius:3px;display:inline-block;margin-right:6px;}
.ctrl-sub{color:var(--oz-text-muted);font-size:11.5px;margin-top:3px;}
.ctrl-bot{display:flex;align-items:center;justify-content:space-between;margin-top:11px;}
.ctrl-btns{display:flex;align-items:center;gap:7px;}
.ctrl-btn{width:27px;height:27px;border-radius:8px;border:1.5px solid #D6DBE3;
  background:#fff;cursor:pointer;font-size:15px;line-height:1;color:var(--oz-primary-dark);
  font-family:"Wix Madefor Display",sans-serif;transition:all .15s;}
.ctrl-btn:hover:not(:disabled){border-color:var(--oz-primary);background:rgba(34,139,230,.07);}
.ctrl-btn:disabled{opacity:.32;cursor:not-allowed;}
.ctrl-num{font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:16px;
  min-width:16px;text-align:center;}
.ctrl-lim{font-size:11.5px;color:var(--oz-text-muted);}
.ctrl-lim b{color:var(--oz-primary-dark);}
.ctrl-card.full .ctrl-lim b{color:var(--oz-cta);}

/* легенда щитка */
.cab-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;
  font-size:12px;color:var(--oz-text-muted);align-items:center;}
.cab-legend span{display:flex;align-items:center;gap:6px;}
.cab-legend i{width:12px;height:12px;border-radius:3px;display:inline-block;}
.cab-legend i.lg-rly{width:5px;height:12px;border-radius:1px;
  background:linear-gradient(180deg,#E8F8EE,#AEE0C4);border:1px solid #7FBF9C;}


/* блок-приглашение в калькулятор */
.quiz-cta{background:linear-gradient(135deg,#0061B2,#228BE6);border-radius:20px;
  padding:34px 38px;margin:8px 0 4px;color:#fff;display:flex;align-items:center;
  justify-content:space-between;gap:28px;flex-wrap:wrap;}
.quiz-cta h3{font-family:"Wix Madefor Display",sans-serif;font-size:25px;font-weight:600;
  margin:0 0 8px;}
.quiz-cta p{margin:0;opacity:.9;font-size:15.5px;max-width:560px;line-height:1.5;}
.quiz-btn{background:#fff;color:var(--oz-primary-dark);border-radius:13px;
  padding:15px 30px;font-family:"Wix Madefor Display",sans-serif;font-weight:600;
  font-size:16px;text-decoration:none;white-space:nowrap;display:inline-block;
  transition:transform .16s,box-shadow .16s;box-shadow:0 4px 14px rgba(0,0,0,.13);}
.quiz-btn:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(0,0,0,.19);}
.quiz-steps{display:flex;gap:22px;margin-top:16px;flex-wrap:wrap;font-size:13.5px;opacity:.85;}
.quiz-steps span{display:flex;align-items:center;gap:7px;}
.quiz-steps b{background:rgba(255,255,255,.22);width:21px;height:21px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:11.5px;flex:none;}

/* ============ ПОДБОР РЕЛЕ ============ */
.relay-cfg{background:#fff;border-radius:18px;padding:24px 26px;margin-top:26px;
  box-shadow:0 8px 30px rgba(34,139,230,.08);}
.rc-h{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;
  gap:12px;margin-bottom:6px;}
.rc-t{font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:18px;}
.rc-sub{color:var(--oz-text-muted);font-size:13.5px;margin-bottom:20px;max-width:680px;}
.rc-total{text-align:right;white-space:nowrap;}
.rc-total b{display:block;font-family:"Wix Madefor Display",sans-serif;font-size:27px;
  color:var(--oz-primary-dark);line-height:1.1;}
.rc-total span{font-size:12.5px;color:var(--oz-text-muted);}
.rc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:13px;}
.rc-card{border:2px solid var(--oz-line);border-radius:14px;padding:15px 17px;}
.rc-card.zero{opacity:.45;}
.rc-top{display:flex;align-items:center;gap:9px;margin-bottom:3px;}
.rc-dot{width:11px;height:11px;border-radius:50%;flex:none;}
.rc-name{font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:15px;}
.rc-qty{margin-left:auto;font-size:12.5px;color:var(--oz-text-muted);}
.rc-hint{font-size:12.5px;color:var(--oz-text-muted);line-height:1.4;margin-bottom:12px;}
.rc-row{display:flex;align-items:center;gap:10px;}
.rc-btn{width:32px;height:32px;border-radius:10px;border:2px solid var(--oz-line);background:#fff;
  cursor:pointer;font-size:16px;line-height:1;color:var(--oz-primary-dark);
  font-family:"Wix Madefor Display",sans-serif;transition:all .15s;}
.rc-btn:hover:not(:disabled){border-color:var(--oz-primary);background:rgba(34,139,230,.07);}
.rc-btn:disabled{opacity:.3;cursor:not-allowed;}
.rc-val{font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:19px;
  min-width:26px;text-align:center;}
.rc-unit{font-size:12.5px;color:var(--oz-text-muted);}
.rc-sum{margin-left:auto;font-family:"Wix Madefor Display",sans-serif;font-weight:600;
  font-size:14px;color:var(--oz-primary-dark);}
.rq-chk{display:flex;align-items:flex-start;gap:9px;border:2px solid var(--oz-line);
  border-radius:11px;padding:9px 12px;cursor:pointer;margin-bottom:7px;transition:all .15s;}
.rq-chk:hover{border-color:#BFD9F2;}
.rq-chk.on{border-color:var(--oz-green);background:rgba(18,184,134,.05);}
.rq-box{width:18px;height:18px;border-radius:6px;border:2px solid #CED4DA;flex:none;margin-top:1px;
  display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;transition:all .15s;}
.rq-chk.on .rq-box{background:var(--oz-green);border-color:var(--oz-green);}
.rq-t{font-size:13.5px;line-height:1.3;}
.rq-t small{display:block;color:var(--oz-text-muted);font-size:11.5px;margin-top:1px;}
.rq-num{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  padding:7px 0;border-bottom:1px dashed var(--oz-line);}
.rq-l{font-size:13.5px;line-height:1.3;flex:1 1 auto;min-width:0;}
.rq-l small{display:block;color:var(--oz-text-muted);font-size:11.5px;}
.rq-st{display:flex;align-items:center;gap:7px;flex:none;margin-top:1px;}
.rq-seg{padding:9px 0;border-bottom:1px dashed var(--oz-line);}
.rq-btns{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;}  /* шесть вариантов контактора не влезают в строку */
.rq-sb{font-size:12px;padding:4px 11px;border-radius:8px;border:1.5px solid var(--oz-line);
  cursor:pointer;color:var(--oz-text-muted);transition:all .15s;user-select:none;}
.rq-sb:hover{border-color:#BFD9F2;}
.rq-sb.on{border-color:var(--oz-primary);background:rgba(34,139,230,.08);
  color:var(--oz-primary-dark);font-weight:500;}
.rq-note-s{font-size:11.5px;color:var(--oz-text-muted);margin-top:7px;line-height:1.45;}
.rq-tag{display:inline-block;font-size:11px;line-height:1.25;padding:2px 7px;border-radius:7px;
  margin-top:4px;white-space:normal;max-width:100%;}
.rq-tag.add{background:rgba(232,89,12,.12);color:#B34309;}
.rq-tag.none{background:rgba(134,142,150,.14);color:#6B7280;}
.rq-why{margin-top:14px;padding:14px 16px;border-radius:12px;background:rgba(34,139,230,.06);
  border:1px solid rgba(34,139,230,.22);font-size:13px;line-height:1.5;color:#3B4657;}
.rq-why b{color:#00000E;}
.rq-sum{margin-top:12px;padding-top:11px;border-top:2px solid var(--oz-line);
  font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:16px;
  color:var(--oz-primary-dark);}
.rq-sum small{display:block;font-weight:400;font-size:11.5px;color:var(--oz-text-muted);
  font-family:"Wix Madefor Text",sans-serif;margin-top:2px;}
.rc-grid{align-items:start;}
.rc-note{background:var(--oz-surface);border-radius:12px;padding:13px 16px;margin-top:16px;
  font-size:13px;color:#495057;line-height:1.6;}
.builder-hint{color:var(--oz-text-muted);font-size:14px;}
.builder-hint b{color:var(--oz-green);font-weight:600;}
.builder-hint .warn-lim{color:var(--oz-cta);font-weight:600;}
.builder-reset{border:2px solid #dee2e6;background:#fff;color:var(--oz-text-muted);font-family:"Wix Madefor Text",sans-serif;font-size:13px;font-weight:500;border-radius:8px;padding:7px 14px;cursor:pointer;}
.builder-reset:hover{border-color:var(--oz-cta);color:var(--oz-cta);}
.pool-tag{display:inline-block;background:rgba(34,139,230,.1);color:var(--oz-primary-dark);border-radius:8px;padding:5px 12px;font-size:13px;font-weight:500;margin-left:4px;}
.pool-tag b{font-family:"Wix Madefor Display",sans-serif;}
.pool-full{background:rgba(242,88,48,.12);color:var(--oz-cta);}

/* ---- Live configuration result ---- */
.res-h{margin:40px 0 20px;}
.res-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;}
.res-kpi{background:var(--oz-primary);color:#fff;border-radius:18px;padding:22px 18px;text-align:center;}
.res-kpi-num{font-family:"Wix Madefor Display",sans-serif;font-weight:700;font-size:38px;line-height:1;}
.res-kpi-lbl{font-size:13px;opacity:.9;margin-top:8px;}
.res-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.res-card{background:#fff;border:2px solid #eee;border-radius:18px;padding:22px 24px;}
.res-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #f0f0f0;padding-bottom:12px;margin-bottom:14px;}
.res-title{font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:18px;}
.res-count{font-family:"Wix Madefor Display",sans-serif;font-weight:700;font-size:20px;color:var(--oz-primary);}
.res-row{display:flex;align-items:center;gap:10px;padding:6px 0;}
.res-qty{font-family:"Wix Madefor Display",sans-serif;font-weight:700;font-size:16px;min-width:34px;text-align:right;color:var(--oz-text);}
.res-badge{font-size:11px;font-weight:600;border-radius:6px;padding:2px 8px;white-space:nowrap;}
.res-in{background:rgba(21,170,191,.12);color:#0b7d8f;}
.res-out{background:rgba(18,184,134,.12);color:#0c8a63;}
.res-bus{background:rgba(76,110,245,.12);color:#3050c8;}
.res-cap{background:rgba(250,176,5,.15);color:#a9760a;}
.res-ao{background:rgba(132,94,247,.13);color:#6741d9;}
.res-name{font-size:14px;color:var(--oz-text);line-height:1.35;}
.res-feat{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;border-top:1px dashed #eee;}
.res-feat span{font-size:12px;color:var(--oz-text-muted);background:var(--oz-surface);border-radius:6px;padding:4px 9px;}
@media (max-width:900px){.res-summary{grid-template-columns:repeat(2,1fr);}.res-grid{grid-template-columns:1fr;}}

/* ---- Standalone configurator band (above tabs) ---- */
.config-hero{background:linear-gradient(180deg,#EEF6FE 0%,#F8FBFF 100%);border-top:1px solid rgba(34,139,230,.12);border-bottom:1px solid rgba(34,139,230,.12);padding:44px 0 52px;}
.config-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(34,139,230,.1);color:var(--oz-primary-dark);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;}
.config-dot{width:8px;height:8px;border-radius:50%;background:var(--oz-green);box-shadow:0 0 0 3px rgba(18,184,134,.2);}
.config-title{margin:16px 0 0;font-size:34px;}
.config-lead{color:var(--oz-text-muted);max-width:840px;font-size:17px;margin:12px 0 4px;}
.config-hero .builder-rail{background:#fff;box-shadow:0 8px 30px rgba(34,139,230,.08);}
@media (max-width:900px){.config-title{font-size:28px;}}

.arch-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:28px;}
.arch-node{background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:14px 18px;font-size:14px;font-weight:500;text-align:center;}
.arch-node.blue{border-color:var(--oz-primary);color:var(--oz-primary-dark);}
.arch-arrow{color:var(--oz-text-muted);font-size:20px;}

.surface{background:var(--oz-surface);}
/*footer{background:var(--oz-text);color:#adb5bd;padding:48px 0;font-size:14px;margin-top:56px;}
footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;}
footer a{color:#fff;text-decoration:none;}
footer .phone{font-family:"Wix Madefor Display",sans-serif;font-size:22px;font-weight:600;color:#fff;}
*/
@media (max-width:900px){
  h1{font-size:34px;line-height:42px;}
  h2{font-size:28px;line-height:36px;}
  .grid-2,.grid-3,.grid-4,.pm-grid{grid-template-columns:1fr;}
  section{padding:40px 0;}
}

.mode-bar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--oz-line);
  height:58px;display:flex;align-items:center;}
.mode-in{max-width:1140px;margin:0 auto;padding:0 24px;width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:16px;}
.mode-logo{font-family:"Wix Madefor Display",sans-serif;font-weight:700;font-size:20px;
  letter-spacing:-.5px;cursor:pointer;}
.mode-logo span{color:var(--oz-primary);}
.mode-btns{display:flex;gap:8px;align-items:center;}
.mode-btn{border:2px solid var(--oz-line);background:#fff;border-radius:11px;
  padding:8px 18px;font-size:14px;cursor:pointer;color:var(--oz-text-muted);
  font-family:"Wix Madefor Text",sans-serif;transition:all .15s;font-weight:500;}
.mode-btn:hover{border-color:#BFD9F2;color:var(--oz-primary-dark);}
.mode-btn.on{border-color:var(--oz-primary);background:var(--oz-primary);color:#fff;}
.mode-cta{background:var(--oz-cta);border-color:var(--oz-cta);color:#fff;}
.mode-cta:hover{filter:brightness(.93);border-color:var(--oz-cta);color:#fff;}
.mode-tel{font-size:14px;color:var(--oz-primary-dark);text-decoration:none;font-weight:500;}
.mode-ver{font-size:11px;color:#ADB5BD;margin-left:10px;}
@media(max-width:760px){.mode-tel,.mode-ver{display:none;} .mode-btn{padding:7px 13px;font-size:13px;}}
.mode-btn .mb-short{display:none;}
@media(max-width:620px){
  .mode-btn{padding:7px 10px;font-size:12.5px;}
  .mode-btn[data-mode="help"] .mb-full{display:none;}
  .mode-btn[data-mode="help"] .mb-short{display:inline;font-weight:600;}
  .mode-btns{gap:6px;}
}
#landApp .tabs-bar{top:58px!important;z-index:50;box-shadow:0 3px 12px rgba(0,0,0,.05);}
#quizApp .progress-wrap{top:58px!important;z-index:50;}
#quizApp{display:none;} #quizApp.on{display:block;} #landApp.off{display:none;}

:root{
  --oz-primary:#228BE6; --oz-primary-dark:#0061B2; --oz-cta:#F25830;
  --oz-text:#212529; --oz-text-muted:#868E96; --oz-surface:#F8F9FA;
  --oz-green:#12B886; --oz-yellow:#FAB005; --oz-indigo:#4C6EF5; --oz-cyan:#15AABF;
  --oz-line:#E9ECEF;
}
#quizApp * {box-sizing:border-box;}
#quizApp  {margin:0;font-family:"Wix Madefor Text",system-ui,sans-serif;color:var(--oz-text);
  background:#fff;font-size:16px;line-height:1.55;}
#quizApp .container {max-width:1140px;margin:0 auto;padding:0 24px;}
#quizApp h1, #quizApp h2, #quizApp h3, #quizApp h4 {font-family:"Wix Madefor Display",sans-serif;margin:0;}
#quizApp .muted {color:var(--oz-text-muted);}

#quizApp .topbar {border-bottom:1px solid var(--oz-line);padding:15px 0;position:sticky;top:0;
  background:rgba(255,255,255,.96);backdrop-filter:blur(8px);z-index:20;}
#quizApp .topbar .container {display:flex;align-items:center;justify-content:space-between;gap:16px;}
#quizApp .logo {font-family:"Wix Madefor Display",sans-serif;font-weight:700;font-size:21px;letter-spacing:-.5px;}
#quizApp .logo span {color:var(--oz-primary);}
#quizApp .topbar a {color:var(--oz-primary-dark);text-decoration:none;font-size:14px;font-weight:500;}

#quizApp .hero {padding:40px 0 16px;}
#quizApp .hero h1 {font-size:38px;line-height:1.14;font-weight:700;letter-spacing:-1px;}
#quizApp .hero p {max-width:680px;margin-top:13px;color:var(--oz-text-muted);font-size:17px;}

#quizApp .progress-wrap {position:sticky;top:63px;background:#fff;z-index:15;padding:13px 0 11px;
  border-bottom:1px solid var(--oz-line);}
#quizApp .pbar {height:5px;background:var(--oz-line);border-radius:4px;overflow:hidden;}
#quizApp .pbar i {display:block;height:100%;background:linear-gradient(90deg,var(--oz-primary),var(--oz-green));
  width:0;transition:width .35s ease;border-radius:4px;}
#quizApp .pmeta {display:flex;justify-content:space-between;align-items:center;margin-top:8px;
  font-size:13px;color:var(--oz-text-muted);}
#quizApp .pmeta b {color:var(--oz-text);font-family:"Wix Madefor Display",sans-serif;}
/* Навигация продублирована в липкой шапке: назад-вперёд доступны на любом экране */
#quizApp .pnav{display:flex;gap:8px;flex:0 0 auto;}
#quizApp .btn-mini{padding:6px 13px;font-size:13px;border-radius:8px;}
/* Чипы шагов — переход к любому шагу в любой момент */
#quizApp .psteps{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;}
#quizApp .pstep{font-size:12px;padding:5px 11px;border-radius:999px;cursor:pointer;
  border:1px solid var(--oz-line);background:#fff;color:var(--oz-text-muted);
  font-family:inherit;line-height:1.2;transition:background .15s,border-color .15s,color .15s;}
#quizApp .pstep:hover{border-color:var(--oz-primary);color:var(--oz-primary-dark);}
#quizApp .pstep.on{background:var(--oz-primary);border-color:var(--oz-primary);color:#fff;}
#quizApp .pstep i{font-style:normal;opacity:.65;margin-right:5px;}
#quizApp .pstep.on i{opacity:.85;}
@media (max-width:620px){
  /* На телефоне шапка не должна съедать экран: строка шагов прокручивается вбок */
  #quizApp .pmeta{gap:8px;font-size:12px;}
  #quizApp .pnav .btn-mini{padding:5px 10px;font-size:12px;}
  #quizApp .psteps{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
    margin-top:7px;padding-bottom:2px;}
  #quizApp .pstep{font-size:11px;padding:4px 9px;white-space:nowrap;flex:0 0 auto;}
}
/* Выбор цветовой схемы стекла: образцы материала прямо в липкой шапке */
#quizApp .pskin{display:flex;align-items:center;gap:10px;margin-top:9px;flex-wrap:wrap;}
#quizApp .pskin-l{font-size:11.5px;color:var(--oz-text-muted);flex:0 0 auto;}
#quizApp .pskin-n{font-size:11.5px;color:var(--oz-text);font-weight:500;}
#quizApp .skins{display:flex;gap:7px;flex-wrap:wrap;}
/* Образцы крупные: тёмные схемы — венге, дамаск, чёрный, полоса — на мелких
   плитках сливаются, узор и текстура читаются только с такого размера */
#quizApp .skin{width:92px;height:92px;border-radius:9px;cursor:pointer;padding:0;flex:0 0 auto;
  border:2px solid transparent;outline:1px solid var(--oz-line);outline-offset:-1px;
  background-size:cover;background-position:center;transition:transform .12s,border-color .12s,box-shadow .12s;}
#quizApp .skin:hover{transform:translateY(-2px);box-shadow:0 3px 10px rgba(0,0,0,.22);}
#quizApp .skin.on{border-color:var(--oz-primary);outline-color:var(--oz-primary);
  box-shadow:0 0 0 2px rgba(34,139,230,.28);}
/* Фотография изделия в раскладке постов и в таблицах */
#quizApp .kphoto{flex:0 0 auto;display:block;border-radius:6px;overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.18);margin-right:4px;}
#quizApp .kphoto img{display:block;width:100%;height:auto;}
#quizApp .kwin .cimg{width:100%;height:100%;object-fit:cover;display:block;}
/* Уголок у снимка, показанного не в своей схеме */
#quizApp .kcell.appx{position:relative;}
#quizApp .kcell.appx::before{content:"≈";position:absolute;left:5px;top:4px;z-index:2;
  font-size:10px;line-height:1;color:#B0863B;background:rgba(255,255,255,.85);
  border-radius:3px;padding:1px 3px;opacity:.5;transition:opacity .12s;}
/* Схема собрана расчётом, а не снята — помечаем отдельно от «нет снимка» */
#quizApp .kcell.synth{position:relative;}
#quizApp .kcell.synth::before{content:"~";position:absolute;left:5px;top:4px;z-index:2;
  font-size:10px;line-height:1;color:#6C8FA5;background:rgba(255,255,255,.85);
  border-radius:3px;padding:1px 3px;opacity:.5;transition:opacity .12s;}
#quizApp .kcell:hover.appx::before,#quizApp .kcell:hover.synth::before{opacity:1;}
#quizApp .eqimg{width:26px;height:26px;object-fit:contain;vertical-align:middle;
  margin-right:7px;border-radius:3px;}
/* Изделие прямо в варианте выбора: видно, что берём и в каком цвете */
#quizApp .opt{position:relative;}
#quizApp .opt > .optimg{float:right;height:104px;width:auto;max-width:160px;object-fit:contain;
  margin:0 0 6px 12px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));}
#quizApp .opts.sm .opt > .optimg{height:84px;max-width:130px;}
/* Тип точки доступа: панель и замок показываем крупно — по ним и выбирают */
#quizApp .door-o{display:inline-flex;flex-direction:column;align-items:center;gap:5px;
  padding:8px 10px;line-height:1.2;}
#quizApp .door-o > .optimg{height:104px;width:auto;max-width:104px;object-fit:contain;
  border-radius:5px;box-shadow:0 2px 9px rgba(0,0,0,.2);}
#quizApp .door-opts{display:flex;gap:8px;flex-wrap:wrap;}
@media (max-width:620px){
  #quizApp .opt > .optimg{height:74px;max-width:114px;}
  #quizApp .opts.sm .opt > .optimg{height:62px;max-width:96px;}
  #quizApp .door-o > .optimg{height:74px;max-width:74px;}
}
@media (max-width:620px){
  #quizApp .pskin{gap:7px;}
  /* На телефоне образцы держим в одну прокручиваемую строку: две строки
     по 46 px съедали бы треть экрана липкой шапкой. */
  #quizApp .skins{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
    padding-bottom:3px;}
  #quizApp .skin{width:76px;height:76px;}
  #quizApp .pskin-n{flex:0 0 100%;}
}
/* Кнопка подъёма к началу страницы — общая для лендинга, опросника и справки */
#toTop{position:fixed;right:18px;bottom:18px;z-index:400;width:44px;height:44px;border-radius:50%;
  border:1px solid var(--oz-line,#DEE2E6);background:#fff;color:#00000E;cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.16);font-size:19px;line-height:1;display:none;
  align-items:center;justify-content:center;padding:0;transition:opacity .2s,transform .2s;}
#toTop.show{display:flex;}
#toTop:hover{transform:translateY(-2px);}
@media print{#toTop{display:none!important;}}

#quizApp .step {display:none;padding:28px 0 8px;}
#quizApp .step.active {display:block;animation:fade .3s ease;}
@keyframes fade{from{opacity:0;transform:translateY(8px);}#quizApp to {opacity:1;transform:none;}}
#quizApp .step h2 {font-size:26px;font-weight:600;margin-bottom:6px;}
#quizApp .step .lead {color:var(--oz-text-muted);margin-bottom:24px;}

#quizApp .q {margin-bottom:26px;}
#quizApp .q-title {font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:16px;margin-bottom:4px;}
#quizApp .q-hint {font-size:13.5px;color:var(--oz-text-muted);margin-bottom:11px;}

#quizApp .opts {display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:10px;}
#quizApp .opt {border:2px solid var(--oz-line);border-radius:12px;padding:12px 14px;cursor:pointer;
  transition:all .16s;background:#fff;}
#quizApp .opt:hover {border-color:#BFD9F2;}
#quizApp .opt.sel {border-color:var(--oz-primary);background:rgba(34,139,230,.06);}
#quizApp .opt .on {font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:14.5px;}
#quizApp .opt .od {font-size:12px;color:var(--oz-text-muted);margin-top:3px;line-height:1.35;}
#quizApp .opt .oc {font-size:11.5px;color:var(--oz-primary-dark);margin-top:5px;font-weight:500;}

#quizApp /* разделы автоматизации */
.sects {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:13px;}
#quizApp .sect {border:2px solid var(--oz-line);border-radius:14px;padding:16px 18px;cursor:pointer;
  transition:all .18s;background:#fff;position:relative;}
#quizApp .sect:hover {border-color:#BFD9F2;}
#quizApp .sect.sel {border-color:var(--oz-green);background:rgba(18,184,134,.04);}
#quizApp .sect-h {display:flex;align-items:center;gap:10px;}
#quizApp .sect-box {width:21px;height:21px;border-radius:6px;border:2px solid #CED4DA;flex:none;
  display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;transition:all .15s;}
#quizApp .sect.sel .sect-box {background:var(--oz-green);border-color:var(--oz-green);}
#quizApp .sect-n {font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:16px;}
#quizApp .sect-sc {font-size:13px;color:var(--oz-text-muted);margin-top:9px;line-height:1.45;}
#quizApp .sect-eq {font-size:12px;color:#495057;margin-top:9px;padding-top:9px;border-top:1px dashed var(--oz-line);}
#quizApp .sect-price {position:absolute;top:15px;right:18px;font-family:"Wix Madefor Display",sans-serif;
  font-weight:600;font-size:15px;color:var(--oz-primary-dark);}

#quizApp .stepper {display:flex;align-items:center;gap:12px;}
/* Сборка ЗЕНИТ в карточке типа номера */
#quizApp .zrail{background:#F7F8FA;border-radius:8px;padding:10px 10px 12px;margin:2px 0 12px;overflow-x:auto;}
#quizApp .zrow{position:relative;display:flex;align-items:center;gap:2px;min-height:78px;
  padding:6px 26px 6px 6px;border-radius:5px;background:#fff;margin-bottom:6px;
  box-shadow:inset 0 0 0 1px #ECEFF3;}
#quizApp .zrow:last-child{margin-bottom:0;}
#quizApp .zrow::before{content:'';position:absolute;left:6px;right:6px;top:50%;height:9px;
  transform:translateY(-50%);background:linear-gradient(180deg,#E4E7EC,#CFD4DC);border-radius:2px;}
#quizApp .zrow-l{position:absolute;right:7px;top:5px;font-size:9px;color:#B4BAC3;}
#quizApp .zmod{position:relative;z-index:1;height:66px;border-radius:4px;box-sizing:border-box;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  color:#fff;font-size:9.5px;line-height:1.1;text-align:center;padding:3px 2px;flex:0 0 auto;}
#quizApp .zmod b{font-family:"Wix Madefor Display",sans-serif;font-size:10px;font-weight:700;}
#quizApp .zmod span{font-size:8.5px;opacity:.85;}
#quizApp .zmod.z-core{background:linear-gradient(180deg,#3D8BE0,#1C6FC4);}
#quizApp .zmod.z-skud{background:linear-gradient(180deg,#20C08F,#12996F);}
#quizApp .zmod.z-klim{background:linear-gradient(180deg,#3BB9CE,#1E93A8);}
#quizApp .zmod.z-svet{background:linear-gradient(180deg,#F0B429,#D69410);color:#4A3208;}
#quizApp .zmod.z-psu{background:linear-gradient(180deg,#5A626E,#3E4550);}
#quizApp .zmod.z-brk{background:linear-gradient(180deg,#9AA2AD,#767E8A);}
#quizApp .zmod.z-rcd{background:linear-gradient(180deg,#9AA2AD,#767E8A);}
#quizApp .zmod.z-cont{background:linear-gradient(180deg,#8B72E8,#6746C3);}
#quizApp .zfree{position:relative;z-index:1;height:66px;border-radius:4px;flex:0 0 auto;
  border:1px dashed #CBD2DB;background:repeating-linear-gradient(-45deg,
    transparent 0 5px,rgba(203,210,219,.28) 5px 6px);}
#quizApp .zrow.over{outline:2px solid rgba(242,88,48,.5);outline-offset:1px;}
#quizApp .zcap{font-size:11.5px;color:#868E96;margin:0 0 6px;}
#quizApp .rtab{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0 0;}
#quizApp .rtab th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#868E96;
  text-align:left;font-weight:600;padding:0 8px 6px;border-bottom:1px solid #DEE2E6;}
#quizApp .rtab th.r,#quizApp .rtab td.r{text-align:right;}
#quizApp .rtab td{padding:5px 8px;border-bottom:1px solid #F1F3F5;color:#495057;}
#quizApp .rtab td:first-child{color:#00000E;white-space:nowrap;}
#quizApp .rtab .num{font-variant-numeric:tabular-nums;}
#quizApp .rtab tfoot td{padding-top:8px;font-weight:600;border-bottom:0;color:#00000E;}
#quizApp .zrly{position:relative;z-index:1;height:58px;width:15px;border-radius:2px;flex:0 0 auto;
  background:linear-gradient(180deg,#FDFDFE,#E9ECF1);box-shadow:inset 0 0 0 1px #D3D8E0;
  display:flex;align-items:flex-start;justify-content:center;padding-top:5px;}
#quizApp .zrly i{width:5px;height:5px;border-radius:50%;background:#FF7043;display:block;}
#quizApp .zrly.r-ac i{background:#0B7A57;} #quizApp .zrly.r-cl i{background:#1864AB;}
#quizApp .zrly.r-li i{background:#E8590C;} #quizApp .zrly.r-lk i{background:#228BE6;}
#quizApp .zleg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:#495057;margin-top:2px;}
#quizApp .zleg b{font-family:"Wix Madefor Display",sans-serif;font-weight:600;color:#00000E;}
/* Конфигуратор постов КАМА */
#quizApp .kposts{display:flex;flex-direction:column;gap:10px;margin:4px 0 14px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;}
#quizApp .kblk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#quizApp .kblk-n{font-size:12px;color:#495057;min-width:168px;flex:0 0 168px;}
#quizApp .kblk-n b{display:block;font-family:"Wix Madefor Display",sans-serif;font-size:12.5px;color:#00000E;}
/* Суппорт КАМА — цельное изделие: стекло рамки и посты внутри него.
   Пропорции сняты с фотобанка: пост 100 мм, окно механизма ~55 % поста. */
#quizApp .kunit{display:flex;flex-direction:column;gap:5px;align-items:flex-start;}
#quizApp .kframe{--kc:112px;display:grid;gap:0;padding:0;border:0;border-radius:10px;
  overflow:hidden;background-size:100% 100%;background-repeat:no-repeat;
  box-shadow:0 3px 12px rgba(0,0,0,.18);}
/* Снимок блока в выбранной схеме — по одному на страницу, через CSS-переменную */
#quizApp .kframe.f-bed{background-image:var(--im-block400);}
#quizApp .kframe.f-media{background-image:var(--im-media);}
#quizApp .kframe.f-entry{background-image:var(--im-block200);}
#quizApp .kframe.f-single{background-image:var(--im-kama100);}
#quizApp .kframe.dashed{background-image:none!important;background:transparent;box-shadow:none;
  border:2px dashed #9DB4C0;}
/* Пост, собранный не так, как на снимке: закрываем его снимком пустого суппорта */
#quizApp .kcell.patched{background-image:var(--im-kama100);background-size:100% 100%;}
#quizApp .kcell{width:var(--kc);height:var(--kc);position:relative;display:flex;
  align-items:center;justify-content:center;cursor:pointer;}
#quizApp .kwin{width:55%;height:55%;border-radius:3px;overflow:hidden;display:flex;
  align-items:center;justify-content:center;box-shadow:0 1px 5px rgba(0,0,0,.28);}
/* Механизм в суппорте: накладка шире окна в стекле (55 %) и закрывает его край —
   как на снимках блоков. Меньше 62 % — из-под платы выглядывает белое окно. */
#quizApp .kwin.mech{width:62%;height:62%;border-radius:4px;}
/* Изделия «Глас» занимают пост целиком */
#quizApp .kwin.full{width:100%;height:100%;border-radius:0;box-shadow:none;}
#quizApp .kwin.empty{box-shadow:none;border:1px dashed #ADB5BD;background:transparent;}
#quizApp .mico{width:34px;height:34px;display:block;}
#quizApp .kwin .mico{width:100%;height:100%;}
#quizApp .mtab .mico{width:26px;height:26px;}
#quizApp .mtab .mcell{display:flex;align-items:center;gap:9px;}
#quizApp .kcell.over .kwin{box-shadow:0 0 0 2px #F25830;}
/* Одиночный суппорт — самостоятельное изделие, поэтому у каждого своя рамка */
#quizApp .ksingles{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;}
#quizApp .ksup{position:relative;}
#quizApp .ksup-n{position:absolute;left:-2px;top:-6px;z-index:3;font-size:9px;line-height:1;
  color:#868E96;background:#fff;border:1px solid #DEE2E6;border-radius:8px;padding:1px 4px;}
/* Селект лежит поверх поста прозрачным слоем: кликается весь пост */
#quizApp .kmsel{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;
  border:0;cursor:pointer;-webkit-appearance:none;appearance:none;}
#quizApp .kcell:focus-within{outline:2px solid #228BE6;outline-offset:-2px;border-radius:8px;}
/* Подпись поста — при наведении, чтобы картинка изделия оставалась чистой */
#quizApp .ktag{position:absolute;left:4px;right:4px;bottom:4px;z-index:2;padding:1px 3px;
  border-radius:4px;background:rgba(255,255,255,.95);color:#00000E;font-size:9.5px;
  line-height:1.25;text-align:center;opacity:0;transition:opacity .12s;pointer-events:none;}
#quizApp .kcell:hover .ktag,#quizApp .kcell:focus-within .ktag{opacity:1;}
/* маленькая «галочка» — подсказка, что пост можно поменять */
#quizApp .kcell::after{content:"\25BE";position:absolute;right:6px;bottom:5px;z-index:2;
  width:14px;height:14px;line-height:14px;text-align:center;border-radius:50%;
  font-size:9px;background:rgba(0,0,0,.34);color:#fff;opacity:.45;pointer-events:none;}
#quizApp .kcell:hover::after{opacity:1;}
#quizApp .kcomp{font-size:11px;line-height:1.35;color:#868E96;max-width:560px;}
#quizApp .kcomp b{color:#495057;font-weight:600;}
#quizApp .kmult{font-size:12px;color:#868E96;align-self:center;}
#quizApp .kbal{font-size:12.5px;padding:8px 12px;border-radius:9px;margin:0 0 14px;}
#quizApp .kbal.ok{background:rgba(140,233,154,.22);color:#1B6B31;}
#quizApp .kbal.warn{background:rgba(242,88,48,.14);color:#B32D0F;}
#quizApp .kaddrow{display:flex;margin:-2px 0 2px 178px;}
#quizApp .kadd{display:inline-flex;flex-direction:column;justify-content:center;
  padding:8px 14px;border:1px dashed #9DB4C0;border-radius:9px;background:#fff;
  color:#2B4C5C;font:inherit;font-size:12px;line-height:1.25;cursor:pointer;}
#quizApp .kadd:hover{background:#F1F5F7;border-color:#2B4C5C;}
#quizApp .kadd small{display:block;color:#868E96;font-size:9.5px;}
#quizApp .kadd.off{border-style:dotted;color:#ADB5BD;cursor:default;}
#quizApp .kadd.one{width:104px;height:104px;padding:4px;text-align:center;align-items:center;gap:3px;}
#quizApp .kdel{display:inline-block;margin-top:6px;padding:3px 9px;border:1px solid #E9ECEF;
  border-radius:7px;background:#fff;color:#868E96;font:inherit;font-size:11px;cursor:pointer;}
#quizApp .kdel:hover{border-color:#F25830;color:#B32D0F;background:rgba(242,88,48,.06);}
#quizApp .kdel.one{position:absolute;right:-7px;top:-9px;z-index:3;margin:0;width:21px;height:21px;
  padding:0;line-height:18px;text-align:center;border-radius:50%;font-size:12px;
  border-color:#DEE2E6;box-shadow:0 1px 3px rgba(0,0,0,.12);}
/* Таблица механизмов */
#quizApp .mwrap{overflow-x:auto;margin:2px 0 6px;-webkit-overflow-scrolling:touch;}
#quizApp .mtab{width:100%;border-collapse:collapse;font-size:13px;}
#quizApp .mtab th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#868E96;
  text-align:left;font-weight:600;padding:0 8px 6px;border-bottom:1px solid #DEE2E6;}
#quizApp .mtab th.r,#quizApp .mtab td.r{text-align:right;}
#quizApp .mtab td{padding:6px 8px;border-bottom:1px solid #F1F3F5;vertical-align:middle;}
#quizApp .mtab tr.zero td{color:#ADB5BD;}
#quizApp .mtab tr.zero td .art{color:#CED4DA;}
#quizApp .mtab .art{display:block;font-size:11px;color:#868E96;font-variant-numeric:tabular-nums;}
#quizApp .mtab .num{font-variant-numeric:tabular-nums;white-space:nowrap;}
#quizApp .mtab .stepper{gap:7px;justify-content:flex-end;}
#quizApp .mtab .stepper .sbtn{width:24px;height:24px;font-size:14px;}
#quizApp .mtab .stepper .sval{min-width:22px;text-align:center;font-size:13px;}
#quizApp .mtab tfoot td{padding-top:9px;font-weight:600;border-bottom:0;}
#quizApp .mreset{background:none;border:0;color:#228BE6;font-size:12px;cursor:pointer;padding:0;
  text-decoration:underline;text-underline-offset:2px;}
@media (max-width:620px){
  #quizApp .kblk-n{flex:1 1 100%;min-width:0;}
  #quizApp .kframe{--kc:92px;}
  #quizApp .mtab .mico{width:22px;height:22px;}
  #quizApp .ksingles{gap:7px;}
  #quizApp .kaddrow{margin-left:0;}
  #quizApp .kmsel{font-size:9px;}
  #quizApp .mtab{min-width:420px;font-size:12px;}
  #quizApp .mtab .art{font-size:10px;}
  #quizApp .mtab th,#quizApp .mtab td{padding-left:5px;padding-right:5px;}
}
#quizApp .sbtn {width:37px;height:37px;border-radius:11px;border:2px solid var(--oz-line);background:#fff;
  font-size:18px;cursor:pointer;color:var(--oz-primary-dark);font-family:"Wix Madefor Display",sans-serif;
  transition:all .15s;}
#quizApp .sbtn:hover:not(:disabled) {border-color:var(--oz-primary);background:rgba(34,139,230,.07);}
#quizApp .sbtn:disabled {opacity:.3;cursor:not-allowed;}
#quizApp .sval {font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:21px;
  min-width:42px;text-align:center;}
#quizApp .sunit {font-size:13.5px;color:var(--oz-text-muted);}

#quizApp .unitbox {display:flex;align-items:center;gap:12px;}
#quizApp .unitbox input {width:130px;font-family:"Wix Madefor Display",sans-serif;font-weight:600;
  font-size:21px;padding:9px 14px;border:2px solid var(--oz-line);border-radius:12px;outline:none;}
#quizApp .unitbox input:focus {border-color:var(--oz-primary);}
#quizApp .quick {display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
#quizApp .quick button {border:2px solid var(--oz-line);background:#fff;border-radius:9px;padding:6px 15px;
  font-size:13.5px;cursor:pointer;color:var(--oz-text-muted);transition:all .15s;
  font-family:"Wix Madefor Text",sans-serif;}
#quizApp .quick button:hover {border-color:var(--oz-primary);color:var(--oz-primary-dark);}
#quizApp .quick button.sel {border-color:var(--oz-primary);background:rgba(34,139,230,.08);
  color:var(--oz-primary-dark);font-weight:500;}

#quizApp .checks {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;}
#quizApp .chk {display:flex;align-items:flex-start;gap:9px;border:2px solid var(--oz-line);border-radius:11px;
  padding:11px 13px;cursor:pointer;transition:all .16s;background:#fff;}
#quizApp .chk:hover {border-color:#BFD9F2;}
#quizApp .chk.sel {border-color:var(--oz-green);background:rgba(18,184,134,.05);}
#quizApp .chk-box {width:19px;height:19px;border-radius:6px;border:2px solid #CED4DA;flex:none;margin-top:1px;
  display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;transition:all .15s;}
#quizApp .chk.sel .chk-box {background:var(--oz-green);border-color:var(--oz-green);}
#quizApp .chk-t {font-size:14px;line-height:1.3;}
#quizApp .chk-t small {display:block;color:var(--oz-text-muted);font-size:12px;}

#quizApp .nav {display:flex;justify-content:space-between;gap:12px;padding:22px 0 56px;
  border-top:1px solid var(--oz-line);margin-top:10px;}
#quizApp .btn {border-radius:12px;padding:13px 26px;font-size:15px;font-weight:500;cursor:pointer;
  font-family:"Wix Madefor Text",sans-serif;border:2px solid transparent;transition:all .16s;}
#quizApp .btn-p {background:var(--oz-primary);color:#fff;}
#quizApp .btn-p:hover {background:var(--oz-primary-dark);}
#quizApp .btn-s {background:#fff;border-color:var(--oz-line);color:var(--oz-text);}
#quizApp .btn-s:hover {border-color:#CED4DA;}
#quizApp .btn-cta {background:var(--oz-cta);color:#fff;}
#quizApp .btn-cta:hover {filter:brightness(.93);}
#quizApp .btn:disabled {opacity:.4;cursor:not-allowed;}

#quizApp /* результат */
.est-head {background:linear-gradient(180deg,#EEF6FE,#F8FBFF);border:1px solid rgba(34,139,230,.15);
  border-radius:18px;padding:24px 26px;margin-bottom:22px;display:block;}
#quizApp .est-head h2 {font-size:26px;line-height:1.15;}
#quizApp .kpis {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;margin-top:19px;}
#quizApp .kpi {background:#fff;border-radius:13px;padding:13px 15px;border:1px solid rgba(34,139,230,.12);}
#quizApp .kpi b {display:block;font-family:"Wix Madefor Display",sans-serif;font-size:23px;font-weight:600;
  line-height:1.12;color:var(--oz-primary-dark);}
#quizApp .kpi span {font-size:12px;color:var(--oz-text-muted);}
#quizApp .res-actions {display:flex;gap:9px;flex-wrap:wrap;margin-top:17px;}
#quizApp .res-actions button {border-radius:11px;padding:10px 18px;font-size:14px;cursor:pointer;
  border:2px solid rgba(34,139,230,.3);background:#fff;color:var(--oz-primary-dark);
  font-family:"Wix Madefor Text",sans-serif;transition:all .15s;}
#quizApp .res-actions button:hover {border-color:var(--oz-primary);background:rgba(34,139,230,.06);}

#quizApp .sec {margin-bottom:24px;}
#quizApp .sec h3 {font-size:18px;font-weight:600;margin-bottom:11px;padding-bottom:7px;
  border-bottom:2px solid var(--oz-line);display:flex;justify-content:space-between;align-items:baseline;}
#quizApp .sec h3 em {font-style:normal;font-size:15px;color:var(--oz-primary-dark);}
#quizApp table.spec {width:100%;border-collapse:collapse;font-size:14.5px;}
#quizApp table.spec th {text-align:left;font-family:"Wix Madefor Display",sans-serif;font-weight:600;
  font-size:12px;color:var(--oz-text-muted);text-transform:uppercase;letter-spacing:.4px;
  padding:6px 9px;border-bottom:1px solid var(--oz-line);}
#quizApp table.spec td {padding:8px 9px;border-bottom:1px solid #F1F3F5;vertical-align:top;}
#quizApp table.spec tr:last-child td {border-bottom:none;}
#quizApp .sp-list {border:1px solid var(--oz-line);border-radius:12px;overflow:hidden;background:#fff;}
#quizApp .sp-row {padding:9px 13px;border-bottom:1px solid #F1F3F5;}
#quizApp .sp-row:last-child {border-bottom:none;}
#quizApp .sp-row.zero {opacity:.45;}
#quizApp .sp-name {font-size:14.5px;line-height:1.4;}
#quizApp .sp-name .sp-sub {display:block;font-size:12.5px;color:var(--oz-text-muted);margin-top:2px;}
#quizApp .sp-meta {display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  font-size:12.5px;color:var(--oz-text-muted);margin-top:3px;}
#quizApp .sp-sum {font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:14.5px;
  color:var(--oz-text);white-space:nowrap;}
#quizApp .sp-fold .sp-fold-h {cursor:pointer;}
#quizApp .sp-fold .sp-fold-h:hover {background:#FAFBFC;}
#quizApp .sp-fold .fold-i {display:inline-block;margin-left:7px;color:var(--oz-text-muted);
  transition:transform .18s;}
#quizApp .sp-fold.open .fold-i {transform:rotate(180deg);}
#quizApp .sp-fold-b {display:none;}
#quizApp .sp-fold.open .sp-fold-b {display:block;}
#quizApp .sp-inner {border:none;border-radius:0;border-top:1px dashed var(--oz-line);
  background:#FCFCFD;}
#quizApp .sp-inner .sp-row {padding-left:26px;}
#quizApp .sp-grp {background:#F8F9FA;border-top:1px solid var(--oz-line);}
#quizApp .sp-grp:first-child {border-top:none;}
#quizApp .sp-grp .sp-meta {margin-top:0;font-size:12px;text-transform:uppercase;
  letter-spacing:.4px;font-weight:600;color:var(--oz-text-muted);}
#quizApp .sp-grp .sp-sum {font-size:13px;}
#quizApp .sp-total {background:#F8F9FA;}
#quizApp .sp-total .sp-meta {margin-top:0;font-size:14px;color:var(--oz-text);font-weight:600;}
#quizApp .sp-total .sp-sum {font-size:16px;}
#quizApp .res-sum {background:#fff;border:1px solid var(--oz-line);border-radius:12px;padding:13px 15px;}
#quizApp .res-sum .rs-line {font-size:13.5px;line-height:1.55;color:var(--oz-text-muted);}
#quizApp .res-sum .rs-line b {color:var(--oz-text);}
#quizApp .res-sum .rs-line + .rs-line {margin-top:4px;}
#quizApp table.spec td.n {text-align:right;font-family:"Wix Madefor Display",sans-serif;font-weight:600;
  white-space:nowrap;}
#quizApp table.spec td.note {color:var(--oz-text-muted);font-size:12.5px;}
#quizApp table.spec tr.total td {border-top:2px solid var(--oz-line);font-weight:600;
  font-family:"Wix Madefor Display",sans-serif;}
#quizApp .tag {display:inline-block;background:rgba(34,139,230,.1);color:var(--oz-primary-dark);
  border-radius:7px;padding:2px 8px;font-size:11.5px;font-weight:500;margin-left:5px;}
#quizApp .tag.g {background:rgba(18,184,134,.12);color:#0C8A63;}
#quizApp .warn {background:rgba(242,88,48,.07);border:1px solid rgba(242,88,48,.25);border-radius:12px;
  padding:13px 16px;font-size:14px;margin-top:13px;}
#quizApp .warn b {color:var(--oz-cta);}
#quizApp .info {background:var(--oz-surface);border-radius:12px;padding:13px 16px;font-size:13.5px;
  color:#495057;margin-top:13px;line-height:1.6;}
#quizApp .grand {background:linear-gradient(135deg,#0061B2,#228BE6);border-radius:16px;padding:22px 26px;
  color:#fff;margin:22px 0;display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:16px;}
#quizApp .grand-l {font-size:15px;opacity:.9;}
#quizApp .grand-v {font-family:"Wix Madefor Display",sans-serif;font-size:34px;font-weight:600;line-height:1;}
#quizApp .grand-s {font-size:13px;opacity:.85;margin-top:5px;}
#quizApp /* номерной фонд */
.fund {display:flex;flex-direction:column;gap:11px;}
#quizApp .fund-row {border:2px solid var(--oz-line);border-radius:14px;padding:14px 16px;background:#fff;
  transition:border-color .16s;}
#quizApp .fund-row:hover {border-color:#D9E6F5;}
#quizApp .fund-top {display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
#quizApp .fund-sel {flex:1 1 210px;min-width:180px;}
#quizApp .fund-sel select {width:100%;font-family:"Wix Madefor Display",sans-serif;font-weight:600;
  font-size:15px;padding:9px 12px;border:2px solid var(--oz-line);border-radius:11px;
  background:#fff;color:var(--oz-text);outline:none;cursor:pointer;}
#quizApp .fund-sel select:focus {border-color:var(--oz-primary);}
#quizApp .fund-qty {display:flex;align-items:center;gap:8px;}
#quizApp .fund-qty input {width:86px;font-family:"Wix Madefor Display",sans-serif;font-weight:600;
  font-size:18px;padding:8px 10px;border:2px solid var(--oz-line);border-radius:11px;
  text-align:center;outline:none;}
#quizApp .fund-qty input:focus {border-color:var(--oz-primary);}
#quizApp .fund-qty span {font-size:13px;color:var(--oz-text-muted);}
#quizApp .fund-del {width:34px;height:34px;border-radius:10px;border:2px solid var(--oz-line);
  background:#fff;cursor:pointer;color:var(--oz-text-muted);font-size:16px;line-height:1;
  transition:all .15s;flex:none;}
#quizApp .fund-del:hover {border-color:var(--oz-cta);color:var(--oz-cta);}
#quizApp .fund-del:disabled {opacity:.3;cursor:not-allowed;}
#quizApp .fund-sect {display:flex;gap:7px;flex-wrap:wrap;margin-top:11px;padding-top:11px;
  border-top:1px dashed var(--oz-line);}
#quizApp .fs {border:2px solid var(--oz-line);border-radius:9px;padding:5px 13px;font-size:13px;
  cursor:pointer;color:var(--oz-text-muted);transition:all .15s;user-select:none;
  font-family:"Wix Madefor Text",sans-serif;background:#fff;}
#quizApp .fs:hover {border-color:#BFD9F2;}
#quizApp .fs.on {border-color:var(--oz-green);background:rgba(18,184,134,.08);color:#0C8A63;font-weight:500;}
#quizApp .fund-price {margin-left:auto;font-family:"Wix Madefor Display",sans-serif;font-weight:600;
  font-size:14px;color:var(--oz-primary-dark);white-space:nowrap;}
#quizApp .fund-add {border:2px dashed var(--oz-line);border-radius:13px;padding:13px;background:#fff;
  cursor:pointer;font-size:14.5px;color:var(--oz-primary-dark);width:100%;
  font-family:"Wix Madefor Text",sans-serif;transition:all .16s;}
#quizApp .fund-add:hover {border-color:var(--oz-primary);background:rgba(34,139,230,.04);}
#quizApp .fund-sum {display:flex;justify-content:space-between;align-items:center;margin-top:14px;
  padding:13px 16px;background:var(--oz-surface);border-radius:12px;font-size:14px;flex-wrap:wrap;gap:10px;}
#quizApp .fund-sum b {font-family:"Wix Madefor Display",sans-serif;font-size:17px;}
#quizApp /* детализация по типам */
.acc {border:2px solid var(--oz-line);border-radius:14px;margin-bottom:11px;overflow:hidden;}
#quizApp .acc-h {padding:13px 16px;background:var(--oz-surface);cursor:pointer;display:flex;
  justify-content:space-between;align-items:center;gap:12px;}
#quizApp .acc-h:hover {background:#F1F3F5;}
#quizApp .acc-t {font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:15px;}
#quizApp .acc-m {font-size:12.5px;color:var(--oz-text-muted);margin-top:2px;}
#quizApp .acc-i {font-size:13px;color:var(--oz-text-muted);}
#quizApp .acc-b {padding:16px;display:none;}
#quizApp .acc.open .acc-b {display:block;}
#quizApp .funcs {grid-template-columns:repeat(auto-fit,minmax(232px,1fr));}
#quizApp .func-sum {margin-top:11px;padding:9px 14px;background:rgba(18,184,134,.07);border-radius:10px;
  font-size:13.5px;color:#0C8A63;font-family:"Wix Madefor Display",sans-serif;font-weight:600;
  display:inline-block;}
#quizApp .srv-list {display:flex;flex-direction:column;gap:9px;}
#quizApp .srv-row {display:flex;align-items:center;gap:12px;border:2px solid var(--oz-line);
  border-radius:12px;padding:12px 15px;background:#fff;transition:border-color .16s;flex-wrap:wrap;}
#quizApp .srv-row.on {border-color:var(--oz-green);background:rgba(18,184,134,.04);}
#quizApp .srv-chk {width:19px;height:19px;border-radius:6px;border:2px solid #CED4DA;flex:none;
  display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;
  cursor:pointer;transition:all .15s;}
#quizApp .srv-row.on .srv-chk {background:var(--oz-green);border-color:var(--oz-green);}
#quizApp .srv-n {flex:1 1 220px;font-size:14.5px;}
#quizApp .srv-n small {display:block;color:var(--oz-text-muted);font-size:12.5px;}
#quizApp .srv-p {display:flex;align-items:center;gap:7px;}
#quizApp .srv-p input {width:118px;padding:7px 11px;border:2px solid var(--oz-line);border-radius:10px;
  font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:15px;text-align:right;outline:none;}
#quizApp .srv-p input:focus {border-color:var(--oz-primary);}
#quizApp .srv-p input:disabled {opacity:.4;}
#quizApp .srv-p span {font-size:12.5px;color:var(--oz-text-muted);white-space:nowrap;}
#quizApp .tpl {border:2px solid var(--oz-line);border-radius:14px;margin-bottom:10px;overflow:hidden;
  background:#fff;}
#quizApp .tpl-h {padding:14px 17px;cursor:pointer;display:flex;justify-content:space-between;
  align-items:center;gap:14px;transition:background .15s;}
#quizApp .tpl-h:hover {background:var(--oz-surface);}
#quizApp .tpl-n {font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:15.5px;}
#quizApp .tpl-d {font-size:12.5px;color:var(--oz-text-muted);margin-top:2px;}
#quizApp .tpl-tags {display:flex;gap:6px;flex-wrap:wrap;margin-top:7px;}
#quizApp .tpl-tag {font-size:11px;padding:2px 9px;border-radius:7px;background:rgba(18,184,134,.12);
  color:#0C8A63;font-weight:500;}
#quizApp .tpl-p {font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:15px;
  color:var(--oz-primary-dark);white-space:nowrap;}
#quizApp .tpl-b {display:none;padding:0 17px 17px;}
#quizApp .tpl.open .tpl-b {display:block;}
#quizApp .tpl-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px;
  margin:4px 0 15px;}
#quizApp .tpl-par {background:var(--oz-surface);border-radius:10px;padding:9px 12px;}
#quizApp .tpl-par b {display:block;font-family:"Wix Madefor Display",sans-serif;font-size:17px;
  color:var(--oz-primary-dark);line-height:1.15;}
#quizApp .tpl-par span {font-size:11.5px;color:var(--oz-text-muted);}
#quizApp .tpl-q {display:flex;align-items:center;gap:8px;}
#quizApp .tpl-q input {width:78px;padding:8px 10px;border:2px solid var(--oz-line);border-radius:10px;
  font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:17px;
  text-align:center;outline:none;transition:border-color .15s;}
#quizApp .tpl-q input:focus {border-color:var(--oz-primary);}
#quizApp .tpl.active {border-color:var(--oz-primary);box-shadow:0 3px 14px rgba(34,139,230,.1);}
#quizApp .tpl-tag {font-size:11px;padding:3px 10px;border-radius:8px;background:#F1F3F5;
  color:var(--oz-text-muted);font-weight:500;cursor:pointer;border:1.5px solid transparent;
  transition:all .15s;user-select:none;}
#quizApp .tpl-tag:hover {border-color:#BFD9F2;}
#quizApp .tpl-tag.on {background:rgba(18,184,134,.12);color:#0C8A63;border-color:rgba(18,184,134,.35);}
#quizApp .tpl-del {width:30px;height:30px;border-radius:9px;border:2px solid var(--oz-line);background:#fff;
  cursor:pointer;color:var(--oz-text-muted);font-size:15px;line-height:1;flex:none;transition:all .15s;}
#quizApp .tpl-del:hover {border-color:var(--oz-cta);color:var(--oz-cta);}
#quizApp .tpl-mode {margin-top:9px;font-size:12px;color:var(--oz-text-muted);display:flex;
  align-items:center;gap:7px;flex-wrap:wrap;}
#quizApp .tm {padding:3px 11px;border-radius:8px;border:1.5px solid var(--oz-line);cursor:pointer;
  font-size:11.5px;transition:all .15s;user-select:none;background:#fff;}
#quizApp .tm:hover {border-color:#BFD9F2;}
#quizApp .tm.on {border-color:var(--oz-primary);background:rgba(34,139,230,.08);
  color:var(--oz-primary-dark);font-weight:500;}
#quizApp .tm-warn {font-size:11.5px;color:var(--oz-cta);padding:3px 0;}
#quizApp table.spec.eqt input {width:62px;padding:5px 8px;border:2px solid var(--oz-line);
  border-radius:8px;text-align:center;font-family:"Wix Madefor Display",sans-serif;
  font-weight:600;font-size:14px;outline:none;}
#quizApp table.spec.eqt input:focus {border-color:var(--oz-primary);}
#quizApp .auto-q {display:inline-block;width:62px;text-align:center;color:var(--oz-text-muted);
  font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:14px;}
#quizApp .eq-reset {margin-top:11px;border:2px solid var(--oz-line);background:#fff;border-radius:10px;
  padding:8px 16px;font-size:13.5px;cursor:pointer;color:var(--oz-text-muted);
  font-family:"Wix Madefor Text",sans-serif;transition:all .15s;}
#quizApp .eq-reset:hover {border-color:var(--oz-primary);color:var(--oz-primary-dark);}
#quizApp table.spec.manual input {width:64px;padding:5px 8px;border:2px solid var(--oz-line);
  border-radius:8px;text-align:center;font-family:"Wix Madefor Display",sans-serif;
  font-weight:600;font-size:14px;outline:none;}
#quizApp table.spec.manual input:focus {border-color:var(--oz-primary);}
#quizApp table.spec tr.zero td {color:#C1C7CE;}
#quizApp table.spec tr.zero td.n {font-weight:400;}
#quizApp .chk.blocked {opacity:.4;cursor:not-allowed;position:relative;}
#quizApp .chk.blocked:hover {border-color:var(--oz-line);}
#quizApp .chk.scen-tip {position:relative;}
#quizApp .chk.scen-tip:hover::after {content:attr(data-tip);position:absolute;left:50%;
  bottom:calc(100% + 7px);transform:translateX(-50%);background:#212529;color:#fff;
  font-size:12px;line-height:1.35;padding:7px 12px;border-radius:8px;white-space:normal;
  width:230px;text-align:left;z-index:30;pointer-events:none;box-shadow:0 5px 16px rgba(0,0,0,.22);}
#quizApp .chk.blocked:hover::after {content:attr(data-tip);position:absolute;left:50%;
  bottom:calc(100% + 7px);transform:translateX(-50%);background:#212529;color:#fff;
  font-size:12px;line-height:1.35;padding:7px 12px;border-radius:8px;white-space:nowrap;
  z-index:30;pointer-events:none;box-shadow:0 5px 16px rgba(0,0,0,.22);}
#quizApp .chk.blocked:hover::before {content:'';position:absolute;left:50%;bottom:calc(100% + 1px);
  transform:translateX(-50%);border:6px solid transparent;border-top-color:#212529;
  z-index:30;pointer-events:none;}
@media(max-width:640px){#quizApp .chk.blocked:hover::after{white-space:normal;width:200px;}}
#quizApp .chk.chk-add {border-style:dashed;border-color:#BFD9F2;background:rgba(34,139,230,.04);}
#quizApp .chk.chk-add:hover {border-color:var(--oz-primary);}
#quizApp .chk.chk-add .chk-box {border-style:dashed;border-color:var(--oz-primary);color:var(--oz-primary);font-size:15px;font-weight:600;}
#quizApp .xls-btn {margin-left:14px;border:2px solid rgba(18,184,134,.4);background:#fff;
  border-radius:9px;padding:6px 15px;font-size:13px;cursor:pointer;color:#0C8A63;
  font-family:"Wix Madefor Text",sans-serif;font-weight:500;transition:all .15s;}
#quizApp .xls-btn:hover {border-color:var(--oz-green);background:rgba(18,184,134,.07);}
#quizApp .sec.fold .fold-b {display:none;}
#quizApp .sec.fold.open .fold-b {display:block;}
#quizApp .sec.fold .foldable {cursor:pointer;user-select:none;}
#quizApp .sec.fold .foldable:hover {color:var(--oz-primary-dark);}
#quizApp .fold-i {display:inline-block;transition:transform .2s;font-size:13px;}
#quizApp .sec.fold.open .fold-i {transform:rotate(180deg);}
#quizApp .obj-opts {margin-top:34px;padding-top:28px;border-top:2px solid var(--oz-line);}
#quizApp .secgrid {display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;}
#quizApp .seccard {position:relative;border:2px solid var(--oz-line);border-left-width:5px;border-radius:12px;
  padding:12px 14px 12px 13px;cursor:pointer;background:#fff;transition:all .16s;}
#quizApp .seccard:hover {border-color:#BFD9F2;}
#quizApp .seccard .sc-n {font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:15px;
  display:flex;align-items:center;gap:8px;}
#quizApp .seccard .sc-chk {width:18px;height:18px;border-radius:6px;border:2px solid #CED4DA;flex:none;
  display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;transition:all .15s;}
#quizApp .seccard.on .sc-chk {background:var(--oz-green);border-color:var(--oz-green);}
#quizApp .seccard .sc-d {font-size:12.5px;line-height:1.42;color:var(--oz-text-muted);margin-top:6px;}
#quizApp .seccard:not(.on) {opacity:.62;}
#quizApp .seccard:not(.on) .sc-d {display:none;}
#quizApp .seccard:not(.on) .sc-d {color:#ADB5BD;}
#quizApp .q[data-sec] {border-left:4px solid var(--oz-line);padding-left:13px;border-radius:3px;}
#quizApp .q.q-off {filter:grayscale(1);opacity:.55;}
#quizApp .q.q-off .q-hint::after {content:' Раздел выключен выше — щёлкните здесь, чтобы включить его обратно.';color:#868E96;}
#quizApp .objgrid {display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;}
#quizApp .objcell label {display:block;font-size:12.5px;color:var(--oz-text-muted);margin-bottom:6px;}
#quizApp .linkrow {display:flex;align-items:stretch;gap:12px;}
#quizApp .linkcard {flex:1;border:2px solid var(--oz-line);border-radius:12px;padding:13px 15px;background:#fff;}
#quizApp .linkcard .on {font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:15px;}
#quizApp .linkcard .od {font-size:12.5px;color:var(--oz-text-muted);margin-top:4px;line-height:1.4;}
#quizApp .linkcard .oc {font-size:12.5px;font-weight:600;color:var(--oz-primary);margin-top:7px;}
#quizApp .linkcard.fixed {border-color:var(--oz-green);background:rgba(18,184,134,.05);}
#quizApp .linkcard.fixed .oc {color:var(--oz-green);}
#quizApp .linkcard.toggle {cursor:pointer;opacity:.6;transition:all .16s;}
#quizApp .linkcard.toggle:hover {border-color:#BFD9F2;opacity:.85;}
#quizApp .linkcard.toggle.on {opacity:1;border-color:var(--oz-primary);background:rgba(34,139,230,.06);}
#quizApp .linkplus {align-self:center;font-size:26px;font-weight:600;color:#ADB5BD;flex:none;}
#quizApp .obj-opts h3 {font-family:"Wix Madefor Display",sans-serif;font-size:20px;font-weight:600;
  margin:0 0 5px;}
#quizApp .obj-lead {color:var(--oz-text-muted);margin:0 0 22px;}
#quizApp .pg {border:1px solid var(--oz-line);border-radius:12px;margin-bottom:9px;overflow:hidden;}
#quizApp .pg-h {display:flex;align-items:center;gap:12px;padding:11px 15px;cursor:pointer;
  background:var(--oz-surface);transition:background .15s;}
#quizApp .pg-h:hover {background:#F1F3F5;}
#quizApp .pg-t {font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:14.5px;}
#quizApp .pg-s {margin-left:auto;font-size:12.5px;color:var(--oz-text-muted);text-align:right;}
#quizApp .pg-i {font-size:12px;color:var(--oz-text-muted);transition:transform .2s;flex:none;}
#quizApp .pg.open .pg-i {transform:rotate(180deg);}
#quizApp .pg-b {display:none;padding:14px 15px 4px;}
#quizApp .pg.pg-off .pg-h {background:var(--oz-surface);border-left:4px solid var(--oz-line);}
#quizApp .load {margin:4px 0 14px;}
#quizApp .load-b {height:7px;background:var(--oz-line);border-radius:4px;overflow:hidden;}
#quizApp .load-b i {display:block;height:100%;background:linear-gradient(90deg,#63E6BE,#20C997);
  border-radius:4px;transition:width .25s;}
#quizApp .load.over .load-b i {background:linear-gradient(90deg,#FFA8A8,#F25830);}
#quizApp .load-t {font-size:12.5px;color:var(--oz-text-muted);margin-top:6px;}
#quizApp .load-t b {color:var(--oz-text);font-family:"Wix Madefor Display",sans-serif;}
#quizApp .load-note {background:rgba(99,230,190,.12);border-radius:10px;padding:10px 13px;
  font-size:12.5px;color:#0C7A5A;margin-bottom:13px;line-height:1.5;}
#quizApp .load-warn {background:rgba(242,88,48,.09);border:1px solid rgba(242,88,48,.3);border-radius:10px;
  padding:10px 13px;font-size:12.5px;color:#C7431F;margin-bottom:13px;line-height:1.5;}
#quizApp .doors {display:flex;flex-direction:column;gap:8px;}
#quizApp .door-row {display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:9px 12px;border:1px solid var(--oz-line);border-radius:10px;background:#fff;}
#quizApp .door-n {font-size:13.5px;font-family:"Wix Madefor Display",sans-serif;font-weight:600;
  min-width:110px;}
#quizApp .door-opts {display:flex;gap:6px;flex-wrap:wrap;margin-left:auto;}
#quizApp .door-o {font-size:12px;padding:5px 12px;border-radius:8px;border:1.5px solid var(--oz-line);
  cursor:pointer;color:var(--oz-text-muted);transition:all .15s;user-select:none;background:#fff;}
#quizApp .door-o:hover {border-color:#BFD9F2;}
#quizApp .door-o.on {border-color:var(--oz-primary);background:rgba(34,139,230,.09);
  color:var(--oz-primary-dark);font-weight:500;}
#quizApp .pg.open .pg-b {display:block;}
#quizApp .opts.sm {grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;}
#quizApp .opts.sm .opt {padding:9px 11px;}
#quizApp .opts.sm .on {font-size:13.5px;}
#quizApp .opts.sm .od {font-size:11.5px;}
#quizApp .grp-h {font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:14px;
  margin:20px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--oz-line);}
#quizApp .grp {display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));
  gap:6px 22px;margin-bottom:6px;}
#quizApp .grp .q {margin-bottom:10px;}
#quizApp .grp .q-title {font-size:14px;}
#quizApp .grp .q-hint {font-size:11.5px;margin-bottom:7px;}
#quizApp .sec-bars {display:inline-flex;gap:2px;margin-right:9px;vertical-align:middle;}
#quizApp .sec-bars i {display:block;width:4px;height:15px;border-radius:2px;}
#quizApp tr.zero .sec-bars {opacity:.3;}
#quizApp .sec-legend {display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;font-size:11.5px;
  color:var(--oz-text-muted);}
#quizApp .sec-legend span {display:flex;align-items:center;gap:6px;}
#quizApp .sec-legend i {width:4px;height:14px;border-radius:2px;display:inline-block;}
#quizApp .print-only {display:none;}
@media print{.topbar,.progress-wrap,.nav,.no-print,.mode-bar,.tabs-bar,footer{display:none!important;}
  #quizApp  {font-size:12px;} #quizApp .grand {background:#eee;color:#000;}
  #quizApp .est-head {background:#f4f6f8;border-color:#ccc;}
  #quizApp .sp-fold-b {display:block!important;}
  #quizApp .sec, #quizApp .sp-list, #quizApp .tpl {break-inside:avoid;}
  #quizApp .container {max-width:none;padding:0;}}
@media(max-width:640px){.hero h1{font-size:29px;} #quizApp .opts {grid-template-columns:1fr 1fr;}}

/* ============ ДИЗАЙН-ПРОХОД 31: выравнивание и компактность квиза ============
   Правила идут последними в таблице — намеренно, чтобы перекрыть
   и базовые правила квиза, и незаскоупленные правила лендинга. */

#quizApp {font-variant-numeric:tabular-nums;}
#quizApp .step {padding:26px 0 8px;}
#quizApp .step h2 {font-size:27px;letter-spacing:-.4px;}
#quizApp .step .lead {max-width:900px;margin-bottom:22px;}
#quizApp .hero p {max-width:760px;}

/* ---- шаг 2: карточка типа номера ----
   слева тянущаяся зона (название, теги), справа колонка фиксированной
   ширины: цена и количество всегда на одной вертикали у всех карточек. */
#quizApp .tpl-h {align-items:flex-start;gap:20px;padding:13px 16px;}
#quizApp .tpl-l {flex:1 1 auto;min-width:0;}
#quizApp .tpl-n {font-size:15px;line-height:1.3;}
#quizApp .tpl-d {margin-top:1px;}
#quizApp .tpl-tags {margin-top:6px;gap:5px;}
#quizApp .tpl-tag {font-size:11px;padding:2px 6px;border-radius:6px;line-height:1.5;}
#quizApp .tpl-mode {margin-top:6px;font-size:11.5px;}
#quizApp .tpl-mode .tm {font-size:11px;padding:2px 8px;}
#quizApp .tpl-r {flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;
  gap:10px;width:214px;}
#quizApp .tpl-p {flex:1 1 auto;text-align:right;font-size:14.5px;}
#quizApp .tpl-q {flex:none;}
#quizApp .tpl-q input {width:72px;padding:6px 4px;font-size:16px;}
#quizApp .tpl-q .sunit {font-size:12.5px;}
#quizApp .tpl.active {border-color:var(--oz-primary);box-shadow:0 1px 0 rgba(34,139,230,.06);}

/* ---- шаг 3: аккордеоны по типам ---- */
#quizApp .acc-h {align-items:flex-start;gap:20px;}
#quizApp .acc-h > div:first-child {flex:1 1 auto;min-width:0;}
#quizApp .acc-m {line-height:1.45;}
#quizApp .acc-i {flex:0 0 auto;white-space:nowrap;text-align:right;}
#quizApp .acc-i b {font-family:"Wix Madefor Display",sans-serif;font-weight:600;font-size:14px;
  color:var(--oz-primary-dark);}

/* ---- шаг 4: шапка сметы ---- */
#quizApp .est-head {display:block;}
#quizApp .est-head h2 {font-size:26px;letter-spacing:-.4px;}
#quizApp .kpis {display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:11px;margin-top:18px;}
#quizApp .kpi {padding:14px 16px;}
#quizApp .kpi b {font-size:22px;white-space:nowrap;letter-spacing:-.4px;}
#quizApp .kpi span {display:block;margin-top:3px;line-height:1.3;}
#quizApp .res-actions {margin-top:16px;}

/* итог: большие суммы не переносятся и не наезжают на правую колонку */
#quizApp .grand {padding:22px 26px;gap:20px;align-items:flex-start;}
#quizApp .grand-v {font-size:34px;white-space:nowrap;letter-spacing:-.8px;}
#quizApp .grand-s {line-height:1.45;}
#quizApp .grand > div:last-child {white-space:nowrap;}

/* смета: суммы правым столбцом, наименование не залезает под сумму */
#quizApp .sp-meta {gap:18px;}
#quizApp .sp-sum {flex:none;min-width:104px;text-align:right;}
#quizApp .sp-grp .sp-sum {min-width:104px;}
#quizApp .sec h3 {gap:8px 16px;flex-wrap:wrap;}
#quizApp .sec h3 em {white-space:nowrap;display:inline-flex;align-items:center;gap:10px;}
#quizApp .sec h3 .xls-btn {white-space:nowrap;}

/* ---- адаптив ---- */
@media (max-width:1000px){
  #quizApp .tpl-r {width:196px;}
  #quizApp .grand-v {font-size:30px;}
}
@media (max-width:760px){
  #quizApp .step h2, #quizApp .est-head h2 {font-size:22px;}
  #quizApp .tpl-h {flex-wrap:wrap;}
  #quizApp .tpl-l {flex:1 1 100%;}
  #quizApp .tpl-r {width:100%;justify-content:space-between;
    border-top:1px dashed var(--oz-line);padding-top:10px;}
  #quizApp .acc-h {flex-wrap:wrap;}
  #quizApp .acc-i {width:100%;text-align:left;}
  #quizApp .kpi b {font-size:19px;}
  #quizApp .grand {flex-direction:column;}
  #quizApp .grand > div:last-child {text-align:left!important;}
  #quizApp .grand-v {font-size:26px;}
  #quizApp .sp-meta {flex-wrap:wrap;gap:4px 12px;}
  #quizApp .sp-sum {min-width:0;}
  #quizApp .sec h3 {flex-direction:column;align-items:flex-start;}
  #quizApp .sec h3 em {white-space:normal;flex-wrap:wrap;}
}

/* ритм сеток шага 1: 9 разделов = 3×3, 7 сценариев = 4+3 */
#quizApp .secgrid {grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
#quizApp .checks {grid-template-columns:repeat(auto-fit,minmax(242px,1fr));}
@media (min-width:1000px){
  #quizApp .secgrid {grid-template-columns:repeat(3,1fr);}
}
@media (max-width:999px) and (min-width:700px){
  #quizApp .secgrid {grid-template-columns:repeat(2,1fr);}
}
@media (max-width:699px){
  #quizApp .secgrid {grid-template-columns:1fr;}
}

/* ссылки на карточки изделий серии «Глас» прямо в спецификации */
#quizApp .hw-link {color:inherit;text-decoration:none;
  border-bottom:1px dashed rgba(34,139,230,.5);transition:color .15s,border-color .15s;}
#quizApp .hw-link:hover {color:var(--oz-primary-dark);border-bottom-color:var(--oz-primary);}
#quizApp table.spec .hw-link {border-bottom-style:dotted;}
@media print{#quizApp .hw-link{border-bottom:none;}}

#quizApp .hw-ext, #landApp .hw-ext {display:inline-block;margin-left:5px;font-size:11px;
  line-height:1;color:var(--oz-primary);text-decoration:none;vertical-align:super;
  opacity:.75;transition:opacity .15s;}
#quizApp .hw-ext:hover, #landApp .hw-ext:hover {opacity:1;}
#landApp .hw-link {color:inherit;text-decoration:none;
  border-bottom:1px dashed rgba(34,139,230,.55);}
#landApp .hw-link:hover {color:var(--oz-primary-dark);border-bottom-color:var(--oz-primary);}
@media print{.hw-ext{display:none;}}

/* связь сценариев GRMS с разделами автоматизации */
#quizApp .sc-req {margin-left:auto;font-size:10px;font-weight:600;letter-spacing:.2px;
  text-transform:uppercase;padding:2px 7px;border-radius:6px;white-space:nowrap;
  background:rgba(18,184,134,.14);color:#0C8A63;}
#quizApp .sc-req.warn {background:rgba(242,88,48,.14);color:#C7431F;}
#quizApp .scen-gap {margin-top:12px;padding:13px 16px;border-radius:12px;
  background:rgba(242,88,48,.07);border:1px solid rgba(242,88,48,.25);font-size:13.5px;}
#quizApp .scen-gap .sg-t {font-family:"Wix Madefor Display",sans-serif;font-weight:600;
  font-size:14px;margin-bottom:6px;color:var(--oz-cta);}
#quizApp .scen-gap .sg-r {color:#495057;line-height:1.5;}
#quizApp .scen-gap .sg-r b {font-weight:600;color:var(--oz-text);}
#quizApp .scen-gap .sg-b {margin-top:10px;border:2px solid rgba(242,88,48,.4);background:#fff;
  color:#C7431F;border-radius:10px;padding:8px 15px;font-size:13.5px;cursor:pointer;
  font-family:"Wix Madefor Text",sans-serif;transition:all .15s;}
#quizApp .scen-gap .sg-b:hover {border-color:var(--oz-cta);background:rgba(242,88,48,.06);}

/* ============ ИНСТРУКЦИЯ ДЛЯ ОТДЕЛА ПРОДАЖ ============ */
#helpApp{display:none;}
#helpApp.on{display:block;}
#helpApp *{box-sizing:border-box;}
#helpApp{font-family:"Wix Madefor Text",system-ui,sans-serif;color:#212529;line-height:1.6;}
.hp-wrap{max-width:900px;margin:0 auto;padding:0 24px 72px;}
.hp-hero{padding:44px 0 10px;}
.hp-eyebrow{display:inline-block;background:rgba(34,139,230,.1);color:#0061B2;border-radius:20px;
  padding:5px 13px;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;}
#helpApp h1{font-family:"Wix Madefor Display",sans-serif;font-size:36px;line-height:1.15;
  letter-spacing:-.8px;margin:15px 0 0;font-weight:700;}
.hp-lead{color:#868E96;font-size:17px;margin:12px 0 0;max-width:720px;}
.hp-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;}
.hp-btn{border:2px solid #E9ECEF;background:#fff;border-radius:12px;padding:11px 20px;font-size:14.5px;
  cursor:pointer;font-family:inherit;color:#212529;transition:all .15s;}
.hp-btn:hover{border-color:#BFD9F2;color:#0061B2;}
.hp-btn-p{background:#228BE6;border-color:#228BE6;color:#fff;}
.hp-btn-p:hover{background:#0061B2;border-color:#0061B2;color:#fff;}
.hp-toc{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px 18px;
  margin:28px 0 8px;padding:18px 20px;background:#F8F9FA;border-radius:14px;}
.hp-toc b{grid-column:1/-1;font-family:"Wix Madefor Display",sans-serif;font-size:14px;margin-bottom:4px;}
.hp-toc a{color:#0061B2;text-decoration:none;font-size:13.5px;padding:2px 0;}
.hp-toc a:hover{text-decoration:underline;}
.hp-sec{padding-top:34px;scroll-margin-top:80px;}
#helpApp h2{font-family:"Wix Madefor Display",sans-serif;font-size:24px;font-weight:600;
  margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #E9ECEF;}
#helpApp p{margin:0 0 14px;}
.hp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:16px 0;}
.hp-card{border:2px solid #E9ECEF;border-radius:14px;padding:15px 17px;background:#fff;}
.hp-card b{display:block;font-family:"Wix Madefor Display",sans-serif;font-size:15px;margin-bottom:6px;}
.hp-card span{font-size:13.5px;color:#495057;}
.hp-q{border-left:4px solid #228BE6;padding:2px 0 2px 15px;margin:0 0 15px;}
.hp-q b{font-family:"Wix Madefor Display",sans-serif;font-size:15.5px;display:block;margin-bottom:3px;}
.hp-q span{font-size:14px;color:#495057;}
.hp-steps{margin:0;padding-left:20px;}
.hp-steps li{margin-bottom:11px;font-size:14.5px;}
.hp-list{margin:0;padding-left:20px;}
.hp-list li{margin-bottom:9px;font-size:14.5px;}
.hp-note{background:rgba(34,139,230,.07);border:1px solid rgba(34,139,230,.22);border-radius:12px;
  padding:13px 16px;font-size:13.5px;color:#495057;margin:16px 0 0;}
.hp-err{background:rgba(242,88,48,.06);border-left:4px solid #F25830;border-radius:0 10px 10px 0;
  padding:11px 15px;margin-bottom:10px;font-size:14px;color:#495057;}
.hp-err b{color:#212529;}
.hp-check{list-style:none;margin:0;padding:0;}
.hp-check li{position:relative;padding:8px 0 8px 30px;border-bottom:1px dashed #E9ECEF;font-size:14.5px;}
.hp-check li:before{content:'';position:absolute;left:0;top:11px;width:16px;height:16px;
  border:2px solid #ADB5BD;border-radius:4px;}
/* значок «?» у заголовков шагов калькулятора */
#quizApp .help-i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
  border-radius:50%;border:1.6px solid #BFD9F2;color:#0061B2;font-size:13px;font-weight:600;
  margin-left:10px;cursor:pointer;vertical-align:middle;transition:all .15s;user-select:none;}
#quizApp .help-i:hover{background:#228BE6;border-color:#228BE6;color:#fff;}
@media(max-width:760px){#helpApp h1{font-size:27px;} .hp-wrap{padding:0 18px 48px;}}
@media print{
  #helpApp .hp-actions,#helpApp .hp-toc{display:none;}
  .hp-sec{page-break-inside:avoid;}
  #quizApp .help-i{display:none;}
}
/* ==== Режим «КП»: страницы коммерческого предложения ==== */
#kpApp{display:none;background:#5b6570;padding:86px 0 60px;}
/* На телефоне КП не собирают: кнопка не должна распирать шапку */
@media(max-width:760px){#kpBtn{display:none!important;}}
#kpApp.on{display:block;}
#kpApp .kp-bar{max-width:1086px;margin:0 auto 22px;background:#fff;border-radius:14px;
  padding:16px 20px;box-shadow:0 6px 24px rgba(0,0,0,.22);}
#kpApp .kp-bar h2{margin:0 0 4px;font-size:19px;font-weight:650;color:#11161c;}
#kpApp .kp-bar p{margin:0 0 14px;font-size:13.5px;color:#5b6470;}
#kpApp .kp-opts{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;}
#kpApp .kp-opts label{display:flex;align-items:center;gap:7px;font-size:14px;color:#22282f;cursor:pointer;}
#kpApp .kp-cust{flex:1 1 260px;min-width:220px;}
#kpApp .kp-cust input{width:100%;padding:8px 11px;border:1px solid #CED4DA;border-radius:8px;font:inherit;font-size:14px;}
#kpApp .kp-print{background:#0d6efd;color:#fff;border:0;border-radius:9px;padding:10px 20px;
  font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;}
#kpApp .kp-print:hover{background:#0b5ed7;}
#kpApp .kp-note{margin-top:10px;font-size:12.5px;color:#6c757d;}

.kp-page{position:relative;width:1086px;height:1448px;margin:0 auto 26px;overflow:hidden;
  background:#00000E;color:rgba(249,251,253,.98);box-shadow:0 10px 40px rgba(0,0,0,.45);
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;}
/* фирменный полосатый фон: радиал даёт свет, по нему читаются полосы */
.kp-page .kp-str{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  background:radial-gradient(ellipse 120% 80% at var(--kglow-x,16%) var(--kglow-y,16%),#24394E 0%,#00000E 78%);}
.kp-page .kp-str::after{content:'';position:absolute;inset:-100% -50%;
  background:repeating-linear-gradient(-56deg,
    transparent 0px,transparent 8px,
    rgba(20,20,20,.5) 8px,rgba(20,20,20,.5) 9.2px,
    transparent 9.2px,transparent 10px,
    rgba(20,20,20,.25) 10px,rgba(20,20,20,.25) 10.4px,
    transparent 10.4px,transparent 24px);}
.kp-page .kp-in{position:relative;z-index:2;padding:45px 52px 96px;height:100%;box-sizing:border-box;
  display:flex;flex-direction:column;}
.kp-brand{font-size:29px;line-height:1;font-weight:700;letter-spacing:-.2px;color:#fff;}
.kp-brand span{font-weight:230;margin-left:3px;}
.kp-label{position:absolute;left:216px;top:45px;font-size:15px;line-height:1;font-weight:360;
  text-transform:uppercase;letter-spacing:.2px;color:rgba(244,248,252,.78);white-space:nowrap;}
.kp-h1{margin:64px 0 0;font-size:58px;line-height:1.2;font-weight:280;letter-spacing:0;
  text-transform:uppercase;color:rgba(249,251,253,.98);max-width:640px;}
.kp-h2{margin:58px 0 0;font-size:52px;line-height:1.16;font-weight:260;color:rgba(249,251,253,.98);max-width:700px;}
.kp-sub{margin:16px 0 0;font-size:22px;line-height:1.42;font-weight:330;color:rgba(226,232,238,.72);max-width:760px;}
.kp-page h3{margin:26px 0 9px;font-size:18px;line-height:1;font-weight:400;letter-spacing:.6px;
  text-transform:uppercase;color:rgba(255,255,255,.94);}
.kp-page p{margin:0 0 10px;font-size:15px;line-height:1.6;font-weight:330;color:rgba(226,232,238,.8);}
.kp-lead{font-size:17px;line-height:1.55;color:rgba(240,245,250,.9);margin-bottom:10px;font-weight:340;}

/* ---- обложка ---- */
.kp-hero{position:absolute;right:14px;top:104px;width:352px;height:500px;z-index:-1;pointer-events:none;
  display:flex;align-items:center;justify-content:center;}
.kp-hero::before{content:'';position:absolute;width:150%;height:150%;
  background:radial-gradient(ellipse at 50% 50%,rgba(38,86,140,.5) 0%,transparent 62%);}
.kp-hero img{position:relative;max-width:100%;max-height:100%;object-fit:contain;
  filter:drop-shadow(0 26px 54px rgba(0,0,0,.8));}
.kp-cover .kp-h1,.kp-cover .kp-sub,.kp-cover .kp-summary{max-width:560px;}
.kp-summary{margin:22px 0 0;font-size:19px;line-height:1.48;font-weight:330;color:rgba(226,232,238,.78);}
.kp-risk{display:grid;grid-template-columns:repeat(3,192px);column-gap:34px;margin-top:42px;}
.kp-risk article{position:relative;padding-right:12px;color:rgba(242,247,250,.91);}
.kp-risk article+article{border-left:1px solid rgba(255,255,255,.44);padding-left:24px;}
.kp-risk .num{display:flex;align-items:center;gap:11px;margin-bottom:19px;
  font-size:30px;line-height:1;font-weight:300;color:rgba(255,255,255,.94);}
.kp-risk .num::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.42);}
.kp-risk h4{margin:0 0 12px;font-size:17px;line-height:1.3;font-weight:640;color:#fff;}
.kp-risk p{margin:0;font-size:13.4px;line-height:1.55;color:rgba(226,232,238,.74);}
.kp-bottom{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:end;}
.kp-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 30px;}
.kp-metrics .m{border-top:1px solid rgba(255,255,255,.4);padding-top:14px;}
.kp-metrics .v{font-size:44px;line-height:1;font-weight:270;color:#fff;white-space:nowrap;}
.kp-metrics .v i{font-style:normal;font-size:19px;font-weight:330;margin-left:7px;
  color:rgba(232,238,244,.82);}
.kp-metrics .l{margin-top:11px;font-size:14px;line-height:1.32;font-weight:360;
  text-transform:uppercase;letter-spacing:.3px;color:rgba(226,232,238,.72);}
.kp-route .rt{margin:0 0 20px;font-size:18px;font-weight:400;letter-spacing:.6px;
  text-transform:uppercase;color:rgba(255,255,255,.94);}
.kp-route .st{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:11px 0;
  border-top:1px solid rgba(255,255,255,.24);}
.kp-route .st i{font-style:normal;font-size:15px;font-weight:340;color:rgba(255,255,255,.7);}
.kp-route .st span{font-size:14.4px;line-height:1.42;color:rgba(232,238,244,.86);}

/* ---- содержательные страницы ---- */
.kp-two{display:grid;grid-template-columns:400px 1fr;gap:38px;margin-top:30px;}
.kp-plan,.kp-photo{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);}
.kp-plan{padding:12px;}
.kp-plan img,.kp-photo img{width:100%;display:block;}
.kp-photo{margin-top:14px;overflow:hidden;}
.kp-cap{margin-top:10px;font-size:12.8px;line-height:1.5;color:rgba(226,232,238,.62);}
.kp-price{margin-top:20px;padding:18px 20px;border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.04);}
.kp-price .l{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(226,232,238,.62);}
.kp-price .v{font-size:36px;font-weight:280;color:#fff;margin:8px 0 4px;}
.kp-price .u{font-size:12.6px;line-height:1.45;color:rgba(226,232,238,.66);}
.kp-split{margin-top:14px;display:grid;gap:8px;}
.kp-split div{font-size:12.8px;color:rgba(226,232,238,.72);display:flex;justify-content:space-between;gap:12px;}
.kp-split b{color:#fff;font-weight:600;}
.kp-tbl{width:100%;border-collapse:collapse;margin-top:18px;font-size:13.6px;}
.kp-tbl th{text-align:left;font-weight:400;color:rgba(226,232,238,.66);font-size:11.6px;letter-spacing:.1em;
  text-transform:uppercase;padding:0 10px 10px 0;border-bottom:1px solid rgba(255,255,255,.34);}
.kp-tbl td{padding:9px 10px 9px 0;border-bottom:1px solid rgba(255,255,255,.12);
  color:rgba(226,232,238,.85);vertical-align:top;line-height:1.4;}
.kp-tbl td.n,.kp-tbl th.n{text-align:right;white-space:nowrap;}
.kp-tbl td.n{color:#fff;}
.kp-tbl tr.tot td{border-top:1px solid rgba(255,255,255,.42);border-bottom:0;color:#fff;
  font-weight:600;padding-top:12px;}
.kp-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:24px;}
.kp-card{padding:0 22px;border-left:1px solid rgba(255,255,255,.28);}
.kp-card:first-child{padding-left:0;border-left:0;}
.kp-card b{display:block;font-size:26px;font-weight:280;color:#fff;margin-bottom:9px;line-height:1.15;}
.kp-card span{font-size:13px;line-height:1.5;color:rgba(226,232,238,.7);display:block;}
.kp-dev{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:26px;}
.kp-dev figure{margin:0;padding:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);}
.kp-dev img{width:100%;height:252px;object-fit:contain;display:block;}
.kp-dev figcaption{margin-top:10px;font-size:13.4px;color:#fff;font-weight:600;}
.kp-dev small{display:block;font-size:11.8px;color:rgba(226,232,238,.64);margin-top:4px;line-height:1.45;}
.kp-foot{position:absolute;left:52px;right:52px;bottom:38px;z-index:2;display:flex;justify-content:space-between;
  font-size:11.8px;color:rgba(226,232,238,.5);border-top:1px solid rgba(255,255,255,.2);padding-top:12px;}
.kp-rail{margin-top:22px;padding:18px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);}
.kp-rail .row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px;}
.kp-rail .mod{padding:10px 8px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.05);
  font-size:11.5px;color:rgba(226,232,238,.85);min-width:58px;text-align:center;}
.kp-rail .mod.core{border-color:#177cff;background:rgba(23,124,255,.18);color:#fff;min-width:120px;}
.kp-rail .mod.rel{min-width:26px;padding:10px 4px;color:rgba(226,232,238,.6);}

/* ---- страница щита: настоящая раскладка по рейкам ---- */
.kp-zwrap{margin-top:24px;padding:18px 20px 20px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.03);}
.kp-zcap{font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(226,232,238,.62);margin-bottom:14px;}
.kp-zrow{position:relative;display:flex;align-items:center;gap:2px;min-height:78px;
  padding:7px 62px 7px 9px;margin-bottom:8px;background:rgba(255,255,255,.05);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.kp-zrow:last-child{margin-bottom:0;}
.kp-zrow::before{content:'';position:absolute;left:9px;right:9px;top:50%;height:8px;
  transform:translateY(-50%);background:rgba(255,255,255,.16);}
.kp-zrow .rl{position:absolute;right:10px;top:7px;font-size:10.5px;font-weight:340;
  letter-spacing:.4px;color:rgba(226,232,238,.45);}
.kp-zrow.over{outline:1px solid rgba(240,180,41,.6);outline-offset:1px;}
.kp-zmod{position:relative;z-index:1;height:64px;box-sizing:border-box;flex:0 0 auto;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  color:#fff;font-size:9.5px;line-height:1.1;text-align:center;padding:3px 2px;}
.kp-zmod b{font-size:10.5px;font-weight:640;letter-spacing:.2px;}
.kp-zmod span{font-size:8.6px;opacity:.86;font-weight:340;}
.kp-zmod.z-core{background:linear-gradient(180deg,#3D8BE0,#1C6FC4);}
.kp-zmod.z-skud{background:linear-gradient(180deg,#20C08F,#12996F);}
.kp-zmod.z-klim{background:linear-gradient(180deg,#3BB9CE,#1E93A8);}
.kp-zmod.z-svet{background:linear-gradient(180deg,#F0B429,#D69410);color:#3A2706;}
.kp-zmod.z-psu{background:linear-gradient(180deg,#5A626E,#3E4550);}
.kp-zmod.z-brk,.kp-zmod.z-rcd{background:linear-gradient(180deg,#8D95A1,#69707C);}
.kp-zmod.z-cont{background:linear-gradient(180deg,#8B72E8,#6746C3);}
.kp-zrly{position:relative;z-index:1;height:56px;flex:0 0 auto;
  background:linear-gradient(180deg,#F3F5F8,#D9DEE6);
  display:flex;align-items:flex-start;justify-content:center;padding-top:5px;}
.kp-zrly i{width:5px;height:5px;border-radius:50%;display:block;background:#FF7043;}
.kp-zrly.r-ac i{background:#0B7A57;} .kp-zrly.r-cl i{background:#1864AB;}
.kp-zrly.r-li i{background:#E8590C;} .kp-zrly.r-lk i{background:#228BE6;}
.kp-zfree{position:relative;z-index:1;height:64px;flex:0 0 auto;
  border:1px dashed rgba(255,255,255,.26);
  background:repeating-linear-gradient(-45deg,transparent 0 5px,rgba(255,255,255,.07) 5px 6px);}
.kp-zleg{display:flex;flex-wrap:wrap;gap:9px 30px;margin-top:16px;
  font-size:13px;font-weight:340;color:rgba(226,232,238,.72);}
.kp-zleg b{color:#fff;font-weight:600;}
.kp-key{display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:4px;
  font-size:13px;font-weight:340;color:rgba(226,232,238,.78);}
.kp-key span{display:flex;align-items:center;gap:8px;}
.kp-key i{width:11px;height:11px;border-radius:50%;display:block;flex:0 0 auto;}
.kp-cols2{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;margin-top:26px;}
.kp-cols2>div+div{border-left:1px solid rgba(255,255,255,.22);padding-left:38px;}
.kp-warnbox{margin-top:14px;padding:12px 14px;border:1px solid rgba(240,180,41,.55);
  background:rgba(240,180,41,.1);font-size:13.4px;line-height:1.5;color:rgba(255,238,200,.92);}
.kp-bot{margin-top:auto;padding-top:24px;}
.kp-bot.tight{padding-top:18px;}
.kp-bot.tight .kp-tbl{margin-top:12px;font-size:13.2px;}
.kp-bot.tight .kp-tbl td{padding:6px 10px 6px 0;}
.kp-bot.tight .kp-tbl th{padding-bottom:7px;}
.kp-bot.tight .kp-tbl tr.tot td{padding-top:9px;}
.kp-bot .bt{font-size:17px;font-weight:400;letter-spacing:.7px;text-transform:uppercase;
  color:rgba(255,255,255,.94);margin-bottom:4px;}
.kp-bot .bs{font-size:13.4px;line-height:1.5;font-weight:330;color:rgba(226,232,238,.66);}
/* ---- цветовые схемы на странице «Глас» ---- */
.kp-skins{display:grid;grid-template-columns:repeat(10,1fr);gap:11px;margin-top:18px;}
.kp-skins figure{margin:0;}
.kp-skins .sw{height:66px;background-size:cover;background-position:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.26);}
.kp-skins .sw.on{box-shadow:inset 0 0 0 2px #fff;}
.kp-skins figcaption{margin-top:8px;font-size:10.2px;line-height:1.3;letter-spacing:.2px;
  text-transform:uppercase;color:rgba(226,232,238,.6);}
.kp-skins figcaption.on{color:#fff;}
/* ---- разделы сметы на странице состава поставки ---- */
.kp-secs{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;margin-top:16px;}
.kp-secs .sr{display:flex;justify-content:space-between;gap:14px;padding:9px 0;
  border-bottom:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:330;
  color:rgba(232,238,244,.84);}
.kp-secs .sr b{color:#fff;font-weight:600;white-space:nowrap;}
.kp-secs .sr small{display:block;font-size:11.6px;color:rgba(226,232,238,.55);margin-top:3px;}
/* ---- страница «Опыт, производство и сервис» ---- */
.kp-stats{display:grid;grid-template-columns:repeat(5,1fr);margin-top:44px;}
.kp-stats .s{padding:0 20px;border-left:1px solid rgba(255,255,255,.3);}
.kp-stats .s:first-child{padding-left:0;border-left:0;}
.kp-stats .v{font-size:46px;line-height:1;font-weight:270;color:#fff;white-space:nowrap;}
.kp-stats .v i{font-style:normal;font-size:17px;font-weight:340;margin-left:5px;color:rgba(232,238,244,.8);}
.kp-stats .l{margin-top:12px;font-size:14px;line-height:1.35;font-weight:340;color:rgba(226,232,238,.72);}
.kp-box{margin-top:40px;padding:26px 28px;border:1px solid rgba(255,255,255,.22);}
.kp-box .bt{font-size:17px;font-weight:400;letter-spacing:.7px;text-transform:uppercase;
  color:rgba(255,255,255,.94);margin-bottom:20px;}
.kp-cust2{display:grid;grid-template-columns:1fr 1px 1fr;gap:0 28px;}
.kp-cust2 .sep{background:rgba(255,255,255,.24);}
.kp-cust2 ul{margin:0;padding:0;list-style:none;}
.kp-cust2 li{padding:13px 0;font-size:14.6px;line-height:1.42;color:rgba(232,238,244,.88);
  border-bottom:1px solid rgba(255,255,255,.16);}
.kp-cust2 li:last-child{border-bottom:0;}
.kp-proj{width:100%;border-collapse:collapse;margin-top:6px;}
.kp-proj td{padding:15px 14px 15px 0;border-bottom:1px solid rgba(255,255,255,.16);vertical-align:top;}
.kp-proj tr:last-child td{border-bottom:0;}
.kp-proj .nm{font-size:17px;font-weight:400;letter-spacing:.4px;color:#fff;}
.kp-proj .sm{margin-top:4px;font-size:12.8px;color:rgba(226,232,238,.62);}
.kp-proj .qt{font-size:15px;color:rgba(240,245,250,.9);white-space:nowrap;width:190px;}
.kp-proj .ds{font-size:13.6px;line-height:1.45;color:rgba(226,232,238,.74);}
.kp-claims{margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.3);
  display:grid;grid-template-columns:1fr 1px 1fr;gap:0 30px;text-align:center;}
.kp-claims .sep{background:rgba(255,255,255,.26);}
.kp-claims div.c{font-size:15px;line-height:1.4;color:rgba(232,238,244,.86);}

/* ---- финальная страница ---- */
.kp-fin{display:grid;grid-template-columns:1fr 1px 1fr;gap:0 54px;flex:1;margin-top:44px;}
.kp-fin>div:first-child{display:flex;flex-direction:column;}
.kp-fin .sep{background:rgba(255,255,255,.4);}
.kp-fin-h{font-size:50px;line-height:1.18;font-weight:270;color:#fff;margin:0 0 auto;padding-bottom:40px;}
.kp-fin h3{margin:0 0 14px;}
.kp-fin .blk{padding-top:22px;border-top:1px solid rgba(255,255,255,.3);margin-top:26px;}
.kp-fin .blk+.blk{margin-top:26px;}
.kp-fin .li{font-size:14.6px;line-height:1.5;color:rgba(232,238,244,.86);margin:0 0 9px;}
.kp-fin .tl{padding-left:28px;}
.kp-fin .tl .st{position:relative;margin-bottom:30px;}
.kp-fin .tl .st::before{content:'';position:absolute;left:-33px;top:12px;width:11px;height:11px;
  border-radius:50%;background:#177cff;}
.kp-fin .tl .st b{display:block;font-size:38px;line-height:1;font-weight:270;color:#fff;margin-bottom:11px;}
.kp-fin .tl .st span{display:block;font-size:14.2px;line-height:1.5;color:rgba(226,232,238,.8);}
@media print{
  @page{size:1086px 1448px;margin:0;}
  body{background:#fff;}
  .mode-bar,.tabs-bar,#toTop,#kpApp .kp-bar{display:none!important;}
  #kpApp{padding:0;background:#fff;}
  .kp-page{margin:0;box-shadow:none;break-after:page;page-break-after:always;}
}
/* материалы типа номера на шаге 2 */
#quizApp .kp-mat{margin-top:14px;padding:14px 16px;border:1px dashed #ADB5BD;border-radius:10px;background:#F8F9FA;}
#quizApp .kp-mat-h{font-size:13px;font-weight:650;color:#495057;margin-bottom:10px;}
#quizApp .kp-mat-f{display:block;margin-bottom:10px;}
#quizApp .kp-mat-f>span{display:block;font-size:12.5px;color:#6C757D;margin-bottom:4px;}
#quizApp .kp-mat-f textarea,#quizApp .kp-mat-f select{width:100%;padding:7px 10px;border:1px solid #CED4DA;
  border-radius:7px;font:inherit;font-size:13.5px;background:#fff;}
#quizApp .kp-mat-f input[type=file]{margin-top:6px;font-size:12px;}
#quizApp .kp-mat-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:760px){#quizApp .kp-mat-row{grid-template-columns:1fr;}}




/* ЗЕНИТ · публичная страница. Дизайн-система ozlocks.ru/aura:
   Wix Madefor, светлая тема, плоские карточки r24, primary #228BE6. */
:root{
  --oz-primary:#228BE6;
  --oz-primary-dark:#0061B2;
  --oz-cta:#F25830;
  --oz-text:#212529;
  --oz-muted:#868E96;
  --oz-surface:#F8F9FA;
  --oz-line:#E9ECEF;
  --oz-white:#FFFFFF;
  --oz-red:#FA5252; --oz-green:#12B886; --oz-yellow:#FAB005; --oz-indigo:#4C6EF5; --oz-teal:#15AABF;
  --oz-tint-blue:rgba(34,139,230,.10);
  --oz-tint-green:rgba(18,184,134,.10);
  --oz-tint-yellow:rgba(250,176,5,.10);
  --oz-tint-indigo:rgba(76,110,245,.10);
  --oz-tint-teal:rgba(21,170,191,.10);
  --oz-tint-red:rgba(250,82,82,.10);
  --oz-tint-grey:rgba(134,142,150,.10);
  --wrap:1140px;
  --r:24px;
  --display:"Wix Madefor Display","Segoe UI",Roboto,Arial,sans-serif;
  --body:"Wix Madefor Text","Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--oz-white);color:var(--oz-text);
  font-family:var(--body);font-size:16px;line-height:1.6;font-weight:400;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--oz-primary);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--display);margin:0;text-wrap:balance;letter-spacing:normal}
h1{font-size:56px;line-height:1.28;font-weight:600}
h2{font-size:40px;line-height:1.2;font-weight:600}
h3{font-size:32px;line-height:1.25;font-weight:600}
h4{font-size:20px;line-height:1.2;font-weight:500}
p{margin:0}
:focus-visible{outline:3px solid var(--oz-primary);outline-offset:2px;border-radius:4px}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.sec{padding:88px 0}
section[id],main[id]{scroll-margin-top:80px}
.sec--grey{background:var(--oz-surface)}
.stack{display:flex;flex-direction:column}
.g8{gap:8px}.g12{gap:12px}.g16{gap:16px}.g24{gap:24px}.g32{gap:32px}.g48{gap:48px}
.lead{font-size:20px;line-height:1.55;color:var(--oz-muted);max-width:64ch}
.eyebrow{font-family:var(--body);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--oz-primary)}
.muted{color:var(--oz-muted)}
.small{font-size:14px;line-height:1.5}

/* --- шапка --- */
.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--oz-line)}
.top .wrap{display:flex;align-items:center;gap:24px;height:64px}
.brand{font-family:var(--display);font-weight:600;font-size:20px;color:var(--oz-text);letter-spacing:.02em}
.brand span{color:var(--oz-primary)}
.topnav{display:flex;gap:24px;margin-left:auto;font-size:15px}
.topnav a{color:var(--oz-text)}
.topnav a:hover{color:var(--oz-primary);text-decoration:none}
.top .btn{margin-left:8px}

/* --- кнопки --- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--body);font-size:16px;font-weight:500;border:0;border-radius:8px;
  padding:10px 16px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;text-decoration:none}
.btn:hover{text-decoration:none}
.btn--primary{background:var(--oz-primary);color:#fff}
.btn--primary:hover{background:var(--oz-primary-dark);color:#fff}
.btn--secondary{background:#fff;color:var(--oz-muted);box-shadow:inset 0 0 0 1px var(--oz-line)}
.btn--secondary:hover{color:var(--oz-text)}
.btn--ghost{background:transparent;color:var(--oz-primary);padding:10px 4px}
.btn--lg{font-size:20px;padding:14px 24px}
.btn[disabled]{opacity:.45;cursor:not-allowed}

/* --- герой --- */
.hero{padding:72px 0 64px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1{margin-bottom:20px}
.hero .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-bullets{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px;margin-top:40px;padding-top:32px;border-top:1px solid var(--oz-line)}
.hb{display:flex;gap:12px;align-items:flex-start}
.hb svg{flex:none;margin-top:2px}
.hb b{font-family:var(--display);font-weight:600;font-size:16px;display:block}
.hb span{font-size:14px;color:var(--oz-muted);line-height:1.45}

/* --- сборка на DIN-рейке (SVG) --- */
.rail-card{background:var(--oz-surface);border-radius:var(--r);padding:32px}
.rail-card figcaption{font-size:13px;color:var(--oz-muted);margin-top:16px;line-height:1.45}

/* --- карточки --- */
.grid{display:grid;gap:24px}
.g-2{grid-template-columns:repeat(2,1fr)}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--oz-surface);border-radius:var(--r);padding:32px;display:flex;flex-direction:column;gap:12px}
.sec--grey .card{background:#fff}
.card--accent{background:var(--oz-primary);color:#fff}
.card--accent .muted,.card--accent p{color:rgba(255,255,255,.86)}
.card h4{font-size:20px}
.card ul{margin:4px 0 0;padding-left:20px;color:var(--oz-muted);font-size:15px;line-height:1.6}
.card li+li{margin-top:6px}
.ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}

/* --- модули (таблица-сетка) --- */
.mods{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.mod{background:#fff;border-radius:var(--r);padding:28px 32px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 0 0 1px var(--oz-line)}
.mod-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.mod-head h4{font-size:22px}
.tag{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--oz-tint-blue);color:var(--oz-primary-dark)}
.mod dl{margin:8px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:15px}
.mod dt{color:var(--oz-muted)}
.mod dd{margin:0;font-variant-numeric:tabular-nums}

/* --- изделия --- */
.devs{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.dev{background:#fff;border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 0 1px var(--oz-line);text-align:left}
.dev-img{height:132px;display:flex;align-items:center;justify-content:center}
.dev-img img{max-height:132px;width:auto;filter:drop-shadow(0 6px 16px rgba(33,37,41,.16))}
.dev b{font-family:var(--display);font-size:17px;font-weight:600}
.dev span{font-size:14px;color:var(--oz-muted);line-height:1.45}

/* --- цифры --- */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.fact{padding:28px 0;border-top:2px solid var(--oz-primary)}
.fact b{display:block;font-family:var(--display);font-size:44px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}
.fact span{display:block;margin-top:10px;color:var(--oz-muted);font-size:15px;line-height:1.45}

/* --- сравнение --- */
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cmp .card{gap:16px}
.cmp ul{list-style:none;padding:0;margin:0;font-size:15px;color:var(--oz-text)}
.cmp li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--oz-line)}
.cmp .card--accent li{border-color:rgba(255,255,255,.24);color:#fff}
.cmp li:first-child{border-top:0}

/* --- FAQ --- */
.faq{max-width:840px}
.faq details{border-bottom:1px solid var(--oz-line);padding:20px 0}
.faq summary{font-family:var(--display);font-size:20px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--oz-primary);font-size:28px;line-height:1;flex:none}
.faq details[open] summary::after{content:"−"}
.faq p{margin-top:12px;color:var(--oz-muted);max-width:70ch}

/* --- футер --- */
.foot{background:#fff;border-top:1px solid var(--oz-line);padding:48px 0 40px;font-size:15px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.foot a{color:var(--oz-text)}
.foot .muted{font-size:14px}

/* ================= КВИЗ ================= */
.quiz-sec{background:var(--oz-surface);padding:72px 0 96px}
.quiz{max-width:920px;margin:0 auto;background:#fff;border-radius:var(--r);padding:40px;position:relative}
.quiz-top{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.quiz-top .step-of{font-size:14px;color:var(--oz-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.bar{flex:1;height:6px;border-radius:999px;background:var(--oz-line);overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--oz-primary);border-radius:999px;transition:width .35s cubic-bezier(.4,0,.2,1)}
.q{display:none}
.q.is-on{display:block;animation:qin .28s ease both}
@keyframes qin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .q.is-on{animation:none}
  .bar i{transition:none}
}
.q h3{font-size:30px;line-height:1.22;margin-bottom:8px}
.q .hint{color:var(--oz-muted);font-size:15px;margin-bottom:24px}

.tiles{display:grid;gap:12px}
.tiles--3{grid-template-columns:repeat(3,1fr)}
.tiles--2{grid-template-columns:repeat(2,1fr)}
.tile{position:relative;display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;
  background:#fff;border:1px solid var(--oz-line);border-radius:16px;padding:20px;cursor:pointer;
  font-family:var(--body);font-size:16px;color:var(--oz-text);transition:border-color .15s,background .15s,box-shadow .15s}
.tile:hover{border-color:var(--oz-primary);background:var(--oz-tint-blue)}
.tile.is-sel{border-color:var(--oz-primary);background:var(--oz-tint-blue);box-shadow:inset 0 0 0 1px var(--oz-primary)}
.tile b{font-family:var(--display);font-weight:600;font-size:17px;line-height:1.25}
.tile em{font-style:normal;font-size:14px;color:var(--oz-muted);line-height:1.45}
.tile .ico{width:40px;height:40px;border-radius:10px;background:var(--oz-tint-blue)}
.tile.is-sel .ico{background:#fff}
.tile .check{position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:6px;border:1px solid var(--oz-line);
  display:flex;align-items:center;justify-content:center;background:#fff}
.tile.is-sel .check{background:var(--oz-primary);border-color:var(--oz-primary)}
.tile .check svg{opacity:0}
.tile.is-sel .check svg{opacity:1}
.tiles--pill{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.tiles--pill .tile{flex-direction:row;align-items:center;padding:16px 18px}

.field{display:flex;flex-direction:column;gap:8px;max-width:420px}
.field label{font-size:14px;font-weight:500;color:var(--oz-text)}
.field input,.field select{font-family:var(--body);font-size:16px;padding:12px 14px;border-radius:10px;
  border:1px solid var(--oz-line);background:#fff;color:var(--oz-text);width:100%}
.field input:focus,.field select:focus{outline:none;border-color:var(--oz-primary);box-shadow:0 0 0 3px var(--oz-tint-blue)}
.field .err{font-size:13px;color:var(--oz-red);display:none}
.field.is-bad input{border-color:var(--oz-red)}
.field.is-bad .err{display:block}

.q-nav{display:flex;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--oz-line)}
.q-nav .btn--ghost{margin-right:auto}

/* --- результат --- */
.result h3{font-size:32px;margin-bottom:8px}
.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.res-box{background:var(--oz-surface);border-radius:16px;padding:24px}
.res-box h4{font-size:17px;margin-bottom:14px}
.res-list{list-style:none;margin:0;padding:0}
.res-list li{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-top:1px solid var(--oz-line);font-size:15px}
.res-list li:first-child{border-top:0}
.res-list .n{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--oz-muted);white-space:nowrap}
.res-list .why{display:block;font-size:13px;color:var(--oz-muted);line-height:1.4;margin-top:2px}
.res-note{margin-top:20px;padding:16px 18px;border-radius:12px;background:var(--oz-tint-yellow);font-size:14px;line-height:1.5}
.res-scale{margin-top:16px;font-size:15px;color:var(--oz-muted)}
.res-scale b{color:var(--oz-text);font-variant-numeric:tabular-nums}

/* --- форма контакта --- */
.lead-form{margin-top:32px;background:var(--oz-primary);border-radius:20px;padding:32px;color:#fff}
.lead-form h4{font-size:24px;font-family:var(--display);font-weight:600;margin-bottom:6px}
.lead-form p{color:rgba(255,255,255,.86);font-size:15px;max-width:56ch}
.lf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.lead-form .field label{color:#fff}
.lead-form .field input,.lead-form .field select{border-color:transparent}
.lead-form .field .err{color:#FFE3E3}
.lead-form .btn--cta{background:#fff;color:var(--oz-primary-dark);font-weight:600}
.lead-form .btn--cta:hover{background:#F1F3F5}
.consent{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:13px;color:rgba(255,255,255,.86);line-height:1.45}
.consent input{margin-top:3px;flex:none;width:16px;height:16px;accent-color:#fff}
.consent a{color:#fff;text-decoration:underline}
.lf-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}

/* --- спасибо --- */
.thanks{text-align:left}
.thanks .ok{width:56px;height:56px;border-radius:16px;background:var(--oz-tint-green);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.thanks h3{margin-bottom:8px}

/* --- печатная версия расчёта --- */
#pdfDoc{position:absolute;left:-10000px;top:0;width:794px;background:#fff;color:#212529;
  font-family:var(--body);font-size:13px;line-height:1.5;padding:48px}
#pdfDoc h1{font-size:28px;margin-bottom:4px}
#pdfDoc h2{font-size:17px;margin:26px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--oz-primary)}
#pdfDoc table{width:100%;border-collapse:collapse;font-size:12.5px}
#pdfDoc td{padding:7px 0;border-bottom:1px solid #E9ECEF;vertical-align:top}
#pdfDoc td:last-child{text-align:right;white-space:nowrap;color:#495057;font-variant-numeric:tabular-nums}
#pdfDoc .pdf-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;
  padding-bottom:18px;border-bottom:2px solid #212529}
#pdfDoc .pdf-foot{margin-top:28px;padding-top:14px;border-top:1px solid #E9ECEF;font-size:11.5px;color:#868E96}
#pdfDoc .pdf-note{margin-top:14px;padding:12px 14px;background:#F8F9FA;border-radius:8px;font-size:11.5px;color:#495057}

/* --- адаптив --- */
@media (max-width:960px){
  h1{font-size:38px}h2{font-size:30px}h3{font-size:26px}
  .hero-grid,.cmp,.res-grid{grid-template-columns:1fr}
  .g-3,.g-4,.devs,.facts,.mods,.foot-grid{grid-template-columns:repeat(2,1fr)}
  .lf-grid{grid-template-columns:1fr 1fr}
  .sec{padding:64px 0}
  .topnav{display:none}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  h1{font-size:32px}h2{font-size:26px}.q h3{font-size:24px}
  .lead{font-size:17px}
  .g-2,.g-3,.g-4,.devs,.facts,.mods,.grid,.hero-bullets,.foot-grid,.lf-grid,.tiles--3,.tiles--2{grid-template-columns:1fr}
  .quiz{padding:24px 20px;border-radius:18px}
  .card,.mod,.rail-card{padding:24px}
  .q-nav{flex-wrap:wrap}
  .q-nav .btn{flex:1}
}
@media print{
  .top,.quiz-sec,.foot,.sec{display:none!important}
  #pdfDoc{position:static!important;left:0!important;width:auto!important;padding:0!important;display:block!important}
}

/* --- плашки разделов автоматизации: тот же вид, что в калькуляторе --- */
.q .secgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.q .seccard{font-family:var(--body);text-align:left;width:100%;color:var(--oz-text);
  background:#fff;border:2px solid var(--oz-line);border-left-width:5px;border-radius:12px;
  padding:14px 16px 14px 15px;cursor:pointer;transition:border-color .16s,background .16s,opacity .16s}
.q .seccard:hover{border-color:#BFD9F2}
.q .seccard .sc-n{font-family:var(--display);font-weight:600;font-size:15.5px;
  display:flex;align-items:center;gap:9px;line-height:1.25}
.q .seccard .sc-chk{width:19px;height:19px;border-radius:6px;border:2px solid #CED4DA;flex:none;
  display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;transition:all .15s}
.q .seccard.on .sc-chk{background:var(--oz-green);border-color:var(--oz-green)}
/* В опроснике описание видно всегда — иначе невыбранная плашка пустая
   и человеку нечего читать, чтобы решить. */
.q .seccard .sc-d{display:block;font-size:12.5px;line-height:1.45;color:var(--oz-muted);margin-top:7px}
.q .seccard:not(.on){opacity:.72}
.q .seccard:not(.on) .sc-d{color:#ADB5BD}
@media (max-width:640px){ .q .secgrid{grid-template-columns:1fr} }




/* Страница квиза: заголовок из сборки 89, дальше — стили опросника */
a.mode-btn{text-decoration:none;display:inline-flex;align-items:center}
a.mode-btn:hover{text-decoration:none;border-color:var(--oz-primary);color:var(--oz-primary)}
.quiz-sec{padding-top:40px}
body{padding-top:0}