/* Mobile fixed-background emulation:
   iOS/Android often ignore background-attachment: fixed on body.
   We render the background on a fixed pseudo-element instead. */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
    html,
    body {
        min-height: 100%;
    }

    body {
        position: relative;
        isolation: isolate;
        background: none !important;
    }

    body::before {
        content: '';
        position: fixed;
        inset: 0;
        z-index: -1;
        pointer-events: none;
        background: var(--mobile-fixed-bg, var(--classic-bg, url('https://unicadapi.discloud.app/static/imgs/dallas5/sitobg.png')));
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        transform: translateZ(0);
        will-change: transform;
    }
}