/* ✅ FAB (Mobile only) */
.mobile-search-fab {
    display: flex;
    position: fixed !important;
    right: 16px !important;
    bottom: 30px !important; /* ✅ pushed above SELL */
    width: 58px !important;
    height: 58px !important;
    border: none !important;
    border-radius: 50% !important;
    background: #111 !important;
    color: #fff !important;
    z-index: 2147483647 !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.3) !important;
}

/* ✅ Overlay */
.mobile-search-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,0.55) !important;
    z-index: 2147483646 !important;
    display: none !important;
    padding: 18px !important;
    align-items: anchor-center !important;
    justify-content: center !important;
}

    .mobile-search-overlay.show {
        display: flex !important;
    }

/* ✅ Search Box */
.mobile-search-box {
    width: 100% !important;
    max-width: 560px !important;
    background: #fff !important;
    border-radius: 18px !important;
    padding: 14px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.35) !important;
    animation: slideUp 0.2s ease !important;
    max-height: 50%;
    margin-top: 45%;
}

}

@keyframes slideUp {
    from {
        transform: translateY(18px);
        opacity: 0;
    }

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

.mobile-search-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
}

    .mobile-search-header .title {
        font-weight: 700 !important;
        font-size: 16px !important;
        color: #111 !important;
    }

    .mobile-search-header .close-btn {
        border: none !important;
        background: transparent !important;
        font-size: 20px !important;
        color: #111 !important;
        padding: 6px 10px !important;
        cursor: pointer !important;
    }

/* ✅ Lock background scroll */
.no-scroll {
    overflow: hidden !important;
}