/* ====================================================================
   Хэллоуин — ВРЕМЕННАЯ сезонная подложка.
   Подключается в header.php ТОЛЬКО на главной и /khellouin/ при флаге
   Option ifrog/hw_theme = Y. Полный откат: флаг = N (ссылка и .hw-bg исчезнут).
   Фон ЗАКРЕПЛЁН (не реагирует на скролл), контент движется поверх.
   Десктоп — bg-desktop.webp, мобильные (<768px) — bg-mobile.webp.
   ==================================================================== */
html,
body {
    background: transparent !important;
}

.hw-bg {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    background-color: #f6e7d6;
    background-image: url(../img/halloween/bg-desktop.webp?v=2);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media (max-width: 767px) {
    .hw-bg {
        background-image: url(../img/halloween/bg-mobile.webp?v=2);
    }
    body:not(.main_page):not(.is-catalog) .page-header {
        background-image: url(../img/halloween/bg-mobile.webp?v=2) !important;
    }
}

/* Блок «Подобрать подарок» (gift-aside) — убираем белый card-фон, чтобы
   сквозь него была видна хэллоуин-подложка (главная и /khellouin/). */
.gift-aside,
.gift-aside--home {
    background: transparent !important;
    box-shadow: none !important;
}

/* Убрать пункт «Новости» из верхнего меню (на время темы). */
.header-nav__list li:has(> a[href="/news/"]) {
    display: none !important;
}

/* Залипающая шапка при скролле — не белая, а в тёплый цвет темы (не бьёт с подложкой). */
.fixed-header.is-fixed {
    background: #f8ece1 !important;
}

/* Инфо-страницы (НЕ главная/НЕ каталог): ВСЯ ширина контента — чистый непрозрачный
   серый #f2f2f2 (как main--grey на /payment/). Красим полноширинный .body; подложку
   оставляем ТОЛЬКО в шапке — даём .page-header собственный фон-картинку темы. */
body:not(.main_page):not(.is-catalog) .body {
    background: #f2f2f2 !important;
}
body:not(.main_page):not(.is-catalog) .page-header {
    background: #f6e7d6 url(../img/halloween/bg-desktop.webp?v=2) center top / cover no-repeat !important;
}