/* === Фон страницы /customization/ — равномерный #212224, как на /marketing-support/ и /gde-kupit-geniled/ (2026-06-02).
   Канва (body + Aspro-обёртки) перебивается с почти-чёрного на графит #212224.
   Footer-обёртка прозрачна → покажет #212224, fg-footer остаётся карточкой #171819. === */
body,
body .maxwidth-theme,
body .wrapper1,
body .wrapper_inner,
body .wraps,
body .middle,
body .container_inner,
body .container,
body .page-top.maxwidth-theme,
body .site_s1,
body .model-list,
body .hr30__top,
body .hr30__main {
    background: #212224 !important;
    background-image: none !important;
}
/* .wrapper1.header_bgcolored = #0a0a0a (спец. 0,2,0) перебивал `body .wrapper1` →
   почти-чёрный просвечивал в зазорах центрированного .hr30__divider (чёрные полоски по бокам).
   Усиливаем специфичность (0,2,1), чтобы обёртка тоже стала #212224. */
body .wrapper1.header_bgcolored {
    background: #212224 !important;
    background-image: none !important;
}

/* === Боковые края контента — вровень с шапкой .hr30__container (90..1350, max-width 1260, padding 0).
   У .maxwidth-theme (крошки/H1/карточки) был padding 30px по бокам → контент вдавлен внутрь
   (карточки 120..1320 = на 30px уже шапки). Обнуляем боковой padding → контент тянется 90..1350.
   max-width не трогаем (уже 1260). Только десктоп — на мобиле боковой отступ оставляем. === */
@media (min-width: 1200px) {
    body .page-top.maxwidth-theme,
    body .wrapper_inner .middle .maxwidth-theme {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* === Скрыть хлебные крошки + подтянуть H1 к меню на 80px (2026-06-03).
   Было: шапка hr30 bottom=158 → #navigation (крошки «Главная → Кастомизация») → H1 на T=323
   (165px от меню). Скрываем крошки, page-top padding-top 84→80 → H1 встаёт на 158+80=238 (80px от меню). === */
body .page-top #navigation,
body .page-top .breadcrumbs {
    display: none !important;
}
body .page-top.maxwidth-theme {
    padding-top: 80px !important;
}
/* H1 лежит внутри .topic, у которого свой padding-top ~14px → отступ был 94px вместо 80.
   Обнуляем верхний отступ .topic (и margin H1 на всякий) → H1 ровно на 80px от меню. */
body .page-top .topic {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body .page-top #pagetitle {
    margin-top: 0 !important;
}
