:root {
    --site-bg-image: url("/data/media/6a28b02ab29d5.jpg");
    --site-bg-overlay: rgba(8, 8, 14, 0.10);
    --site-bg-fallback-color: #0c0c12;
    --site-bg-video-mode: 0;
    --site-bg-gallery-mode: 0;
}

body:not(.home-landing-page):not(.site-bg-video-active):not(.site-bg-gallery-active)::before,
html body.cabinet-page:not(.site-bg-gallery-active)::before {
    background-image: linear-gradient(var(--site-bg-overlay), var(--site-bg-overlay)), var(--site-bg-image) !important;
    opacity: 1 !important;
}

html.site-bg-gallery-active:has(body.home-landing-page) {
    background-image: none !important;
    background-color: var(--site-bg-fallback-color) !important;
}

.site-bg-gallery-root {
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    overflow: hidden;
}

.site-bg-gallery-slide {
    position: absolute;
    inset: -8%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    transform: scale(1.05);
}

.site-bg-gallery-slide.is-active {
    opacity: 1;
}

.site-bg-gallery-root::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--site-bg-overlay);
    pointer-events: none;
}

body.site-bg-gallery-active::before,
body.site-bg-gallery-active::after {
    display: none !important;
    content: none !important;
}

html body.cabinet-page.site-bg-gallery-active::before {
    display: none !important;
    content: none !important;
}

.site-bg-video-layer {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    pointer-events: none;
    transform: scale(1.05);
}

body.site-bg-video-active::before {
    display: none !important;
    content: none !important;
}