/* Safari / iOS scroll stability */

@media (hover: none) and (pointer: coarse) {
    /* A fixed body background forces a full-viewport repaint on every scroll
       frame in WebKit, and `transition: all` on body makes each repaint
       animate. Both stall touch scrolling badly. */
    body {
        background-attachment: scroll !important;
        -webkit-transition: none !important;
        transition: none !important;
    }

    /* The page shell must not become its own scroll container, otherwise the
       document and the shell fight over the active scroll box. */
    .wrapper.ovh,
    .wrapper.site-page-wrapper {
        overflow: visible !important;
        overflow-x: clip;
    }

    /* WOW.js is disabled on touch devices, so make sure nothing stays stuck at
       visibility: hidden. */
    .wow {
        visibility: visible !important;
    }
}

@media not all and (hover: none) and (pointer: coarse) {
    .wrapper.site-page-wrapper {
        overflow-x: clip;
    }
}