#iraniazSearchPopup {
    display: none;
}

@media (max-width: 768px) {

    #iraniazSearchPopup {
        position: fixed;
        inset: 0;
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 20px;
        box-sizing: border-box;
        background: rgba(0, 0, 0, .72);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        z-index: 2147483647;
        direction: rtl;
    }

    #iraniazSearchPopup.iraniaz-search-visible {
        display: flex;
    }

    #iraniazSearchBox {
        position: relative;
        width: 100%;
        max-width: 430px;
        padding: 32px 20px 20px;
        box-sizing: border-box;
        background: #fff;
        border-radius: 24px;
        box-shadow: 0 25px 70px rgba(0,0,0,.35);
        animation: iraniazSearchBoxIn .25s ease;
    }

    #iraniazSearchBox:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 3px;
        border-radius: 24px 24px 0 0;
        background: linear-gradient(
            90deg,
            #efaf26,
            #f6c75d,
            #efaf26
        );
    }

    #iraniazSearchClose {
        position: absolute;
        top: 13px;
        left: 13px;
        width: 38px;
        height: 38px;
        border: 0;
        border-radius: 50%;
        background: #f4f4f5;
        color: #777;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        font-size: 16px;
        cursor: pointer;
    }

    #iraniazSearchIcon {
        width: 58px;
        height: 58px;
        margin: 0 auto 22px;
        border-radius: 17px;
        background: #fff5dc;
        color: #efaf26;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 23px;
    }

    #iraniazSearchForm {
        width: 100%;
        margin: 0;
    }

    #iraniazSearchInputBox {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

    #iraniazSearchInputBox > i {
        position: absolute;
        right: 17px;
        top: 50%;
        transform: translateY(-50%);
        color: #aaa;
        font-size: 17px;
        pointer-events: none;
    }

    #iraniazSearchInput {
        width: 100%;
        height: 56px;
        box-sizing: border-box;
        padding: 0 46px 0 45px;
        border: 1px solid #e2e2e2;
        border-radius: 14px;
        outline: none;
        background: #f8f8f8;
        color: #222;
        font-family: inherit;
        font-size: 14px;
        direction: rtl;
        text-align: right;
    }

    #iraniazSearchInput::placeholder {
        color: #aaa;
    }

    #iraniazSearchInput:focus {
        background: #fff;
        border-color: #efaf26;
        box-shadow: 0 0 0 3px rgba(239,175,38,.12);
    }

    #iraniazSearchClear {
        position: absolute;
        left: 7px;
        top: 50%;
        transform: translateY(-50%);
        width: 35px;
        height: 35px;
        border: 0;
        border-radius: 50%;
        background: transparent;
        color: #aaa;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 0;
        cursor: pointer;
    }

    #iraniazSearchSubmit {
        width: 100%;
        height: 53px;
        border: 0;
        border-radius: 14px;
        background: linear-gradient(
            135deg,
            #efaf26,
            #e5a31c
        );
        color: #fff;
        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        cursor: pointer;
    }

    @keyframes iraniazSearchBoxIn {
        from {
            opacity: 0;
            transform: translateY(20px) scale(.96);
        }

        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }
}

@media (min-width: 769px) {
    #iraniazSearchPopup {
        display: none !important;
    }
}