/* Shop Engine – Scroll Fade Subheader
 * Slides #subheader up + fades on scroll down, slides down + fades in on scroll up.
 */

#subheader {
    transition: transform 320ms ease, opacity 260ms ease;
    will-change: transform, opacity;
    transform-origin: top center;
}

#subheader.se-subheader--hidden {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

/* Optional helper to pin the subheader (so the slide reveals/hides it in place) */
.se-subheader--sticky {
    position: sticky;
    top: 0;
    z-index: 999;
}

@media (prefers-reduced-motion: reduce) {
    #subheader { transition: opacity 200ms ease; }
    #subheader.se-subheader--hidden { transform: none; }
}