/* Üst arama kutusu (.search-input / .tarim-urunleri-search-button) - ortak mobil tasarım
   Kullanan sayfalar: Search (.search-page-container), TarimUrunleri (.search-container-tarim-urunleri).
   Bu dosyayı @section PageStyles'a eklemeyen bir sayfa bu tasarımdan etkilenmez
   (ör. Anasayfa kendi search-container-index/search-input-index class'larını kullanıyor, ayrık kalır). */

@media (max-width: 767.98px) {
    form:has(> .search-container.search-page-container),
    form:has(> .search-container.search-container-tarim-urunleri),
    div:has(> form > .search-container.search-page-container),
    div:has(> form > .search-container.search-container-tarim-urunleri) {
        width: 100% !important;
    }

    .search-container.search-page-container,
    .search-container.search-container-tarim-urunleri {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-top: 0 !important;
    }

        .search-container.search-page-container .search-input,
        .search-container.search-container-tarim-urunleri .search-input {
            width: 100% !important;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

        .search-container.search-page-container .tarim-urunleri-search-button,
        .search-container.search-container-tarim-urunleri .tarim-urunleri-search-button {
            width: 20px !important;
            height: 20px !important;
            right: 16px !important;
        }
}