/* P1 ancestor overflow must not create a separate sticky scroll container. Apple only. */
html.native-touch-parallax, html.native-touch-parallax body { overflow-x: clip; overflow-y: visible; }
/* iOS: a native sticky image beneath a section-sized mask.
   The extended track keeps the image pinned throughout the section's passage. */
[data-touch-parallax].wc-touch-parallax {
    position: relative;
    isolation: isolate;
    overflow: visible;
    clip-path: inset(0);
    -webkit-clip-path: inset(0);
    background-image: none !important;
}
[data-touch-parallax].wc-touch-parallax > :not(.wc-touch-parallax-window) {
    position: relative;
    z-index: 1;
}
[data-touch-parallax] .wc-touch-parallax-window {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(-1 * var(--wc-touch-image-height));
    bottom: calc(-1 * var(--wc-touch-image-height));
    z-index: 0;
    pointer-events: none;
}
[data-touch-parallax] .wc-touch-parallax-media {
    position: sticky;
    top: 0;
    width: 100%;
    height: var(--wc-touch-image-height);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}