/* ─── Hide desktop search on mobile ─── */
.app-shell[data-mobile] .live-search {
  display: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE SEARCH OVERLAY
   ═══════════════════════════════════════════════════════════════════════════ */

@keyframes mobile-search-in {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

.mobile-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: var(--bg-app);
  display: flex;
  flex-direction: column;
  animation: mobile-search-in 0.2s ease both;
}