/* Mobile search: keep the input visible above the Amasty results popup.
   Source of truth for the rest of search styling is tailwind/theme/page-search.css. */

@media (max-width: 767px) {
    .gl-header .gl-header-search .form.mini-search {
        overflow: visible;
    }

    .gl-header .gl-header-search #search_mini_form {
        position: relative !important;
        z-index: 2;
    }

    .gl-header .gl-header-search .amsearch-container {
        position: absolute !important;
        top: calc(100% + 0.5rem) !important;
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        max-width: none !important;
        max-height: min(calc(100dvh - 8rem), 32rem) !important;
        transform: none !important;
        border-radius: 0.65rem !important;
        z-index: 1 !important;
    }
}