/* Buyer storefront overrides only; never loaded inside the POS app. */
.home-nav { position: static; height: auto; min-height: 76px; }
.nav-inner { min-height: 76px; flex-wrap: wrap; padding-block: 12px; }
.home-brand { min-width: 0; max-width: 100%; }
#brandName { overflow-wrap: anywhere; }
.nav-order { display: inline-flex; align-items: center; min-height: 44px; }
.nav-inner nav a { display: inline-flex; align-items: center; min-height: 44px; }
.catalog-tools input, .catalog-tools select { min-height: 44px; }
#heroBanner { width: 100%; max-height: 340px; object-fit: cover; display: block; }
#heroBanner[hidden] { display: none; }
.hero-card:has(#heroBanner:not([hidden])) .hero-orb { display: none; }
.hero-card:has(#heroBanner:not([hidden])) .hero-card-copy { position: relative; padding: 24px; }
#storeLogo { object-fit: contain; }
#hoursList, #aboutText, #addressText { white-space: pre-line; overflow-wrap: anywhere; }
h1, h2, .hero-card-copy strong { overflow-wrap: anywhere; }
.hero-actions { flex-wrap: wrap; }
a:focus-visible, input:focus-visible, select:focus-visible {
  outline: 3px solid var(--navy); outline-offset: 3px;
}
.open-badge[hidden] { display: none; }
@media (max-width: 600px) {
  .home-wrap { width: calc(100% - 32px); }
  .nav-inner { gap: 12px; }
  .home-brand { flex: 1; }
  .nav-inner nav { order: 3; width: 100%; margin: 0; justify-content: space-between; }
  .catalog-tools { width: 100%; flex-wrap: wrap; }
  .catalog-tools input, .catalog-tools select { width: 100%; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}