/* Keep mobile currency selection within the viewport, including small phones. */
@media (max-width: 720px) {
    html body.onek-body.onek-landing-page .onek-route-dropdown:not([hidden]) {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    html body.onek-body.onek-landing-page .onek-route-mobile {
        flex: 0 0 auto;
    }

    html body.onek-body.onek-landing-page .onek-route-mobile__title {
        height: auto;
        min-height: 44px;
    }

    html body.onek-body.onek-landing-page .onek-route-mobile__close {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
    }

    html body.onek-body.onek-landing-page .onek-route-mobile__close::before,
    html body.onek-body.onek-landing-page .onek-route-mobile__close::after {
        top: 21px;
        left: 8px;
    }

    html body.onek-body.onek-landing-page .onek-route-mobile__current-row {
        grid-template-columns: minmax(0, 1fr) 44px;
    }

    html body.onek-body.onek-landing-page .onek-route-mobile__search-button,
    html body.onek-body.onek-landing-page .onek-route-mobile__search-input {
        height: 44px;
    }

    html body.onek-body.onek-landing-page .onek-route-mobile__search-button {
        width: 44px;
    }

    html body.onek-body.onek-landing-page .onek-route-mobile__filters {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
    }

    html body.onek-body.onek-landing-page .onek-route-mobile__filters button {
        min-width: 0;
        height: 44px;
        padding: 0 4px;
        font-size: 14px;
        line-height: 42px;
    }

    html body.onek-body.onek-landing-page .onek-route-options {
        flex: 1 1 auto;
        min-height: 0;
        height: auto;
        padding-bottom: max(24px, env(safe-area-inset-bottom));
    }

    html body.onek-body.onek-landing-page .onek-route-empty:not([hidden]) {
        margin: 16px 8px;
        color: #c3c7cd;
        font-size: 16px;
        line-height: 1.5;
    }

    html body.onek-body.onek-landing-page.onek-route-modal-open .onek-floating-actions,
    html body.onek-body.onek-landing-page.onek-route-modal-open .onek-operator-widget__items,
    html body.onek-body.onek-landing-page.onek-route-modal-open #trichat-root:not(.trichat-open) {
        visibility: hidden !important;
        pointer-events: none !important;
    }
}