/* Keep the mobile filter actions inside the visible viewport. */
@media (max-width: 991.98px) {
    #servicesFilterBar {
        height: 100%;
        height: 100dvh;
        overflow: hidden;
    }

    #servicesFilterBar .offcanvas-header,
    #servicesFilterBar .sv-filters-foot {
        flex: 0 0 auto;
    }

    #servicesFilterBar .sv-filters-body {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior-y: contain;
    }

    #servicesFilterBar .sv-filters-foot {
        border-radius: 0;
        padding-bottom: calc(14px + env(safe-area-inset-bottom));
    }

    #servicesFilterBar .sv-filters-foot .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
    }
}