/* Start:/local/assets/kermi-pereschet/kp.css?179138598223295*/
/* Kermi: подбор радиатора под температурный режим. Сборка из landing/index.html (build-bitrix.py).
   Все правила замкнуты внутри #kp; стили шаблона сайта внутри блока сбрасываются. */
#kp#kp :where(*:not(svg, svg *)){all:revert}
#kp#kp{display:block;font:400 16px/1.6 var(--f-reg)}
/* ============ Токены: как на kermi.pro/technical/drawings (.kd) ============ */
#kp#kp{
  --ink:#14161a;
  --ink-2:#3b4048;
  --ink-3:#5a616b;
  --paper:#f1efea;
  --surface:#ffffff;
  --surface-2:#f7f6f2;
  --rule:#e2ded4;
  --rule-2:#cfc9bc;
  --green:#78b82a;
  --green-ink:#78b82a;
  --green-ink-2:#5f9822;
  --green-soft:#eef6e4;
  --green-text:#5f9822;
  /* единственное отличие от сайта: кнопки и текстовые ссылки темнее (белый текст и зелёный текст проходят WCAG AA) */
  --btn:#4a7f17;
  --btn-hover:#3e6b11;
  --link:#4a7f17;
  --error:#8a1c14;
  --f-reg:"roboto_ltregular",arial,sans-serif;
  --f-med:"robotomedium","roboto_ltregular",arial,sans-serif;
  --f-bold:"robotobold","roboto_ltregular",arial,sans-serif;
  --f-mono:"JetBrains Mono","roboto_ltregular",monospace;
  --r-sm:4px; --r-md:8px; --r-lg:12px;
  --s1:4px; --s2:8px; --s3:16px; --s4:24px; --s5:40px; --s6:64px;
  --control-h:48px;
  --fast:.18s cubic-bezier(.22,.61,.36,1);
}
#kp#kp, #kp#kp *{box-sizing:border-box}
#kp#kp{margin:0;background:#fff;color:var(--ink-2);font:400 16px/1.6 var(--f-reg)}
#kp#kp a{color:var(--link)}
#kp#kp button, #kp#kp input, #kp#kp select{font:inherit;color:inherit}
#kp#kp button, #kp#kp a, #kp#kp summary, #kp#kp input, #kp#kp select{touch-action:manipulation}
#kp#kp :focus-visible{outline:3px solid var(--green);outline-offset:2px}
#kp#kp .num{font-variant-numeric:tabular-nums}
/* ============ Предпросмотр: шапка и крошки сайта (в Bitrix убрать) ============ */
#kp#kp .preview-chrome{background:#fff;border-bottom:1px solid var(--rule)}
#kp#kp .preview-chrome__in{max-width:1240px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
#kp#kp .preview-chrome__logo{font:400 20px var(--f-bold);letter-spacing:.02em;color:var(--ink)}
#kp#kp .preview-chrome__logo span{color:var(--green)}
#kp#kp .preview-chrome__phone{font:400 15px var(--f-med);text-decoration:none;color:var(--ink)}
#kp#kp .kc-crumbs{margin:0 0 var(--s3);font-size:12px;line-height:21px;color:var(--ink)}
#kp#kp .kc-crumbs a{color:var(--ink);text-decoration:none}
#kp#kp .kc-crumbs a:hover{text-decoration:underline}
#kp#kp .kc-crumbs span{margin:0 8px;color:var(--rule-2)}
#kp#kp .kc-crumbs em{font-style:normal;color:var(--ink-3)}
/* ============ Страница ============ */
#kp#kp.kc{max-width:1240px;margin:0 auto;padding:var(--s3) var(--s3) 112px;overflow-x:clip}
#kp#kp .kc-hero{padding:0 0 var(--s4)}
#kp#kp .kc-h1{margin:0 0 var(--s3);color:var(--ink);font:400 clamp(26px,3.2vw,36px)/1.2 var(--f-bold);text-wrap:balance}
#kp#kp .kc-lead{max-width:70ch;margin:0;color:var(--ink-3);font-size:15px;line-height:1.6}
#kp#kp .kc-h2{margin:0 0 var(--s2);color:var(--ink);font:400 clamp(20px,2.2vw,24px)/1.3 var(--f-bold);text-wrap:balance}
#kp#kp .kc-h3{margin:0 0 var(--s2);color:var(--ink);font:400 18px/1.35 var(--f-med)}
#kp#kp .kc-muted{max-width:80ch;margin:0 0 var(--s3);color:var(--ink-3);font-size:15px}
/* Два самостоятельных сценария, общий температурный режим сохраняется при переходе. */
#kp#kp [hidden]{display:none!important}
#kp#kp .tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin-bottom:var(--s4)}
#kp#kp .task{position:relative;display:flex;flex-direction:column;gap:var(--s2);min-width:0;padding:20px 44px 20px 20px;border:1px solid var(--rule-2);border-radius:var(--r-lg);background:#fff;text-align:left;cursor:pointer;transition:background var(--fast),border-color var(--fast)}
#kp#kp .task b{color:var(--ink);font:400 20px/1.25 var(--f-bold);text-wrap:balance}
#kp#kp .task span{max-width:48ch;color:var(--ink-3);font-size:14px;line-height:1.5}
#kp#kp .task::after{content:"";position:absolute;right:20px;top:24px;width:16px;height:16px;border:2px solid var(--rule-2);border-radius:50%}
#kp#kp .task:hover{border-color:var(--green-ink)}
#kp#kp .task[aria-selected="true"]{border-color:var(--green-ink);background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green-ink)}
#kp#kp .task[aria-selected="true"]::after{border-color:var(--green-ink);background:var(--green-ink);box-shadow:inset 0 0 0 3px #fff}
#kp#kp .own__regime{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--rule)}
/* Панель подбора (как .kd-picker) и результат (белая рамка) */
#kp#kp .calc{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"ctrl" "stage" "res";gap:0}
#kp#kp .calc>*{min-width:0}
#kp#kp .ctrl{grid-area:ctrl;padding:var(--s4);border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface-2)}
#kp#kp .ctrl__title{margin-bottom:var(--s3)}
#kp#kp .ctrl__in{display:grid;gap:var(--s4)}
#kp#kp .stage{grid-area:stage;margin-top:var(--s4);padding:var(--s4) var(--s4) 0;border:1px solid var(--rule);border-bottom:0;border-radius:var(--r-lg) var(--r-lg) 0 0;background:#fff}
#kp#kp .res{grid-area:res;padding:var(--s3) var(--s4) var(--s4);border:1px solid var(--rule);border-top:0;border-radius:0 0 var(--r-lg) var(--r-lg);background:#fff}
/* Фраза-ответ */
#kp#kp .statement{margin:0;color:var(--ink);font:400 clamp(24px,2.8vw,32px)/1.2 var(--f-bold);font-variant-numeric:tabular-nums;text-wrap:balance}
#kp#kp .statement .ask{display:block;color:var(--ink-3)}
#kp#kp .statement .err{color:var(--error)}
#kp#kp .compare{margin:var(--s2) 0 0;font-size:15px;color:var(--ink-3);max-width:70ch}
#kp#kp .compare b{font:400 15px var(--f-med);color:var(--ink)}
/* Результат: строка характеристик как .kd-specs */
#kp#kp .res-grid{display:grid;gap:var(--s3)}
#kp#kp .model{margin:0;color:var(--ink);font:400 18px/1.35 var(--f-med)}
#kp#kp .model-sub{margin:2px 0 0;font-size:15px;color:var(--ink-3);font-variant-numeric:tabular-nums}
#kp#kp .figs{display:flex;flex-wrap:wrap;margin:0;padding:var(--s3) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
#kp#kp .figs div{display:flex;flex-direction:column;padding:0 var(--s4);border-left:1px solid var(--rule)}
#kp#kp .figs div:first-child{padding-left:0;border-left:0}
#kp#kp .figs dt{order:2;color:var(--ink-3);font-size:13px;line-height:1.4}
#kp#kp .figs dd{order:1;margin:0;color:var(--ink);font:400 22px/1.3 var(--f-med);font-variant-numeric:tabular-nums;white-space:nowrap}
#kp#kp .figs .main dd{font:400 28px/1.2 var(--f-bold)}
#kp#kp .note{margin:0;font-size:14px;line-height:1.55;color:var(--ink-3);max-width:70ch}
#kp#kp .note b{font:400 14px var(--f-med);color:var(--ink)}
#kp#kp .buy{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--s3);margin:0}
#kp#kp .buy[hidden]{display:none}
#kp#kp .buy b{color:var(--ink);font:400 22px/1.2 var(--f-bold);font-variant-numeric:tabular-nums}
#kp#kp .buy s{color:var(--ink-3);font-size:14px}
#kp#kp .buy .in{color:var(--green-text);font:400 14px var(--f-med)}
#kp#kp .buy .out{color:var(--ink-3);font:400 14px var(--f-med)}
#kp#kp .buy .kind{color:var(--ink-3);font-size:14px}
#kp#kp .buy .vars{flex-basis:100%;color:var(--ink-3);font-size:14px;line-height:1.5}
#kp#kp .buy .vars a{color:var(--link);text-decoration:none;font-family:var(--f-med)}
#kp#kp .buy .vars a:hover{text-decoration:underline}
#kp#kp .own__res .buy{margin-top:var(--s3)}
#kp#kp .act{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3)}
/* Кнопки и ссылки как .kd-btn / .kd-textbtn */
#kp#kp .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:var(--r-md);background:var(--btn);color:#fff;font:400 15px/1.2 var(--f-med);text-align:center;text-decoration:none;cursor:pointer;transition:background var(--fast),border-color var(--fast),color var(--fast)}
#kp#kp .btn:hover{background:var(--btn-hover);color:#fff}
#kp#kp .btn--ghost{border-color:var(--rule-2);background:var(--surface);color:var(--ink)}
#kp#kp .btn--ghost:hover{border-color:var(--green-ink);background:var(--surface);color:var(--ink)}
#kp#kp .link{display:inline-flex;align-items:center;min-height:44px;padding:4px 2px;color:var(--link);font:400 14px/1.2 var(--f-med);text-decoration:none}
#kp#kp .link:hover{text-decoration:underline;text-underline-offset:2px}
#kp#kp .textbtn{display:inline-flex;align-items:center;min-height:44px;padding:4px 2px;border:0;background:none;color:var(--link);font:400 14px/1.2 var(--f-med);cursor:pointer;text-align:left}
#kp#kp .textbtn:hover{text-decoration:underline;text-underline-offset:2px}
/* Таблицы как .kd-table */
#kp#kp .tbl{position:relative;max-width:100%;overflow-x:auto;border:1px solid var(--rule);border-radius:var(--r-md);background:#fff}
#kp#kp .rt-wrap{grid-column:1 / -1}
#kp#kp .rt-title{margin:0 0 var(--s2)}
#kp#kp .rt-cap{margin:0 0 var(--s2);color:var(--ink-3);font-size:13px}
#kp#kp .rt, #kp#kp .t10{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
#kp#kp .rt th, #kp#kp .rt td, #kp#kp .t10 th, #kp#kp .t10 td{padding:10px var(--s3);border-bottom:1px solid var(--rule);text-align:left;vertical-align:middle;white-space:nowrap}
#kp#kp .rt thead th, #kp#kp .t10 thead th{background:var(--paper);color:var(--ink);font:400 14px/1.3 var(--f-med);vertical-align:bottom}
#kp#kp .rt tbody th{color:var(--ink);font:400 15px/1.3 var(--f-med)}
#kp#kp .rt tbody th small{display:block;color:var(--ink-3);font:400 12px/1.3 var(--f-reg)}
#kp#kp .rt tbody tr:nth-child(2n), #kp#kp .t10 tbody tr:nth-child(2n){background:var(--surface-2)}
#kp#kp .rt tbody tr:hover, #kp#kp .t10 tbody tr:hover{background:var(--green-soft)}
#kp#kp .rt tbody tr:last-child>*, #kp#kp .t10 tbody tr:last-child>*{border-bottom:0}
#kp#kp .rt tbody tr.cur{background:var(--green-soft);box-shadow:inset 3px 0 0 var(--green-ink)}
#kp#kp .rt tbody tr.cur th{color:var(--green-text)}
#kp#kp .rt .r, #kp#kp .t10 .r{text-align:right}
#kp#kp .rt .ok{color:var(--ink-3)}
#kp#kp .rt .low{color:var(--error)}
#kp#kp .rt .v-short{display:none}
#kp#kp .t10 a{color:var(--ink);text-decoration:none;font-family:var(--f-med)}
#kp#kp .t10 a:hover{text-decoration:underline}
#kp#kp .t10 button.sort{all:unset;cursor:pointer;padding:6px 0}
#kp#kp .t10 button.sort:hover{color:var(--green-text)}
#kp#kp .t10 button.sort:focus-visible{outline:3px solid var(--green);outline-offset:2px}
#kp#kp .t10 button.sort[aria-sort]::after{content:" ↓"}
#kp#kp .t10 button.sort[aria-sort="ascending"]::after{content:" ↑"}
/* Пересчёт своей модели: та же панель, что подбор */
#kp#kp .own{display:grid;gap:var(--s4);padding:var(--s4);border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface-2)}
#kp#kp .own>*{min-width:0}
#kp#kp .own__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--s3);margin-top:var(--s3)}
#kp#kp .own__res{padding:var(--s4);border:1px solid var(--rule);border-radius:var(--r-md);background:#fff}
#kp#kp .own__q{margin:0 0 var(--s1);color:var(--ink-3);font-size:15px}
#kp#kp .own__q b{margin-right:6px;color:var(--ink);font:400 28px/1.2 var(--f-bold)}
#kp#kp .own__res .tbl{margin-top:var(--s3)}
/* модалка заявки */
#kp#kp .req{width:min(520px,calc(100vw - 32px));max-width:520px;padding:0;border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff;color:var(--ink-2)}
#kp#kp .req::backdrop{background:rgba(20,22,26,.55)}
#kp#kp .req__form{padding:var(--s4)}
#kp#kp .req__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2)}
#kp#kp .req__head .kc-h2{margin:0}
#kp#kp .req__close{flex:none;width:40px;height:40px;margin:-6px -8px 0 0;border:0;background:none;color:var(--ink-3);font-size:28px;line-height:1;cursor:pointer;border-radius:var(--r-md)}
#kp#kp .req__close:hover{color:var(--ink);background:var(--surface-2)}
#kp#kp .req__ctx{margin:0 0 var(--s3);padding:var(--s3);border-radius:var(--r-md);background:var(--surface-2);color:var(--ink-3);font-size:14px;line-height:1.5}
#kp#kp .req__ctx b{display:block;margin-bottom:2px;color:var(--ink);font:400 16px var(--f-med)}
#kp#kp .req__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
#kp#kp .req__full{grid-column:1 / -1}
#kp#kp .req textarea.inp{height:auto;padding:10px 14px;line-height:1.4;resize:vertical}
#kp#kp .req__consent{display:flex;gap:var(--s2);margin-top:var(--s3);color:var(--ink-3);font-size:13px;line-height:1.4}
#kp#kp .req__consent input{flex:none;margin-top:2px;width:18px;height:18px;accent-color:var(--green-ink)}
#kp#kp .req__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
#kp#kp .req__msg{margin:var(--s3) 0 0;font-size:14px}
#kp#kp .req__msg:empty{display:none}
#kp#kp .req__msg.ok{color:var(--green-text)}
#kp#kp .req__msg.err{color:var(--error)}
#kp#kp .req__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);margin-top:var(--s4)}
#kp#kp .empty-msg{margin:0;padding:var(--s4);border:1px dashed var(--rule-2);border-radius:var(--r-md);color:var(--ink-3);font-size:15px}
#kp#kp .fix{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
/* ============ Поля как .kd-label / .kd-select / .kd-seg ============ */
#kp#kp .f-label{display:block;margin:0 0 6px;color:var(--ink);font:400 14px/20px var(--f-med)}
#kp#kp .field{display:flex;flex-direction:column;min-width:0}
#kp#kp .field span{display:block;margin:0 0 6px;color:var(--ink);font:400 14px/20px var(--f-med)}
#kp#kp .inp{display:block;width:100%;height:var(--control-h);padding:0 14px;border:1px solid var(--rule-2);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font:400 15px/1.3 var(--f-reg);font-variant-numeric:tabular-nums;transition:border-color var(--fast),box-shadow var(--fast)}
#kp#kp .inp:hover{border-color:var(--ink-3)}
#kp#kp .inp:focus{outline:0;border-color:var(--green-ink);box-shadow:rgba(120,184,42,.35) 0 0 0 3px}
#kp#kp select.inp{padding-right:40px;appearance:none;cursor:pointer;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b4048' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center / 18px}
#kp#kp .seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
#kp#kp .opt{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:var(--control-h);padding:6px 12px 6px 38px;border:1px solid var(--rule-2);border-radius:var(--r-md);background:var(--surface);cursor:pointer;text-align:left;transition:border-color var(--fast),background var(--fast),box-shadow var(--fast)}
#kp#kp .opt::before{content:"";position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;border:2px solid var(--rule-2);border-radius:50%;background:#fff;transition:border-color var(--fast),box-shadow var(--fast)}
#kp#kp .opt b{display:block;color:var(--ink);font:400 15px/1.25 var(--f-med);font-variant-numeric:tabular-nums}
#kp#kp .opt span{display:block;color:var(--ink-3);font-size:13px;line-height:1.3}
#kp#kp .opt:hover{border-color:var(--ink-3)}
#kp#kp .opt--custom{grid-column:1 / -1}
#kp#kp .opt[aria-pressed="true"]{border-color:var(--green-ink);background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green-ink)}
#kp#kp .opt[aria-pressed="true"]::before{border-color:var(--green-ink);background:var(--green-ink);box-shadow:inset 0 0 0 4px #fff}
#kp#kp .custom{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin-top:var(--s3)}
#kp#kp .custom.show{display:grid}
#kp#kp .dt-line{margin:var(--s2) 0 0;color:var(--ink-3);font-size:13px;font-variant-numeric:tabular-nums}
#kp#kp .f-error{margin:var(--s2) 0 0;padding:var(--s2) 12px;border-radius:var(--r-md);background:#fdecea;color:var(--error);font-size:14px}
#kp#kp .f-error:empty{display:none}
#kp#kp .power__row{display:flex;align-items:center;height:var(--control-h);padding:0 14px;border:1px solid var(--rule-2);border-radius:var(--r-md);background:var(--surface);transition:border-color var(--fast),box-shadow var(--fast)}
#kp#kp .power__row:hover{border-color:var(--ink-3)}
#kp#kp .power__row:focus-within{border-color:var(--green-ink);box-shadow:rgba(120,184,42,.35) 0 0 0 3px}
#kp#kp .power__row input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font:400 20px/1 var(--f-bold);font-variant-numeric:tabular-nums}
#kp#kp .power__row em{color:var(--ink-3);font:400 15px var(--f-med);font-style:normal}
#kp#kp .split-note{margin:var(--s2) 0 0;font-size:14px}
#kp#kp .split-note[hidden]{display:none}
#kp#kp .more{border-top:1px solid var(--rule)}
#kp#kp .more summary{display:flex;align-items:center;gap:var(--s2);min-height:48px;color:var(--ink);font:400 15px var(--f-med);list-style:none;cursor:pointer}
#kp#kp .more summary::-webkit-details-marker{display:none}
#kp#kp .more summary i{margin-left:auto;color:var(--ink-3);font:400 14px var(--f-reg);font-style:normal}
#kp#kp .more summary::after{content:"";flex:none;width:7px;height:7px;margin-left:6px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg) translateY(-2px);transition:transform var(--fast)}
#kp#kp .more[open] summary::after{transform:rotate(-135deg)}
#kp#kp .more__body .seg{margin-bottom:var(--s3)}
#kp#kp .dims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
/* ============ Разделы ниже ============ */
#kp#kp .sec{margin-top:var(--s5)}
#kp#kp .sec .kc-muted{margin-top:var(--s1)}
/* Сравнение типов: карточки как .kd-fig */
#kp#kp .lineup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#kp#kp .lu{display:flex;flex-direction:column;height:100%;border:1px solid var(--rule);border-radius:var(--r-md);background:#fff;overflow:hidden;color:inherit;text-decoration:none;transition:border-color var(--fast),box-shadow var(--fast)}
#kp#kp a.lu:hover{border-color:var(--green-ink)}
#kp#kp .lu svg{display:block;width:100%;height:auto;padding:var(--s3) var(--s3) 0}
#kp#kp .lu__cap{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding:var(--s2) 12px 10px;border-top:1px solid var(--rule);font-size:14px}
#kp#kp .lu__name{color:var(--ink-3);font-size:13px}
#kp#kp .lu__code{color:var(--ink);font-family:var(--f-med)}
#kp#kp .lu__q{color:var(--ink);font:400 18px/1.3 var(--f-bold);font-variant-numeric:tabular-nums}
#kp#kp .lu__q small{display:block;color:var(--ink-3);font:400 13px/1.4 var(--f-reg)}
#kp#kp .lu.is-best{border-color:var(--green-ink);box-shadow:rgba(120,184,42,.35) 0 0 0 3px}
#kp#kp .lu.is-best .lu__q::after{content:"Выбран выше";display:block;margin-top:2px;color:var(--green-text);font:400 13px var(--f-med)}
#kp#kp .lu.is-none{background:var(--surface-2);border-style:dashed}
#kp#kp .lu.is-none .lu__code{color:var(--ink-3);font-family:var(--f-reg)}
#kp#kp .fade{transition:opacity var(--fast)}
#kp#kp .fade.out{opacity:.45}
/* Для проектировщика */
#kp#kp .eng summary{display:inline-flex;align-items:center;gap:10px;min-height:48px;color:var(--ink);font:400 clamp(20px,2.2vw,24px)/1.3 var(--f-bold);list-style:none;cursor:pointer}
#kp#kp .eng summary::-webkit-details-marker{display:none}
#kp#kp .eng summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translateY(-3px);transition:transform var(--fast)}
#kp#kp .eng[open] summary::after{transform:rotate(-135deg)}
#kp#kp .eng .tbl{margin-top:12px}
#kp#kp .t10{min-width:680px}
/* Как считаем: как .kd-band */
#kp#kp .method{padding:var(--s4);border-radius:var(--r-lg);background:var(--surface-2);font-size:15px;color:var(--ink-3)}
#kp#kp .method p{max-width:80ch;margin:0 0 10px}
#kp#kp .method code{color:var(--ink);font:500 13.5px var(--f-mono);white-space:nowrap}
#kp#kp .method .links{display:flex;flex-wrap:wrap;gap:0 var(--s4)}
/* Нижняя плашка на телефоне */
#kp#kp .sbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--rule);background:#fff;box-shadow:0 -2px 12px rgba(20,22,26,.06);transition:transform var(--fast)}
#kp#kp .sbar.hide{transform:translateY(110%);visibility:hidden}
#kp#kp .sbar__txt{flex:1;min-width:0;line-height:1.25}
#kp#kp .sbar__q{color:var(--ink);font:400 17px var(--f-bold);font-variant-numeric:tabular-nums}
#kp#kp .sbar__d{color:var(--ink-3);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ============ Адаптив ============ */
@media (max-width:767px){
#kp#kp .tasks{grid-template-columns:1fr;gap:var(--s2)}
#kp#kp .task{padding:16px 44px 16px 16px;gap:var(--s1)}
#kp#kp .task b{font-size:18px}
#kp#kp .task::after{right:16px;top:18px}
#kp#kp .ctrl, #kp#kp .own{padding:var(--s3)}
#kp#kp .stage{padding:var(--s3) var(--s3) 0}
#kp#kp .res{padding:12px var(--s3) var(--s3)}
#kp#kp .own__res{padding:0;border:0;background:transparent}
#kp#kp .rt tbody th{white-space:normal}
#kp#kp .rt th, #kp#kp .rt td{padding:var(--s2) 8px}
#kp#kp .rt .v-long{display:none}
#kp#kp .rt .v-short{display:inline}
#kp#kp .figs{display:grid;grid-template-columns:1fr 1fr;gap:12px var(--s3)}
#kp#kp .figs div{padding:0;border-left:0}
#kp#kp .figs .main{grid-column:1 / -1}
#kp#kp .act .btn{width:100%}
#kp#kp .rt th, #kp#kp .rt td, #kp#kp .t10 th, #kp#kp .t10 td{padding:var(--s2) 10px}
#kp#kp .sec{margin-top:var(--s5)}
#kp#kp .method{padding:var(--s3)}}
@media (min-width:600px){
#kp#kp .seg{grid-template-columns:repeat(3,minmax(0,1fr))}
#kp#kp .more__body .seg{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
#kp#kp #kp-ownFam.seg{grid-template-columns:repeat(2,minmax(0,1fr))}
#kp#kp .lineup{grid-template-columns:repeat(2,minmax(0,1fr))}
#kp#kp .res-grid{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1024px){
#kp#kp.kc{padding:var(--s3) var(--s4) var(--s6)}
#kp#kp .ctrl__in{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--s4) var(--s5);align-items:start}
#kp#kp .more{grid-column:1 / -1}
#kp#kp .more__body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:0 var(--s5);align-items:start}
#kp#kp .more__body .seg{margin-bottom:0}
#kp#kp .own{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}
#kp#kp .sec{margin-top:var(--s6)}
#kp#kp .lineup{grid-template-columns:repeat(4,minmax(0,1fr))}
#kp#kp .sbar{display:none}}
@media (prefers-reduced-motion:reduce){
#kp#kp, #kp#kp *, #kp#kp *::before, #kp#kp *::after{transition:none!important;animation:none!important}}
#kp#kp.kc{max-width:none;margin:0;padding-left:0;padding-right:0;padding-top:0}

/* End */
/* /local/assets/kermi-pereschet/kp.css?179138598223295 */