/* Правки директора 05.11 (demo2): банер «Каталог обладнання» і порівняння накопичувачів на сторінках послуг теми.
   Ті самі картки, що «Що можна замовити» на «Оптових поставках» (v1/style.css, розділ v1-svc-cats), тут без змінних В1.
   Кнопка: клас теми .button (помаранчева, білий текст). Відкат: не підключати файл (catalog.php). */
.ce-catban{margin:0 0 64px}
.ce-catban .v1-cases__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
.ce-catban .v1-cases__head > div{display:grid;gap:6px}
.ce-catban .ce-catban__title{font-size:26px;font-weight:700;line-height:1.2;color:#000;margin:0}
@media (min-width:1024px){.ce-catban .ce-catban__title{font-size:36px}}
.ce-catban .v1-svc-cats__lead{font-size:15px;line-height:1.5;color:#5c5c5c;margin:0;max-width:60ch}
.ce-catban .v1-svc-cats__grid{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:640px){.ce-catban .v1-svc-cats__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.ce-catban .v1-svc-cats__grid{grid-template-columns:repeat(3,1fr)}}
.ce-catban .v1-svc-cat{display:grid;grid-template-rows:200px auto;border-radius:18px;overflow:hidden;background:#f8f8f8;border:0;color:#161616}
.ce-catban .v1-svc-cat__img{display:block;background:#f3f3f3;overflow:hidden}
.ce-catban .v1-svc-cat__img img{width:100%;height:100%;object-fit:contain;padding:14px;mix-blend-mode:multiply;box-sizing:border-box}
.ce-catban .v1-svc-cat__body{display:grid;gap:4px;padding:16px 18px 18px}
.ce-catban .v1-svc-cat__title,.ce-catban .v1-svc-cat__title:link,.ce-catban .v1-svc-cat__title:visited{font-size:17px;font-weight:700;line-height:1.2;color:#161616;text-decoration:none}
.ce-catban .v1-svc-cat__brands{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ce-catban .v1-svc-cat__brands a,.ce-catban .v1-svc-cat__brands a:link,.ce-catban .v1-svc-cat__brands a:visited,.ce-catban .v1-svc-cat__brands a:hover{font-size:14px;font-weight:600;color:#161616;padding:5px 10px;border:0;background:#ededed;border-radius:999px;text-decoration:none}
@media (max-width:767px){.ce-catban{margin-bottom:40px}.ce-catban .v1-svc-cat{grid-template-rows:160px auto}.ce-catban .v1-svc-cat__brands a{min-height:44px;display:inline-flex;align-items:center;padding:6px 14px}}

/* «Накопичувачі»: «Загальна структура систем зберігання енергії» без помаранчевого фону, як інші сірі блоки сайту (#f8f8f8, кути теми) */
body.ce-svc-hero--systemy-nakopychyvannia-enerhii section.orange.orange--house{background:#f8f8f8!important}

/* «Накопичувачі»: порівняння «Кабінетне рішення | Контейнерне рішення» (v1/compare-bess.php). Сірі картки як у блоках теми. */

/* власник 09.11, «Накопичувачі»: «Чому вигідно» нашим шаблоном і блок брендів з головної. Ті самі значення, що в v1/style.css (на сторінках теми він не підключений) */
.ce-tb-duo{margin:0 0 64px}
.ce-tb-duo .v1-h2{font-size:clamp(28px,3.6vw,48px);font-weight:700;letter-spacing:-.015em;line-height:1.1;margin:0 0 28px;color:#161616}
.ce-tb-duo .v1-svc-duo__row{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:1024px){.ce-tb-duo .v1-svc-duo__row{grid-template-columns:2fr 1fr}}
.ce-tb-duo .v1-svc-duo__panel{list-style:none;margin:0;background:#f8f8f8;border-radius:32px;padding:clamp(24px,3.4vw,52px) clamp(20px,4vw,60px);display:grid;grid-template-columns:1fr;gap:28px 48px;box-sizing:border-box}
@media (min-width:640px){.ce-tb-duo .v1-svc-duo__panel{grid-template-columns:1fr 1fr}}
.ce-tb-duo .v1-svc-duo__item{display:grid;gap:8px;align-content:start;margin:0;padding:0}
.ce-tb-duo .v1-svc-duo__item::before{content:none}
.ce-tb-duo .v1-svc-duo__item b{color:#161616;font-size:clamp(18px,1.5vw,22px);font-weight:600;line-height:1.25}
.ce-tb-duo .v1-svc-duo__item span{color:#161616;font-size:16px;line-height:1.45}
.ce-tb-duo .v1-svc-duo__ic{display:block;width:56px;height:56px;margin-bottom:6px}
.ce-tb-duo .v1-svc-duo__card{background:#f8f8f8;border-radius:32px;padding:36px 32px 32px;box-sizing:border-box;color:#232323}
.ce-tb-duo .v1-svc-duo__card-title{font-size:28px;font-weight:500;line-height:1.2;margin-bottom:20px}
.ce-tb-duo .v1-svc-duo__card-title span{display:block;color:#FD6500}
.ce-tb-duo .v1-svc-duo__card p{margin:0;font-size:14px;font-weight:500;line-height:1.2}
.ce-tb-duo .v1-svc-duo__card p+p{margin-top:12px}
.ce-tb-duo .v1-svc-duo__card-lead{display:flex;align-items:center;gap:20px;margin-bottom:14px}
.ce-tb-duo .v1-svc-duo__card-lead img{width:90px;height:90px;flex:0 0 90px;margin:0}
.ce-tb-duo .v1-svc-duo__card-lead span{font-size:25px;font-weight:500;line-height:1.2}
@media (max-width:767px){.ce-tb-duo{margin-bottom:40px}.ce-tb-duo .v1-svc-duo__card{padding:25px}.ce-tb-duo .v1-svc-duo__card-title{font-size:30px;font-weight:600;margin-bottom:8px}.ce-tb-duo .v1-svc-duo__card-lead{margin-bottom:20px}.ce-tb-duo .v1-svc-duo__card-lead img{width:60px;height:60px;flex-basis:60px}.ce-tb-duo .v1-svc-duo__card-lead span{font-size:16px;font-weight:600}}
@media (max-width:639px){.ce-tb-duo .v1-svc-duo__panel,.ce-tb-duo .v1-svc-duo__card{border-radius:24px}}
.ce-tb-brands{margin:0 0 64px}
.ce-tb-brands .v1-brands__row{display:grid;gap:22px;padding:clamp(24px,4vw,40px);border-radius:24px;background:#f8f8f8}
@media (min-width:1024px){.ce-tb-brands .v1-brands__row{grid-template-columns:1fr auto;align-items:start}}
.ce-tb-brands .v1-h2{font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.015em;line-height:1.1;margin:0 0 8px;color:#161616}
.ce-tb-brands p{font-size:14px;color:#5c5c5c;line-height:1.5;margin:0}
.ce-tb-brands .v1-brands__btn{justify-self:end;align-self:start;width:auto;min-width:0;margin:0}
.ce-tb-brands .v1-marquee{position:relative;display:flex;overflow:hidden;padding:6px 0 4px;margin:4px 0;gap:0;grid-column:1 / -1;width:100%;order:3}
.ce-tb-brands .v1-marquee__track{list-style:none;margin:0;display:flex;align-items:center;gap:40px;padding:0 40px 0 0;flex:0 0 auto;animation:ce-tb-marquee 30s linear infinite}
.ce-tb-brands .v1-marquee:hover .v1-marquee__track{animation-play-state:paused}
@keyframes ce-tb-marquee{to{transform:translateX(-100%)}}
.ce-tb-brands .v1-logo{flex:0 0 auto;display:flex;align-items:center;height:64px;padding:10px 20px;border-radius:14px;background:#fff;border:1px solid rgba(22,22,22,.06);box-sizing:border-box}
.ce-tb-brands .v1-logo::before{content:none}
.ce-tb-brands .v1-logo img{height:40px;width:auto;max-width:170px;object-fit:contain;margin:0}
@media (max-width:767px){.ce-tb-brands{margin-bottom:40px}}
@media (prefers-reduced-motion:reduce){.ce-tb-brands .v1-marquee{display:grid}.ce-tb-brands .v1-marquee__track{animation:none;flex-wrap:wrap;gap:24px 40px}.ce-tb-brands .v1-marquee__track[aria-hidden]{display:none}}


/* власник 09.11, «Загальна структура»: на телефоні схема з номерами і наближенням вузлів (scheme-mobile.js). Від 768 px звичайна картинка */
.ce-sch{display:none}
@media (max-width:767px){
  .orange--house.ce-sch-on .orange__background{display:none}
  .orange--house.ce-sch-on{height:auto;min-height:0}
  .orange--house .ce-sch{display:grid;gap:14px;position:relative;z-index:1}
  .ce-sch__view{position:relative;overflow:hidden;aspect-ratio:4/3;background:#fff;border-radius:24px;touch-action:pan-y}
  .ce-sch__stage{position:absolute;left:0;top:0;width:100%;aspect-ratio:2000/1346;transform-origin:0 0;transition:transform .55s cubic-bezier(.22,.61,.36,1)}
  .ce-sch__stage img{display:block;width:100%;height:100%;margin:0;user-select:none;-webkit-user-drag:none}
  .ce-sch .ce-sch__dot{position:absolute;width:26px;height:26px;min-width:0;margin:-13px 0 0 -13px;padding:0;border:2px solid #fff;border-radius:50%;background:#FD6500;color:#fff;font:500 12px/1 inherit;font-family:inherit;display:grid;place-items:center;cursor:pointer;transition:opacity .25s}
  .ce-sch .ce-sch__dot::after{content:"";position:absolute;inset:-5px}
  .ce-sch.is-zoom .ce-sch__dot{opacity:0;pointer-events:none}
  .ce-sch__info{min-height:112px}
  .ce-sch__count{font-size:13px;color:#5c5c5c;margin-bottom:4px}
  .ce-sch__title{font-size:20px;font-weight:600;line-height:1.2;color:#161616;margin-bottom:6px}
  .ce-sch__text{font-size:15px;line-height:1.45;color:#161616;margin:0}
  .ce-sch__nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .ce-sch .ce-sch__btn{min-height:48px;padding:0 12px;border:0;border-radius:999px;background:#FD6500;color:#fff;font:inherit;font-size:16px;font-weight:400;cursor:pointer}
  .ce-sch .ce-sch__btn--back{background:#ededed;color:#161616}
  .ce-sch .ce-sch__btn:disabled{color:#767676;cursor:default}
  .ce-sch__legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#5c5c5c}
  .ce-sch__legend span{display:inline-flex;align-items:center;gap:7px}
  .ce-sch__line{display:inline-block;width:22px;height:0;border-top:3px solid #FD6500}
  .ce-sch__line--dc{border-top-color:#3b8bea}
  .ce-sch__line--com{border-top:3px dashed #161616}
}
@media (prefers-reduced-motion:reduce){.ce-sch__stage{transition:none}}
@media (max-width:767px){
  .orange--house .ce-sch{padding:0 16px 24px}
  .ce-sch__line{flex:none}
}
.ce-sch.is-zoom .ce-sch__dot{visibility:hidden}
.ce-sch__btn--all{grid-column:1 / -1}




/* власник 09.11: порівняння: заголовок зі значком, квадратне фото, нижче рядки зі значком посередині */
.ce-cmp{margin:0 0 64px}
.ce-cmp__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:14px;margin-bottom:14px}
.ce-cmp__side{display:contents}
.ce-cmp__side:nth-child(1)>*{grid-column:1}
.ce-cmp__side:nth-child(2)>*{grid-column:2}
.ce-cmp__head{grid-row:1;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;row-gap:4px;align-items:center;align-content:start;padding:0 0 10px;box-sizing:border-box}
.ce-cmp__ic{display:block;width:52px;height:52px}
.ce-cmp__name{font-size:clamp(22px,2.2vw,32px);font-weight:600;line-height:1.15;color:#161616;margin:0}
.ce-cmp__sub{grid-column:1 / -1;font-size:16px;line-height:1.45;color:#161616;margin:6px 0 0}
.ce-cmp__img{grid-row:2;display:block;aspect-ratio:1/1;border-radius:32px;overflow:hidden;background:#f3f3f3}
.ce-cmp__img img{width:100%;height:100%;object-fit:cover;display:block}
.ce-cmp__side:nth-child(2) .ce-cmp__img img{object-position:16% 50%}
.ce-cmp__table{display:grid;gap:14px}
.ce-cmp__row{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);gap:24px;align-items:center;background:#f8f8f8;border-radius:32px;padding:22px 32px}
.ce-cmp__k{display:grid;justify-items:center;gap:6px;text-align:center}
.ce-cmp__k b{font-size:16px;font-weight:600;line-height:1.25;color:#161616}
.ce-cmp__k .ce-cmp__ic{width:44px;height:44px}
.ce-cmp__v{font-size:16px;line-height:1.45;color:#161616}
.ce-cmp__row--main .ce-cmp__v{font-size:clamp(20px,1.8vw,26px);font-weight:600;line-height:1.2}
@media (max-width:767px){
.ce-cmp{margin-bottom:40px}
.ce-cmp__grid{gap:10px;margin-bottom:10px}
.ce-cmp__head{grid-template-columns:1fr;padding:0 2px 6px}
.ce-cmp__ic{width:38px;height:38px}
.ce-cmp__name{font-size:18px}
.ce-cmp__sub{font-size:14px;margin-top:2px}
.ce-cmp__img{border-radius:24px}
.ce-cmp__table{gap:10px}
.ce-cmp__row{grid-template-columns:1fr 1fr;gap:12px 14px;border-radius:24px;padding:18px 16px;align-items:start}
.ce-cmp__k{grid-column:1 / -1;grid-row:1}
.ce-cmp__k .ce-cmp__ic{width:38px;height:38px}
.ce-cmp__v{font-size:14px}
.ce-cmp__v::before{content:attr(data-name);display:block;font-size:13px;font-weight:600;color:#5c5c5c;margin-bottom:3px}
.ce-cmp__row--main .ce-cmp__v{font-size:18px}
}
/* власник 09.11: заголовок рішення на сірій плашці, як усі тексти сайту */
.ce-cmp__head{background:#f8f8f8;border-radius:32px;padding:26px 32px 28px}
@media (max-width:767px){.ce-cmp__head{border-radius:24px;padding:16px}}
/* власник 09.11: плашки брендів у каталозі не розтягуються на висоту картки */
.ce-catban .v1-svc-cat__brands{align-items:flex-start;align-content:flex-start}
/* власник 09.11: блоки «Кабінетне» і «Контейнерне» під картинками */
.ce-cmp__img{grid-row:1}
.ce-cmp__head{grid-row:2}
/* власник 09.11: картинки «Кабінетне» і «Контейнерне» прямокутні */
.ce-cmp__img{aspect-ratio:16/10}
@media (max-width:767px){.ce-cmp__img{aspect-ratio:4/3}}
/* власник 10.11: «Повний цикл робіт з УЗЕ» як «Послуги Columbus.B2B» на головній (ті самі розміри, радіус, затемнення й текст) */
.ce-tb-svc{margin:0 0 64px}
.ce-tb-svc .v1-h2{font-size:clamp(28px,3.6vw,48px);font-weight:700;letter-spacing:-.015em;line-height:1.1;margin:0 0 28px;color:#161616}
.ce-tb-svc__grid{display:grid;gap:25px;grid-template-columns:1fr}
@media (min-width:768px){.ce-tb-svc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.ce-tb-svc__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ce-tb-svc__card:nth-child(1),.ce-tb-svc__card:nth-child(4){grid-column:span 2}.ce-tb-svc__card:nth-child(1) .ce-tb-svc__img{object-position:50% 40%}.ce-tb-svc__card:nth-child(4) .ce-tb-svc__img{object-position:50% 58%}} /* власник 10.11: шахівниця 2/3 + 1/3, 1/3 + 2/3 */
.ce-tb-svc__card{position:relative;height:460px;border-radius:32px;overflow:hidden;background:#161616;color:#fff;isolation:isolate}
.ce-tb-svc__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;display:block;margin:0}
.ce-tb-svc__card::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.55)}
.ce-tb-svc__body{position:absolute;left:24px;right:24px;bottom:24px;padding:16px 18px 18px;display:grid;gap:6px}
.ce-tb-svc__title{font-size:22px;font-weight:700;line-height:1.15;color:#fff;margin:0}
.ce-tb-svc__text{font-size:13px;font-weight:500;line-height:1.45;color:#e6e6e6;margin:0}
@media (max-width:1239px){.ce-tb-svc__card{height:400px}.ce-tb-svc__body{left:18px;right:18px;bottom:18px}}
@media (max-width:767px){.ce-tb-svc{margin-bottom:40px}.ce-tb-svc__grid{gap:16px}.ce-tb-svc__card{height:470px}.ce-tb-svc__body{left:14px;right:14px;bottom:14px;padding:16px 16px 18px}.ce-tb-svc__text{font-size:14px}}
.ce-tb-svc__card .ce-tb-svc__img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
/* власник 10.11, «СЕС на даху»: значки «Сфер використання» */
.industrial__spheres-item svg.ce-sph-ic{display:block;width:96px;height:96px;max-width:none;margin:0 auto 14px}
@media (max-width:767px){.industrial__spheres-item svg.ce-sph-ic{width:72px;height:72px}}
/* власник 10.11, «СЕС на даху»: шість карток Columbus у вигляді «Послуг» з головної, шахівниця 1/3 + 2/3, 2/3 + 1/3, 1/3 + 2/3 */
.ce-tb-svc__sub{font-size:15px;font-weight:600;line-height:1.3;color:#fff;margin:0}
@media (min-width:1024px){
.ce-tb-svc--six .ce-tb-svc__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ce-tb-svc--six .ce-tb-svc__card:nth-child(n){grid-column:auto}
.ce-tb-svc--six .ce-tb-svc__card:nth-child(2),.ce-tb-svc--six .ce-tb-svc__card:nth-child(3),.ce-tb-svc--six .ce-tb-svc__card:nth-child(6){grid-column:span 2}
.ce-tb-svc--six .ce-tb-svc__card .ce-tb-svc__img{object-position:50% 50%}
}

/* власник 10.11: однакові відступи між сірими плашками на всіх послугах: 24 px на ПК і планшеті, 16 px на телефоні */
body .v1-svc-duo__row,body .v1-svc-band,body .v1-svc-offer__split,body .v1-svc-offer__grid,body .v1-svc-cats__grid,body .v1-svc-who__grid,body .v1-svc-benefits__grid,body .ce-cmp__grid,body .ce-cmp__table,body .ce-tb-svc__grid,body .ce-scada-dev__row,body .ce-scada-feat__grid,body .ce-legacy-blocks .info__items,body .ce-svc-info .info__items{gap:24px!important}
@media (max-width:639px){body .v1-svc-duo__row,body .v1-svc-band,body .v1-svc-offer__split,body .v1-svc-offer__grid,body .v1-svc-cats__grid,body .v1-svc-who__grid,body .v1-svc-benefits__grid,body .ce-cmp__grid,body .ce-cmp__table,body .ce-tb-svc__grid,body .ce-scada-dev__row,body .ce-scada-feat__grid,body .ce-legacy-blocks .info__items,body .ce-svc-info .info__items{gap:16px!important}}