.shop-page-header.page-header.page-header-modern.page-header-background.page-header-background-md { padding: 3rem 0 3.5rem; border: 0; background-size: cover; background-position: center; }
.shop-page-header.overlay::before { background-color: transparent !important; background-image: linear-gradient(90deg,rgba(6,35,54,.68),rgba(6,35,54,.5)); opacity: 1; }
.shop-page-header > .container { position: relative; z-index: 3; }
.shop-page-header .parallax-background { background-position-y: center; }
.shop-parallax-heading { max-width: none; margin: 0; }
.shop-page-header.page-header .shop-parallax-heading .shop-kicker { color: #bceaff !important; }
.shop-page-header.page-header.page-header-modern.page-header-background h1 { color: #fff; }
.shop-page-header .shop-introduction p { color: #fff; }
.shop-page-header .shop-introduction small { color: #fff; }
.shop-page-header .shop-steps { color: #fff; margin-bottom: 1.75rem; }
.shop-page-header .shop-steps a, .shop-page-header .shop-steps [aria-current] { color: #fff; }
.shop-page-header .shop-steps a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.shop-page-header.shop-parallax-static .parallax-background { display: none !important; }
/* A clipped fixed layer avoids mobile browsers' background-attachment limits. */
@media (max-width: 767px) and (prefers-reduced-motion: no-preference), (pointer: coarse) and (prefers-reduced-motion: no-preference) {
    .shop-page-header.shop-mobile-fixed[data-image-src] { clip-path: inset(0); }
    .shop-page-header.shop-mobile-fixed[data-image-src]::after {
        content: "";
        position: fixed;
        top: var(--shop-fixed-image-top, 0px);
        left: 0;
        width: 100%;
        height: var(--shop-fixed-image-height);
        z-index: -1;
        background-image: inherit;
        background-size: cover;
        background-position: inherit;
        pointer-events: none;
    }
}
@media (max-width:767px) { .shop-page-header.page-header.page-header-modern.page-header-background.page-header-background-md { padding: 2rem 0; background-position: 85% center; } }
@media (prefers-reduced-motion:reduce) { .shop-page-header .parallax-background { display: none !important; } }