/* Квиз «Подбор кондиционера» — Традиции климата. Все правила внутри .tkq, классы с префиксом tkq- */
.tkq{
  --tkq-bg:#F2F5F9; --tkq-surface:#FFFFFF; --tkq-sunk:#F6F8FB; --tkq-fg:#15202D; --tkq-muted:#5A6878; --tkq-line:#DCE3EB;
  --tkq-accent:#077EEC; --tkq-accent-ink:#FFFFFF; --tkq-accent-soft:#E7F1FD; --tkq-accent-line:#B9D8F8;
  --tkq-err:#C23B2E; --tkq-check:#FFF1C2; --tkq-check-ink:#6B4E00;
  --tkq-display:"Onest","Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --tkq-body:"Golos Text","Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --tkq-r:14px;
  font-family:var(--tkq-body);font-size:16px;line-height:1.5;color:var(--tkq-fg);-webkit-font-smoothing:antialiased;text-align:left;
}
.tkq *,.tkq *::before,.tkq *::after{box-sizing:border-box}
.tkq h2,.tkq h1,.tkq p,.tkq ul{margin:0}
.tkq button,.tkq input,.tkq select{font:inherit;color:inherit;letter-spacing:normal;text-transform:none}
.tkq button{margin:0;line-height:1.3}
.tkq a{text-decoration:none}
.tkq svg{display:inline-block;vertical-align:middle}

/* Модальное окно на сайте */
.tkq-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(12,22,36,.55);display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto}
.tkq-overlay[hidden]{display:none!important}
.tkq-overlay .tkq-win{width:100%;max-width:1040px;margin:auto}
html.tkq-lock,html.tkq-lock body{overflow:hidden!important}

.tkq-win{background:var(--tkq-surface);border:1px solid var(--tkq-line);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px -30px rgba(10,40,80,.45);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:620px}
.tkq-side{position:relative;background:var(--tkq-sunk);border-right:1px solid var(--tkq-line);display:flex;flex-direction:column;min-width:0}
.tkq-side-img{position:relative;flex:1;min-height:220px;overflow:hidden}
.tkq-side-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tkq-side-cap{padding:16px 22px 20px;font-size:13.5px;color:var(--tkq-muted);display:flex;flex-direction:column;gap:6px}
.tkq-side-cap strong{color:var(--tkq-fg);font-family:var(--tkq-display);font-weight:600;font-size:15px}
.tkq-main{display:flex;flex-direction:column;min-width:0}
.tkq-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 26px;border-bottom:1px solid var(--tkq-line)}
.tkq-brand{display:flex;align-items:center;gap:10px;font-family:var(--tkq-display);font-weight:600;line-height:1.05;font-size:15px}
.tkq-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--tkq-line);background:transparent;color:var(--tkq-muted);display:grid;place-items:center;cursor:pointer;padding:0}
.tkq-close:hover{color:var(--tkq-fg)}
.tkq-prog{padding:16px 26px 0;display:flex;flex-direction:column;gap:8px}
.tkq-prog[hidden]{display:none}
.tkq-prog-row{display:flex;justify-content:space-between;font-size:13px;color:var(--tkq-muted);font-variant-numeric:tabular-nums}
.tkq-bar{height:4px;border-radius:4px;background:var(--tkq-line);overflow:hidden}
.tkq-bar i{display:block;height:100%;background:var(--tkq-accent);border-radius:4px;transition:width .35s ease}
.tkq-body{flex:1;padding:22px 26px 10px;display:flex;flex-direction:column;gap:18px;min-width:0}
.tkq h1,.tkq h2{font-family:var(--tkq-display);font-weight:600;letter-spacing:-.01em;text-wrap:balance;color:var(--tkq-fg)}
.tkq h1{font-size:clamp(25px,3.1vw,33px);line-height:1.15}
.tkq h2{font-size:clamp(21px,2.4vw,26px);line-height:1.2}
.tkq-lead{color:var(--tkq-muted);max-width:60ch}
.tkq-hint{color:var(--tkq-muted);font-size:14px;margin-top:-8px!important}

.tkq-opts{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.tkq-opts.tkq-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.tkq-opt{position:relative;display:flex;flex-direction:column;text-align:left;background:var(--tkq-surface);border:1.5px solid var(--tkq-line);border-radius:var(--tkq-r);padding:0;cursor:pointer;color:var(--tkq-fg);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.tkq-opt:hover{border-color:var(--tkq-accent-line)}
.tkq-opt[aria-pressed="true"]{border-color:var(--tkq-accent);box-shadow:0 0 0 3px var(--tkq-accent-soft)}
.tkq-ph{aspect-ratio:4/3;max-width:100%;width:100%;background:var(--tkq-sunk);position:relative;display:grid;place-items:center;color:var(--tkq-accent)}
.tkq-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tkq-lab{padding:10px 12px 12px;font-weight:500;font-size:15px;line-height:1.3}
.tkq-opt.tkq-row{flex-direction:row;align-items:center;gap:12px;padding:12px 14px;min-height:58px}
.tkq-ic{flex:none;width:36px;height:36px;border-radius:10px;background:var(--tkq-accent-soft);color:var(--tkq-accent);display:grid;place-items:center}
.tkq-row .tkq-lab{padding:0}
.tkq-tick{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--tkq-accent);color:var(--tkq-accent-ink);display:none;place-items:center}
.tkq-opt[aria-pressed="true"] .tkq-tick{display:grid}
.tkq-row .tkq-tick{position:static;margin-left:auto;flex:none;display:grid;background:transparent;border:1.5px solid var(--tkq-line);color:transparent}
.tkq-row[aria-pressed="true"] .tkq-tick{background:var(--tkq-accent);border-color:var(--tkq-accent);color:var(--tkq-accent-ink)}

.tkq-explain{display:flex;gap:12px;align-items:flex-start;background:var(--tkq-accent-soft);border-radius:var(--tkq-r);padding:14px 16px;font-size:14.5px;line-height:1.5;animation:tkq-rise .3s ease both}
.tkq-explain>svg{flex:none;color:var(--tkq-accent);margin-top:2px}
.tkq-explain b{font-weight:600}
@keyframes tkq-rise{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}

.tkq-slider{display:flex;flex-direction:column;gap:12px;background:var(--tkq-sunk);border:1px solid var(--tkq-line);border-radius:var(--tkq-r);padding:18px}
.tkq-slider-val{font-family:var(--tkq-display);font-size:40px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.tkq-slider-val small{font-size:18px;color:var(--tkq-muted);font-weight:500;margin-left:4px}
/* Ползунок: свой вид, чтобы тема сайта не перекрашивала его */
.tkq input[type=range]{-webkit-appearance:none!important;appearance:none!important;display:block;width:100%!important;height:32px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:none;cursor:pointer;--tkq-p:50%}
.tkq input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;border:0;background:linear-gradient(to right,var(--tkq-accent) 0,var(--tkq-accent) var(--tkq-p),var(--tkq-line) var(--tkq-p),var(--tkq-line) 100%)}
.tkq input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;border:3px solid var(--tkq-accent);box-shadow:0 2px 6px rgba(10,40,80,.25);cursor:grab}
.tkq input[type=range]::-moz-range-track{height:8px;border-radius:8px;border:0;background:var(--tkq-line)}
.tkq input[type=range]::-moz-range-progress{height:8px;border-radius:8px;background:var(--tkq-accent)}
.tkq input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--tkq-accent);box-shadow:0 2px 6px rgba(10,40,80,.25);cursor:grab}
.tkq input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--tkq-accent-soft),0 2px 6px rgba(10,40,80,.25)}
.tkq input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 5px var(--tkq-accent-soft)}
.tkq input[type=range]:disabled{opacity:.35;cursor:not-allowed}
.tkq-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--tkq-muted);font-variant-numeric:tabular-nums}
.tkq-chk{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;cursor:pointer;color:var(--tkq-fg)}
/* Галочки: свой вид, чтобы тема сайта не скрывала их */
.tkq input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;display:inline-grid!important;place-content:center;position:static!important;opacity:1!important;visibility:visible!important;clip:auto!important;width:20px!important;height:20px!important;min-width:20px;flex:none;margin:1px 0 0!important;padding:0!important;border:1.5px solid #9AA8B8!important;border-radius:6px!important;background:var(--tkq-surface)!important;box-shadow:none!important;cursor:pointer;transition:background .15s,border-color .15s}
.tkq input[type=checkbox]::before{content:"";width:10px;height:6px;border-left:2.2px solid #fff;border-bottom:2.2px solid #fff;transform:translateY(-1px) rotate(-45deg);opacity:0}
.tkq input[type=checkbox]::after{content:none!important}
.tkq input[type=checkbox]:checked{background:var(--tkq-accent)!important;border-color:var(--tkq-accent)!important}
.tkq input[type=checkbox]:checked::before{opacity:1}
.tkq input[type=checkbox]:disabled{opacity:.4!important}
.tkq-chips{display:flex;flex-wrap:wrap;gap:8px}
.tkq-chip{border:1.5px solid var(--tkq-line);background:var(--tkq-surface);color:var(--tkq-fg);border-radius:999px;padding:8px 16px;font-size:14.5px;cursor:pointer}
.tkq-chip[aria-pressed="true"]{border-color:var(--tkq-accent);background:var(--tkq-accent-soft)}
.tkq-flabel{font-size:13px;color:var(--tkq-muted);font-weight:500}

.tkq-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 26px 22px;flex-wrap:wrap}
.tkq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:14px 22px;font-weight:600;font-size:15.5px;cursor:pointer;transition:filter .15s,opacity .15s;text-decoration:none;line-height:1.2}
.tkq-btn-primary{background:var(--tkq-accent);color:var(--tkq-accent-ink)}
.tkq-btn-primary:hover{filter:brightness(1.06);color:var(--tkq-accent-ink)}
.tkq-btn-primary:disabled{opacity:.4;cursor:not-allowed}
.tkq-btn-ghost{background:transparent;color:var(--tkq-muted);padding:14px 8px}
.tkq-btn-ghost:hover{color:var(--tkq-fg)}
.tkq-btn-line{background:var(--tkq-surface);color:var(--tkq-fg);border:1.5px solid var(--tkq-line);padding:10px 16px;font-size:14.5px}
.tkq-btn-line:hover{border-color:var(--tkq-accent-line);color:var(--tkq-fg)}
.tkq button:focus-visible,.tkq a:focus-visible,.tkq input:focus-visible,.tkq select:focus-visible{outline:3px solid var(--tkq-accent-line);outline-offset:2px}
.tkq-small{font-size:12.5px;color:var(--tkq-muted)}

.tkq-facts{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;list-style:none;font-size:14px}
.tkq-facts li{display:flex;align-items:center;gap:8px}
.tkq-facts svg{color:var(--tkq-accent);flex:none}
.tkq-what{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tkq-what div{border:1px solid var(--tkq-line);border-radius:var(--tkq-r);padding:14px;display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--tkq-muted)}
.tkq-what b{color:var(--tkq-fg);font-family:var(--tkq-display);font-size:15px;font-weight:600}

.tkq-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--tkq-accent);font-weight:600}
.tkq-res-head{display:flex;flex-direction:column;gap:6px}
.tkq-power{border:1px solid var(--tkq-line);border-radius:var(--tkq-r);padding:16px 18px;display:flex;flex-direction:column;gap:14px}
.tkq-power-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tkq-power-big{font-family:var(--tkq-display);font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}
.tkq-power-big span{color:var(--tkq-muted);font-size:16px;font-weight:500}
.tkq-ladder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.tkq-rung{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--tkq-muted);font-variant-numeric:tabular-nums;min-width:0}
.tkq-rung i{height:8px;border-radius:4px;background:var(--tkq-line)}
.tkq-rung b{font-family:var(--tkq-display);font-size:14px;color:var(--tkq-muted);font-weight:600}
.tkq-rung.tkq-on i{background:var(--tkq-accent)}
.tkq-rung.tkq-on b{color:var(--tkq-fg)}
.tkq-why{font-size:14px;color:var(--tkq-muted)}
.tkq-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tkq-card{border:1px solid var(--tkq-line);border-radius:var(--tkq-r);padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.tkq-k{font-size:12.5px;color:var(--tkq-muted)}
.tkq-v{font-family:var(--tkq-display);font-weight:600;font-size:19px;line-height:1.25;font-variant-numeric:tabular-nums}
.tkq-card p{font-size:13.5px;color:var(--tkq-muted)}
.tkq-look{padding-left:18px!important;font-size:14.5px;display:flex;flex-direction:column;gap:4px}

.tkq-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tkq-model{border:1px solid var(--tkq-line);border-radius:var(--tkq-r);overflow:hidden;display:flex;flex-direction:column;min-width:0;color:var(--tkq-fg);background:var(--tkq-surface);transition:border-color .15s}
.tkq-model:hover{border-color:var(--tkq-accent-line);color:var(--tkq-fg)}
.tkq-model-img{aspect-ratio:16/10;max-width:100%;background:#fff;display:grid;place-items:center;color:var(--tkq-line);position:relative;border-bottom:1px solid var(--tkq-line)}
.tkq-model-img img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain}
.tkq-model-b{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}
.tkq-tier{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tkq-accent);font-weight:600}
.tkq-mname{font-size:14px;font-weight:500;line-height:1.3}
.tkq-mspec{font-size:12.5px;color:var(--tkq-muted);font-variant-numeric:tabular-nums}
.tkq-mprice{font-family:var(--tkq-display);font-weight:600;font-size:17px;margin-top:auto;padding-top:4px;font-variant-numeric:tabular-nums}

.tkq-paths{display:flex;flex-direction:column;gap:10px}
.tkq-path{display:flex;align-items:center;gap:14px;border:1.5px solid var(--tkq-line);border-radius:var(--tkq-r);padding:14px 16px;background:var(--tkq-surface);color:var(--tkq-fg);text-align:left;cursor:pointer;width:100%}
.tkq-path:hover{border-color:var(--tkq-accent-line)}
.tkq-path.tkq-main-path{border-color:var(--tkq-accent);background:var(--tkq-accent-soft)}
.tkq-path .tkq-ic{width:40px;height:40px;border-radius:12px}
.tkq-path.tkq-main-path .tkq-ic{background:var(--tkq-accent);color:var(--tkq-accent-ink)}
.tkq-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.tkq-t b{font-weight:600}
.tkq-t span{font-size:13.5px;color:var(--tkq-muted)}
.tkq-arr{margin-left:auto;color:var(--tkq-muted);flex:none}
.tkq-msgr{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.tkq-link{color:var(--tkq-accent);font-weight:500;font-size:14.5px}
.tkq-link:hover{text-decoration:underline;color:var(--tkq-accent)}

.tkq form{display:flex;flex-direction:column;gap:14px;margin:0}
.tkq-inp{display:flex;flex-direction:column;gap:6px}
.tkq-inp input,.tkq-inp select{font-size:16px;padding:13px 14px;border:1.5px solid var(--tkq-line);border-radius:12px;background:var(--tkq-surface);color:var(--tkq-fg);width:100%;height:auto;margin:0;box-shadow:none}
.tkq-inp input:focus,.tkq-inp select:focus{outline:none;border-color:var(--tkq-accent);box-shadow:0 0 0 3px var(--tkq-accent-soft)}
.tkq-inp input[aria-invalid="true"]{border-color:var(--tkq-err)}
.tkq-err{color:var(--tkq-err);font-size:13px}
.tkq-err[hidden]{display:none}
.tkq-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tkq-seg button{border:1.5px solid var(--tkq-line);background:var(--tkq-surface);color:var(--tkq-fg);border-radius:10px;padding:10px 6px;font-size:14.5px;cursor:pointer}
.tkq-seg button[aria-pressed="true"]{border-color:var(--tkq-accent);background:var(--tkq-accent-soft);font-weight:600}
.tkq-legal{font-size:13.5px;color:var(--tkq-muted)}
.tkq-legal a{color:var(--tkq-accent);text-decoration:underline}
.tkq-summary{font-size:13px;color:var(--tkq-muted);background:var(--tkq-sunk);border:1px solid var(--tkq-line);border-radius:10px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:4px 14px}
.tkq-summary b{color:var(--tkq-fg);font-weight:600}
.tkq-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.tkq-done-ic{width:56px;height:56px;border-radius:50%;background:var(--tkq-accent-soft);color:var(--tkq-accent);display:grid;place-items:center}
.tkq-mark{display:none}

@media (max-width:820px){
  .tkq-overlay{padding:0;align-items:stretch}
  .tkq-overlay .tkq-win{border-radius:0;min-height:100%;border:0}
  .tkq-win{grid-template-columns:minmax(0,1fr);min-height:0}
  .tkq-side{border-right:0;border-bottom:1px solid var(--tkq-line)}
  .tkq-side-img{min-height:0;aspect-ratio:16/6;flex:none}
  .tkq-side-cap{display:none}
  .tkq-top,.tkq-prog,.tkq-body,.tkq-foot{padding-left:18px;padding-right:18px}
  .tkq-what,.tkq-grid2,.tkq-models{grid-template-columns:minmax(0,1fr)}
  .tkq-model{flex-direction:row}
  .tkq-model-img{aspect-ratio:1/1;width:96px;flex:none;border-bottom:0;border-right:1px solid var(--tkq-line)}
  .tkq-opts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tkq-opts.tkq-list{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.tkq *{animation:none!important;transition:none!important}}
.tkq-phtag{display:none;position:absolute;left:8px;bottom:8px;z-index:2;background:var(--tkq-check);color:var(--tkq-check-ink);font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px}
.tkq-review .tkq-phtag{display:inline-block}
.tkq-review .tkq-mark{display:inline;background:var(--tkq-check);color:var(--tkq-check-ink);border-radius:4px;padding:0 4px;font-size:.85em;font-weight:600;margin-left:3px;white-space:nowrap}
.tkq-review [data-check]{background:var(--tkq-check);color:var(--tkq-check-ink);border-radius:4px;box-shadow:0 0 0 2px var(--tkq-check)}

/* Пояснение к прошлому ответу вверху следующего вопроса */
.tkq-carry{background:var(--tkq-sunk);border:1px solid var(--tkq-line);font-size:13.5px;padding:11px 14px;color:var(--tkq-muted)}
.tkq-carry b{color:var(--tkq-fg)}
.tkq-carry-k{color:var(--tkq-fg);font-weight:600}
.tkq-opt[aria-pressed="true"]{transition:border-color .1s,box-shadow .1s}