/* Start:/servisy/calc.css?178846859435822*/
/* Калькуляторы hit-ceramics.ru. Всё под .hcc, чтобы не пересекаться с Aspro. */

/* Тёмная тема. Aspro переключает её классом на body (theme-default — по системе,
   theme-light / theme-dark — принудительно) и тем же приёмом «space toggle»:
   переменная-переключатель равна либо initial (тогда var() берёт запасное значение),
   либо пустоте (тогда var() не даёт ничего). Держим свои переключатели, чтобы
   калькулятор не зависел от внутренних имён переменных шаблона. */
.hcc{--hc-l:initial;--hc-d: ;}
@media (prefers-color-scheme:dark){ .hcc{--hc-l: ;--hc-d:initial;} }
body.theme-light .hcc{--hc-l:initial;--hc-d: ;}
body.theme-dark  .hcc{--hc-l: ;--hc-d:initial;}

.hcc{
  --ac:#EE2C2D;
  /* красный на тёмном фоне тусклый — для текста и рамок берём осветлённый */
  --ac-t:var(--hc-l,#EE2C2D) var(--hc-d,#ff6b60);
  --ink:var(--hc-l,#2A2E32) var(--hc-d,#f2f3f5);
  --ink-on:var(--hc-l,#fff)     var(--hc-d,#1b1b1b);  /* текст на плашке цвета --ink */
  --mut:var(--hc-l,#6b7280)     var(--hc-d,#a8b0b8);
  --ln:var(--hc-l,#e5e7eb)      var(--hc-d,#3a3a3a);
  --bg:var(--hc-l,#f7f8f9)      var(--hc-d,#2b2b2b);  /* мягкая заливка внутри карточки */
  --card:var(--hc-l,#fff)       var(--hc-d,#232323);  /* панели поверх фона страницы */
  --field:var(--hc-l,#fff)      var(--hc-d,#1b1b1b);  /* поля ввода, кнопки-пилюли */
  --ok:var(--hc-l,#15803d)      var(--hc-d,#4ade80);
  --auto-bg:var(--hc-l,#f1f7f2) var(--hc-d,#1b2a20);
  --auto-ln:var(--hc-l,#cfe3d3) var(--hc-d,#2f5a3c);
  --warn-bg:var(--hc-l,#fdf3f0) var(--hc-d,#2c1d1b);
  --warn-ln:var(--hc-l,#f0cfc6) var(--hc-d,#6b3a34);
  /* нативные select, чекбоксы и скроллбары внутри калькулятора */
  color-scheme:var(--hc-l,light) var(--hc-d,dark);
  color:var(--ink);line-height:1.5;font-size:15px}
.hcc *{box-sizing:border-box}
/* UA-правило [hidden] не !important и проигрывает нашему .hcc label{display:block} —
   без этой строки «спрятанные» элементы (пустой селект «Формат» и т.п.) видны */
.hcc [hidden]{display:none!important}
.hcc-lead{font-size:16px;color:var(--mut);max-width:70ch;margin:0 0 24px}

.hcc-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
@media(max-width:900px){.hcc-grid{grid-template-columns:1fr}}

.hcc-step{border:1px solid var(--ln);border-radius:14px;padding:20px;margin-bottom:18px;background:var(--card)}
.hcc-step h2{display:flex;align-items:center;gap:10px;font-size:19px;margin:0 0 16px;font-weight:600}
.hcc-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;
  border-radius:50%;background:var(--ac);color:#fff;font-size:14px;flex:none}
.hcc-sub{font-size:15px;font-weight:600;margin:20px 0 10px}

.hcc label{display:block;font-size:13px;color:var(--mut);margin-bottom:12px}
.hcc input[type=number],.hcc input[type=text],.hcc input[type=tel],.hcc input[type=email],
.hcc select,.hcc textarea{
  display:block;width:100%;margin-top:5px;padding:9px 11px;border:1px solid var(--ln);
  border-radius:9px;font-size:15px;color:var(--ink);background:var(--field);font-family:inherit}
.hcc select{cursor:pointer}
.hcc input:focus,.hcc select:focus,.hcc textarea:focus{outline:2px solid var(--ac);outline-offset:-1px;border-color:var(--ac)}
.hcc-wide{grid-column:1/-1}

.hcc-row2,.hcc-row3,.hcc-row4{display:grid;gap:12px;align-items:end}
/* подписи бывают в одну и в две строки — без этого поля разъезжаются по высоте */
.hcc-row2>label,.hcc-row3>label,.hcc-row4>label,.hcc-filters>label{
  display:flex;flex-direction:column;justify-content:flex-end;height:100%;margin-bottom:0}
.hcc-row2>label>input,.hcc-row2>label>select,
.hcc-row3>label>input,.hcc-row3>label>select,
.hcc-row4>label>input,.hcc-row4>label>select,
.hcc-filters>label>input,.hcc-filters>label>select{margin-top:auto}
/* чекбокс в строке-сетке остаётся строкой: правило выше ставило ему flex-direction:column,
   и галка вставала НАД текстом («Округлять до целого поддона» в кирпиче и брусчатке) */
.hcc-row2>label.hcc-check,.hcc-row3>label.hcc-check,.hcc-row4>label.hcc-check{
  flex-direction:row;justify-content:flex-start;height:auto}
.hcc-row2{grid-template-columns:repeat(2,1fr)}
.hcc-row3{grid-template-columns:repeat(3,1fr)}
.hcc-row4{grid-template-columns:repeat(4,1fr)}
@media(max-width:640px){
  .hcc-row3,.hcc-row4{grid-template-columns:repeat(2,1fr)}
  /* На узком экране две колонки по ~150 px хватает только числовым полям. Селекты
     («Основание», «Формат ступени», «Раскладка»), поля с подсказкой и чекбоксы
     занимают всю ширину — иначе текст обрезался, а подписи разъезжались по высоте. */
  .hcc-row2>label:has(select),.hcc-row3>label:has(select),.hcc-row4>label:has(select),
  .hcc-row2>label:has(.hcc-hint),.hcc-row3>label:has(.hcc-hint),
  .hcc-row2>.hcc-check,.hcc-row3>.hcc-check{grid-column:1/-1}
  .hcc-check.hcc-mid{margin:4px 0 6px}
}

.hcc-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.hcc-tab,.hcc-tab2{padding:8px 14px;border:1px solid var(--ln);background:var(--field);border-radius:999px;
  font-size:14px;cursor:pointer;color:var(--mut);font-family:inherit}
.hcc-tab.is-on,.hcc-tab2.is-on{background:var(--ink);color:var(--ink-on);border-color:var(--ink)}
.hcc-tabs-sm .hcc-tab2{padding:6px 12px;font-size:13px}

.hcc-presets{font-size:13px;color:var(--mut);margin:4px 0 14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hcc-presets button{padding:5px 11px;border:1px dashed var(--ln);background:var(--bg);border-radius:999px;
  font-size:13px;cursor:pointer;color:var(--ink);font-family:inherit}
.hcc-presets button:hover{border-color:var(--ac-t);color:var(--ac-t)}

.hcc-check{display:flex!important;align-items:flex-start;gap:9px;font-size:14px;color:var(--ink);
  cursor:pointer;margin:10px 0}
.hcc-check input{width:18px!important;height:18px;margin:1px 0 0!important;flex:none;accent-color:var(--ac)}
.hcc-check.hcc-sm{font-size:13px;color:var(--mut)}
.hcc-check.hcc-mid{align-self:end;margin-bottom:14px}
.hcc-hint{display:block;font-size:12.5px;color:var(--mut);font-weight:400;margin-top:2px;line-height:1.45}

.hcc-add{padding:8px 14px;border:1px dashed var(--ln);background:var(--bg);border-radius:9px;
  font-size:14px;cursor:pointer;color:var(--ink);font-family:inherit;margin-bottom:12px}
.hcc-add:hover{border-color:var(--ac-t);color:var(--ac-t)}

.hcc-line{display:grid;grid-template-columns:1fr 1fr 70px 34px;gap:8px;margin-bottom:8px;align-items:end}
.hcc-line label{margin:0}
.hcc-del{width:34px;height:36px;border:1px solid var(--ln);background:var(--field);border-radius:8px;
  cursor:pointer;color:var(--mut);font-size:17px;line-height:1}
.hcc-del:hover{border-color:var(--ac-t);color:var(--ac-t)}

.hcc-note{margin-top:14px;padding:12px 14px;background:var(--bg);border-radius:10px;font-size:14px}
.hcc-note b{font-weight:600}

.hcc-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;margin-bottom:12px}
@media(max-width:900px){.hcc-filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hcc-filters{grid-template-columns:1fr}}

.hcc-card{display:flex;gap:14px;padding:14px;border:1px solid var(--ln);border-radius:12px;
  background:var(--bg);margin:6px 0 14px}
/* фото товаров сняты на белом — подложка остаётся белой в обеих темах */
.hcc-card img{width:88px;height:88px;object-fit:cover;border-radius:8px;flex:none;background:#fff}
.hcc-card-b{min-width:0}
.hcc-card-t{font-weight:600;margin-bottom:4px}
.hcc-card-t a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ln)}
.hcc-card-t a:hover{color:var(--ac-t);border-color:var(--ac-t)}
.hcc-specs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.hcc-specs span{font-size:12.5px;background:var(--card);border:1px solid var(--ln);border-radius:999px;padding:3px 9px;color:var(--mut)}
.hcc-specs b{color:var(--ink);font-weight:600}

/* Компактная шапка Aspro при прокрутке — фиксированная, 65 px: при top:16px заголовок
   «Результат» уезжал под неё. */
.hcc-res{position:sticky;top:82px}
.hcc-res-in{border:1px solid var(--ln);border-radius:14px;padding:20px;background:var(--card);min-width:0;overflow-wrap:anywhere}
.hcc-res{min-width:0}
/* Панель результата бывает вдвое выше экрана (СФТК, термопанели): при sticky её низ
   не показать, пока не кончится форма. На десктопе панель прокручивается сама,
   а итог и кнопка отправки стоят в шапке панели и видны всегда. */
@media(min-width:901px){.hcc-res-in{max-height:calc(100vh - 98px);overflow-y:auto}}
.hcc-res-head{padding-bottom:12px;border-bottom:2px solid var(--ink);margin-bottom:4px}
.hcc-res-head h2{margin-bottom:8px}
.hcc-res-head .hcc-total{margin:0 0 12px;padding-top:0;border-top:0}
.hcc-res-head .hcc-total b{font-size:26px}
.hcc-res-head .hcc-btn{margin-top:0}
.hcc-res-head .hcc-hint{margin:10px 0 0}
.hcc{overflow-x:clip}
.hcc-res h2{font-size:18px;margin:0 0 14px;font-weight:600}
/* table-layout:fixed + перенос в обеих колонках: без этого длинное значение
   (например «0,5 WDF, 215×50×65 мм») распирало таблицу, а колонка подписей
   схлопывалась в один символ. nowrap здесь недопустим. */
.hcc-tbl{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}
.hcc-tbl td{padding:7px 0;border-bottom:1px solid var(--ln);vertical-align:baseline;
  overflow-wrap:anywhere;hyphens:auto}
.hcc-tbl td:first-child{color:var(--mut);width:50%}
.hcc-tbl td+td{text-align:right;font-weight:600;padding-left:10px}
.hcc-tbl td[colspan]{width:auto;font-weight:400;text-align:left;padding-left:0}
.hcc-tbl tr.hcc-sec td{padding-top:14px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;
  color:var(--mut);font-weight:600;border-bottom:none}
.hcc-total{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  margin:16px 0 6px;padding-top:14px;border-top:2px solid var(--ink)}
.hcc-total span{font-size:14px;color:var(--mut)}
.hcc-total b{font-size:23px;font-weight:700;white-space:nowrap}

.hcc-btn{display:block;width:100%;padding:13px 18px;background:var(--ac);color:#fff;border:0;
  border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;margin-top:12px;font-family:inherit}
.hcc-btn:hover{filter:brightness(.93)}
.hcc-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
/* flex-basis auto + nowrap: на 390 px третья кнопка рвалась по слогам («Распечатат/ь»),
   а с flex:1 обрезалась первая — теперь не влезающая кнопка переносится целиком */
.hcc-actions button{flex:1 0 auto;min-width:0;white-space:nowrap;padding:9px 10px;border:1px solid var(--ln);background:var(--field);
  border-radius:9px;font-size:13px;cursor:pointer;color:var(--mut);font-family:inherit}
.hcc-actions button:hover{border-color:var(--ac-t);color:var(--ac-t)}

.hcc-cmp{margin-top:16px;font-size:13px;border-top:1px solid var(--ln);padding-top:12px}
.hcc-cmp h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}
.hcc-cmp table{width:100%;border-collapse:collapse}
.hcc-cmp td{padding:5px 0;border-bottom:1px solid var(--ln)}
.hcc-cmp td:last-child{text-align:right;font-weight:600;white-space:nowrap}
/* шапка таблицы сравнения (термопанели): раньше это были td.hcc-hint, а .hcc-hint —
   display:block, и три заголовка складывались столбиком */
.hcc-cmp th{padding:4px 0 6px;border-bottom:1px solid var(--ln);font-size:12px;color:var(--mut);
  font-weight:400;text-align:left}
.hcc-cmp th:last-child{text-align:right}
.hcc-cmp td.hcc-hint{display:table-cell}
.hcc-cmp .hcc-del{width:24px;height:24px;font-size:14px}

.hcc-has-sticky{padding-bottom:92px}
.hcc-sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--card);border-top:1px solid var(--ln);
  box-shadow:0 -4px 18px rgba(0,0,0,.08);padding:10px 16px;display:flex;align-items:center;
  justify-content:space-between;gap:12px}
.hcc-sticky span{display:block;font-size:12px;color:var(--mut)}
.hcc-sticky b{font-size:18px;font-weight:700}
.hcc-sticky button{padding:11px 18px;background:var(--ac);color:#fff;border:0;border-radius:9px;
  font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}
@media(min-width:901px){.hcc-sticky{display:none!important}}

.hcc-modal{position:fixed;inset:0;z-index:100;background:rgba(20,22,25,.55);display:flex;
  align-items:center;justify-content:center;padding:16px;overflow:auto}
.hcc-modal-in{background:var(--card);border-radius:14px;padding:24px;max-width:420px;width:100%;position:relative}
.hcc-modal h3{margin:0 0 6px;font-size:19px;font-weight:600}
.hcc-close{position:absolute;top:10px;right:12px;border:0;background:none;font-size:26px;
  line-height:1;cursor:pointer;color:var(--mut)}
.hcc-req{color:var(--ac-t)}
.hcc-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.hcc-msg{font-size:14px;margin:10px 0 0;min-height:20px}
.hcc-msg.ok{color:var(--ok)}
.hcc-msg.err{color:var(--ac-t)}

@media print{
  /* печать всегда на белой бумаге — гасим тёмную тему принудительно */
  .hcc{--hc-l:initial;--hc-d: ;color-scheme:light;background:#fff}
  .hcc-form,.hcc-sticky,.hcc-btn,.hcc-actions,.hcc-modal,
  header,footer,.header,.footer,.mobile-menu-btn{display:none!important}
  .hcc-grid{display:block}
  .hcc-res{position:static}
  .hcc-res-in{border:0;padding:0;max-height:none;overflow:visible}
  .hcc-related{display:none}
}

/* автоподбор раствора */
.hcc-auto{margin:2px 0 12px;padding:11px 13px;border-radius:10px;background:var(--auto-bg);
  border:1px solid var(--auto-ln);font-size:13.5px;line-height:1.5}
.hcc-auto b{font-weight:600}
.hcc-auto.is-warn{background:var(--warn-bg);border-color:var(--warn-ln)}
.hcc-pick{font-size:13px;color:var(--mut);margin:-4px 0 12px}
.hcc-pick a{color:var(--mut);border-bottom:1px solid var(--ln);text-decoration:none}
.hcc-pick a:hover{color:var(--ac-t);border-color:var(--ac-t)}

/* результат СФТК v2: строки вместо таблицы — имена переносятся по словам,
   без hyphens не бывает разрывов вида «основа-ния»; значения прижаты вправо */
.hcc-filters-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.hcc-filters-3{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.hcc-filters-3{grid-template-columns:1fr}}
.hcr{font-size:14px}
.hcr-sec{margin:16px 0 2px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;
  color:var(--mut);font-weight:600}
.hcr-sec:first-child{margin-top:0}
.hcr-item{padding:8px 0;border-bottom:1px solid var(--ln)}
.hcr-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.hcr-name{min-width:0;color:var(--mut);overflow-wrap:break-word}
.hcr-name a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ln)}
.hcr-name a:hover{color:var(--ac-t);border-color:var(--ac-t)}
.hcr-art{display:inline-block;font-size:12px;color:var(--mut);background:var(--bg);
  border:1px solid var(--ln);border-radius:999px;padding:0 7px;margin-left:2px;white-space:nowrap}
.hcr-val{flex:none;max-width:58%;text-align:right;font-weight:600;color:var(--ink)}
.hcr-sub{font-size:12.5px;color:var(--mut);margin-top:3px;line-height:1.45}
.hcr-sub s{opacity:.7}
/* название состава переехало в подпись — красим как подпись, а не как ссылку Aspro */
.hcr-sub a{color:var(--mut);text-decoration:none;border-bottom:1px solid var(--ln)}
.hcr-sub a:hover{color:var(--ac-t);border-color:var(--ac-t)}
.hcr-sale{color:var(--ac-t);font-weight:600;white-space:nowrap}

/* калькулятор ступеней: переключатель объекта, схема, марши, расходники */
.hcc-tabs-top{margin-bottom:22px}
.hcc-tabs-top .hcc-tab{padding:10px 20px;font-size:15px}

/* схема ступени рисуется currentColor — сама подхватывает тёмную тему */
.hcc-diag{display:block;width:100%;max-width:430px;height:auto;margin:2px 0 10px;color:var(--ink)}
.hcc-diag-key{margin:0 0 16px;max-width:62ch}
.hcc-diag-key b{color:var(--ink);font-weight:600}

.hcc-march{border:1px solid var(--ln);border-radius:12px;padding:14px;margin-bottom:12px;background:var(--bg)}
.hcc-march-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.hcc-march-n{font-size:14px;font-weight:600}
.hcc-march .hcc-del:disabled{opacity:.35;cursor:default}
.hcc-march label:last-child{margin-bottom:0}

/* блок расходника — прижат к своему чекбоксу */
.hcc-mat{margin:-4px 0 14px;padding-left:18px;border-left:2px solid var(--ln)}
.hcc-mat label:last-child{margin-bottom:0}

/* хаб /servisy/ */
.hcc-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:22px}
.hcc-hub-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--ln);
  border-radius:14px;background:var(--card);text-decoration:none;color:var(--ink);transition:.15s}
.hcc-hub-card:hover{border-color:var(--ac);box-shadow:0 6px 22px rgba(0,0,0,.06);color:var(--ink)}
/* иконки хаба — inline SVG на currentColor: раньше стояли эмодзи вперемешку с
   юникод-фигурами и рисовались по-разному в каждой системе */
.hcc-hub-ic{display:block;width:36px;height:36px;color:var(--ac-t)}
.hcc-hub-ic svg{display:block;width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round}
.hcc-hub-card b{font-size:17px;font-weight:600}
.hcc-hub-card span:not(.hcc-hub-ic):not(.hcc-hub-tags){font-size:14px;color:var(--mut);line-height:1.5}
.hcc-hub-card em{margin-top:auto;padding-top:8px;font-style:normal;font-weight:600;color:var(--ac-t);font-size:14px}
/* чипы фактов — те же, что на карточках /services/ (03.09.2026) */
.hcc-hub-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.hcc-hub-tags i{font-style:normal;font-size:12px;line-height:1;padding:6px 9px;border-radius:999px;
  border:1px solid var(--ln);background:var(--bg);color:var(--ink);white-space:nowrap}
.hcc-hub-tags i.is-free{color:var(--ok);border-color:var(--auto-ln);background:var(--auto-bg);font-weight:600}
@media(max-width:640px){.hcc-hub-tags i{font-size:11.5px;padding:5px 8px}}
.hcc-hub-card.is-soon{opacity:.62;background:var(--bg)}
.hcc-hub-card.is-soon em{color:var(--mut)}

/* калькулятор брусчатки: у строки участка три поля (длина, ширина, площадь
   напрямую) — подпись «авто» в 70 px не помещается и обрезается */
.hcc-line.hcc-line-3{grid-template-columns:1fr 1fr 96px 34px}
@media(max-width:640px){.hcc-line.hcc-line-3{grid-template-columns:1fr 1fr 84px 34px}}

/* оценка по типовому формату в калькуляторе кирпича — пока позиция не выбрана */
.hcc-tbl td.hcc-est{background:var(--auto-bg);border:1px solid var(--auto-ln);border-radius:9px;
  padding:9px 11px;font-size:13px;line-height:1.45;font-weight:400;text-align:left}

/* блок «Другие сервисы» под калькулятором */
.hcc-related{margin-top:30px;padding-top:22px;border-top:1px solid var(--ln)}
.hcc-related h3{font-size:15px;font-weight:600;margin:0 0 10px}
.hcc-related-list{display:flex;flex-wrap:wrap;gap:8px}
.hcc-related-list a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--ln);
  border-radius:999px;font-size:14px;color:var(--ink);text-decoration:none;background:var(--card);transition:.15s}
.hcc-related-list a:hover{border-color:var(--ac-t);color:var(--ac-t)}
.hcc-related-list a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;flex:none}
.hcc-related-list .hcc-related-all{color:var(--mut);border-style:dashed}

/* клавиатура: у кнопок-пилюль не было видимого фокуса */
.hcc-tab:focus-visible,.hcc-tab2:focus-visible,.hcc-presets button:focus-visible,.hcc-add:focus-visible,
.hcc-btn:focus-visible,.hcc-actions button:focus-visible,.hcc-del:focus-visible{outline:2px solid var(--ac);outline-offset:2px}

/* ═════════ поиск по длинным селектам (hcpick.js) ═════════
   Панель живёт в <body>, вне .hcc, поэтому переменные темы задаём ей отдельно —
   тем же приёмом «space toggle», что и всему разделу. */
.hcp-pop,.hcp-back,.hcc-sheet{--hc-l:initial;--hc-d: ;}
@media (prefers-color-scheme:dark){ .hcp-pop,.hcp-back,.hcc-sheet{--hc-l: ;--hc-d:initial;} }
body.theme-light .hcp-pop,body.theme-light .hcp-back,body.theme-light .hcc-sheet{--hc-l:initial;--hc-d: ;}
body.theme-dark  .hcp-pop,body.theme-dark  .hcp-back,body.theme-dark  .hcc-sheet{--hc-l: ;--hc-d:initial;}
.hcp-pop,.hcc-sheet{
  --ac:#EE2C2D;
  --ac-t:var(--hc-l,#EE2C2D) var(--hc-d,#ff6b60);
  --ink:var(--hc-l,#2A2E32)  var(--hc-d,#f2f3f5);
  --mut:var(--hc-l,#6b7280)  var(--hc-d,#a8b0b8);
  --ln:var(--hc-l,#e5e7eb)   var(--hc-d,#3a3a3a);
  --bg:var(--hc-l,#f7f8f9)   var(--hc-d,#2b2b2b);
  --card:var(--hc-l,#fff)    var(--hc-d,#232323);
  --field:var(--hc-l,#fff)   var(--hc-d,#1b1b1b);
  --sel:var(--hc-l,#fdecec)  var(--hc-d,#3a2422);
  color-scheme:var(--hc-l,light) var(--hc-d,dark);
}

/* родной селект остаётся в DOM (его читает весь код калькуляторов), но не показывается:
   класс вешает сам скрипт — без JS поле работает как обычный select */
.hcc select.hcp-native{display:none!important}
.hcp{display:block;margin-top:5px}
.hcp-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:1px solid var(--ln);
  border-radius:9px;background:var(--field);color:var(--ink);font-size:15px;font-family:inherit;
  text-align:left;cursor:pointer;line-height:1.35;min-height:40px}
.hcp-btn:hover{border-color:var(--ac-t)}
.hcp-btn:focus-visible{outline:2px solid var(--ac);outline-offset:-1px;border-color:var(--ac)}
.hcp-btn[disabled]{cursor:default;opacity:.75}
.hcp-btn[disabled]:hover{border-color:var(--ln)}
.hcp-val{flex:1;min-width:0;overflow-wrap:anywhere}
.hcp-btn.is-empty .hcp-val{color:var(--mut)}
.hcp-caret{flex:none;width:9px;height:9px;border-right:1.6px solid var(--mut);border-bottom:1.6px solid var(--mut);
  transform:rotate(45deg) translate(-2px,-2px)}
.hcp-btn[aria-expanded=true] .hcp-caret{transform:rotate(-135deg) translate(-3px,-3px)}
.hcp-btn[disabled] .hcp-caret{opacity:.4}

.hcp-pop{position:fixed;z-index:1200;display:flex;flex-direction:column;background:var(--card);
  border:1px solid var(--ln);border-radius:12px;box-shadow:0 14px 44px rgba(0,0,0,.18);overflow:hidden;
  color:var(--ink);font-size:15px;line-height:1.4}
.hcp-head{display:flex;align-items:center;gap:8px;padding:10px 10px 8px;border-bottom:1px solid var(--ln)}
/* 🔴 Шаблон Aspro красит input[type=search] в белый по типу элемента, и в тёмной теме
   поле поиска выходило белым со светлым текстом — ввода не видно. Селектор с типом
   (0-2-1) перебивает его без !important. */
.hcp-pop input.hcp-q{flex:1;min-width:0;padding:9px 11px;border:1px solid var(--ln);border-radius:9px;
  background:var(--field);color:var(--ink);font-size:15px;font-family:inherit;-webkit-appearance:none;appearance:none}
.hcp-pop input.hcp-q::placeholder{color:var(--mut);opacity:1}
/* поле поиска получает фокус сразу при открытии — жирная красная рамка (как у полей формы)
   читалась бы как ошибка ввода, поэтому здесь мягкая подсветка */
.hcp-pop input.hcp-q:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px var(--sel)}
.hcp-close{flex:none;border:0;background:none;color:var(--mut);font-size:24px;line-height:1;cursor:pointer;
  padding:2px 8px;border-radius:8px;font-family:inherit;display:none}
.hcp-list{flex:1;overflow-y:auto;padding:6px;min-height:0;-webkit-overflow-scrolling:touch}
.hcp-list:focus{outline:none}
.hcp-g{position:sticky;top:0;background:var(--card);padding:9px 10px 5px;font-size:12px;font-weight:600;
  text-transform:uppercase;letter-spacing:.04em;color:var(--mut);z-index:1}
.hcp-row{padding:9px 10px;border-radius:8px;cursor:pointer;overflow-wrap:anywhere}
.hcp-row.is-cur{background:var(--bg)}
.hcp-row.is-sel{background:var(--sel);color:var(--ac-t);font-weight:600}
.hcp-none{padding:16px 10px;color:var(--mut);font-size:14px}
.hcp-foot{border-top:1px solid var(--ln);padding:8px 12px;font-size:12.5px;color:var(--mut)}
.hcp-back{position:fixed;inset:0;z-index:1199;background:rgba(20,22,25,.5)}

/* телефон: нижний лист во весь экран — иначе список в 448 позиций живёт в щели над клавиатурой */
.hcp-pop.is-sheet{left:0!important;right:0!important;bottom:0!important;top:auto!important;
  width:auto!important;max-height:86vh!important;border-radius:14px 14px 0 0;border-bottom:0}
.hcp-pop.is-sheet .hcp-close{display:block}
.hcp-pop.is-sheet .hcp-row{padding:12px 10px}
.hcp-pop.is-sheet .hcp-list{padding-bottom:14px}

/* ═════════ мобильная плашка итога и лист сметы ═════════ */
.hcc-sticky-open{cursor:pointer;-webkit-tap-highlight-color:transparent}
/* .hcc-sticky span (0-1-1) красит все подписи плашки в серый — приглашение «Смотреть смету»
   должно читаться как действие, поэтому селектор с родителем */
.hcc-sticky .hcc-sticky-more{display:block;font-size:12.5px;color:var(--ac-t);font-weight:600;margin-top:2px}
.hcc-sticky-more:after{content:' ▲';font-size:9px}
.hcc-sticky-open:focus-visible{outline:2px solid var(--ac);outline-offset:3px;border-radius:6px}

.hcc-noscroll{overflow:hidden}
.hcc-sheet{position:fixed;inset:0;z-index:1100;color:var(--ink);font-size:15px;line-height:1.5}
.hcc-sheet[hidden]{display:none}
.hcc-sheet-back{position:absolute;inset:0;background:rgba(20,22,25,.5)}
.hcc-sheet-in{position:absolute;left:0;right:0;bottom:0;max-height:88vh;display:flex;flex-direction:column;
  background:var(--card);border-radius:16px 16px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.3);
  color-scheme:var(--hc-l,light) var(--hc-d,dark)}
.hcc-sheet-h{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--ln)}
.hcc-sheet-h b{flex:1;font-size:17px;font-weight:600}
.hcc-sheet-x{flex:none;border:0;background:none;color:var(--mut);font-size:26px;line-height:1;cursor:pointer;
  padding:4px 10px;border-radius:8px;font-family:inherit;min-height:44px}
.hcc-sheet-b{flex:1;overflow-y:auto;padding:12px 16px;min-height:0;-webkit-overflow-scrolling:touch}
.hcc-sheet-b .hcc-tbl{width:100%}
.hcc-sheet-b .hcc-hint{margin:12px 0 0}
.hcc-sheet-f{border-top:1px solid var(--ln);padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:var(--card)}
.hcc-sheet-f>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.hcc-sheet-f span{font-size:14px;color:var(--mut)}
.hcc-sheet-f b{font-size:23px;font-weight:700;white-space:nowrap}
.hcc-sheet-f .hcc-btn{margin-top:0}

/* ═════════ пальцевые размеры на телефоне ═════════
   Рекомендация 44 px: у вкладок было 39, у пресетов 32, у кнопки удаления 34×36. */
@media(max-width:640px){
  .hcc-tab,.hcc-tab2{min-height:44px;padding:10px 16px}
  .hcc-tabs-sm .hcc-tab2{padding:9px 14px}
  .hcc-presets button{min-height:40px;padding:8px 14px}
  .hcc-add{min-height:44px}
  .hcc-actions button{min-height:44px}
  .hcc-related-list a{min-height:44px}
  .hcc-check input{width:20px!important;height:20px}
  .hcp-btn{min-height:44px}
  .hcc-del{width:44px;height:44px;font-size:19px}
  .hcc-close{min-width:44px;min-height:44px;font-size:28px}
  .hcc-line{grid-template-columns:1fr 1fr 64px 44px}
  .hcc-line.hcc-line-3{grid-template-columns:1fr 1fr 72px 44px}
  /* два фильтра в ряд: в одну колонку три селекта отъедали пол-экрана */
  .hcc-filters,.hcc-filters-3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:380px){
  .hcc-filters,.hcc-filters-3{grid-template-columns:1fr}
}
@media(max-width:480px){
  /* поля шире на 12 px — на 390 px это заметно */
  .hcc-step{padding:14px}
  .hcc-res-in{padding:14px}
}

/* Калькулятор термопанелей, шаг 1 «Сколько утеплителя нужно дому» (03.09.2026) */
.hcc-th-res{margin-top:4px;padding:16px 18px;border-radius:12px;background:var(--auto-bg);border:1px solid var(--auto-ln)}
.hcc-th-big{font-size:19px;font-weight:600;line-height:1.35;margin:0 0 8px}
.hcc-th-big b{color:var(--ac-t)}
.hcc-th-txt{font-size:14.5px;margin:0 0 14px;color:var(--ink)}
.hcc-th-txt b{font-weight:600}
.hcc-th-bars{display:grid;gap:8px;margin-bottom:14px}
.hcc-th-bar{display:grid;grid-template-columns:minmax(120px,190px) 1fr 52px;gap:10px;align-items:center;font-size:13px;color:var(--mut)}
.hcc-th-bar i{display:block;height:12px;border-radius:6px;background:var(--card);border:1px solid var(--ln);overflow:hidden}
.hcc-th-bar b{display:block;height:100%;background:var(--ac);border-radius:6px;transition:width .25s}
.hcc-th-bar.is-ok b{background:var(--ok)}
.hcc-th-bar em{font-style:normal;font-weight:600;color:var(--ink);text-align:right;white-space:nowrap}
.hcc-th-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.hcc-th-chip{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:74px;padding:8px 10px;border:1px solid var(--ln);
  border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;line-height:1.2}
.hcc-th-chip small{font-size:11.5px;font-weight:400;color:var(--mut);white-space:nowrap}
.hcc-th-chip.is-ok{border-color:var(--auto-ln)}
.hcc-th-chip.is-ok small{color:var(--ok)}
.hcc-th-chip.is-rec{border-color:var(--ac-t);box-shadow:0 0 0 1px var(--ac-t) inset}
.hcc-th-chip.is-sel{background:var(--ink);color:var(--ink-on)}
.hcc-th-chip.is-sel small{color:var(--ink-on);opacity:.8}
.hcc-th-chip:hover{border-color:var(--ac-t)}
@media(max-width:640px){
  .hcc-th-bar{grid-template-columns:1fr 46px;grid-template-areas:"l v" "b b"}
  .hcc-th-bar span{grid-area:l}.hcc-th-bar i{grid-area:b}.hcc-th-bar em{grid-area:v}
  .hcc-th-big{font-size:17px}
  .hcc-thermo .hcc-row3{grid-template-columns:1fr}
}

/* 03.09.2026, мобильный проход термопанелей: подсказка чекбокса на ≤640 уходит под подпись,
   иначе «Цокольный профиль» и «Пена низкого расширения» ломались в узкий столбик рядом с ней */
@media(max-width:640px){
  .hcc-check{flex-wrap:wrap}
  .hcc-check>.hcc-hint{flex-basis:100%;margin-left:29px}
}
/* шаг 1 термопанелей: три селекта на одной линии, переключатель режима с воздухом */
.hcc-thermo .hcc-row3{align-items:start}
.hcc-thermo .hcc-row3>label{height:auto;justify-content:flex-start;margin-bottom:0}
.hcc-thermo .hcc-row3>label>select{margin-top:6px}
.hcc-thermo .hcc-th-note{margin:10px 0 14px}
.hcc-thermo .hcc-tabs{margin:0 0 16px}

/* 03.09.2026 (ночь): точка росы в шаге 1 термопанелей — разрез стены, окрашенный по температуре,
   капля = точка росы. Карточка внутри зелёного блока результата, поэтому фон — --card. */
.hcc-dew{margin:4px 0 12px;padding:14px 16px;border-radius:12px;background:var(--card);border:1px solid var(--ln)}
.hcc-dew-head{font-size:14.5px;margin:0 0 14px;line-height:1.45}
.hcc-dew-head b{font-weight:600;color:var(--ac-t)}
.hcc-dew-row{margin:0 0 14px}
.hcc-dew-lab{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:24px} /* воздух под каплю */
.hcc-dew-vis{display:flex;align-items:flex-start;gap:10px}
.hcc-dew-end{flex:0 0 auto;font-size:11.5px;color:var(--mut);line-height:1.25;text-align:center;padding-top:3px;min-width:52px}
.hcc-dew-end b{display:block;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.hcc-dew-bar{position:relative;flex:1 1 auto;min-width:0}
.hcc-dew-wall{position:relative;height:28px;border-radius:5px;border:1px solid var(--ln);overflow:hidden}
.hcc-dew-sep{position:absolute;top:0;bottom:0;width:1px;background:rgba(0,0,0,.4)}
.hcc-dew-pps{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.45) 0 2px,transparent 2px 6px)}
.hcc-dew-tile{position:absolute;top:0;bottom:0;min-width:4px;background:#8a3b2a}
.hcc-dew-drop{position:absolute;top:-22px;width:16px;height:20px;margin-left:-8px;color:var(--ac-t);pointer-events:none}
.hcc-dew-drop svg{display:block;width:16px;height:20px;fill:currentColor;filter:drop-shadow(0 0 1px rgba(255,255,255,.9))}
.hcc-dew-drop:after{content:"";position:absolute;left:7px;top:20px;width:2px;height:30px;background:currentColor;opacity:.85}
.hcc-dew-row.is-ok .hcc-dew-drop{color:var(--ok)}
.hcc-dew-row.is-so .hcc-dew-drop{color:var(--hc-l,#d97706) var(--hc-d,#fbbf24)}
.hcc-dew-labs{display:flex;margin-top:3px;font-size:11.5px;color:var(--mut);line-height:1.2}
.hcc-dew-labs span{display:block;flex:0 0 auto;text-align:center;white-space:nowrap}
.hcc-dew-txt{font-size:14px;margin:8px 0 0;color:var(--ink);line-height:1.45}
.hcc-dew-note{font-size:13.5px;margin:0 0 8px;line-height:1.45}
.hcc-dew-note b{font-weight:600}
@media(max-width:640px){
  .hcc-dew{padding:12px}
  .hcc-dew-vis{gap:6px}
  .hcc-dew-end{min-width:44px;font-size:11px}
  .hcc-dew-end b{font-size:12px}
}

/* End */


/* Start:/servisy/calc-ux.css?17903674017682*/
/* Consistent calculator interface; scoped away from the services hub. */
.hcc.hcux{font-family:Montserrat,Arial,sans-serif;font-size:15px;line-height:1.6;--ln:var(--hc-l,#dededb) var(--hc-d,#444);--bg:var(--hc-l,#f6f6f3) var(--hc-d,#292929)}
.hcux .hcc-lead{max-width:78ch;font-size:16px;line-height:1.75;margin-bottom:24px}
.hcux-intro{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 20px;padding-bottom:18px;border-bottom:1px solid var(--ln);font-size:12px;color:var(--mut)}
.hcux-intro a{color:var(--ink);font-weight:600;text-decoration:none}.hcux-intro span{display:flex;align-items:center;gap:8px}.hcux-intro span:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--ok)}
.hcux-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding:0}.hcux-nav a{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--ln);border-radius:10px;background:var(--card);font-size:12px;font-weight:600;color:var(--ink);text-decoration:none;min-height:44px}.hcux-nav a:hover,.hcux-nav a[aria-current=step]{border-color:var(--ac);color:var(--ac-t)}.hcux-nav b{font-size:11px;color:var(--mut)}
.hcux .hcc-grid{grid-template-columns:minmax(0,1fr) minmax(320px,370px);gap:28px}.hcux .hcc-step{padding:26px;border-radius:16px;margin-bottom:20px;scroll-margin-top:125px;box-shadow:0 4px 18px #00000003}.hcux .hcc-step h2{font-size:20px;line-height:1.4;margin-bottom:10px}.hcux .hcc-num{width:30px;height:30px;font-size:12px;background:var(--bg);border:1px solid var(--ln);color:var(--ink)}
.hcux-step-help{font-size:13px;color:var(--mut);margin:0 0 22px;max-width:64ch}.hcux .hcc-step label{font-size:13px;color:var(--ink);font-weight:500}.hcux .hcc-hint{font-weight:400;color:var(--mut);line-height:1.6;font-size:12px}.hcux .hcc-row2,.hcux .hcc-row3,.hcux .hcc-row4,.hcux .hcc-filters{gap:16px}.hcux input[type=number],.hcux input[type=text],.hcux input[type=email],.hcux input[type=tel],.hcux select{min-height:48px;font-size:16px;border-radius:9px;padding:11px 12px}.hcux input[type=number]{font-variant-numeric:tabular-nums}.hcux select{max-width:100%;text-overflow:ellipsis}.hcux .hcc-check{padding:9px 0;line-height:1.6}.hcux .hcc-check input{width:21px!important;height:21px}.hcux .hcc-tab,.hcux .hcc-tab2,.hcux .hcc-presets button,.hcux .hcc-add,.hcux .hcc-del{min-height:44px}.hcux .hcc-del{min-width:44px}.hcux .hcc-tab,.hcux .hcc-tab2{border-radius:9px;font-size:13px}.hcux .hcc-tab.is-on,.hcux .hcc-tab2.is-on{background:var(--ink);color:var(--ink-on)}
.hcux .hcc-res{scroll-margin-top:120px}.hcux .hcc-res-in{border-radius:16px;overflow:hidden}.hcux .hcc-res-head{padding:24px;background:var(--bg)}.hcux .hcc-res-head h2{font-size:20px}.hcux #resTotal{font-variant-numeric:tabular-nums;font-size:32px;letter-spacing:-1px}.hcux #resTbl td{font-size:13px;line-height:1.6;padding-top:11px;padding-bottom:11px}.hcux #resTbl td:last-child{font-variant-numeric:tabular-nums}.hcux .hcc-sec td{font-size:11px!important;text-transform:uppercase;letter-spacing:.06em;padding-top:20px!important}.hcux .hcr-row{gap:10px}.hcux .hcr-name{overflow-wrap:anywhere}.hcux .hcc-btn{min-height:48px;border-radius:9px}.hcux :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--ac);outline-offset:3px}.hcux .hcux-field-error{display:block;color:var(--ac-t);font-size:12px;font-weight:400;margin-top:6px}.hcux [aria-invalid=true]{border-color:var(--ac)!important;background:var(--warn-bg)!important}.hcux-validation,.hcux-load-error{padding:16px;border:1px solid var(--warn-ln);background:var(--warn-bg);border-radius:10px;margin:12px 0;color:var(--ink);font-size:13px}.hcux-validation a{color:var(--ac-t);text-decoration:underline}.hcux-load-error button{min-height:44px;color:var(--ink);background:var(--card);border:1px solid var(--ln);border-radius:8px;padding:8px 12px;cursor:pointer}
.hcux-terms{font-size:12px;color:var(--mut);border-top:1px solid var(--ln);padding-top:14px;line-height:1.7}.hcux .hcc-filters label{min-width:0}.hcux .hcc-card{border-radius:12px;background:var(--bg)}.hcux .hcc-note{padding:14px 16px;line-height:1.7;border-radius:9px}.hcux .hcux-next{display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--ln)}.hcux-next a{font-size:13px;font-weight:600;min-height:44px;display:flex;align-items:center;color:var(--ac-t);text-decoration:none}
.hcux .hcux-invalid-total #resTotal,.hcux.hcux-has-errors #stTotal{font-size:0!important}.hcux .hcux-invalid-total #resTotal:after,.hcux.hcux-has-errors #stTotal:after{content:'Проверьте размеры';font-size:18px;letter-spacing:0}
@media(max-width:1100px){.hcux .hcc-grid{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.hcux .hcc-step{padding:20px}}
@media(max-width:900px){.hcux .hcc-grid{grid-template-columns:minmax(0,1fr)}.hcux-nav{flex-wrap:nowrap;overflow:auto;padding:2px 2px 10px;scrollbar-width:thin}.hcux-nav a{flex:none}.hcux .hcc-res{width:100%}.hcux .hcc-res-in{position:static}.hcux #resTotal{font-size:30px}}
@media(max-width:480px){.hcux .hcc-step{padding:18px 14px;border-radius:12px}.hcux .hcc-step h2{font-size:18px}.hcux .hcc-row2,.hcux .hcc-row3,.hcux .hcc-row4{gap:12px}.hcux .hcc-filters{grid-template-columns:1fr!important}.hcux-intro{font-size:11px}.hcux .hcc-res-head{padding:20px}.hcux .hcc-line{gap:8px}.hcux .hcc-step label{font-size:12px}.hcux input,.hcux select{min-width:0}.hcux .hcc-presets{gap:6px}.hcux .hcc-presets button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hcux *{scroll-behavior:auto!important;transition:none!important}}
@media print{.hcux-nav,.hcux-intro,.hcux-next{display:none!important}.hcux .hcc-grid{display:block}.hcux .hcc-res{width:100%}.hcux .hcc-res-in{box-shadow:none}}

.hcux-article{border:1px solid #dededb;border-radius:12px;padding:18px 22px;margin:24px 0;font-family:Montserrat,Arial,sans-serif}.hcux-article>summary{cursor:pointer;font-size:15px;font-weight:600;min-height:32px}.hcux-article>section{margin-top:20px!important}@media print{.hcux-article{display:none}}

.hcux-share{border:1px solid #dededb;border-radius:16px;padding:24px;width:min(540px,calc(100% - 32px));font-family:Montserrat,Arial,sans-serif}.hcux-share::backdrop{background:#0008}.hcux-share input{display:block;width:100%;padding:12px;margin:12px 0;font-size:16px}.hcux-share button{min-height:44px;padding:10px 20px;background:#ee2c2d;color:white;border:0;border-radius:8px}.hcux-share label{font-size:13px}

/* 25.09.2026 (аудит A1, gap_d1_calc_live-02): при ошибке ввода кнопки отправки серые — раньше #sendBtn был disabled,
   но оставался красным, а липкая #stBtn не гасла вовсе. Нажатие показывает всплывашку с первой ошибкой (HCCalc.leadGuard). */
.hcc .hcc-btn:is(:disabled,.hcux-off),.hcc .hcc-sticky button:is(:disabled,.hcux-off),.hcc-sheet .hcc-sheet-send.hcux-off,html body #hcStudio .hcc-btn:is(:disabled,.hcux-off){background:var(--ln,#e5e7eb);border-color:var(--ln,#e5e7eb);color:var(--mut,#6b7280);filter:none;box-shadow:none;cursor:not-allowed}
.hcux-toast{position:fixed;left:16px;right:16px;bottom:92px;z-index:130;max-width:520px;margin:0 auto;padding:12px 16px;border-radius:10px;background:var(--ink,#2A2E32);color:var(--ink-on,#fff);font-size:14px;line-height:1.45;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.hcux-toast[hidden]{display:none}
@media(min-width:901px){.hcux-toast{bottom:28px}}
/* o_order_forms-10: ссылка на текст согласия в форме заявки */
.hcc-modal .hcc-check a{color:var(--ac-t,#EE2C2D);text-decoration:underline}

/* End */


/* Start:/servisy/hc-house.css?17887197584880*/
.hch{--hh-ink:var(--ink,#25332e);--hh-bg:var(--card,#fff);--hh-line:var(--ln,#dfe5e0);color:var(--hh-ink);background:var(--hh-bg);border:1px solid var(--hh-line);border-radius:18px;padding:24px;margin:0 0 26px;font-family:inherit}.hch *{box-sizing:border-box}.hch [hidden]{display:none!important}.hch-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.hch h2{margin:3px 0 8px;font-size:27px;line-height:1.2}.hch p{margin:0 0 14px;line-height:1.5}.hch-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#77847c}.hch-actions,.hch-presets,.hch-tools{display:flex;flex-wrap:wrap;gap:8px}.hch button{border:1px solid var(--hh-line);background:var(--hh-bg);color:var(--hh-ink);border-radius:8px;padding:9px 12px;font:inherit;font-size:13px;cursor:pointer;line-height:1.35;min-height:39px}.hch button:hover,.hch button[aria-pressed=true]{border-color:#ee2c2d;color:#ee2c2d}.hch button:focus-visible,.hch input:focus-visible,.hch select:focus-visible,.hch svg:focus-visible{outline:3px solid #c07932;outline-offset:2px}.hch .hch-primary{background:#ee2c2d;color:#fff;border-color:#ee2c2d}.hch-presets{margin:10px 0 18px}.hch-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px}.hch-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hch label{display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.4;margin:0}.hch input:not([type=checkbox]),.hch select{width:100%;min-width:0;height:41px;padding:8px;border:1px solid var(--hh-line);border-radius:7px;background:var(--hh-bg);color:var(--hh-ink);font:inherit;font-size:14px}.hch .hch-full{grid-column:1/-1}.hch input[type=checkbox]{width:17px;height:17px;margin:0}.hch .hch-toggle{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:14px;padding:10px 0}.hch-extension{border-top:1px solid var(--hh-line);margin-top:14px}.hch-stage{position:relative;background:#eef1eb;border:1px solid #dfe5e0;border-radius:12px;overflow:hidden;min-height:390px;color:#34483f}.hch-stage canvas{display:block;width:100%;height:390px;touch-action:none;cursor:grab}.hch-stage canvas:active{cursor:grabbing}.hch-stage-note{position:absolute;left:15px;top:14px;right:15px;pointer-events:none;font-size:12px;max-width:320px}.hch-camera{position:absolute;bottom:12px;right:12px;display:flex;gap:5px}.hch-camera button{background:#fff;color:#34483f;border-color:#d7dfd7}.hch-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--hh-line);border-radius:10px;margin:14px 0 0;padding:14px 4px}.hch-stats div{padding:0 12px;border-right:1px solid var(--hh-line)}.hch-stats div:last-child{border:0}.hch-stats strong{display:block;font-size:21px;line-height:1.3}.hch-stats span{font-size:11px;opacity:.75}.hch-editor{margin-top:22px;border-top:1px solid var(--hh-line);padding-top:18px}.hch-editor-head{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.hch-editor-head label{flex:1;min-width:180px}.hch-elevation{display:block;width:100%;height:265px;background:#f5f4ee;border-radius:10px;margin:12px 0;color:#263c34;touch-action:none}.hch-elevation [data-opening]{cursor:move}.hch-opening-fields{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:10px;align-items:end}.hch-muted{font-size:12px;opacity:.78}.hch-status{font-size:13px;min-height:21px;margin-top:12px;line-height:1.5}.hch-warning{padding:10px 12px;background:#fff3df;color:#76531c;border-radius:8px;margin-top:10px;font-size:13px;line-height:1.5}.hch-invalid-row{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:5px 0}.hch-mode{margin-top:18px;border-top:1px solid var(--hh-line);padding-top:14px}.hch-mode button{font-size:12px}.hch .hch-active{border-color:#ee2c2d;color:#ee2c2d}.hch-invalid-row button{background:#fff;color:#76531c}.hch-active-summary{font-size:13px;padding:10px 0}.hch-no3d{padding:90px 24px}.hch-facade-area{font-size:12px;margin-top:4px}.hch-legacy-note{padding:12px;background:#fff3df;color:#76531c;border-radius:8px}.hch-saved{display:flex;gap:8px;margin-top:12px;align-items:end}.hch-saved label{flex:1}
@media(max-width:1050px){.hch-layout{grid-template-columns:220px minmax(0,1fr)}.hch-opening-fields{grid-template-columns:repeat(4,1fr)}.hch-opening-fields label:first-child{grid-column:1/-1}.hch-head{display:block}.hch-actions{margin:12px 0}.hch-stage canvas{height:380px}}
@media(max-width:650px){.hch{padding:16px 12px;border-radius:12px}.hch h2{font-size:23px}.hch-layout{display:flex;flex-direction:column-reverse}.hch-stage,.hch-stage canvas{min-height:280px;height:280px}.hch-stats{grid-template-columns:repeat(2,1fr);gap:12px}.hch-stats div:nth-child(2){border:0}.hch-stats strong{font-size:20px}.hch-extension{margin-top:10px}.hch-opening-fields{grid-template-columns:1fr 1fr}.hch-presets button{flex:1}.hch-elevation{height:235px}.hch-stage-note{font-size:11px}.hch-actions button{flex:1}}

/* End */


/* Start:/servisy/hc-panel-layout.css?17887218613203*/
.hcl-head{display:flex;gap:16px;justify-content:space-between;align-items:start}.hcl .hcl-title{font-size:25px;margin:3px 0 8px}.hcl-catalog{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;margin:16px 0}.hcl-options{margin:14px 0;border:1px solid var(--hh-line);border-radius:9px;padding:12px}.hcl-options summary{cursor:pointer;font-size:13px}.hcl-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.hcl .hcl-reuse{display:flex;flex-direction:row;align-items:center;gap:9px}.hcl .hcl-provenance{background:var(--warn-bg,#fff3df);border:1px solid var(--warn-ln,#ead9bf);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5;margin:10px 0}.hcl-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;margin-top:20px}.hcl-map-wrap{overflow:auto;background:#f5f4ee;border:1px solid var(--hh-line);border-radius:10px}.hcl-map{display:block;width:100%;height:360px;color:#31453b}.hcl-map [data-part]{cursor:pointer;outline:none}.hcl-map [data-part]:focus{filter:brightness(.8)}.hcl-legend{display:flex;flex-wrap:wrap;gap:14px;margin:9px 0;font-size:12px}.hcl-legend span:before{content:'';display:inline-block;width:12px;height:12px;border-radius:3px;background:#d9e1cd;margin-right:5px}.hcl-legend span:nth-child(2):before{background:#eacba6}.hcl-legend span:nth-child(3):before{background:#9ccabd}.hcl-detail{border:1px solid var(--hh-line);border-radius:10px;padding:14px;font-size:13px;line-height:1.5}.hcl-detail h3{font-size:16px;margin:0 0 10px}.hcl-detail svg{width:100%;height:130px;background:#f5f4ee;border-radius:7px}.hcl-detail p{margin:8px 0}.hcl-balance{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;margin:12px 0}.hcl-table-wrap{overflow:auto;margin-top:12px}.hcl table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.5}.hcl td,.hcl th{padding:9px 10px;border-bottom:1px solid var(--hh-line);text-align:left;vertical-align:top}.hcl th{font-weight:600}.hcl td button{min-height:30px;padding:5px 7px;white-space:nowrap}.hcl .hcl-table-title{font-size:17px;margin:20px 0 8px}.hcl-foot{font-size:12px;margin:10px 0;line-height:1.6;opacity:.8}.hcl-spec{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--hh-line);margin-top:22px;padding-top:6px}.hcl-progress{font-size:13px;padding:18px 0}.hcl-actions{display:flex;flex-wrap:wrap;gap:8px}.hcl-source-tag{font-variant-numeric:tabular-nums;font-weight:600}.hcl [data-part].hcl-selected{filter:brightness(.91)}.hcl-page{display:flex;gap:10px;align-items:center;margin:12px 0;font-size:12px}
@media(max-width:850px){.hcl-layout{grid-template-columns:1fr}.hcl-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.hcl-detail h3{grid-column:1/-1}.hcl-detail svg{height:150px}}
@media(max-width:600px){.hcl-head{display:block}.hcl-catalog{grid-template-columns:1fr}.hcl-map{height:265px}.hcl-spec{grid-template-columns:1fr}.hcl-settings{grid-template-columns:1fr 1fr}.hcl-actions{margin-top:12px}.hcl-actions button{flex:1}.hcl-detail{display:block}.hcl-title{font-size:22px}.hcl table{font-size:11px}.hcl td,.hcl th{padding:8px 6px}}

#hcLayout,#hlFacade,#hhWall{scroll-margin-top:110px}

/* End */


/* Start:/servisy/hc-termo-studio.css?178872555933752*/
/* A guided visual workspace; all selectors are confined to this calculator. */
#hcStudio{--ux-text:var(--ink,#24352c);--ux-muted:var(--mut,#617067);--ux-card:var(--card,#fff);--ux-line:var(--ln,#e0e5df);--ux-soft:var(--bg,#f4f6f2);--ux-accent:#e43830;--ux-green:#477059;font-size:16px;line-height:1.5;padding:16px 0 28px;margin:0 auto;max-width:1480px;color:var(--ux-text)}#hcStudio *{box-sizing:border-box}#hcStudio [hidden]{display:none!important}#hcStudio button,#hcStudio input,#hcStudio select{font-family:inherit}#hcStudio button{cursor:pointer}#hcStudio button:disabled{opacity:.45;cursor:not-allowed}#hcStudio button:focus-visible,#hcStudio input:focus-visible,#hcStudio select:focus-visible,#hcStudio summary:focus-visible{outline:3px solid #bd7d25;outline-offset:3px}#hcStudio button svg{width:21px;height:21px;flex:0 0 auto}#hcStudio h2,#hcStudio h3,#hcStudio h4{color:var(--ux-text);letter-spacing:-.025em}#hcStudio .ux-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 2px 24px}#hcStudio .ux-header h2{font-size:30px;line-height:1.2;margin:6px 0 0;font-weight:650}#hcStudio .ux-eyebrow{font-size:11px;letter-spacing:.13em;color:var(--ux-muted);font-weight:600}#hcStudio .ux-project-actions{display:flex;gap:10px}#hcStudio .ux-project-actions button{display:flex;align-items:center;gap:9px;border:1px solid var(--ux-line);background:var(--ux-card);border-radius:10px;padding:12px 16px;min-height:46px;font-size:14px;color:var(--ux-text)}#hcStudio .ux-project-actions .ux-save{background:var(--ux-soft)}
#hcStudio .ux-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border:1px solid var(--ux-line);border-radius:16px;background:var(--ux-card);padding:7px;margin:0 0 28px}#hcStudio .ux-step{display:flex;align-items:center;gap:13px;text-align:left;background:none;border:0;border-radius:10px;padding:14px 18px;color:var(--ux-muted);font-size:16px;min-height:68px}#hcStudio .ux-step svg{width:25px;height:25px}#hcStudio .ux-step span{display:flex;flex-direction:column;font-weight:600;line-height:1.3}#hcStudio .ux-step small{font-size:10px;letter-spacing:.08em;font-weight:500;margin-bottom:4px}#hcStudio .ux-step b{margin-left:auto;display:flex;width:26px;height:26px;border:1px solid var(--ux-line);border-radius:50%;align-items:center;justify-content:center;font-size:12px;font-weight:500}#hcStudio .ux-step[aria-current=step]{color:#fff;background:#344f41}#hcStudio .ux-step[aria-current=step] b{border-color:#91a297}#hcStudio .ux-step.is-done{color:var(--ux-green)}#hcStudio .ux-caption{margin:0 0 20px;scroll-margin-top:95px}#hcStudio .ux-caption h3{font-size:24px;margin:0 0 5px;font-weight:650;line-height:1.25}#hcStudio .ux-caption p{font-size:15px;margin:0;color:var(--ux-muted)}#hcStudio .ux-body{min-width:0}#hcStudio #hcHouse{display:contents!important;padding:0;border:0;margin:0}#hcStudio .hch-head,#hcStudio #hhStats,#hcStudio .hch-status,#hcStudio #sticky,#hcStudio .hcl-catalog,#hcStudio #hlStats,#hcStudio .hcl-balance{display:none!important}#hcStudio .hch-layout,#hcStudio .hch-editor,#hcStudio .ux-material,#hcStudio #hcLayout,#hcStudio .ux-quote,#hcStudio .ux-manual{display:none}#hcStudio[data-step="1"] .hch-layout{display:grid;grid-template-columns:370px minmax(0,1fr);gap:22px;align-items:start}#hcStudio .ux-house-controls{background:var(--ux-card);padding:20px;border:1px solid var(--ux-line);border-radius:16px;min-width:0}#hcStudio .hch-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 22px}#hcStudio .hch-presets button{padding:7px 4px 10px;border-radius:10px;background:var(--ux-card);border:1px solid var(--ux-line);font-size:13px;color:var(--ux-text);min-width:0;line-height:1.35}#hcStudio .hch-presets svg{display:block;width:100%;height:72px}#hcStudio .hch-presets span{display:block;font-weight:650}#hcStudio .hch-presets small{display:block;color:var(--ux-muted);font-size:12px;margin-top:3px}#hcStudio .hch-presets button[aria-pressed=true]{border:2px solid var(--ux-accent);padding:6px 3px 9px;background:var(--ux-soft)}#hcStudio label{font-size:14px;font-weight:500;line-height:1.45;color:var(--ux-text)}#hcStudio input:not([type=checkbox]):not([type=range]),#hcStudio select{font-size:16px;font-weight:500;min-height:46px;border:1px solid var(--ux-line);border-radius:9px;background:var(--ux-card);color:var(--ux-text);max-width:100%;padding:10px 12px;box-shadow:none}#hcStudio input[type=checkbox]{width:20px;height:20px;accent-color:var(--ux-accent)}#hcStudio .hch-fields{gap:17px 14px}#hcStudio .ux-number{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;border:1px solid var(--ux-line);border-radius:9px;margin-top:4px;overflow:hidden;background:var(--ux-card)}#hcStudio .ux-number button{border:0;background:var(--ux-soft);color:var(--ux-text);font-size:23px;padding:0;min-height:46px;border-radius:0;line-height:1}#hcStudio .ux-number input{border:0!important;border-radius:0!important;padding:8px 2px!important;width:100%;text-align:center;appearance:textfield;font-size:18px!important;font-weight:650!important}#hcStudio .ux-number input::-webkit-inner-spin-button,#hcStudio .ux-number input::-webkit-outer-spin-button{appearance:none;margin:0}#hcStudio input[type=range]{width:100%;height:24px;min-height:24px;padding:0;border:0;accent-color:var(--ux-green);margin:7px 0 0;cursor:pointer;touch-action:pan-y}#hcStudio .ux-floor-label,#hcStudio .ux-roof-label{grid-column:1/-1}#hcStudio .ux-segments{display:flex;background:var(--ux-soft);padding:4px;gap:4px;border-radius:10px;margin-top:6px}#hcStudio .ux-segments button{flex:1;min-height:43px;font-size:14px;border:1px solid transparent;border-radius:7px;color:var(--ux-text);padding:5px;background:transparent}#hcStudio .ux-segments button[aria-pressed=true]{background:var(--ux-card);border-color:var(--ux-line);box-shadow:0 2px 5px #00000009;font-weight:650}#hcStudio .ux-roofs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px}#hcStudio .ux-roof{border:1px solid var(--ux-line);border-radius:9px;padding:3px 2px 9px;font-size:11px;font-weight:500;background:var(--ux-card);color:var(--ux-text);line-height:1.25}#hcStudio .ux-roof svg{width:100%;height:57px}#hcStudio .ux-roof span{display:block}#hcStudio .ux-roof[aria-pressed=true]{border-color:var(--ux-accent);box-shadow:inset 0 0 0 1px var(--ux-accent)}#hcStudio .ux-details{border:1px solid var(--ux-line);border-radius:11px;padding:0;background:var(--ux-card);margin:14px 0 0;overflow:hidden}#hcStudio .ux-details>summary{display:flex;align-items:center;gap:8px;justify-content:space-between;cursor:pointer;list-style:none;font-size:14px;font-weight:500;padding:14px 15px;min-height:48px;color:var(--ux-text)}#hcStudio .ux-details>summary::-webkit-details-marker{display:none}#hcStudio .ux-details>summary:after{content:'+';font-size:22px;line-height:1;color:var(--ux-muted)}#hcStudio .ux-details[open]>summary:after{content:'−'}#hcStudio .ux-details[open]>summary{border-bottom:1px solid var(--ux-line);margin-bottom:12px}#hcStudio .ux-details>label,#hcStudio .ux-details>.hch-extension,#hcStudio .ux-details>.hcc-step{margin:12px 15px}#hcStudio .ux-house-controls>.ux-details{border-left:0;border-right:0;border-bottom:0;border-radius:0}#hcStudio .ux-house-controls>.ux-details>summary{padding:14px 0}#hcStudio .hch-extension{border:0;margin-top:6px}#hcStudio .hch-toggle{font-size:15px;min-height:44px}#hcStudio .hch-stage{height:485px;min-height:0;border:1px solid #e0e6de;background:#eef2eb;border-radius:18px;overflow:hidden}#hcStudio #hhCanvas{width:100%;height:100%;min-height:0}#hcStudio .ux-scene-badge{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:7px;background:#ffffffcc;border:1px solid #ffffffc9;border-radius:22px;padding:8px 12px;font-size:12px;color:#405d49;pointer-events:none;z-index:1}#hcStudio .ux-scene-badge svg{width:16px;height:16px}#hcStudio #hhSceneNote{top:22px;left:auto;right:18px;max-width:235px;display:flex;align-items:center;gap:8px;line-height:1.35;font-size:12px;color:#617363}#hcStudio #hhSceneNote svg{width:23px;height:23px;flex:0 0 auto}#hcStudio .hch-camera{bottom:18px;right:18px;gap:7px}#hcStudio .hch-camera button{width:42px;height:42px;min-height:42px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%;border:1px solid #dce2d8;color:#354e3e;background:#fff;padding:0}#hcStudio .ux-dimensions{position:absolute;left:20px;bottom:22px;color:#3c5845;line-height:1.3;pointer-events:none}#hcStudio .ux-dimensions b{font-size:22px;display:block;letter-spacing:-.02em}#hcStudio .ux-dimensions span{font-size:13px}#hcStudio .ux-house-visual>p{display:none}#hcStudio .ux-area{display:flex;align-items:center;gap:13px;background:var(--ux-card);border:1px solid var(--ux-line);border-radius:13px;padding:18px;margin-top:14px}#hcStudio .ux-area-icon{width:42px;height:42px;border-radius:10px;background:var(--ux-soft);display:flex;align-items:center;justify-content:center;color:var(--ux-green)}#hcStudio .ux-area-icon svg{width:22px;height:22px}#hcStudio .ux-area strong{font-size:25px;display:block;line-height:1.2;font-weight:650;letter-spacing:-.02em}#hcStudio .ux-area span{font-size:12px;color:var(--ux-muted)}#hcStudio #uxToWindows{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;border:0;background:transparent;color:var(--ux-green);padding:8px;min-height:44px}#hcStudio .ux-finish-note{font-size:12px;color:var(--ux-muted);padding:12px 2px;display:none}#hcStudio .ux-footer{position:sticky;bottom:10px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-card);padding:15px 20px;margin-top:22px;box-shadow:0 8px 32px #14271714}#hcStudio .ux-footer-value span{display:block;font-size:12px;color:var(--ux-muted)}#hcStudio .ux-footer-value strong{font-size:25px;font-weight:650;letter-spacing:-.035em}#hcStudio .ux-footer-buttons{display:flex;gap:10px}#hcStudio .ux-footer button{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:10px;min-height:50px;font-size:16px;font-weight:600;padding:12px 22px;line-height:1.3}#hcStudio .ux-next{border:1px solid var(--ux-accent);background:var(--ux-accent);color:white}#hcStudio .ux-next:hover{background:#ca2c27}#hcStudio .ux-prev{border:1px solid var(--ux-line);background:var(--ux-card);color:var(--ux-text)}#hcStudio .ux-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:2000;max-width:calc(100vw - 30px);width:max-content;background:#344f41;color:#fff;padding:14px 20px;border-radius:12px;font-size:15px;box-shadow:0 5px 24px #0002}
#hcStudio[data-step="2"] .hch-editor{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;border:0;padding:0;margin:0}#hcStudio .ux-facade-board,#hcStudio .ux-openings-side{border:1px solid var(--ux-line);border-radius:16px;background:var(--ux-card);padding:18px;min-width:0}#hcStudio .ux-openings-side{align-self:start}#hcStudio .ux-facade-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 14px}#hcStudio .ux-facade-tab{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid var(--ux-line);border-radius:9px;background:var(--ux-card);padding:8px;font-size:14px;color:var(--ux-text)}#hcStudio .ux-facade-tab[aria-pressed=true]{background:#344f41;color:#fff;border-color:#344f41}#hcStudio .hch-editor-head{margin-bottom:10px}#hcStudio #hhElevation{height:395px;margin:12px 0;background:#edf1e9;border:1px solid #e0e6da;border-radius:12px}#hcStudio .ux-drag-hint{display:flex;align-items:center;gap:8px;margin:12px 0 6px;font-size:14px;color:var(--ux-green)}#hcStudio .ux-drag-hint svg{width:20px;height:20px;flex:0 0 auto}#hcStudio #hhFacadeArea{font-size:12px;color:var(--ux-muted)}#hcStudio .hch-tools{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}#hcStudio .hch-tools button{display:flex;justify-content:center;align-items:center;gap:9px;font-size:15px;border-radius:10px;min-height:48px;background:var(--ux-soft);color:var(--ux-text);border:1px solid var(--ux-line)}#hcStudio .hch-tools [data-action=window]{background:#344f41;color:#fff;border-color:#344f41}#hcStudio .hch-opening-fields{grid-template-columns:1fr 1fr;gap:16px 10px}#hcStudio .hch-opening-fields>label:first-child,#hcStudio .hch-opening-fields>.ux-details,#hcStudio .hch-opening-fields>[data-action=delete]{grid-column:1/-1}#hcStudio .hch-opening-fields>[data-action=delete]{min-height:44px;color:#c83932;background:transparent;border:1px solid var(--ux-line);border-radius:9px;font-size:14px}#hcStudio .hch-opening-fields>.ux-details{margin-top:0}#hcStudio #hhInvalid{grid-column:1/-1;font-size:15px;line-height:1.6;padding:16px}#hcStudio .hch-invalid-row{gap:10px;flex-wrap:wrap}#hcStudio .hch-invalid-row button{font-size:14px;min-height:44px}
#hcStudio[data-step="3"] .ux-body{display:grid;grid-template-columns:390px minmax(0,1fr);gap:22px;align-items:start}#hcStudio[data-step="3"] .ux-material{display:block;grid-column:1;grid-row:1;min-width:0}#hcStudio[data-step="3"] .hch-layout{display:block;grid-column:2;grid-row:1;position:sticky;top:90px}#hcStudio[data-step="3"] .ux-house-controls{display:none}#hcStudio[data-step="3"] .ux-finish-note{display:block}#hcStudio .ux-gallery{border:1px solid var(--ux-line);border-radius:16px;padding:18px;background:var(--ux-card)}#hcStudio .ux-gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}#hcStudio .ux-gallery-heading h4{font-size:18px;margin:0;line-height:1.3;font-weight:650}#hcStudio .ux-gallery-heading>span{white-space:nowrap;font-size:11px;color:var(--ux-muted)}#hcStudio .ux-search-label{display:block}#hcStudio .ux-search-label input{width:100%;font-weight:400}#hcStudio .ux-colours{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0 16px}#hcStudio .ux-colour{display:flex;align-items:center;gap:6px;font-size:12px;border:1px solid var(--ux-line);background:var(--ux-card);border-radius:20px;min-height:38px;padding:7px 9px;color:var(--ux-text)}#hcStudio .ux-colour i{width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid #0002}#hcStudio .ux-tone-all{background:linear-gradient(135deg,#e4d5bc 0 33%,#a76242 33% 66%,#565b50 66%)}#hcStudio .ux-tone-light{background:#dfcba5}#hcStudio .ux-tone-red{background:#aa6246}#hcStudio .ux-tone-dark{background:#5d5e53}#hcStudio .ux-colour[aria-pressed=true]{border-color:var(--ux-green);background:var(--ux-soft);color:var(--ux-green);box-shadow:inset 0 0 0 1px var(--ux-green)}#hcStudio .ux-collections{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:450px;overflow-y:auto;padding:2px 3px 4px 1px;scrollbar-width:thin}#hcStudio .ux-collection{padding:0 0 9px;border:1px solid var(--ux-line);border-radius:10px;overflow:hidden;text-align:left;background:var(--ux-card);color:var(--ux-text);min-width:0}#hcStudio .ux-collection-image{height:100px;display:block;position:relative;overflow:hidden;background:var(--ux-soft)}#hcStudio .ux-collection-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}#hcStudio .ux-collection:hover img{transform:scale(1.06)}#hcStudio .ux-collection-image i{display:none;position:absolute;right:6px;top:6px;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:var(--ux-accent);color:#fff}#hcStudio .ux-collection-image i svg{width:17px;height:17px}#hcStudio .ux-collection[aria-pressed=true]{border-color:var(--ux-accent);box-shadow:0 0 0 2px var(--ux-accent)}#hcStudio .ux-collection[aria-pressed=true] i{display:flex}#hcStudio .ux-collection b{display:block;font-size:13px;font-weight:600;margin:9px 9px 3px;line-height:1.3}#hcStudio .ux-collection small{font-size:12px;display:block;color:var(--ux-muted);margin:0 9px}#hcStudio #uxMore{display:block;width:100%;background:var(--ux-card);border:1px solid var(--ux-line);border-radius:9px;margin-top:12px;font-size:14px;color:var(--ux-text);min-height:44px}#hcStudio .ux-empty{grid-column:1/-1;font-size:15px;padding:10px}#hcStudio .ux-insulation{border:1px solid var(--ux-line);border-radius:16px;padding:18px;background:var(--ux-card);margin-top:16px}#hcStudio .ux-insulation-head{display:flex;gap:10px;align-items:center;margin-bottom:15px}#hcStudio .ux-insulation-head>svg{width:26px;height:26px;color:var(--ux-green);flex:0 0 auto}#hcStudio .ux-insulation h4{font-size:18px;margin:0 0 3px;font-weight:650}#hcStudio #uxInsulationNote{font-size:12px;color:var(--ux-muted);margin:0;line-height:1.5}#hcStudio .ux-thickness{display:flex;gap:6px;flex-wrap:wrap}#hcStudio .ux-thickness-button{flex:1;min-width:52px;border:1px solid var(--ux-line);border-radius:9px;background:var(--ux-card);color:var(--ux-text);padding:10px 3px;text-align:center;min-height:64px}#hcStudio .ux-thickness-button>b{display:block;font-size:19px;font-weight:650}#hcStudio .ux-thickness-button small{font-size:11px;font-weight:400}#hcStudio .ux-thickness-button>span{font-size:9px;line-height:1.3;display:block;color:var(--ux-muted);margin-top:3px}#hcStudio .ux-thickness-button[aria-pressed=true]{border-color:var(--ux-green);box-shadow:inset 0 0 0 1px var(--ux-green);background:var(--ux-soft)}#hcStudio .ux-heat-scale{height:6px;background:var(--ux-soft);border-radius:10px;overflow:hidden;margin-top:15px}#hcStudio .ux-heat-scale span{display:block;height:100%;background:#779678;transition:width .2s}#hcStudio #uxHeatCaption{font-size:12px;color:var(--ux-muted);margin:9px 0 0;line-height:1.5}#hcStudio .ux-material .hcc-step{padding:0;border:0;background:none;border-radius:0}#hcStudio .ux-material .hcc-step h2{font-size:18px;margin:14px 0}#hcStudio .ux-material .hcc-step .hcc-num,#hcStudio #thermoRoot>p{display:none}#hcStudio #thermoRoot .hcc-row3{display:flex;flex-direction:column;gap:12px}#hcStudio .ux-catalog-native .hcc-filters{display:flex;flex-direction:column}#hcStudio .ux-catalog-native label{margin-bottom:12px}#hcStudio .ux-installation .hcc-hint{font-size:13px}#hcStudio #thRes{font-size:14px}
#hcStudio[data-step="4"] .ux-body{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:22px;align-items:start}#hcStudio[data-step="4"] #hcLayout{display:block;grid-column:1;grid-row:1;min-width:0;border:1px solid var(--ux-line);border-radius:16px;background:var(--ux-card);padding:22px;margin:0}#hcStudio[data-step="4"] .ux-quote{display:block;grid-column:2;grid-row:1;position:sticky;top:90px;margin:0;min-width:0}#hcStudio .ux-quote .hcc-res-in{position:static;border:1px solid var(--ux-line);border-radius:16px;padding:20px;background:var(--ux-card);box-shadow:none;max-height:none}#hcStudio .ux-quote .hcc-res-head{background:none;border:0;padding:0;margin:0}#hcStudio .ux-result-check{display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:#53775d;background:var(--ux-soft);border-radius:50%;margin-bottom:15px}#hcStudio .ux-result-check svg{width:24px;height:24px}#hcStudio .ux-quote h2{font-size:22px;margin:0 0 18px}#hcStudio .ux-quote .hcc-total{margin:0 0 18px;border:0;padding:0;display:flex;flex-direction:column;align-items:start}#hcStudio .ux-quote .hcc-total span{font-size:13px;color:var(--ux-muted)}#hcStudio #resTotal{font-size:34px;line-height:1.2;color:var(--ux-text);font-weight:650;letter-spacing:-.04em}#hcStudio #sendBtn{border-radius:10px;min-height:52px;font-size:15px;line-height:1.35;padding:13px;background:var(--ux-accent);border:0;color:#fff;width:100%}#hcStudio .ux-quote-note{font-size:12px;line-height:1.6;margin:12px 0 0;color:var(--ux-muted)}#hcStudio .ux-result-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:22px 0}#hcStudio .ux-result-facts>div{background:var(--ux-soft);border-radius:9px;padding:10px 5px;text-align:center;line-height:1.4}#hcStudio .ux-result-facts svg{width:20px;height:20px;display:block;margin:0 auto 7px;color:var(--ux-green)}#hcStudio .ux-result-facts b{font-size:13px;display:block}#hcStudio .ux-result-facts span{font-size:10px;color:var(--ux-muted);display:block;margin-top:2px}#hcStudio .ux-quote .hcc-actions{display:flex;flex-direction:column;gap:7px;margin:0}#hcStudio .ux-quote .hcc-actions button{font-size:14px;border-radius:9px;min-height:44px;margin:0;padding:9px}#hcStudio .ux-quote .hcc-res-head>.hcc-hint{font-size:12px;margin:12px 0 0}#hcStudio .ux-breakdown .hcr{padding:0 12px}#hcStudio .ux-breakdown .hcr-item{padding:12px 0}#hcStudio .ux-breakdown .hcr-name{font-size:13px}#hcStudio .ux-breakdown .hcr-val{font-size:13px}#hcStudio .ux-breakdown .hcr-sub{font-size:12px;line-height:1.5}#hcStudio .ux-breakdown #resHint{padding:0 12px;font-size:12px}#hcStudio #cmpBox{padding:0 12px;font-size:12px}#hcStudio .hcl-head{display:block}#hcStudio .hcl-head .hch-kicker{display:none}#hcStudio .hcl-head h2{font-size:21px;line-height:1.3;margin:0 0 8px}#hcStudio .hcl-head p{font-size:14px;line-height:1.5;margin:0 0 14px}#hcStudio .ux-estimate-note{font-size:12px;line-height:1.5;background:var(--ux-soft);border-radius:9px;padding:11px 13px;display:flex;gap:8px;align-items:start;color:var(--ux-muted)}#hcStudio .ux-estimate-note svg{width:17px;height:17px;flex:0 0 auto;margin-top:1px}#hcStudio .hcl-layout{display:block;margin-top:18px}#hcStudio .hcl-map{height:410px}#hcStudio .hcl-legend{font-size:12px;gap:10px}#hcStudio #hlFacadeNote{display:none}#hcStudio #hlDetail,#hcStudio .ux-part-close{display:none}#hcStudio .ux-part-open #hlDetail{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;margin-top:16px;background:var(--ux-soft);font-size:14px;padding:16px}#hcStudio .ux-part-open #hlDetail h3{grid-column:1/-1;font-size:17px;margin:0}#hcStudio .ux-part-open #hlDetail svg{height:180px}#hcStudio .ux-part-open .ux-part-close{display:block}#hcStudio .hcl-layout>div>button{font-size:13px;min-height:44px;margin-top:12px}#hcStudio .ux-yield{margin-top:18px}#hcStudio .ux-yield-track{height:12px;display:flex;gap:3px;border-radius:8px;overflow:hidden}#hcStudio .ux-yield-track span{height:100%;min-width:1px}#hcStudio #uxYieldInstalled{background:#7d9980}#hcStudio #uxYieldLeft{background:#bfcfb4}#hcStudio #uxYieldWaste{background:#deb897}#hcStudio #uxYieldText{display:flex;gap:8px 15px;flex-wrap:wrap;font-size:11px;line-height:1.5;margin-top:10px;color:var(--ux-muted)}#hcStudio #uxYieldText i{width:8px;height:8px;border-radius:50%;display:inline-block;background:#7d9980;margin-right:5px}#hcStudio #uxYieldText span:nth-child(2) i{background:#bfcfb4}#hcStudio #uxYieldText span:nth-child(3) i{background:#deb897}#hcStudio .ux-technical .hcl-provenance,#hcStudio .ux-technical .hcl-options{margin:12px}#hcStudio .ux-details .hcl-actions{padding:12px;display:flex;gap:8px}#hcStudio .ux-details .hcl-actions button{font-size:14px;min-height:44px}#hcStudio .hcl-spec{padding:0 14px;border:0;margin:0;display:block;font-size:15px}#hcStudio .hcl-spec .hch-muted{font-size:13px}#hcStudio .hcl-table-wrap{margin:12px}#hcStudio .hcl-page{margin:12px}#hcStudio .hcl-table-wrap table{font-size:13px}#hcStudio .hcl-table-wrap button{min-height:40px;font-size:13px}#hcStudio #hcLayout>.hcl-foot{display:none}#hcStudio .hcl-settings{font-size:14px}#hcStudio .hcl-progress{font-size:15px}#hcStudio .hcc-modal{z-index:5000}#hcStudio .hcc-modal-in{border-radius:18px;max-width:480px;padding:28px}#hcStudio .hcc-modal-in h3{font-size:24px;line-height:1.3;margin-top:8px}#hcStudio .hcc-modal-in .hcc-hint{font-size:15px;line-height:1.5}#hcStudio #leadForm label{font-size:15px;margin:12px 0}#hcStudio #leadForm input,#hcStudio #leadForm textarea{font-size:17px;min-height:48px;border-radius:9px}#hcStudio #leadForm [type=checkbox]{min-height:20px}#hcStudio #leadForm button[type=submit]{font-size:17px;border-radius:10px;min-height:50px}#hcStudio .ux-dialog{width:520px;max-width:calc(100vw - 24px);max-height:85vh;overflow:auto;border:1px solid var(--ux-line);border-radius:18px;background:var(--ux-card);color:var(--ux-text);padding:24px;box-shadow:0 20px 100px #0003}#hcStudio .ux-dialog::backdrop{background:#182b225e;backdrop-filter:blur(3px)}#hcStudio .ux-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}#hcStudio .ux-dialog-head h3{font-size:24px;margin:0}#hcStudio .ux-icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:9px;border-radius:50%;border:1px solid var(--ux-line);color:var(--ux-text);background:var(--ux-card)}#hcStudio .ux-dialog .hch-actions{margin-top:18px}#hcStudio .ux-dialog .hch-actions button,#hcStudio .ux-dialog .hch-saved button,#hcStudio .ux-dialog .hch-mode button{font-size:14px;min-height:44px;padding:9px 13px;border:1px solid var(--ux-line);border-radius:8px;color:var(--ux-text);background:var(--ux-card)}#hcStudio .ux-dialog label{display:flex;flex-direction:column;gap:7px}#hcStudio .ux-dialog .hch-saved{margin:22px 0 0}#hcStudio.ux-is-manual .hch-layout,#hcStudio.ux-is-manual .hch-editor{display:none}#hcStudio.ux-is-manual[data-step="1"] .ux-manual,#hcStudio.ux-is-manual[data-step="2"] .ux-manual{display:block}#hcStudio.ux-is-manual[data-step="3"] .ux-material{grid-column:1/-1;max-width:800px;margin:auto;width:100%}#hcStudio.ux-is-manual .hch-legacy-note{margin-bottom:18px;font-size:15px;line-height:1.5}#hcStudio .ux-manual .hcc-step{padding:24px;border:1px solid var(--ux-line);border-radius:15px}.ux-article{margin:25px 0;border:1px solid #e0e5df;border-radius:12px;font-size:15px}.ux-article>summary{cursor:pointer;padding:18px}.ux-article>section{padding:20px;margin:0!important}
@media(max-width:1100px){#hcStudio[data-step="1"] .hch-layout{grid-template-columns:330px minmax(0,1fr);gap:16px}#hcStudio .ux-house-controls{padding:16px}#hcStudio .ux-header h2{font-size:26px}#hcStudio .ux-step{padding:12px;gap:8px}#hcStudio .ux-step b{display:none}#hcStudio[data-step="3"] .ux-body{grid-template-columns:340px minmax(0,1fr);gap:16px}#hcStudio #hhSceneNote{max-width:150px;font-size:11px}#hcStudio[data-step="4"] .ux-body{grid-template-columns:minmax(0,1fr) 300px;gap:16px}#hcStudio[data-step="4"] #hcLayout{padding:18px}#hcStudio #resTotal{font-size:30px}#hcStudio .ux-quote .hcc-res-in{padding:16px}#hcStudio .ux-area{padding:14px}#hcStudio #uxToWindows{font-size:12px;padding:0}#hcStudio .ux-area-icon{display:none}}
@media(max-width:800px){#hcStudio{padding-top:5px}#hcStudio .ux-header{padding-bottom:18px;align-items:start}#hcStudio .ux-header h2{font-size:25px}#hcStudio .ux-eyebrow{font-size:9px;letter-spacing:.08em}#hcStudio .ux-project-actions{gap:5px}#hcStudio .ux-project-actions button{padding:10px;min-width:44px}#hcStudio .ux-project-actions button span{display:none}#hcStudio .ux-nav{gap:3px;padding:5px;margin-bottom:22px;border-radius:12px}#hcStudio .ux-step{flex-direction:column;justify-content:center;gap:6px;padding:10px 3px;font-size:12px;min-height:72px;text-align:center;border-radius:8px}#hcStudio .ux-step svg{width:22px;height:22px}#hcStudio .ux-step small{display:none}#hcStudio .ux-caption h3{font-size:22px}#hcStudio .ux-caption p{font-size:14px;line-height:1.5}#hcStudio .ux-caption{scroll-margin-top:80px}#hcStudio[data-step="1"] .hch-layout{display:flex;flex-direction:column-reverse;gap:16px}#hcStudio .ux-house-controls,#hcStudio .ux-house-visual{width:100%}#hcStudio .hch-stage{height:340px}#hcStudio .ux-scene-badge{top:12px;left:12px;padding:6px 9px;font-size:11px}#hcStudio #hhSceneNote{top:14px;right:12px;max-width:170px;font-size:11px}#hcStudio .ux-area{margin-top:10px;padding:13px 15px}#hcStudio .ux-area strong{font-size:23px}#hcStudio .ux-area span{font-size:11px}#hcStudio .ux-dimensions b{font-size:20px}#hcStudio .hch-presets svg{height:80px}#hcStudio .ux-roof svg{height:65px}#hcStudio .ux-roof{font-size:12px}#hcStudio .ux-footer{padding:12px;gap:12px;bottom:6px;margin-top:16px;border-radius:12px}#hcStudio .ux-footer-value strong{font-size:22px}#hcStudio .ux-footer-value span{font-size:11px}#hcStudio .ux-footer button{font-size:14px;min-height:48px;padding:10px 14px;gap:7px}#hcStudio .ux-prev span{display:none}#hcStudio .ux-footer-buttons{gap:7px}#hcStudio .ux-footer .ux-prev{width:44px;padding:10px}#hcStudio[data-step="2"] .hch-editor{display:flex;flex-direction:column;gap:14px}#hcStudio .ux-facade-board,#hcStudio .ux-openings-side{width:100%;padding:15px}#hcStudio .hch-tools{flex-direction:row;margin-bottom:20px}#hcStudio .hch-tools button{flex:1;font-size:14px}#hcStudio #hhElevation{height:310px}#hcStudio .ux-facade-tab{font-size:12px;padding:7px 2px}#hcStudio .ux-facade-tab svg{width:17px;height:17px}#hcStudio .ux-drag-hint{font-size:13px}#hcStudio[data-step="3"] .ux-body{display:flex;flex-direction:column;gap:16px}#hcStudio[data-step="3"] .hch-layout{order:0;position:static;width:100%}#hcStudio[data-step="3"] .ux-material{order:1;width:100%}#hcStudio[data-step="3"] .hch-stage{height:300px}#hcStudio .ux-gallery{padding:16px}#hcStudio .ux-collections{grid-template-columns:repeat(3,minmax(0,1fr));max-height:380px;gap:12px}#hcStudio .ux-collection-image{height:110px}#hcStudio .ux-colour{min-height:42px;padding:8px 13px;font-size:13px}#hcStudio .ux-thickness-button>span{font-size:10px}#hcStudio[data-step="4"] .ux-body{display:flex;flex-direction:column;gap:16px}#hcStudio[data-step="4"] .ux-quote{order:0;position:static;width:100%}#hcStudio[data-step="4"] #hcLayout{order:1;width:100%;padding:18px}#hcStudio .ux-quote .hcc-res-in{padding:20px}#hcStudio .ux-result-check{width:36px;height:36px;margin-bottom:10px}#hcStudio .ux-quote h2{font-size:22px;margin-bottom:14px}#hcStudio .ux-quote .hcc-total{margin-bottom:14px}#hcStudio #resTotal{font-size:36px}#hcStudio .ux-result-facts b{font-size:16px}#hcStudio .ux-result-facts span{font-size:12px}#hcStudio .hcl-map{height:360px}#hcStudio .ux-part-open #hlDetail{display:block}#hcStudio .ux-part-open #hlDetail svg{height:160px;margin-top:12px}}
@media(max-width:480px){#hcStudio .ux-header h2{font-size:21px;max-width:220px}#hcStudio .ux-header{gap:8px}#hcStudio .ux-project-actions button{width:40px;min-width:40px;min-height:42px;padding:9px;border-radius:9px}#hcStudio .ux-project-actions svg{width:19px;height:19px}#hcStudio .ux-eyebrow{max-width:220px;font-size:8px}#hcStudio .hch-stage{height:285px}#hcStudio #hhSceneNote{display:none}#hcStudio .hch-camera{right:12px;bottom:14px;gap:5px}#hcStudio .hch-camera button{width:37px;height:37px;min-height:37px;font-size:19px}#hcStudio .ux-dimensions{left:14px;bottom:16px}#hcStudio .ux-dimensions b{font-size:19px}#hcStudio .ux-dimensions span{font-size:12px}#hcStudio .ux-area strong{font-size:21px}#hcStudio #uxToWindows{font-size:11px;gap:5px}#hcStudio #uxToWindows svg{width:18px;height:18px}#hcStudio .ux-footer{flex-wrap:wrap;padding:10px 12px}#hcStudio .ux-footer-value{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}#hcStudio .ux-footer-value strong{font-size:21px}#hcStudio .ux-footer-buttons{width:100%}#hcStudio .ux-footer .ux-next{flex:1}#hcStudio .ux-footer button{font-size:15px;min-height:47px}#hcStudio .hch-presets svg{height:65px}#hcStudio .hch-presets span{font-size:12px}#hcStudio .hch-presets small{font-size:11px}#hcStudio .ux-roof span{font-size:10px}#hcStudio .ux-roof svg{height:57px}#hcStudio .ux-collections{grid-template-columns:1fr 1fr;max-height:420px}#hcStudio .ux-collection-image{height:112px}#hcStudio .ux-colours{gap:5px}#hcStudio .ux-colour{font-size:12px;padding:7px 9px;min-height:40px}#hcStudio .ux-gallery-heading h4{font-size:17px}#hcStudio .ux-gallery-heading>span{font-size:10px}#hcStudio #hhElevation{height:260px}#hcStudio .ux-facade-tabs{gap:4px}#hcStudio .ux-facade-tab{gap:3px;font-size:11px;min-height:44px}#hcStudio .ux-facade-tab svg{display:none}#hcStudio .hcl-map{height:290px}#hcStudio .hcl-legend{font-size:11px}#hcStudio #hcLayout .hcl-head h2{font-size:21px}#hcStudio .ux-dialog{padding:20px}#hcStudio .ux-dialog .hch-saved{display:block}#hcStudio .ux-dialog .hch-saved button{width:100%;margin-top:10px}}
@media(prefers-reduced-motion:reduce){#hcStudio *,#hcStudio *:before,#hcStudio *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{#hcStudio .ux-header,#hcStudio .ux-nav,#hcStudio .ux-caption,#hcStudio .ux-footer,#hcStudio .ux-project-actions,#hcStudio button,#hcStudio .ux-toast{display:none!important}#hcStudio .ux-body{display:block!important}#hcStudio .ux-quote,#hcStudio #hcLayout{display:block!important;position:static!important;width:100%!important;break-inside:avoid}#hcStudio .ux-breakdown>*{display:block!important}#hcStudio .ux-quote .hcc-res-in{max-height:none}#hcStudio .hch-layout,#hcStudio .ux-material,#hcStudio .hch-editor{display:none!important}}
#hcStudio .ux-detail-close{display:none}#hcStudio #hcLayout.ux-part-open .ux-detail-close{display:block;margin:10px 0}
@media(max-width:480px){#hcStudio .hch-camera button{min-width:44px;min-height:44px}#hcStudio .ux-dimensions{bottom:auto;top:65px;left:16px}}
#hcStudio .ux-chosen{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px;background:var(--ux-soft);border-radius:10px}#hcStudio .ux-chosen img{width:54px;height:54px;object-fit:cover;border-radius:7px}#hcStudio .ux-chosen b{display:block;font-size:13px;line-height:1.4}#hcStudio .ux-chosen span{display:block;font-size:12px;color:var(--mut);margin-top:4px}
#hcStudio .ux-lead-shell{padding:0;border:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;background:transparent;color:inherit}#hcStudio .ux-lead-shell::backdrop{background:transparent}#hcStudio .hcc-close{min-width:44px;min-height:44px;font-size:26px;top:6px;right:8px}#hcStudio .hcc-modal-in h3{padding-right:16px}#hcStudio #leadForm>.ux-details{margin:12px 0}#hcStudio #leadForm>.ux-details>label{margin-top:10px}

/* End */


/* Start:/servisy/hc-termo-simple.css?17898729735236*/
/* Simple estimate first; model and cutting plan are optional. */
#hcStudio{--ux-green:#344f41;max-width:1160px;margin-inline:auto}
#hcStudio [hidden]{display:none!important}
#hcStudio .ux-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
#hcStudio .ux-header h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.025em}
#hcStudio .ux-eyebrow{letter-spacing:.1em}
#hcStudio .ux-caption h3{font-size:24px}
#hcStudio .ux-manual{max-width:760px;margin:auto;width:100%}
#hcStudio .simple-area{padding:28px;background:white;border:1px solid var(--ux-line);border-radius:18px;margin-bottom:16px}
#hcStudio .simple-mode{display:block;max-width:460px;margin-bottom:26px;font-weight:600}
#hcStudio .simple-mode select{display:block;width:100%;margin-top:10px;min-height:48px}
#hcStudio .simple-area-entry label{display:block;font-size:18px;font-weight:600;margin-bottom:12px}
#hcStudio #quickArea{display:block;font-size:30px;height:72px;width:100%;max-width:460px;padding:12px 18px;border:1px solid #9aa99f;border-radius:10px;background:#fcfdfb}
#hcStudio #quickAreaHint{color:#59675f;margin:12px 0 20px;font-size:14px;line-height:1.5}
#hcStudio #simpleAreaResult{padding:16px;border-radius:10px;background:#edf3ec;color:#2b4936;font-weight:600;font-size:17px}
#hcStudio #openHouse,#hcStudio .simple-back{border:0;background:transparent;color:#344f41;text-decoration:underline;text-underline-offset:4px;padding:12px 0;margin-top:8px;min-height:44px;text-align:left;font-size:14px}
#hcStudio[data-area-mode=area] .ux-manual #hcLegacyGeometry,#hcStudio[data-area-mode=area] .ux-manual .hcc-step>h2,#hcStudio[data-area-mode=area] .ux-manual #areaNote{display:none}
#hcStudio[data-area-mode=dimensions] .simple-area-entry{display:none}
#hcStudio .ux-manual .hcc-step{border-radius:16px;padding:22px}
#hcStudio .ux-manual .hcc-presets{display:none}
#hcStudio .ux-manual .hcc-row2{display:block}
#hcStudio #hcManualSpare{display:block;width:100%;max-width:460px}
#hcStudio #hcManualSpare select{width:100%;min-height:48px}
#hcStudio .simple-model-next{padding:12px 18px;border-radius:9px;border:1px solid #b6c2b8;background:#eef3ec;color:#2b4936;min-height:46px;font-weight:600}
#hcStudio[data-step="3"] .ux-body,#hcStudio[data-step="4"] .ux-body{display:block}
#hcStudio[data-step="3"] .hch-layout{display:none}
#hcStudio[data-step="3"] .ux-material{max-width:940px;width:100%;margin:auto}
#hcStudio .ux-collections{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}
#hcStudio .ux-collection-image{height:170px}
#hcStudio .ux-gallery,#hcStudio .ux-insulation{padding:24px;border-radius:16px}
#hcStudio .ux-material .ux-installation{margin-top:16px}
#hcStudio .simple-layout{display:none}
#hcStudio[data-step="4"] .simple-layout{display:block;max-width:900px;margin:22px auto 0;padding:0;background:#fff;border:1px solid var(--ux-line);border-radius:14px}
#hcStudio .simple-layout>summary{padding:20px;font-size:17px;color:#344f41;font-weight:600;min-height:48px;cursor:pointer}
#hcStudio .simple-layout-intro{padding:0 22px 22px;color:#536157;line-height:1.6}
#hcStudio #layoutToggle{margin:16px 0}
#hcStudio[data-step="4"] #hcLayout{display:block;width:100%;border:0;padding:22px;border-top:1px solid var(--ux-line);border-radius:0}
#hcStudio[data-step="4"] .ux-quote{position:static;max-width:900px;width:100%;margin:auto}
#hcStudio .ux-quote .hcc-res-in{max-height:none;overflow:visible;padding:28px}
#hcStudio .ux-quote .hcc-res-head{padding:26px;background:#edf3ec;border-radius:12px}
#hcStudio #resTotal{font-size:clamp(32px,5vw,48px)}
#hcStudio .simple-method{font-size:14px;color:#344f41;margin:16px 0 0}
#hcStudio .ux-footer{max-width:940px;margin:22px auto 0}
#hcStudio .ux-next:disabled{opacity:.5;cursor:not-allowed}
#hcStudio button:focus-visible,#hcStudio input:focus-visible,#hcStudio select:focus-visible,#hcStudio summary:focus-visible{outline:3px solid #577b62;outline-offset:3px}
@media(max-width:600px){
 #hcStudio .ux-nav{gap:3px;padding:4px;margin-bottom:22px}
 #hcStudio .ux-step{padding:10px 7px;min-height:58px;justify-content:center;font-size:13px}
 #hcStudio .ux-step svg,#hcStudio .ux-step b{display:none}
 #hcStudio .ux-step small{font-size:9px}
 #hcStudio .simple-area,#hcStudio .ux-manual .hcc-step,#hcStudio .ux-gallery,#hcStudio .ux-insulation{padding:18px}
 #hcStudio .ux-caption h3{font-size:22px}
 #hcStudio .ux-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #hcStudio .ux-collection-image{height:125px}
 #hcStudio .ux-quote .hcc-res-in{padding:16px}
 #hcStudio .ux-quote .hcc-res-head{padding:18px}
 #hcStudio .ux-footer{flex-wrap:wrap;gap:10px;position:static}
 #hcStudio .ux-footer-buttons{flex:1;justify-content:flex-end}
 #hcStudio .ux-next{font-size:13px;padding:12px}
 #hcStudio .simple-layout>summary{padding:17px;font-size:15px}
}
@media print{#hcStudio .simple-layout:not([open]){display:none!important}#hcStudio .simple-area,#hcStudio .simple-layout-intro{display:none!important}}
#hcStudio #hhLegacy{display:none!important}
#hcStudio .ux-footer{position:static}
#hcStudio .ux-quote .ux-quote-note{line-height:1.6}
#hcStudio.ux-is-manual .hch-layout,#hcStudio.ux-is-manual .hch-editor{display:none!important}
#hcStudio[data-step="3"] .hch-layout{display:none!important}

/* End */


/* Start:/servisy/hc-termo-site.css?178998501421026*/
/* Match the site's Montserrat type, red accent and 6px / 4px corner tokens.
   Scoped to the thermopanel calculator; shared calculator styles stay intact. */
body #hcStudio{
 --ux-text:var(--ink);--ux-muted:var(--mut);--ux-card:var(--card);
 --ux-line:var(--ln);--ux-soft:var(--bg);--ux-accent:#ee2c2d;--ux-green:var(--ink);
 font-family:Montserrat,Arial,sans-serif;letter-spacing:normal;
}
body #hcStudio :is(.ux-nav,.simple-area,.ux-manual .hcc-step,.ux-gallery,.ux-insulation,.ux-details,.ux-house-controls,.ux-quote,.hcc-res-in,.simple-layout,.ux-footer,.hch-stage,.ux-area,.ux-facade-board,.ux-openings-side){
 border-radius:var(--hc-radius-card,6px);background:var(--card);border-color:var(--ln);box-shadow:none;
}
body #hcStudio :is(button,input:not([type=checkbox]):not([type=range]),select,textarea,.ux-collection-image,.ux-chosen,.ux-quote .hcc-res-head){border-radius:var(--hc-radius-control,4px)}
body #hcStudio .ux-header{padding-bottom:24px}
body #hcStudio .ux-header h2{font-size:28px;font-weight:600;line-height:1.3;letter-spacing:-.02em}
body #hcStudio .ux-eyebrow{display:none}
body #hcStudio .ux-caption h3{font-size:22px;font-weight:600;line-height:1.4;letter-spacing:-.02em}
body #hcStudio .ux-caption p{font-size:14px;line-height:1.7}
body #hcStudio .ux-nav{padding:6px;gap:6px;background:var(--bg)}
body #hcStudio .ux-step{font-size:14px;min-height:64px;color:var(--mut)}
body #hcStudio .ux-step[aria-current=step]{background:var(--ac);color:#fff}
body #hcStudio .ux-step[aria-current=step] b{border-color:#ffffff80;color:#fff}
body #hcStudio .ux-step.is-done{color:var(--ink)}
body #hcStudio .ux-step:not([aria-current=step]):hover{background:var(--card);color:var(--ac-t)}
body #hcStudio :is(.ux-next,.hcc-btn:not(.hcc-btn-alt),.ux-save){background:var(--ac);border-color:var(--ac);color:#fff}
body #hcStudio :is(.ux-next,.hcc-btn:not(.hcc-btn-alt)):hover:not(:disabled){background:#d92324;border-color:#d92324}
body #hcStudio :is(.simple-model-next,.ux-prev,.ux-project-actions .ux-project){background:var(--card);border:1px solid var(--ln);color:var(--ink)}
body #hcStudio :is(#openHouse,.simple-back){color:var(--ink);font-weight:500}
body #hcStudio :is(#openHouse,.simple-back):hover{color:var(--ac-t)}
body #hcStudio #simpleAreaResult{background:var(--bg);color:var(--ink);border-radius:4px;font-size:15px;font-weight:600}
body #hcStudio #quickArea{background:var(--field);color:var(--ink);border:1px solid var(--ln);height:64px;font-size:26px;font-weight:600;padding:12px 16px}
body #hcStudio :is(.simple-area-entry label,.simple-mode){font-size:14px;font-weight:500}
body #hcStudio :is(#quickAreaHint,.simple-layout-intro){color:var(--mut);font-size:13px}
body #hcStudio :is(.simple-method,.simple-layout>summary){color:var(--ink)}
body #hcStudio .ux-result-check{background:var(--bg);color:var(--ac)}
body #hcStudio .ux-quote .hcc-res-head,body #hcStudio .ux-result-facts>div,body #hcStudio .ux-chosen{background:var(--bg)}
body #hcStudio .ux-result-facts svg{color:var(--ink)}
body #hcStudio .ux-heat-scale{background:var(--bg)}
body #hcStudio #uxHeatFill{background:var(--ac)}
body #hcStudio .ux-insulation-head>svg{color:var(--ink)}
body #hcStudio .ux-thickness-button[aria-pressed=true]{border-color:var(--ac);box-shadow:inset 0 0 0 1px var(--ac);background:var(--card);color:var(--ink)}
body #hcStudio .ux-thickness-button>span{color:var(--mut)}
body #hcStudio .ux-collection[aria-pressed=true]{border-color:var(--ac)}
body #hcStudio .ux-colour[aria-pressed=true]{border-color:var(--ac);background:var(--card);color:var(--ac-t)}
body #hcStudio .ux-colour{border-radius:4px}
body #hcStudio .hch-stage{background:var(--bg)}
body #hcStudio .ux-scene-badge,body #hcStudio .ux-dimensions,body #hcStudio .ux-area{color:var(--ink)}
body #hcStudio .ux-scene-badge{background:var(--card);border:1px solid var(--ln)}
body #hcStudio .ux-footer{border-top:1px solid var(--ln);padding:20px;background:var(--bg)}
body #hcStudio :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--ac);outline-offset:3px}
/* Explicit control styles fix native select sizing, including Safari. */
body #hcStudio select{
 display:block;width:100%;max-width:100%;min-width:0;min-height:48px;height:48px;
 appearance:none;-webkit-appearance:none;box-sizing:border-box;
 border:1px solid var(--ln);border-radius:4px;background-color:var(--field);color:var(--ink);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 14px center;background-size:16px;
 padding:12px 40px 12px 14px;font-family:inherit;font-size:14px;font-weight:400;line-height:22px;text-overflow:ellipsis;cursor:pointer;
}
body #hcStudio select:hover{border-color:#a6a8ab}
body #hcStudio #thermoRoot{padding:20px;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}
body #hcStudio #thermoRoot>h2{display:none}
body #hcStudio #thermoRoot .hcc-row3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start;margin:0}
body #hcStudio #thermoRoot .hcc-row3>label{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;font-size:13px;line-height:1.5;font-weight:500}
body #hcStudio #thermoRoot .hcc-row3 select{margin:0}
body #hcStudio #thermoRoot .hcc-th-note{margin:12px 0 20px;line-height:1.6;font-size:12px}
body #hcStudio #thermoRoot .hcc-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
body #hcStudio #thermoRoot .hcc-tab2{flex:0 1 auto;min-height:44px;padding:11px 18px;font-size:13px;line-height:1.5;border:1px solid var(--ln);background:var(--card);color:var(--mut);white-space:normal}
body #hcStudio #thermoRoot .hcc-tab2.is-on{background:var(--ink);color:var(--ink-on);border-color:var(--ink)}
body #hcStudio #thermoRoot>.ux-details{margin-top:20px}
body #hcStudio .ux-insulation>.ux-details[open]>summary{margin-bottom:0}
body #hcStudio .ux-details>summary{font-size:14px;font-weight:500;padding:16px 20px;min-height:54px}
body #hcStudio #thRes{padding:0 16px 16px}
body #hcStudio #thRes:empty{padding:0}
@media(max-width:767px){
 body #hcStudio .ux-header h2{font-size:24px}
 body #hcStudio .ux-caption h3{font-size:20px}
 body #hcStudio .ux-nav{padding:4px;gap:4px}
 body #hcStudio .ux-step{min-height:54px;font-size:12px;padding:10px 6px}
 body #hcStudio .ux-step svg,body #hcStudio .ux-step b{display:none}
 body #hcStudio #thermoRoot{padding:16px}
 body #hcStudio #thermoRoot .hcc-row3{grid-template-columns:minmax(0,1fr);gap:16px}
 body #hcStudio select{font-size:16px}
 body #hcStudio #thermoRoot .hcc-tabs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:20px}
 body #hcStudio #thermoRoot .hcc-tab2{width:100%;text-align:center}
 body #hcStudio .ux-details>summary{padding:14px 16px;font-size:13px}
 body #hcStudio .ux-footer{padding:16px}
}

/* More specific legacy result styles also need the shared corner tokens. */
body #hcStudio .ux-quote .hcc-btn,body #hcStudio .ux-footer button{border-radius:var(--hc-radius-control,4px)}
body #hcStudio .ux-result-facts>div{border-radius:var(--hc-radius-card,6px)}
@media(max-width:480px){
 body #hcStudio .ux-thickness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 body #hcStudio .ux-thickness-button{min-width:0;padding:10px 6px}
 body #hcStudio .ux-thickness-button b{white-space:nowrap}
}

/* Optional house editor and panel plan use the same design system as the estimate. */
body #hcStudio :is(#hcHouse,#hcLayout){--hh-ink:var(--ink);--hh-bg:var(--card);--hh-line:var(--ln)}
body #hcStudio .ux-house-controls{padding:24px}
body #hcStudio .ux-house-controls>.simple-back{margin:0 0 18px;padding:0;min-height:44px;font-size:13px}
body #hcStudio :is(.hch-presets button,.ux-roof,.ux-floor,.ux-number,.ux-facade-tab,.hch-tools button,.hch-camera button,.ux-scene-badge,.ux-area-icon,.ux-icon-button,.ux-dialog button,.hcl-actions button,.hcl-page button,.hcl-table-wrap button,.ux-detail-close,.simple-model-next){border-radius:var(--hc-radius-control,4px)}
body #hcStudio .hch-presets button{border:1px solid var(--ln);padding:10px 4px;background:var(--card);color:var(--ink);font-size:13px;box-shadow:none}
body #hcStudio .hch-presets button[aria-pressed=true]{padding:10px 4px;border:1px solid var(--ac);box-shadow:inset 0 0 0 1px var(--ac);background:var(--card);color:var(--ink)}
body #hcStudio .hch-presets small{font-size:11px;color:var(--mut)}
body #hcStudio .hch-fields label{font-size:13px;font-weight:500;gap:8px}
body #hcStudio .ux-number{grid-template-columns:40px minmax(0,1fr) 40px;margin:0;min-width:0}
body #hcStudio .ux-number :is(button,input){height:46px;min-height:46px}
body #hcStudio .ux-number button{border-radius:0;background:var(--bg);color:var(--ink);font-size:21px}
body #hcStudio .ux-number button:hover:not(:disabled){color:var(--ac-t);background:var(--card)}
body #hcStudio input[type=range]{accent-color:var(--ac)}
body #hcStudio .ux-segments{border-radius:4px;gap:6px;padding:0;background:transparent}
body #hcStudio .ux-segments button{border:1px solid var(--ln);background:var(--card);font-size:13px;min-height:44px}
body #hcStudio .ux-segments button[aria-pressed=true]{border-color:var(--ac);color:var(--ac-t);background:var(--card);box-shadow:inset 0 0 0 1px var(--ac)}
body #hcStudio .ux-roof{background:var(--card);padding:8px 4px;min-height:96px;line-height:1.4;border-color:var(--ln);font-size:11px}
body #hcStudio .ux-roof[aria-pressed=true]{border-color:var(--ac);box-shadow:inset 0 0 0 1px var(--ac);color:var(--ink)}
body #hcStudio .ux-house-controls>.ux-details{border:1px solid var(--ln);border-radius:6px;margin-top:18px}
body #hcStudio .ux-house-controls>.ux-details>summary{padding:14px 16px;font-size:13px}
body #hcStudio .ux-house-controls>.simple-model-next{width:100%;margin-top:20px;background:var(--ac);color:#fff;border-color:var(--ac);font-size:13px}
body #hcStudio :is(.hch-stage,#hhElevation,.hcl-map-wrap,.hcl-detail,.hcl-detail svg,.hcl-options,.hcl-provenance,.ux-estimate-note,.ux-dialog,.ux-yield-track){border-radius:var(--hc-radius-card,6px)}
body #hcStudio .hch-stage{background:var(--bg);border-color:var(--ln);color:var(--ink)}
body #hcStudio .hch-camera button{width:44px;height:44px;min-height:44px;min-width:44px;background:var(--card);border:1px solid var(--ln);color:var(--ink)}
body #hcStudio .hch-camera button:hover{color:var(--ac-t);border-color:var(--ac)}
body #hcStudio .ux-scene-badge{background:var(--card);color:var(--ink);border-color:var(--ln);font-weight:500}
body #hcStudio #hhSceneNote{color:var(--mut)}
body #hcStudio .ux-dimensions{color:var(--ink)}
body #hcStudio .ux-dimensions b{font-size:20px;font-weight:600}
body #hcStudio .ux-area{padding:18px;gap:12px}
body #hcStudio .ux-area-icon{background:var(--bg);color:var(--ink)}
body #hcStudio #uxToWindows{padding:10px 12px;border:1px solid var(--ln);border-radius:4px;color:var(--ink);font-size:12px;min-height:44px}
body #hcStudio #uxToWindows:hover{border-color:var(--ac);color:var(--ac-t)}
body #hcStudio .ux-facade-tab{background:var(--card);border-color:var(--ln);color:var(--ink);font-size:13px}
body #hcStudio .ux-facade-tab[aria-pressed=true]{background:var(--ac);border-color:var(--ac);color:#fff}
body #hcStudio .hch-tools button{background:var(--card);border:1px solid var(--ln);color:var(--ink);font-size:13px}
body #hcStudio .hch-tools [data-action=window]{background:var(--ac);border-color:var(--ac);color:#fff}
body #hcStudio .hch-opening-fields>[data-action=delete]{border-radius:4px;border-color:var(--ln);color:var(--ac-t);font-size:13px}
body #hcStudio #hhElevation{background:var(--bg);border-color:var(--ln);color:var(--ink);border-radius:6px}
body #hcStudio :is(.ux-facade-board,.ux-openings-side){padding:20px}
body #hcStudio .ux-drag-hint,body #hcStudio #hhFacadeArea{font-size:12px;color:var(--mut);line-height:1.6}
body #hcStudio .ux-dialog{padding:24px;border-color:var(--ln);background:var(--card);box-shadow:0 12px 48px #0002}
body #hcStudio .ux-dialog::backdrop{background:#2a2e3266;backdrop-filter:blur(2px)}
body #hcStudio .ux-dialog-head h3{font-size:22px;font-weight:600}
body #hcStudio .ux-dialog :is(.hch-actions,.hch-saved,.hch-mode) button{border-radius:4px;font-size:13px}
body #hcStudio #hcLayout{border-color:var(--ln);background:var(--card);color:var(--ink)}
body #hcStudio #hcLayout .hcl-head h2{font-size:20px;font-weight:600;line-height:1.4}
body #hcStudio #hcLayout .hcl-head p{font-size:13px;color:var(--mut);line-height:1.6}
body #hcStudio #hcLayout label{font-size:13px;line-height:1.5;gap:8px;min-width:0}
body #hcStudio #hcLayout button{border-radius:4px;min-height:44px;background:var(--card);border:1px solid var(--ln);color:var(--ink);font-size:13px;padding:10px 14px;line-height:1.5}
body #hcStudio #hcLayout button:hover:not(:disabled){color:var(--ac-t);border-color:var(--ac)}
body #hcStudio #hcLayout .hcl-actions button:first-child{background:var(--ac);border-color:var(--ac);color:#fff}
body #hcStudio #hcLayout .hcl-map-wrap{background:var(--bg);border-color:var(--ln)}
body #hcStudio #hcLayout .hcl-map{color:var(--ink)}
body #hcStudio .hcl-legend{gap:12px 20px;margin:14px 0;font-size:12px;color:var(--mut)}
body #hcStudio .hcl-legend span:before{background:#e9eaec;border:1px solid #858b91;border-radius:2px}
body #hcStudio .hcl-legend span:nth-child(2):before{background:#f4d4ce}
body #hcStudio .hcl-legend span:nth-child(3):before{background:#c5d3df}
body #hcStudio #hcLayout.ux-part-open #hlDetail{border:1px solid var(--ln);background:var(--bg);border-radius:6px;padding:20px;font-size:13px;line-height:1.6}
body #hcStudio #hlDetail svg{background:var(--card);border-radius:4px}
body #hcStudio #uxYieldInstalled,body #hcStudio #uxYieldText span:first-child i{background:#73787d}
body #hcStudio #uxYieldLeft,body #hcStudio #uxYieldText span:nth-child(2) i{background:#c5d3df}
body #hcStudio #uxYieldWaste,body #hcStudio #uxYieldText span:nth-child(3) i{background:#f4d4ce}
body #hcStudio .ux-yield-track{height:10px;border-radius:4px}
body #hcStudio #uxYieldText{font-size:12px}
body #hcStudio .ux-estimate-note{padding:14px 16px;background:var(--bg);font-size:12px;color:var(--mut)}
body #hcStudio #hcLayout .hcl-options{border-color:var(--ln);padding:16px;background:var(--card)}
body #hcStudio #hcLayout .hcl-options>summary{font-size:13px;font-weight:500;min-height:28px;cursor:pointer}
body #hcStudio #hcLayout .hcl-settings{gap:16px;margin:18px 0}
body #hcStudio #hcLayout input[type=number]{height:48px;min-height:48px;border-radius:4px;padding:12px;font-size:14px;line-height:22px}
body #hcStudio #hcLayout .hcl-reuse{align-items:flex-start;line-height:1.6;font-size:13px}
body #hcStudio #hcLayout input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;accent-color:var(--ac);margin-top:1px}
body #hcStudio .hcl-table-wrap{border:1px solid var(--ln);border-radius:4px}
body #hcStudio .hcl-table-wrap th{background:var(--bg);font-weight:600;font-size:12px}
body #hcStudio .hcl-table-wrap td{font-size:12px;line-height:1.6}
body #hcStudio .hcl-table-wrap tr:has(button:focus-visible){background:var(--bg)}
body #hcStudio #hcLayout .hcl-page{flex-wrap:wrap;gap:10px;color:var(--mut)}
body #hcStudio #hcLayout .hcl-spec{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:4px 20px 20px}
@media(max-width:767px){
 body #hcStudio .ux-house-controls{padding:16px}
 body #hcStudio .hch-fields{gap:16px 12px}
 body #hcStudio .hch-fields label{font-size:12px}
 body #hcStudio .hch-presets{gap:8px}
 body #hcStudio .hch-presets button,body #hcStudio .hch-presets button[aria-pressed=true]{padding:8px 2px}
 body #hcStudio .hch-presets svg{height:62px}
 body #hcStudio .hch-presets span{font-size:11px}
 body #hcStudio .ux-roof svg{height:50px}
 body #hcStudio .ux-roof{font-size:10px;min-height:94px}
 body #hcStudio .ux-area{flex-wrap:wrap;padding:16px}
 body #hcStudio #uxToWindows{margin:4px 0 0;width:100%;justify-content:center}
 body #hcStudio .ux-facade-tab{font-size:11px;padding:8px 4px}
 body #hcStudio .hch-tools{gap:8px}
 body #hcStudio .hch-tools button{padding:10px 8px;font-size:12px;gap:5px}
 body #hcStudio :is(.ux-facade-board,.ux-openings-side){padding:14px}
 body #hcStudio #hcLayout .hcl-settings{grid-template-columns:minmax(0,1fr);gap:16px}
 body #hcStudio #hcLayout input[type=number]{font-size:16px;width:100%}
 body #hcStudio #hcLayout .hcl-spec{grid-template-columns:minmax(0,1fr);padding:4px 14px 14px;gap:4px}
 body #hcStudio #hcLayout.ux-part-open #hlDetail{display:block;padding:14px}
 body #hcStudio #hcLayout .hcl-actions{display:grid;grid-template-columns:minmax(0,1fr);padding:14px}
 body #hcStudio #hcLayout .hcl-actions button{width:100%}
 body #hcStudio .hcl-legend{gap:10px;font-size:11px}
 body #hcStudio .ux-dialog{padding:18px}
 body #hcStudio .ux-project-actions{gap:6px;flex-wrap:wrap}
 body #hcStudio .ux-project-actions button{padding:10px;font-size:12px}
 body #hcStudio .ux-header{flex-wrap:wrap}
}

/* Native catalog: prevent the legacy flex column from end-aligning fields. */
body #hcStudio .ux-catalog-native .hcc-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;width:100%;margin:0 0 20px}
body #hcStudio .ux-catalog-native .hcc-filters>label{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;width:100%;min-width:0;height:auto;margin:0;float:none;text-align:left}
body #hcStudio .ux-catalog-native .hcc-filters>label>select{width:100%;margin:0}
body #hcStudio .ux-catalog-native .hcc-step{min-width:0}
body #hcStudio .ux-catalog-native .hcc-wide{display:block;width:100%;min-width:0;margin:0 0 16px}
body #hcStudio .ux-catalog-native #panCard{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:start;gap:16px;padding:16px;border-radius:6px}
body #hcStudio .ux-catalog-native #panCard>img{width:80px;height:80px;border-radius:4px;object-fit:cover}
body #hcStudio .ux-catalog-native .hcc-card-b{min-width:0;overflow-wrap:anywhere}
body #hcStudio .ux-catalog-native .hcc-card-t{font-size:15px;line-height:1.5}
body #hcStudio .ux-catalog-native .hcc-specs{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
body #hcStudio .ux-catalog-native .hcc-specs>span{max-width:100%;white-space:normal;overflow-wrap:anywhere;border-radius:4px}
body #hcStudio #fmNotice{margin:12px 0;font-size:12px;line-height:1.6;color:var(--mut)}
body #hcStudio #fmNotice a{color:var(--ink);text-decoration:underline}
@media(max-width:767px){
 body #hcStudio .ux-catalog-native .hcc-filters{grid-template-columns:minmax(0,1fr)!important;gap:16px}
 body #hcStudio .ux-catalog-native .hcc-step{margin:16px}
 body #hcStudio .ux-catalog-native #panCard{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}
 body #hcStudio .ux-catalog-native #panCard>img{width:80px;height:80px}
 body #hcStudio .ux-catalog-native #panCard .hcc-card-b{width:100%}
 body #hcStudio .ux-catalog-native .hcc-card-t{font-size:14px}
}

/* 21.09.2026 (Кирилл «поправить»): на телефоне кнопка следующего шага стояла под каталогом и утеплением —
   на шаге 3 «Посмотреть стоимость» была в 1,5 экрана ниже видимой области. На ≤900 px футер шага липнет
   к низу экрана: компактный, с тенью сверху и запасом под safe-area. Пока открыто текстовое поле
   (клавиатура), футер стоит на своём месте в потоке и поле не закрывает. Чат Б24 на ≤767 px уже поднят
   на 132 px (head_custom), плашку выбора города поднимаем над футером — как над липкой панелью каталога. */
@media (max-width:900px){
 body #hcStudio .ux-footer{position:sticky;bottom:0;z-index:30;margin-top:16px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));gap:6px 12px;border-radius:var(--hc-radius-card,6px) var(--hc-radius-card,6px) 0 0;box-shadow:0 -6px 20px rgba(20,24,32,.12)}
 body #hcStudio .ux-footer button{min-height:44px;padding-top:8px;padding-bottom:8px}
 body #hcStudio .ux-footer-value strong{font-size:18px;line-height:1.25}
 body #hcStudio .ux-footer-value span{font-size:11px;line-height:1.3}
 body #hcStudio:has(:is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]),textarea):focus) .ux-footer{position:static;box-shadow:none}
 body:has(#hcStudio .ux-footer) .hc-citybar{bottom:calc(100px + env(safe-area-inset-bottom,0px))}
 /* прокрутка «к элементу» и переход по Tab не прячут поле под футер */
 html:has(#hcStudio .ux-footer){scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
}

/* End */
/* /servisy/calc.css?178846859435822 */
/* /servisy/calc-ux.css?17903674017682 */
/* /servisy/hc-house.css?17887197584880 */
/* /servisy/hc-panel-layout.css?17887218613203 */
/* /servisy/hc-termo-studio.css?178872555933752 */
/* /servisy/hc-termo-simple.css?17898729735236 */
/* /servisy/hc-termo-site.css?178998501421026 */