/* ==== iOS Safari scrolling & footer fix ==== */
@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

    html,
    body {
        overflow-x: hidden;
        height: -webkit-fill-available;
        /* stable height when address bar hides */
    }

    body {
        min-height: 100vh;
        min-height: -webkit-fill-available;
        overscroll-behavior-y: none;
        /* prevent rubber-band bounce */
        touch-action: pan-y;
    }

    .content-holder {
        padding-bottom: calc(50px + env(safe-area-inset-bottom));
        /* footer height + safe area */
    }

    .fixed-column {
        bottom: calc(50px + env(safe-area-inset-bottom));
        -webkit-overflow-scrolling: touch;
        /* smooth momentum scroll */
    }

    header {
        top: 0;
        padding-top: env(safe-area-inset-top);
    }

    footer {
        bottom: 0;
        padding-bottom: env(safe-area-inset-bottom);
    }
}