.mobile-ios-search {
    display: none;
}

@media (max-width: 991.98px) {
    /* Persistent iOS-style search copied from ResnaWeb and isolated from legacy search styles. */
    .mobile-ios-search {
        position: fixed;
        inset: 0;
        z-index: 1085;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        padding: calc(12px + env(safe-area-inset-top)) 12px 0;
        background: transparent;
        opacity: 1;
        pointer-events: none;
        isolation: isolate;
    }

    .mobile-ios-search::before {
        position: absolute;
        inset: 0;
        z-index: -1;
        background: linear-gradient(180deg, rgba(8, 11, 17, .86), rgba(12, 16, 23, .78) 62%, rgba(12, 16, 23, .68));
        content: "";
        opacity: 0;
        visibility: hidden;
        transform: scaleY(0);
        transform-origin: top;
        transition: transform .58s cubic-bezier(.22, .78, .2, 1), opacity .25s ease, visibility 0s linear .58s;
    }

    .mobile-ios-search.active {
        pointer-events: auto;
    }

    .mobile-ios-search.active::before {
        visibility: visible;
        opacity: 1;
        transform: scaleY(1);
        transition-delay: 0s;
        -webkit-backdrop-filter: blur(9px) saturate(115%);
        backdrop-filter: blur(9px) saturate(115%);
    }

    .mobile-ios-search__surface {
        position: relative;
        width: min(85%, 620px);
        padding: 5px 5px 1px 54px;
        background: rgba(255, 255, 255, .62);
        border: 1px solid rgba(255, 255, 255, .48);
        border-radius: 999px;
        box-shadow: 0 14px 32px rgba(15, 23, 42, .20), inset 0 1px 1px rgba(255, 255, 255, .46), inset 0 -1px 1px rgba(15, 23, 42, .05);
        pointer-events: auto;
        transition: transform .35s cubic-bezier(.22, .78, .2, 1), box-shadow .3s ease, background-color .3s ease;
        -webkit-backdrop-filter: blur(28px) saturate(150%);
        backdrop-filter: blur(28px) saturate(150%);
    }

    .mobile-ios-search.active .mobile-ios-search__surface {
        background: rgba(255, 255, 255, .72);
        box-shadow: 0 20px 48px rgba(0, 0, 0, .30), inset 0 1px 1px rgba(255, 255, 255, .60), inset 0 -1px 1px rgba(15, 23, 42, .08);
        transform: translateY(7px) scale(1.01);
    }

    .mobile-ios-search__field {
        position: relative;
    }

    .mobile-ios-search__form {
        position: relative;
        margin: 0;
    }

    .mobile-ios-search__input {
        display: block;
        width: 100%;
        height: 46px;
        padding: 0 54px 0 18px;
        color: rgba(20, 24, 31, .88);
        background: rgba(255, 255, 255, .10);
        border: 0;
        border-radius: 999px;
        box-shadow: none;
        font-size: 16px;
        outline: 0;
        direction: rtl;
    }

    #searchResaultContainer .mobile-ios-search__input {
        color: rgba(20, 24, 31, .88);
        padding: 0 60px 0 18px !important;
    }

    #searchResaultContainer .mobile-ios-search__input::placeholder {
        color: rgba(28, 28, 30, .52);
        opacity: 1;
    }

    .mobile-ios-search__input:focus {
        background: rgba(255, 255, 255, .16);
    }

    .mobile-ios-search__input::-webkit-search-cancel-button {
        display: none;
    }

    .mobile-ios-search__submit-wrap {
        position: absolute;
        top: 50%;
        right: auto;
        left: -47px;
        display: flex;
        transform: translateY(-50%);
    }

    .mobile-ios-search__submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        padding: 0;
        color: rgba(28, 28, 30, .62);
        background: rgba(255, 255, 255, .30);
        border: 0;
        border-radius: 50%;
        box-shadow: 0 3px 10px rgba(15, 23, 42, .14), inset 0 1px 1px rgba(255, 255, 255, .38);
        -webkit-backdrop-filter: blur(14px) saturate(145%);
        backdrop-filter: blur(14px) saturate(145%);
    }

    .mobile-ios-search__submit path {
        stroke: currentColor;
    }

    .mobile-ios-search__close {
        position: absolute;
        top: 10px;
        right: 12px;
        left: auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        padding: 0;
        color: rgba(28, 28, 30, .72);
        background: rgba(28, 28, 30, .10);
        border: 0;
        border-radius: 12px;
        box-shadow: 0 3px 10px rgba(15, 23, 42, .10), inset 0 1px 1px rgba(255, 255, 255, .32);
        opacity: 0;
        visibility: hidden;
        -webkit-backdrop-filter: blur(14px) saturate(145%);
        backdrop-filter: blur(14px) saturate(145%);
        transition: opacity .2s ease .16s, visibility .2s ease .16s;
    }

    .mobile-ios-search.active .mobile-ios-search__close {
        opacity: 1;
        visibility: visible;
    }

    .mobile-ios-search__results {
        position: fixed;
        top: calc(76px + env(safe-area-inset-top));
        right: 12px;
        bottom: 0;
        left: 12px;
        display: none;
        overflow-y: auto;
        padding: 12px 16px 32px;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .mobile-ios-search__results::-webkit-scrollbar {
        width: 0;
    }

    .mobile-ios-search.active .mobile-ios-search__results:not(.hiddenel) {
        display: block;
    }

    .mob-nav button.mob-nav-item {
        border: 0;
        background: transparent;
        font: inherit;
    }

    @media (prefers-reduced-motion: reduce) {
        .mobile-ios-search,
        .mobile-ios-search::before,
        .mobile-ios-search__surface,
        .mobile-ios-search__close {
            transition-duration: .01ms !important;
            animation-duration: .01ms !important;
        }
    }
}