/* Перший блок сторінок «Послуги B2B» теми (СЕС на даху, на ґрунті, накопичувачі, підстанції та РУ, моніторинг, кредитування):
   як на «Оптові поставки обладнання» і «Підтримка та супровід проєктів ВДЕ» (власник 2026-10-13, п. 9): фото на всю ширину,
   той самий розмір (72 svh), темна напівпрозора підкладка, текст і кнопка поверх. Вантажиться лише на цих сторінках
   (клас body.ce-svc-hero з plugin.php); фото задає plugin.php окремим правилом на сторінку. Розмітка теми не змінюється. */
body.ce-svc-hero .container{padding-top:0}
body.ce-svc-hero .energy__container section.picture:first-child{position:relative;width:100vw;margin:0 0 30px calc(50% - 50vw);max-height:none;height:auto;min-height:72svh;border-radius:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:130px 0 clamp(32px,4.5vw,56px);background:#161616;isolation:isolate}
body.ce-svc-hero .energy__container section.picture:first-child .picture__background{position:absolute;inset:0;z-index:-1;min-height:0;max-height:none;height:auto;background-color:#000;background-size:cover;background-position:center 45%;background-repeat:no-repeat}
body.ce-svc-hero .energy__container section.picture:first-child .picture__background img{display:none!important}
body.ce-svc-hero .energy__container section.picture:first-child .picture__background::before,
body.ce-svc-hero .energy__container section.picture:first-child .picture__background::after{content:"";position:absolute;inset:0;display:block!important;background:rgba(22,22,22,.6)}
body.ce-svc-hero .energy__container section.picture:first-child .picture__background::after{display:none!important}
body.ce-svc-hero .energy__container section.picture:first-child .picture__context{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0 auto!important;padding:0 15px!important;max-width:1470px;width:100%;border-radius:0;z-index:1;display:grid;gap:14px;text-align:left} /* п. 43: без justify-items:start, щоб кнопка першого блоку мала ширину й форму теми */
body.ce-svc-hero .energy__container section.picture:first-child .picture__context::after{display:none!important}
body.ce-svc-hero .energy__container section.picture:first-child .title__picture{font-size:clamp(32px,4.6vw,62px)!important;font-weight:700;line-height:1.05;letter-spacing:-.02em;max-width:18ch;margin:0!important;color:#fff;hyphens:none;width:auto}
body.ce-svc-hero .energy__container section.picture:first-child .subtitle__picture{font-size:clamp(16px,1.4vw,19px)!important;font-weight:500!important;line-height:1.5;color:#e6e6e6;max-width:56ch;margin:0!important}
body.ce-svc-hero .energy__container section.picture:first-child .text__picture{font-size:16px;line-height:1.55;color:#e6e6e6;max-width:56ch;margin:0!important}
body.ce-svc-hero .energy__container section.picture:first-child .text__picture p{color:#e6e6e6;font-weight:400!important;margin:0;max-width:none;width:auto}
@media (max-width:1023px){
  body.ce-svc-hero .energy__container section.picture:first-child .picture__background::before{background:rgba(22,22,22,.68)}
  body.ce-svc-hero .energy__container section.picture:first-child{padding-top:120px}
}
body.ce-svc-hero{overflow-x:clip} /* блок на 100vw разом зі смугою прокрутки: зайві ~8 px за правим краєм обрізаємо, прокрутки вбік немає */
/* п. 25: однакова висота першого блоку на всіх сторінках послуг (еталон «Оптові поставки»: 72 svh на ПК і телефоні).
   Текст теми (довгий підзаголовок, абзац) обмежуємо рядками, щоб блок не ріс. */
body.ce-svc-hero .energy__container section.picture:first-child{min-height:72svh;height:auto;max-height:none;padding-top:110px} /* п. 43: текст теми показуємо повністю, блок росте за вмістом (не менше 72 svh) */
body.ce-svc-hero .energy__container section.picture:first-child .picture__context{gap:10px}
body.ce-svc-hero .energy__container section.picture:first-child .title__picture{font-size:clamp(28px,3.9vw,54px)!important;line-height:1.05;max-width:22ch}
body.ce-svc-hero .energy__container section.picture:first-child .subtitle__picture{font-size:clamp(15px,1.25vw,18px)!important}
body.ce-svc-hero .energy__container section.picture:first-child .text__picture{font-size:15px;line-height:1.5}
@media (max-width:767px){
  body.ce-svc-hero .energy__container section.picture:first-child{padding-top:100px;padding-bottom:24px}
  body.ce-svc-hero .energy__container section.picture:first-child .title__picture{font-size:26px!important}
  body.ce-svc-hero .energy__container section.picture:first-child .text__picture{font-size:14px}
}
/* п. 26 був підпис «ілюстрація» на згенерованих фонах; власник 2026-10-13 (Опус): «прибери це слово на картинках», підпис прибрано */
/* п. 33: однаковий проміжок між блоками на сторінках послуг теми (той самий --ce-gap, що на головній: 64 px ПК, 40 px телефон) */
body.ce-svc-hero .energy__container > section,body.ce-svc-hero .energy__container > div > section,body.ce-svc-hero .energy__container > div > nav.faq,body.ce-svc-hero .energy__container > nav.faq{margin-top:0!important;margin-bottom:var(--ce-gap,64px)!important} /* блоки теми лежать у div.industrial / .solar / .roof усередині .energy__container */
body.ce-svc-hero .energy__container .slider.recent-projects,body.ce-svc-hero .energy__container .slider.recent-news,body.ce-svc-hero .energy__container nav.faq{padding-top:0!important;padding-bottom:0!important}
:root{--ce-gap:64px}
@media (max-width:767px){:root{--ce-gap:40px}}
/* п. 33: внутрішні «хвости» блоків теми, щоб видимий проміжок був рівно --ce-gap: картки .white мають margin-bottom 20,
   гортання проєктів/новин має 20 px порожнечі під картками, FAQ має 15 px під останнім пунктом */
body.ce-svc-hero .energy__container section.white .white__container:last-child .white__big,body.ce-svc-hero .energy__container section.white .white__container:last-child .white__small{margin-bottom:0!important}
body.ce-svc-hero .energy__container section.white .white__container:last-child{margin-bottom:0!important}
body.ce-svc-hero .energy__container section.slider.recent-projects,body.ce-svc-hero .energy__container section.slider.recent-news{margin-bottom:calc(var(--ce-gap,64px) - 20px)!important}
body.ce-svc-hero .energy__container section.nav.faq{margin-bottom:calc(var(--ce-gap,64px) - 15px)!important}
@media (max-width:767px){body.ce-svc-hero .energy__container section.nav.faq{margin-bottom:calc(var(--ce-gap,40px) - 20px)!important}} /* на телефоні хвіст FAQ теми 20 px */
/* п. 33, зауваження Опуса (міряємо оком, від видимого вмісту):
   1) FAQ теми: під останньою відповіддю порожній хвіст (зайвий <br>, відступи p/li) → прибираємо, компенсацію margin знімаємо;
   2) гортання проєктів/новин: картки різної висоти, на телефоні під коротшою карткою порожнеча → картка тягнеться на всю висоту ряду. */
body.ce-svc-hero .energy__container section.nav.faq{margin-bottom:var(--ce-gap,64px)!important}
body.ce-svc-hero .energy__container section.nav.faq li.nav__parent:last-child{margin-bottom:0!important}
body.ce-svc-hero .energy__container section.nav.faq li.nav__parent:last-child .nav__content{margin-bottom:0!important;padding-bottom:0!important}
body.ce-svc-hero .energy__container section.nav.faq li.nav__parent:last-child .nav__content > :last-child{margin-bottom:0!important}
body.ce-svc-hero .energy__container section.nav.faq .nav__content br:last-child{display:none}
body.ce-svc-hero .energy__container section.slider .slider__item{display:flex;flex-direction:column}
body.ce-svc-hero .energy__container section.slider .slider__item .slider__wrapper{flex:1 1 auto}
body.ce-svc-hero .energy__container section.nav.faq .nav__content p:last-of-type{margin-bottom:0!important}
body.ce-svc-hero .energy__container section.nav.faq .nav__content p:last-of-type ~ br,body.ce-svc-hero .energy__container section.nav.faq .nav__content a.nav__link:empty{display:none!important} /* порожній <br> і порожнє посилання після останнього абзацу відповіді */
/* «СЕС на ґрунті» тощо: картка цифр теми має фіксовану висоту (575 px), довший текст вилазить за її низ; даємо картці рости за вмістом */
body.ce-svc-hero .energy__container section.industrial__info .industrial__info-items{height:auto!important;max-height:none!important;margin-bottom:0!important}
body.ce-svc-hero .energy__container section.industrial__info .industrial__info-item{height:auto!important;max-height:none!important}
body.ce-svc-hero .energy__container section.industrial__info .industrial__info-item:last-child{margin-bottom:0!important}
/* блоки теми, вкладені глибше (накопичувачі: section.info всередині ще одного div) */
body.ce-svc-hero .energy__container > div > div > section,body.ce-svc-hero .energy__container > div > div > div > section{margin-top:0!important;margin-bottom:var(--ce-gap,64px)!important}
/* FAQ теми: відповідь лежить у рядковому <a> з абзацами всередині, після останнього абзацу лишається порожній рядок → робимо <a> блоком */
body.ce-svc-hero .energy__container section.nav.faq .nav__content > a.nav__link{display:block;padding-bottom:0!important}
body.ce-svc-hero .energy__container section.nav.faq .nav__content br:last-child,body.ce-svc-hero .energy__container section.nav.faq .nav__content p:last-of-type ~ *:empty{display:none!important}
/* накопичувачі: картки .white без тла, фото закінчується на 20 px вище низу картки (padding теми) */
body.page-template-systemy-nakopychyvannia-enerhii-page-template .white.single-module .white__container:last-child .white__small,body.page-template-systemy-nakopychyvannia-enerhii-page-template .white.single-module .white__container:last-child .white__big{padding-bottom:0!important}
/* накопичувачі: у блоці .white тема лишає два порожні ряди .white__container (висота 0, margin 10) → ховаємо; останній непорожній ряд і його картки без нижнього відступу */
body.ce-svc-hero .energy__container section.white .white__container:empty{display:none!important;margin:0!important}
body.ce-svc-hero .energy__container section.white .white__container:not(:has(~ .white__container:not(:empty))){margin-bottom:0!important}
body.ce-svc-hero .energy__container section.white .white__container:not(:has(~ .white__container:not(:empty))) > .white__small,body.ce-svc-hero .energy__container section.white .white__container:not(:has(~ .white__container:not(:empty))) > .white__big{margin-bottom:0!important}
/* блоки «цифри/текст» теми (section.info): останній дочірній елемент має margin-bottom 25 на телефоні → хвіст */
body.ce-svc-hero .energy__container section.info > :last-child{margin-bottom:0!important}
/* порожні ряди .white__container теми містять лише пробіл, тому :empty їх не ловить → беремо «без дочірніх елементів» */
body.ce-svc-hero .energy__container section.white .white__container:not(:has(*)){display:none!important;margin:0!important}
body.ce-svc-hero .energy__container section.white .white__container:not(:has(~ .white__container:has(*))){margin-bottom:0!important}
body.ce-svc-hero .energy__container section.white .white__container:not(:has(~ .white__container:has(*))) > .white__small,body.ce-svc-hero .energy__container section.white .white__container:not(:has(~ .white__container:has(*))) > .white__big{margin-bottom:0!important}
body.page-template-systemy-nakopychyvannia-enerhii-page-template .white.single-module .white__container:not(:has(~ .white__container:has(*))) .white__small,body.page-template-systemy-nakopychyvannia-enerhii-page-template .white.single-module .white__container:not(:has(~ .white__container:has(*))) .white__big{padding-bottom:0!important}
/* телефон: у блоках теми (double, heating__system тощо) остання картка має margin-bottom 30 → хвіст; останнім дочірнім елементам блоку і його обгортки нижній відступ 0 */
@media (max-width:767px){body.ce-svc-hero .energy__container section > :last-child,body.ce-svc-hero .energy__container section > * > :last-child{margin-bottom:0!important}}
@media (max-width:767px){body.ce-svc-hero .energy__container section > :first-child,body.ce-svc-hero .energy__container section > * > :first-child{margin-top:0!important}} /* кредитування: перша картка блоку зі зсувом 3 px згори */
/* п. 41: відеофон у першому блоці сторінок теми: svc-video.js створює <video> усередині .picture__background; підкладка ::before лишається поверх */
body.ce-svc-hero .energy__container section.picture:first-child .picture__background .ce-svc-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:0;display:block}
body.ce-svc-hero .energy__container section.picture:first-child .picture__background::before{z-index:1}
body.ce-svc-hero .energy__container section.picture:first-child{background:#161616!important} /* рівне темне тло під фото/відео на всіх шаблонах теми (моніторинг має світле тло блоку в темі) */
/* власник 2026-10-13 (Опус): текст першого блоку по вертикальному центру між меню (низ плашки 75 px) і низом фото, як на головній; ПК, телефон без змін */
@media (min-width:1024px){body.ce-svc-hero .energy__container section.picture:first-child{justify-content:center!important;padding-top:75px!important;padding-bottom:0!important}}
/* власник 2026-10-13 (Опус): кнопка першого блоку не розтягується на всю ширину (сітка .picture__context тягнула її), ширина за текстом; на телефоні як у темі (на всю ширину) */
@media (min-width:768px){body.ce-svc-hero .energy__container section.picture:first-child .picture__context > .button{justify-self:start!important;width:auto!important}}
/* власник 2026-10-13 (Опус): «Одна доба вашого підприємства» перенесено з головної на «СЕС на даху» (вставляє plugin.php після «Показники та окупність»).
   Вигляд як був на головній (світла картка, рівне сонце #FD6500, силует міста), кнопка теми */
body.ce-svc-hero .ce-day-teaser__card,body.ce-svc-hero .ce-day-teaser__card:link,body.ce-svc-hero .ce-day-teaser__card:visited,body.ce-svc-hero .ce-day-teaser__card:hover{display:grid;grid-template-columns:1fr;border-radius:32px;overflow:hidden;background:#f8f8f8;color:#161616;text-decoration:none}
@media (min-width:900px){body.ce-svc-hero .ce-day-teaser__card{grid-template-columns:1fr 1.1fr}}
body.ce-svc-hero .ce-day-teaser__sky{position:relative;display:block;min-height:180px;background:#eef0f3;overflow:hidden}
body.ce-svc-hero .ce-day-teaser__sky::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:#3a3a3a;clip-path:polygon(0 100%,0 55%,8% 55%,8% 25%,14% 25%,14% 55%,24% 55%,24% 10%,30% 10%,30% 55%,42% 55%,42% 35%,52% 35%,52% 55%,62% 55%,62% 15%,68% 15%,68% 55%,80% 55%,80% 30%,90% 30%,90% 55%,100% 55%,100% 100%)}
body.ce-svc-hero .ce-day-teaser__sun{position:absolute;left:14%;top:18%;width:96px;height:96px;border-radius:50%;background:#fd6500}
body.ce-svc-hero .ce-day-teaser__body{display:grid;gap:12px;align-content:center;justify-items:start;padding:clamp(24px,3.5vw,44px)}
body.ce-svc-hero .ce-day-teaser__title{font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.15;color:#161616}
body.ce-svc-hero .ce-day-teaser__text{font-size:15px;line-height:1.5;color:#5c5c5c;max-width:46ch}