@media (max-width: 1023px) {
    *, ::before, ::after { box-sizing: border-box !important; }
    html, body { width: 100% !important; overflow-x: clip !important; }
    
    /* 🎬 MASTER PLAYER CLASSES (Stabilized) */
    .gdrive-thumb {
        position: absolute !important; top: 50% !important; left: 50% !important;
        width: 400% !important; height: 400% !important;
        transform: translate(-50%, -50%) scale(0.25) !important;
        transform-origin: center center !important;
        pointer-events: none !important;
    }

    .player-mobile-modal {
        position: absolute !important; top: 50% !important; left: 50% !important;
        width: 400% !important; height: 400% !important;
        transform: translate(-50%, -50%) scale(0.25) !important;
        pointer-events: auto !important;
        z-index: 100 !important;
    }

    /* Isolated Components */
    .nav-mobile-firewalled-pill { background: rgba(247, 230, 212, 0.98); border-radius: 100px; border: 1.5px solid #000; backdrop-filter: blur(10px); box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
    .nav-mobile-firewalled-popup { background: #F7E6D4; border: 1.5px solid #000; border-radius: 30px; z-index: 9999; box-shadow: 0 20px 50px rgba(0,0,0,0.2); }
    .nav-logo-mobile { height: 32px; width: auto; }
    
    /* Global Overrides */
    .hero-h1 { font-size: clamp(32px, 8vw, 48px) !important; line-height: 1 !important; }
    .hero-p { font-size: 14px !important; line-height: 1.5 !important; }
    
    /* Fix overlap/alignment */
    .section-padding { padding-top: 4rem !important; padding-bottom: 4rem !important; }
}
