/** * MPD Custom Styles - banner anti-FOUC + layout guards. * Theme: Hyundai Fuel Hello Elementor Child */ /* Layout guard: prevent the off-screen ship from creating horizontal overflow. */ html, body { overflow-x: hidden; } .home-baner-section { overflow-x: clip; } /* Fixed header pinned to viewport top; JS sets matching margin-top on the page body so content isn't covered. */ .elementor-location-header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; } body.admin-bar .elementor-location-header { top: 32px; } @media screen and (max-width: 782px) { body.admin-bar .elementor-location-header { top: 46px; } } /* Ship base: promote to its own compositor layer for smooth GSAP transforms. */ .home-baner-section .banner-boat { will-change: transform; backface-visibility: hidden; } /* Disable Elementor's default 0.4s transition on transform — it fights with GSAP and blocks instant updates. */ .home-baner-section .banner-boat, .home-baner-section .banner-heading-top, .home-baner-section .banner-heading-bottom { transition: none !important; } /* Anti-FOUC initial state — only on the live frontend. Elementor editor () skips these so the editor shows content in place. */ html:not(.elementor-html) .home-baner-section .banner-boat { transform: translate3d(-1200px, 0, 0); } html:not(.elementor-html) .home-baner-section .banner-heading-top, html:not(.elementor-html) .home-baner-section .banner-heading-bottom { visibility: hidden; } /* Guard: any banner rendered inside a