<header class="mb-6 sm:mb-8 flex flex-col sm:flex-row sm:items-center justify-between gap-3 sm:gap-4">
    <div class="space-y-1">
      <p class="text-xs sm:text-sm text-stone-600">
        Recent orders placed via the checkout.
      </p>
    </div>
    <div class="md:hidden">
      {% import '_types/browse/mobile/_filter/search.html' as s %}
      {{ s.search(current_local_href, search, search_count, hx_select) }}
    </div>
  </header>