/* GSAP ScrollSmoother Helper Styles */
#smooth-wrapper {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#smooth-content {
    overflow: visible;
    width: 100%;
    position: relative;
    min-height: 100vh;
}

/* Apply only when #smooth-wrapper exists or on the home page */
body.home {
    overflow: hidden;
    margin: 0;
}

.home .site-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000 !important;
}

/* Media queries to disable smoothing if needed on mobile */
@media (max-width: 1024px) {
    /* Optional: Disable fixed positioning on mobile if ScrollSmoother is disabled */
    /*
    #smooth-wrapper {
        position: relative;
        height: auto;
    }
    body {
        overflow: auto;
    }
    */
}