/* ============================================================
   /dialux-calculation/ — единый фон страницы (убрать разнобой подложек).
   [2026-06-05 · session claude-11 · по просьбе Димы]
   Подключается ТОЛЬКО на этой странице (addCss в dialux-calculation/index.php),
   поэтому селекторы можно бить напрямую, без :has-скоупа.

   Было: верх (hero + карточки) на тёмной обёртке #101213
   (.wrapper_inner.wide_page + .page-top), низ (галерея/FAQ/форма) на #252729 —
   видимый шов. Сводим обёртку и титул к тому же серому #252729 → фон сплошной
   от шапки до футера. Карточки .dialux-advantage (#3b3e42) и .uploader остаются
   как UI-элементы поверх серого.
   ============================================================ */
html body .wrapper_inner.wide_page,
html body .page-top.maxwidth-theme {
    background-color: #252729 !important;
}

/* ------------------------------------------------------------
   Шапка + меню + хлебные крошки: была чёрная подложка #0a0a0a
   (.wrapper1.header_bgcolored). .hr30__top/.hr30__main и
   .top-block-wrapper прозрачны и показывали этот чёрный — отсюда
   «чёрное в меню и по бокам». Сводим к тому же серому #252729 →
   фон сплошной от самого верха до футера.
   Fixed-меню (.mega_fixed_menu) уже #252729 — при скролле шва нет.
   [2026-06-09 · по просьбе Димы]
   ------------------------------------------------------------ */
html body .wrapper1.header_bgcolored {
    background-color: #252729 !important;
}

/* ------------------------------------------------------------
   Скрыть хлебные крошки + подтянуть заголовок на 80px от .hr30__nav
   (.hr30__nav bottom=152; крошки давали зазор 90px → padding 84→74 = 80px)
   [2026-06-09 · по просьбе Димы]
   ------------------------------------------------------------ */
html body #navigation { display: none !important; }
html body .page-top.maxwidth-theme { padding-top: 60px !important; }

/* ------------------------------------------------------------
   Убрать боковые паддинги контентных контейнеров — левый/правый
   край контента вровень с логотипом меню (90px). Шапку не трогаем
   (:has-скоуп исключает header maxwidth-theme с pl 84px).
   [2026-06-09 · по просьбе Димы]
   ------------------------------------------------------------ */
html body .page-top.maxwidth-theme,
html body .maxwidth-theme:has(.page-content.dialux),
html body .maxwidth-theme:has(form.DIALUX_CALCULATION) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ------------------------------------------------------------
   Плашки преимуществ — растянуть на всю ширину контентной области.
   Было: repeat(auto-fill, 375px) + justify-content:center + width:375px
   → 3 фикс-карточки центрировались с зазором ~42px по краям.
   Стало: 3 равные колонки 1fr на всю ширину, карточки stretch.
   Только десктоп (≥993px) — mobile-грид (≤992) не трогаем.
   [2026-06-09 · по просьбе Димы]
   ------------------------------------------------------------ */
@media screen and (min-width: 993px) {
    html body .dialux-advantages {
        grid-template-columns: repeat(3, 1fr) !important;
        justify-items: stretch !important;
        justify-content: stretch !important;
    }
    html body .dialux-advantage {
        width: auto !important;
    }
}