/* Калкулатор за климатик – зарежда се само на /kalkulator-za-klimatik */
.cx-page{--win:#ef4444;--sum:#ea580c;--cold:#0ea5e9}
.cx-hero{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;margin:6px 0 18px;flex-wrap:wrap}
.cx-hero>div:first-child{max-width:720px}
.cx-hero h1{margin-bottom:.3em}
.cx-hero p{margin:0}
.cx-kicker{display:inline-flex;gap:6px;align-items:center;font-size:.8rem;font-weight:800;color:var(--pri);background:var(--sky);border-radius:99px;padding:4px 12px;margin-bottom:10px!important}
.cx-modes{display:flex;background:#fff;border:1px solid var(--line);border-radius:16px;padding:5px;box-shadow:var(--sh)}
.cx-modes button{display:flex;flex-direction:column;align-items:flex-start;padding:9px 18px;border-radius:12px;text-align:left;line-height:1.25;transition:background .15s,color .15s}
.cx-modes button small{font-size:.74rem;color:var(--ink2);font-weight:600}
.cx-modes button[aria-selected=true]{background:linear-gradient(135deg,var(--pri),var(--cy));color:#fff}
.cx-modes button[aria-selected=true] small{color:#e0f2fe}
.cx{min-height:420px}
.cx-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--sh);margin-bottom:16px}
.cx-card h2{font-size:clamp(1.3rem,2.4vw,1.75rem)}
.cx-card h3{font-size:1.08rem}
.cx-kick{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pri);margin:0 0 6px}
.cx-help{font-size:.84rem;color:var(--ink2);margin:6px 0 10px}
.cx-note{font-size:.88rem;color:var(--ink2);margin:12px 0 0}
.cx-link{color:var(--pri);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.cx-tip{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:10px 14px;font-size:.9rem;margin:12px 0 0}

/* Бърз режим */
.cx-quick{max-width:980px;margin:0 auto}
.cx-quick.done{max-width:none}
.cx-prog{height:6px;background:var(--line);border-radius:9px;overflow:hidden;margin-bottom:12px}
.cx-prog span{display:block;height:100%;background:linear-gradient(90deg,var(--pri),var(--cy));transition:width .35s}
.cx-dots{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 14px;flex-wrap:wrap}
.cx-dots button{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line2);font-size:.8rem;font-weight:800;color:var(--ink3);background:#fff}
.cx-dots .ok button{background:var(--pri);border-color:var(--pri);color:#fff}
.cx-dots .cur button{border-color:var(--pri);color:var(--pri);box-shadow:0 0 0 4px var(--sky)}
.cx-dots button:disabled{cursor:default}
.cx-q{animation:cxIn .3s ease}
@keyframes cxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cx-grid{display:grid;gap:12px;margin-top:16px}
.cx-grid.c2{grid-template-columns:repeat(2,1fr)}.cx-grid.c3{grid-template-columns:repeat(3,1fr)}.cx-grid.c4{grid-template-columns:repeat(4,1fr)}
.cx-opt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-height:118px;padding:16px 12px;border:1.5px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);transition:border-color .15s,transform .15s,box-shadow .15s}
.cx-opt:hover{border-color:var(--cy);transform:translateY(-2px);box-shadow:0 8px 22px rgba(6,182,212,.16)}
.cx-opt.on{border-color:var(--pri);box-shadow:0 0 0 3px var(--sky)}
.cx-opt b{font-size:.98rem}
.cx-opt small{font-size:.78rem;color:var(--ink2);font-weight:600;line-height:1.35}
.cx-opt svg{width:64px;height:56px;fill:none;stroke:var(--pri);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.cx-opt svg .fl{fill:#e0f2fe;stroke:#7dd3fc}
.cx-opt svg .ext{fill:#fecaca;stroke:var(--win)}
.cx-opt svg .int{fill:#f1f5f9;stroke:var(--ink3)}
.cx-opt svg .ln{fill:none}
.cx-u{position:absolute;top:8px;right:8px;font-size:.68rem;font-weight:800;color:var(--ink2);background:var(--bg);border-radius:6px;padding:1px 6px}
.cx-rose{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-weight:800;font-size:1.1rem;color:#fff;margin-bottom:4px}
.cx-rose.r-N{background:#64748b}.cx-rose.r-E{background:#f59e0b}.cx-rose.r-S{background:#f97316}.cx-rose.r-W{background:#dc2626}
.cx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cx-chip{padding:8px 14px;border:1.5px solid var(--line);border-radius:99px;background:#fff;font-weight:700;font-size:.88rem}
.cx-chip:hover{border-color:var(--cy)}
.cx-chip.on{background:var(--pri);border-color:var(--pri);color:#fff}
.cx-sub2{font-weight:800;margin:18px 0 0}
.cx-search input,.cx-f input[type=text],.cx-f select,.cx-wr select{width:100%;max-width:420px;min-height:48px;border:1.5px solid var(--line2);border-radius:12px;padding:10px 14px;background:#fff;font-weight:600}
.cx-search input:focus,.cx-f input:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 3px var(--sky)}
.cx-custom{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-top:16px}
.cx-custom label{display:grid;gap:6px;font-weight:700}
.cx-num{display:inline-flex;align-items:stretch;border:1.5px solid var(--line2);border-radius:12px;background:#fff;overflow:hidden}
.cx-num button{width:40px;font-size:1.2rem;font-weight:700;color:var(--pri)}
.cx-num button:hover{background:var(--sky)}
.cx-num input{width:72px;border:0;text-align:center;font-weight:800;font-size:1rem;-moz-appearance:textfield;appearance:textfield;padding:0}
.cx-num input::-webkit-inner-spin-button,.cx-num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.cx-num input:focus{outline:none}
.cx-num i{font-style:normal;align-self:center;font-size:.8rem;color:var(--ink2);padding-right:6px}
.cx-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}
.cx-back{font-weight:700;color:var(--ink2)}
.cx-dial{text-align:center;max-width:420px;margin:10px auto 0}
.cx-temp{display:flex;align-items:center;justify-content:center;gap:18px}
.cx-temp button{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--line2);font-size:1.5rem;font-weight:700;color:var(--pri);background:#fff}
.cx-temp output{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;font-size:2.1rem;font-weight:800;background:radial-gradient(circle at 50% 40%,#fff7ed,#fed7aa 70%,#fb923c);color:#7c2d12;box-shadow:inset 0 -8px 20px rgba(234,88,12,.25),0 10px 30px rgba(234,88,12,.2)}
.cx-dial input[type=range]{width:100%;margin:18px 0 0;accent-color:var(--sum)}
.btn.big{min-height:54px;padding:12px 30px;font-size:1.05rem;margin-top:18px}

/* Разширен режим */
.cx-steps{display:flex;gap:4px;list-style:none;padding:0;margin:0 0 16px;counter-reset:s;overflow-x:auto;scrollbar-width:none}
.cx-steps li{flex:1;min-width:max-content}
.cx-steps button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:12px;font-weight:700;font-size:.88rem;color:var(--ink2);background:#fff;border:1px solid var(--line)}
.cx-steps span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bg);font-size:.78rem}
.cx-steps .ok span{background:var(--pri);color:#fff}
.cx-steps .cur button{border-color:var(--pri);color:var(--ink);box-shadow:0 0 0 3px var(--sky)}
.cx-steps .cur span{background:var(--cy);color:#fff}
.cx-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:18px;align-items:start}
.cx-side{position:sticky;top:96px}
.cx-f{margin:16px 0}
.cx-f>label{display:block;font-weight:800;margin-bottom:8px}
.cx-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cx-row .cx-f{margin:10px 0}
.cx-seg{display:inline-flex;background:var(--bg);border-radius:12px;padding:4px;gap:2px;flex-wrap:wrap}
.cx-seg button{padding:7px 12px;border-radius:9px;font-weight:700;font-size:.85rem;color:var(--ink2)}
.cx-seg button[aria-pressed=true]{background:#fff;color:var(--pri);box-shadow:0 1px 4px rgba(15,23,42,.12)}
.cx-seg.wide{display:flex}
.cx-seg.wide button{flex:1}
.cx-rad{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.cx-rad label{position:relative;display:flex;flex-direction:column;gap:2px;padding:11px 14px 11px 38px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;background:#fff;font-size:.9rem}
.cx-rad label:hover{border-color:var(--cy)}
.cx-rad label.on{border-color:var(--pri);background:#f8fbff}
.cx-rad input{position:absolute;left:13px;top:14px;accent-color:var(--pri)}
.cx-rad small{color:var(--ink2);font-size:.78rem;line-height:1.35}
.cx-rad .cx-u{position:static;align-self:flex-start;margin-top:4px}
.cx-wc{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:10px;background:#fff}
.cx-wc.out{border-color:#fecaca;background:#fffafa}
.cx-wh{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.cx-wh small{color:var(--ink2)}
.cx-wh em{margin-left:auto;font-style:normal;font-weight:800;font-size:.82rem;color:var(--win);background:#fee2e2;border-radius:99px;padding:2px 10px}
.cx-wn{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:.78rem;font-weight:800}
.cx-wr{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:10px;font-size:.86rem}
.cx-wr label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:150px}
.cx-wr input[type=range]{accent-color:var(--pri)}
.cx-wr select{min-height:40px;max-width:none}
.cx-tg{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;font-weight:700;font-size:.85rem;cursor:pointer;flex:none!important;min-width:0!important}
.cx-tg input{accent-color:var(--pri);width:16px;height:16px}
.cx-live{background:linear-gradient(135deg,var(--navy),var(--pri3));color:#fff;border:0}
.cx-live .cx-kick{color:#7dd3fc}
.cx-btu{font-size:2.4rem;font-weight:800;line-height:1;margin:0 0 12px}
.cx-btu small{font-size:1rem;color:#bae6fd}
.cx-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.cx-kv div{background:rgba(255,255,255,.08);border-radius:10px;padding:8px 10px}
.cx-kv dt{font-size:.7rem;color:#bae6fd;font-weight:700}
.cx-kv dd{margin:2px 0 0;font-weight:800;font-size:.95rem}

/* 3D */
.cx-view{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--sh);margin-bottom:16px}
.cx-vh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.cx-vh>span:first-child{display:flex;flex-direction:column;font-size:.86rem}
.cx-vh small{color:var(--ink2)}
.cx-stage{position:relative;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;background:radial-gradient(ellipse at 50% 70%,#eef6ff,#fff 70%);border-radius:14px;margin:8px 0}
.cx-stage.grab{cursor:grabbing}
.cx-svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto}
.cx-floor{fill:#e9dcc6;stroke:#c9b48f;stroke-width:1}
.cx-wall polygon{stroke:#94a3b8;stroke-width:1.2;stroke-linejoin:round}
.cx-wall.out>polygon:first-child{stroke:#64748b;stroke-width:1.6}
.cx-wall.front>polygon:first-child{fill-opacity:.16;stroke-dasharray:4 3}
.cx-wall.front .cx-win,.cx-wall.front .cx-door,.cx-wall.front .cx-ac{opacity:.45}
.cx-win{fill:#bae6fd;stroke:#0284c7!important;stroke-width:1.6!important;fill-opacity:.85}
.cx-winf{fill:none;stroke:#0284c7;stroke-width:1.2}
.cx-door{fill:#d6b98c;stroke:#92704a!important}
.cx-ac{fill:#fff;stroke:#0f172a!important;stroke-width:1.4!important}
.cx-plan{fill:none;stroke-width:11;stroke-linecap:square}
.cx-planw{fill:none;stroke:#38bdf8;stroke-width:5}
.cx-pland{fill:none;stroke:#b08a5a;stroke-width:5}
.cx-lbl circle{fill:var(--navy)}
.cx-lbl rect{fill:#fff;stroke:#fecaca}
.cx-lbl text{font:800 11px var(--font);fill:var(--win);text-anchor:middle}
.cx-lbl text.n{fill:#fff}
.cx-lbl.zero rect{stroke:var(--line)}.cx-lbl.zero text:not(.n){fill:var(--ink3)}
.cx-dot.win{fill:#f97316;opacity:.85}
.cx-dot.sum{fill:#f59e0b;opacity:.85}
.cx-comp circle{fill:#fff;stroke:var(--line2)}
.cx-comp path{stroke:var(--sale);stroke-width:2.5;stroke-linecap:round}
.cx-comp text{font:800 10px var(--font);fill:var(--sale);text-anchor:middle}
.cx-vt{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cx-hint{font-size:.76rem;color:var(--ink3);margin:8px 0 0}

/* Резултат */
.cx-res-h{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
.cx-res-h h2{margin-bottom:.35em}
.cx-res-h p.muted{margin:0;max-width:640px}
.cx-badges{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px}
.cx-badges div{background:linear-gradient(160deg,#f8fbff,var(--sky));border:1px solid #bae6fd;border-radius:14px;padding:12px 14px}
.cx-badges small{display:block;font-size:.72rem;font-weight:800;color:var(--ink2);text-transform:uppercase;letter-spacing:.05em}
.cx-badges b{display:block;font-size:1.35rem;color:var(--pri3);margin:2px 0}
.cx-badges span{font-size:.76rem;color:var(--ink2)}
.cx-caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 22px;margin-top:18px}
.cx-cap span{font-weight:800;font-size:.88rem}
.cx-capbar{height:12px;background:var(--bg);border-radius:9px;overflow:hidden;margin:6px 0 4px}
.cx-capbar i{display:block;height:100%;background:linear-gradient(90deg,var(--ok),#84cc16);border-radius:9px}
.cx-cap small{font-size:.8rem;color:var(--ink2)}
.cx-res .cx-split{grid-template-columns:minmax(0,1fr) minmax(0,520px)}
.cx-stack{display:flex;height:16px;border-radius:9px;overflow:hidden;margin:14px 0 12px;gap:2px}
.cx-legend{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.cx-legend li{display:grid;grid-template-columns:14px 1fr auto 44px;gap:8px;align-items:center;font-size:.88rem}
.cx-legend i{width:12px;height:12px;border-radius:4px}
.cx-legend small{color:var(--ink2);text-align:right}
.win .s0{background:#dc2626}.win .s1{background:#f97316}.win .s2{background:#fb923c}.win .s3{background:#fdba74}.win .s4{background:#fcd34d}.win .s5{background:#fde68a}.win .s6{background:#fef3c7}
.sum .s0{background:#ea580c}.sum .s1{background:#f59e0b}.sum .s2{background:#0ea5e9}.sum .s3{background:#38bdf8}.sum .s4{background:#7dd3fc}.sum .s5{background:#a5b4fc}.sum .s6{background:#c4b5fd}.sum .s7{background:#e2e8f0}
.cx-tbl{width:100%;border-collapse:collapse;margin-top:12px;font-size:.9rem}
.cx-tbl th,.cx-tbl td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left}
.cx-tbl th{font-size:.75rem;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em}
.cx-tbl .r{text-align:right}
.cx-tbl tr.best td{background:#f0fdf4;color:var(--ok2)}
.cx-save{margin:12px 0 0;background:linear-gradient(90deg,#f0fdf4,#ecfeff);border:1px solid #bbf7d0;border-radius:12px;padding:12px 14px}
.cx-save b{color:var(--ok2);font-size:1.1rem}
.cx-rh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.cx-rh h3{margin:0}
.cx-top3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cx-p{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:box-shadow .15s,transform .15s}
.cx-p:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.cx-p.big:nth-child(2){border-color:var(--gold);box-shadow:0 0 0 2px #fde68a}
.cx-pi{display:block;height:180px;background:#fff}
.cx-pi img{width:100%;height:100%;object-fit:contain;padding:10px}
.cx-pb{display:flex;flex-direction:column;flex:1;padding:12px 14px 14px;border-top:1px solid var(--line)}
.cx-pb h4{font-size:.9rem;line-height:1.35;margin:0 0 6px;font-weight:700}
.cx-pb h4 a{color:var(--ink)}
.cx-why{font-size:.78rem;color:var(--ink2);margin:0 0 6px}
.cx-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px}
.cx-tags em{font-style:normal;font-size:.7rem;font-weight:800;background:var(--sky);color:var(--pri3);border-radius:6px;padding:2px 7px}
.cx-tags em.c{background:#e0f2fe;color:#0369a1}.cx-tags em.o{background:#fee2e2;color:var(--sale)}
.cx-pf{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}
.cx-pr{display:flex;flex-direction:column;line-height:1.2}
.cx-pr s{font-size:.78rem;color:var(--ink3)}
.cx-pr b{font-size:1.12rem;color:var(--sale)}
.cx-tier{position:absolute;top:10px;left:10px;z-index:1;font-size:.72rem;font-weight:800;border-radius:99px;padding:3px 10px;color:#fff}
.cx-tier.t1{background:var(--ok)}.cx-tier.t2{background:var(--gold);color:#422006}.cx-tier.t3{background:var(--navy)}
.cx-more{margin-top:16px}
.cx-more summary{cursor:pointer;font-weight:800;color:var(--pri)}
.cx-moreg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}
.cx-all{margin:16px 0 0;text-align:center}
.cx-load{color:var(--ink2)}
.cx-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,#ecfeff,#eff6ff)}
.cx-cta h3{margin-bottom:.2em}.cx-cta p{margin:0}
.cx-again{text-align:center;margin:4px 0 24px}

/* Пояснения под калкулатора */
.cx-info{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.cx-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cx-cols p{font-size:.92rem;color:var(--ink2)}

@media (max-width:1060px){
  .cx-split,.cx-res .cx-split{grid-template-columns:1fr}
  .cx-side{position:static;order:-1}
  .cx-res-h{grid-template-columns:1fr}
  .cx-top3{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .cx-modes{width:100%}.cx-modes button{flex:1}
  .cx-card{padding:16px;border-radius:16px}
  .cx-grid.c3,.cx-grid.c4{grid-template-columns:1fr 1fr}
  .cx-grid.c2{grid-template-columns:1fr}
  .cx-opt{min-height:104px;padding:12px 8px}
  .cx-row{grid-template-columns:1fr}
  .cx-badges{grid-template-columns:repeat(3,1fr);gap:6px}.cx-badges div{padding:8px}.cx-badges b{font-size:1.05rem}
  .cx-top3{grid-template-columns:1fr}
  .cx-cols{grid-template-columns:1fr}
  .cx-kv{grid-template-columns:1fr 1fr}
  .cx-dots button{width:26px;height:26px}
  .cx-temp output{width:120px;height:120px;font-size:1.8rem}
  .cx-legend li{grid-template-columns:14px 1fr auto}.cx-legend small{display:none}
}
@media (prefers-reduced-motion:reduce){.cx-q{animation:none}.cx-opt,.cx-p{transition:none}}