/* Columbus B2B variants — спільна основа. Бренд: Montserrat, #fd6500. Усі селектори під body.ce-b2b / .ce-page. */

:root{
  --ce-orange:#fd6500;
  --ce-orange-2:#ffffff;      /* п. 24 (власник 2026-10-13): затемнених і світлих відтінків помаранчевого немає; дрібний акцентний текст на темному білий */
  --ce-orange-text:#161616;   /* п. 24: дрібний текст темний, акцент рамкою/смужкою #FD6500; помаранчевий лише #FD6500 у великому жирному тексті */
  --ce-ink:#161616;
  --ce-ink-2:#232323;
  --ce-gray:#787878;
  --ce-line:#e3e3e3;
  --ce-bg:#f8f8f8;
  --ce-white:#fff;
  --ce-gutter:clamp(16px, 4vw, 56px);
  --ce-wrap:1280px;
  --ce-ease:cubic-bezier(.22,.61,.36,1);
}

/* Тема: .container має padding-top 100px і max-width 1470 — на наших сторінках контент повноекранний */
body.ce-b2b .container{max-width:none;padding:0}
.ce-page{hyphens:none;-webkit-hyphens:none} /* жодних переносів слів із дефісом (власник 2026-10-12) */
body.ce-b2b{overflow-x:clip}
body.ce-b2b .energy{overflow:clip}

.ce-page{font-family:"Montserrat",sans-serif;color:var(--ce-ink);line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:clip}
.ce-page *,.ce-page *::before,.ce-page *::after{box-sizing:border-box}
/* Базові скидання через :where — специфічність (0,1,0), щоб правила варіантів (.v1-hero__title{margin…}) їх перебивали. П. 49: усередині section.nav.faq (FAQ теми на головній) скидання не діють, щоб блок був 1:1 як на внутрішніх сторінках. */
.ce-page :where(h1,h2,h3,h4):where(:not(section.nav.faq *)){color:inherit;margin:0;font-weight:700;line-height:1.1;overflow-wrap:break-word;hyphens:none;-webkit-hyphens:none}
.ce-page :where(p):where(:not(section.nav.faq *)){margin:0}
.ce-page :where(img,svg,video):where(:not(section.nav.faq *)){max-width:100%;height:auto;display:block}
.ce-page :where(a):where(:not(section.nav.faq *)){color:inherit}
/* UIkit теми фарбує a:hover у синій #0f6ecd і a:focus у сірий на білому — на наших сторінках лише кольори бренду */
:where(.ce-page) a:where(:not(section.nav.faq *)):hover{color:inherit;text-decoration:none}
:where(.ce-page) a:where(:not(section.nav.faq *)):focus{background:transparent;color:inherit;border-color:transparent}
.ce-page :where(button):where(:not(section.nav.faq *)){font:inherit;color:inherit}
.ce-page :where(ul,ol):where(:not(section.nav.faq *)){list-style:none;margin:0;padding:0}
/* Текстові посилання (не кнопки) — ціль для пальця ≥ 44 px */
.ce-page .ce-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:none}
@media (max-width:767px){.ce-scheme__note,.ce-calc__note,.ce-scheme__state,.ce-scheme__info .sc-brands{font-size:14px}}

.ce-wrap{width:100%;max-width:var(--ce-wrap);margin-inline:auto;padding-inline:var(--ce-gutter)}
.ce-wrap--wide{max-width:1480px}
.ce-wrap--narrow{max-width:840px}

/* Кнопки: колір логотипа #FD6500 (Logo_white.svg), білий жирний текст 16 px, без затемнення (рішення власника 2026-10-12) */
.ce-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 26px;border-radius:999px;border:2px solid transparent;font-weight:400;font-size:16px;line-height:1.2;text-decoration:none;cursor:pointer;background:var(--ce-orange);color:#fff;transition:background .25s var(--ce-ease),color .25s var(--ce-ease),transform .25s var(--ce-ease),box-shadow .25s var(--ce-ease);will-change:transform}
.ce-btn:hover{background:var(--ce-orange);box-shadow:none} /* без тіні й руху при наведенні (власник 2026-10-13) */
.ce-btn--ghost{background:transparent;color:inherit;border-color:currentColor}
.ce-btn--ghost:hover{background:transparent}
.ce-btn--dark{background:var(--ce-ink);color:#fff}
.ce-btn--dark:hover{background:var(--ce-ink)}
.ce-btn--sm{min-height:40px;padding:8px 18px;font-size:16px}
/* Колір кнопок не має успадковуватись від «.vN a{color:inherit}» */
.ce-page a.ce-btn,.ce-page button.ce-btn{color:#fff}
.ce-page a.ce-btn--ghost,.ce-page button.ce-btn--ghost{color:inherit}
.ce-page a.ce-btn--dark,.ce-page button.ce-btn--dark{color:#fff}
.ce-page :is(a,button,summary,input,select):focus-visible{outline:3px solid var(--ce-orange);outline-offset:3px}

/* Заглушки від власника — видно одразу */
.ce-ph{display:inline-block;padding:0 .35em;border:1px dashed var(--ce-orange);border-radius:4px;color:#161616;background:rgba(253,101,0,.06);font-weight:500;font-size:.85em;line-height:1.5}

.ce-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Поява при прокручуванні — використовувати ощадно (одна «оркестрована» поява на блок) */
/* Приховування до появи — лише коли JS працює (.ce-js на <html> ставить вбудований скрипт у plugin.php); без JS усе видно */
.ce-js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ce-ease),transform .7s var(--ce-ease);transition-delay:var(--d,0s)}
.ce-js [data-reveal].is-in{opacity:1;transform:none}
.ce-js [data-reveal="fade"]{transform:none}
.ce-js [data-reveal="scale"]{transform:scale(.96)}
.ce-js [data-reveal="left"]{transform:translateX(-24px)}
.ce-js [data-reveal="clip"]{transform:none;clip-path:inset(0 0 100% 0)}
.ce-js [data-reveal="clip"].is-in{clip-path:inset(0 0 0 0)}

/* Лічильник */
[data-count]{font-variant-numeric:tabular-nums}

/* Короткий вхід у калькулятор */
.ce-calc{display:grid;gap:14px}
.ce-calc__row{display:grid;gap:14px;grid-template-columns:1fr}
.ce-calc label{display:grid;gap:6px;font-size:14px;font-weight:600}
.ce-calc select,.ce-calc input[type=number]{font:inherit;font-size:16px;min-height:48px;padding:10px 14px;border:1.5px solid var(--ce-line);border-radius:12px;background:#fff;color:var(--ce-ink);width:100%}
.ce-calc__goals{display:flex;flex-wrap:wrap;gap:8px}
.ce-calc__goal{position:relative}
.ce-calc__goal input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}
.ce-calc__goal span{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--ce-line);font-size:14px;font-weight:500;transition:background .2s,border-color .2s,color .2s}
.ce-calc__goal input:checked + span{background:var(--ce-orange);border-color:var(--ce-orange);color:var(--ce-ink)}
.ce-calc__goal input:focus-visible + span{outline:3px solid var(--ce-orange);outline-offset:2px}
.ce-calc__note{font-size:13px;color:#5c5c5c} /* ≥ 4,5:1 і на #f8f8f8 */
@media (min-width:640px){.ce-calc__row{grid-template-columns:1fr 1fr}}

/* FAQ — native details */
.ce-faq details{border-top:1px solid var(--ce-line)}
.ce-faq details:last-child{border-bottom:1px solid var(--ce-line)}
.ce-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:600;font-size:17px}
.ce-faq summary::-webkit-details-marker{display:none}
.ce-faq summary::after{content:"";flex:0 0 12px;width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s var(--ce-ease);margin-right:4px}
.ce-faq details[open] summary::after{transform:rotate(-135deg)}
.ce-faq .ce-faq__a{padding:0 0 20px;max-width:70ch;color:var(--ce-gray);font-size:15px;line-height:1.6}

/* ---------- Схема підприємства (одна SVG, 5 оформлень) ---------- */
.ce-scheme{--sc-line:#cfcfcf;--sc-flow:var(--ce-orange);--sc-node:#fff;--sc-node-stroke:#9a9a9a;--sc-text:var(--ce-ink);--sc-muted:var(--ce-gray);--sc-off:.28;position:relative}
.ce-scheme__svg{width:100%;height:auto;display:block;font-family:inherit}
.ce-scheme__svg text{fill:var(--sc-text);font-size:20px;font-weight:600;pointer-events:none}
.ce-scheme__svg .sc-sub{font-size:15px;font-weight:500;fill:var(--sc-muted)}
.ce-scheme__svg .sc-num{font-size:18px;font-weight:700;fill:#161616} /* темні цифри на помаранчевому, як текст кнопок: білі давали лише 3:1 */
.ce-scheme__svg .sc-shape{fill:var(--sc-node);stroke:var(--sc-node-stroke);stroke-width:2;vector-effect:non-scaling-stroke;transition:stroke .3s,fill .3s}
.ce-scheme__svg .sc-badge{fill:var(--ce-orange)}
.ce-scheme__svg [data-node]{cursor:pointer}
.ce-scheme__svg [data-node]:hover .sc-shape,.ce-scheme__svg [data-node].is-hover .sc-shape,.ce-scheme__svg [data-node].is-active .sc-shape,.ce-scheme__svg [data-node]:focus-visible .sc-shape{stroke:var(--ce-orange);stroke-width:3}
.ce-scheme__svg [data-node]:focus{outline:none}
.ce-scheme__svg .sc-wire{fill:none;stroke:var(--sc-line);stroke-width:3;vector-effect:non-scaling-stroke}
.ce-scheme__svg .sc-flow{fill:none;stroke:var(--sc-flow);stroke-width:4;stroke-linecap:round;stroke-dasharray:14 16;opacity:0;transition:opacity .5s;vector-effect:non-scaling-stroke}
.ce-scheme__svg .sc-flow.is-on{opacity:1;animation:ce-dash 1.2s linear infinite}
.ce-scheme__svg .sc-flow.is-on.sc-flow--slow{animation-duration:2.4s;opacity:.6}
.ce-scheme__svg .sc-x{stroke:#d33;stroke-width:4;opacity:0;transition:opacity .4s;vector-effect:non-scaling-stroke}
.ce-scheme[data-state="outage"] .sc-x{opacity:1}
.ce-scheme__svg [data-node].is-off > :not(text):not(.sc-badge){opacity:var(--sc-off)} /* вимкнений вузол: блякне лише фігура; підпис і номер лишаються повного кольору (підпис із прозорістю давав 2,5:1) */
.ce-scheme__svg .sc-mon-link{fill:none;stroke:var(--sc-line);stroke-width:1.5;stroke-dasharray:3 6;vector-effect:non-scaling-stroke}
@keyframes ce-dash{to{stroke-dashoffset:-30}}

.ce-scheme__states{display:flex;flex-wrap:wrap;gap:8px}
.ce-scheme__state{min-height:44px;padding:10px 18px;border-radius:999px;border:1.5px solid currentColor;background:transparent;cursor:pointer;font-weight:600;font-size:15px;transition:background .25s,color .25s,border-color .25s}
.ce-scheme__state[aria-pressed="true"]{background:var(--ce-orange);border-color:var(--ce-orange);color:var(--ce-ink)}
.ce-scheme__state-text{min-height:3.2em;font-size:15px;line-height:1.5;color:var(--sc-muted)}

.ce-scheme__nodes{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.ce-scheme__node{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:12px;border:1.5px solid transparent;background:transparent;text-align:left;cursor:pointer;font-weight:400;font-size:14px;transition:border-color .25s,background .25s}
.ce-scheme__node i{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--ce-orange);color:var(--ce-ink);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:13px}
.ce-scheme__node:hover,.ce-scheme__node.is-hover{border-color:rgba(253,101,0,.5)}
.ce-scheme__node[aria-expanded="true"]{border-color:var(--ce-orange);background:rgba(253,101,0,.08)}
.ce-scheme__info{display:none;padding:18px 20px;border-radius:16px;background:rgba(253,101,0,.08);border:1.5px solid rgba(253,101,0,.35)}
.ce-scheme__info.is-active{display:block}
.ce-scheme__info h4{font-size:17px;margin-bottom:6px}
.ce-scheme__info p{font-size:15px;line-height:1.5;color:inherit}
.ce-scheme__info .sc-brands{margin-top:8px;font-size:13px;color:var(--sc-muted)}
.ce-scheme__info a{display:inline-block;margin-top:10px;font-weight:600;color:#161616;border-bottom:2px solid var(--ce-orange);text-decoration:none}
.ce-scheme__note{font-size:12px;color:var(--sc-muted)}
@media (max-width:767px){
  .ce-scheme__svg text:not(.sc-num){display:none}
}

/* Переходи між сторінками варіантів (Chrome 126+, інакше просто перехід) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}

/* Доступність: без руху */
@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1;transform:none;clip-path:none;transition:none}
  .ce-scheme__svg .sc-flow.is-on{animation:none;stroke-dasharray:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
  .ce-page *{scroll-behavior:auto!important}
}
/* Опус, раунд 2: мобільні мінімуми (стоять у кінці, бо вище правила перебивались пізнішими) + якорі не ховаються під фіксовану шапку теми */
@media (max-width:767px){.ce-page .ce-scheme__note,.ce-page .ce-calc__note{font-size:14px}.ce-page .ce-btn--sm,.ce-page .ce-calc__goal span{min-height:44px}}
#contact-form,.ce-page [id]{scroll-margin-top:96px}

/* Відвідані посилання: тема фарбує a:visited у #000 — на темних блоках пункт зникав (зауваження власника 2026-10-12). Усюди на наших сторінках відвідане = звичайне. */
.ce-page a:where(:not(section.nav.faq *)):visited{color:inherit}
/* кнопки-посилання: колір явно для всіх станів (:visited браузер скриптам не показує, тому лише так; зауваження власника 2026-10-12) */
.ce-page a.ce-btn:link,.ce-page a.ce-btn:visited,.ce-page a.ce-btn:hover,.ce-page a.ce-btn:focus{color:#fff}
.ce-page a.ce-btn--ghost:link,.ce-page a.ce-btn--ghost:visited,.ce-page a.ce-btn--ghost:hover,.ce-page a.ce-btn--ghost:focus{color:inherit}
.ce-page a.ce-btn--dark:link,.ce-page a.ce-btn--dark:visited,.ce-page a.ce-btn--dark:hover,.ce-page a.ce-btn--dark:focus{color:#fff}

/* Форма й підвал теми — у звичайній ширині старого дизайну (.container 1470 px з полями 15 px), а не на всю ширину (власник, 2026-10-12) */
body.ce-b2b .energy__container > #colophon,body.ce-b2b .energy__container > footer{max-width:1470px;margin-inline:auto;padding-inline:15px;box-sizing:border-box} /* ширина форми й підвалу на наших сторінках = контейнер теми 1470 px з полями 15 px, як на бойовому і на /home/ (власник 12.10, п. 5; повернуто після п. 43, власник 13.10: «розтягнуто на всю») */
@media (max-width:767px){body.ce-b2b .energy__container > #colophon,body.ce-b2b .energy__container > footer{padding-inline:30px}} /* на телефоні тема дає 15 px контейнера + 15 px підвалу = 30, як на /home/ (30..360 на 390) */
/* п. 47 (власник 2026-10-13: «в одному стилі»): усі блоки наших сторінок у контейнері теми 1470 px з полями 15 px,
   як чорна форма й підвал (на 1920 краї 233..1673, на 1440 15..1410, на 390 15..375). Фото/відео перших блоків лишаються на всю ширину. */
body.ce-b2b{--ce-gutter:15px}
body.ce-b2b .ce-wrap,body.ce-b2b .ce-wrap--wide,body.ce-b2b .ce-wrap--narrow{max-width:1470px;padding-inline:15px;box-sizing:border-box}
/* п. 46 (власник 2026-10-13: «наш дизайн без кантовочної лінії»): картки й блоки без тонких рамок, лише світло-сіре тло й радіус, як у карток теми */
body.ce-b2b .ce-faq details,body.ce-b2b .ce-faq details:last-child{border:0}
/* п. 48 (власник 2026-10-13: «всі букви і цифри на помаранчевому білі»): номери вузлів схеми, цифри в SVG схеми й натиснута фішка стану */
.ce-scheme__node i,.ce-scheme__state[aria-pressed="true"]{color:#fff}
.ce-scheme__svg .sc-num{fill:#fff}
/* П. 49: FAQ теми на головній — той самий вигляд і хвіст, що на внутрішніх сторінках (svc-hero.css, п. 33):
   міжряддя заголовка як у body теми (1.2), останній пункт без нижнього відступу, відповідь без порожнього рядка після абзацу */
body.ce-b2b .ce-page section.nav.faq{line-height:1.2}
body.ce-b2b .ce-page section.nav.faq li.nav__parent:last-child{margin-bottom:0!important}
body.ce-b2b .ce-page section.nav.faq li.nav__parent:last-child .nav__content{margin-bottom:0!important;padding-bottom:0!important}
body.ce-b2b .ce-page section.nav.faq .nav__content > a.nav__link{display:block;padding-bottom:0!important}
body.ce-b2b .ce-page section.nav.faq .nav__content p:last-of-type{margin-bottom:0!important}