/* ===============================
   GLOBAL RESET (MOBILE SAFE)
================================ */

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

/* ===============================
   HEADER
================================ */

#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #0f0f0f;
    transform: none !important;
}

#site-header.is-sticky {
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

/* Spacer – critical */
#header-spacer {
    height: var(--header-offset, 120px);
}

/* Admin bar */
body.admin-bar #header-spacer {
    height: calc(var(--header-offset, 120px) + 32px);
}

/* ===============================
   GSAP WRAPPER (DESKTOP ONLY)
================================ */

#smooth-wrapper,
#smooth-content {
    transform: none !important;
    will-change: auto;
}

/* ===============================
   MOBILE OVERRIDES (SAFARI SAFE)
================================ */

@media (max-width: 1023px) {

    #site-header {
        position: sticky;
        top: 0;
    }

    #smooth-wrapper,
    #smooth-content {
        height: auto !important;
        overflow: visible !important;
    }

    body {
        overflow-y: auto;
        overscroll-behavior: auto;
        touch-action: manipulation;
    }
}

/* ===============================
   MEGA MENU
================================ */

.header__mega-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    z-index: 1000;
}

@media (max-width: 991px) {
    .header__mega-menu {
        position: static;
    }
}

/* ===============================
   FOOTER
================================ */

footer {
    position: relative;
    z-index: 1;
    transform: none !important;
}