/* === /custom/ («Примеры изготовленных светильников») — фон #212224 + контент вровень с шапкой.
   По образцу /customization/ и /marketing-support/ (2026-06-02). Раскладка with_left_block (sticky-sidebar). === */

/* --- Фон: равномерный графит #212224 (было body #252729 + .wrapper1 #0a0a0a).
   ТОЛЬКО background-color — НЕ background shorthand и НЕ background-image:none.
   Причина (2026-06-02): широкий `background-image:none !important` сбрасывал картинку
   топ-баннера (.swiper-slide, swiper-lazy) → светильники уезжали за край. background-color
   красит фон обёрток, не трогая никакие фоновые картинки. (урок #55: красить bg через
   background-color, не shorthand). --- */
body,
body .maxwidth-theme,
body .wrapper1,
body .wraps,
body .middle,
body .container_inner,
body .container,
body .site_s1,
body .hr30__top,
body .hr30__main {
    background-color: #212224 !important;
}
body .wrapper1.header_bgcolored {
    background-color: #212224 !important;
}
/* .wrapper_inner НАМЕРЕННО исключён из фона: у топ-баннера своя обёртка .wrapper_inner ВНУТРИ
   слайда, поверх картинки светильников. Покраска её в #212224 закрашивала картинку (2026-06-03).
   Контентный фон дают body/.middle/.container_inner — баннерный .wrapper_inner оставляем прозрачным. */

/* --- [2026-06-05 · session claude-11] Баннер-hero: .wrapper_inner был #101213 (НЕ прозрачный,
   базовый Aspro) и перекрывал фото светильника (bg-image слайда L0–1920) в центре 330–1590 →
   за .text/.img торчали чёрные подложки, фото виднелось только в правом зазоре. Делаем баннерный
   .wrapper_inner прозрачным → фото показывается на всю ширину под текстом, подложки уходят.
   Скоуп .swiper-slide — только баннер, контентные .wrapper_inner не трогаем. --- */
body .swiper-slide .wrapper_inner {
    background-color: transparent !important;
}

/* --- [2026-06-05 · session claude-11] Контентный #content > .wrapper_inner был #101213 (базовый
   Aspro, исключён из графита выше) → торчал чёрной полосой над футером и в зазорах. Красим в графит
   #212224 как остальной фон. Безопасно: этот wrapper НЕ содержит баннер (containsBanner=false),
   баннерный .swiper-slide .wrapper_inner остаётся прозрачным (правило выше). Прямой потомок `>` —
   баннерную обёртку (она глубже, внутри .swiper-slide) не задевает. --- */
body #content > .wrapper_inner {
    background-color: #212224 !important;
}


/* --- Выравнивание: контент-блок вровень с шапкой .hr30__container (83..1343, w 1260).
   .container_inner был 113..1313 (1200, центрирован) → снимаем ограничение ширины, тянем на всю
   ширину .wrapper_inner. Боковой padding контентных .maxwidth-theme (30px) → 0, чтобы галерея/блоки
   доходили до правого края, а sidebar — до левого. Только десктоп. --- */
@media (min-width: 1200px) {
    /* Источник зазора 30px — боковой padding у .wrapper_inner (контент-зона 113..1313 вместо 83..1343).
       Убираем → content-box = 83..1343, центр 1260 совпадает с шапкой .hr30__container. */
    body .wrapper1.with_left_block .wrapper_inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* .container_inner был жёстко width:1200px → тянем на всю ширину родителя (1260). */
    body .wrapper_inner > .container_inner {
        width: auto !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* боковой padding внутренних контентных блоков → 0, чтобы галерея доходила до правого края. */
    body .container_inner .maxwidth-theme {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}