/* =========================================================================
   Single product page cleanup (mobile) — remove the unstyled default search
   box that sits between the Related products and the footer.

   Same cause as the homepage one (see home-cleanup.css): WordPress's starter
   "Search" widget/block in Storefront's sidebar (#secondary), or a search
   block/form inside the page content. On phones the sidebar drops below the
   content, so the raw search form shows up above the footer.

   Scoped to single product pages, phones only, and to #secondary /
   .site-content only — the header search (.site-search) and the bottom-nav
   search panel (.fmke-bnav__search, rendered in wp_footer) are not touched.
   ========================================================================= */
@media (max-width: 782px) {
  body.single-product #secondary,
  body.single-product .widget-area#secondary { display: none !important; }

  body.single-product .site-content .wp-block-search,
  body.single-product .site-content .widget_search,
  body.single-product .site-content .widget_product_search,
  body.single-product .site-content .widget_block:has(> .wp-block-search),
  body.single-product .site-content form.search-form,
  body.single-product .site-content form.woocommerce-product-search,
  body.single-product .site-content form[role="search"],
  body.single-product .storefront-footer-widgets .wp-block-search,
  body.single-product .storefront-footer-widgets .widget_search,
  body.single-product .storefront-footer-widgets .widget_product_search,
  body.single-product .footer-widgets .wp-block-search,
  body.single-product .footer-widgets .widget_search,
  body.single-product .footer-widgets .widget_product_search,
  body.single-product .footer-widgets form[role="search"] { display: none !important; }
}