/* =====================================================
   Раскрытие поиска на всю ширину окна при фокусе (мобильные)
   ===================================================== */

@media (max-width: 575.98px) {

    /* Затемнение фона при активном поиске */
    .search-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        z-index: 100;
        animation: searchOverlayIn 0.2s ease;
    }

    .search-overlay.active {
        display: block;
    }

    @keyframes searchOverlayIn {
        from { opacity: 0; }
        to   { opacity: 1; }
    }

    /* Поиск растягивается на всю ширину окна с отступами */
    #search.search-fullwidth {
        position: fixed !important;
        left: 10px !important;
        right: 10px !important;
        z-index: 120 !important;
        display: block !important;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
        padding: 4px;
        animation: searchSlideIn 0.2s ease;
    }

    @keyframes searchSlideIn {
        from { opacity: 0; transform: scaleX(0.85); }
        to   { opacity: 1; transform: scaleX(1); }
    }

    #search.search-fullwidth .input-group {
        width: 100%;
    }

    #search.search-fullwidth .form-control {
        border-radius: 4px 0 0 4px;
        font-size: 1rem;
    }
}