/* Spacer wrapper to provide the scroll track length */
.immersive-spacer {
    position: relative;
    width: 100%;
}

/* Ensure the grid is optimized for high-performance scaling/translating */
.immersive-scroll-grid {
    will-change: transform;
    /* Do not add CSS transition to transform, JS handles smoothing via easing curve */
    
    /* Control the zoom level here (0.8 = 80% of screen) */
    --immersive-zoom-level: 0.8;
}

/* Fallback cleanup for body overflow when active */
body.is-immersive-locked {
    overflow-x: hidden !important;
}