/* RAJ PERFUMES - Global Mobile Search Fix
   Purpose: Hide the large header/search bar on mobile across all public pages.
   Keep only icon/button search UX.
*/
@media (max-width: 768px) {
  /* Common search wrappers */
  .site-search,
  .header-search,
  .main-search,
  .top-search,
  .desktop-search,
  .desktop-site-search,
  .store-search,
  .public-search,
  .raj-search-wrap,
  .search-section,
  .search-panel,
  .search-area,
  .search-container,
  .search-strip,
  .search-wrapper,
  .search-form-wrap,
  .header-search-wrap,
  .product-search-wrap,
  .products-search-box,
  .mobile-hide-search {
    display: none !important;
  }

  /* Forms that look like the big search bar */
  form.search,
  form.search-form,
  form.product-search,
  form.products-search,
  form[action*="search"],
  form[action*="products.php"].site-search,
  form[action*="products.php"].header-search,
  form[action*="products.php"].desktop-search {
    display: none !important;
  }

  /* Do NOT hide controlled mobile search drawers/panels */
  .mobile-product-search-panel,
  .mobile-search-panel,
  #mobileProductSearchPanel,
  #mobileSearchPanel {
    display: none !important;
  }

  .mobile-product-search-panel.is-open,
  .mobile-search-panel.is-open,
  #mobileProductSearchPanel.is-open,
  #mobileSearchPanel.is-open {
    display: block !important;
  }

  .mobile-product-search-panel.is-open form,
  .mobile-search-panel.is-open form,
  #mobileProductSearchPanel.is-open form,
  #mobileSearchPanel.is-open form {
    display: grid !important;
  }
}