/* Public customer pages only: responsive announcement and compact navigation. */
@media (max-width: 1279.98px) {
  .site-shell > div:first-child span[class~="sm:whitespace-nowrap"] {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  .site-shell > div:first-child > div[class*="flex"] { flex-wrap: wrap !important; }
  .site-shell > header button[aria-label="Open site menu"] {
    min-width: 44px !important;
    min-height: 44px !important;
    flex-shrink: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .site-shell > header nav.hidden { display: none !important; }
}
/* Shop-only mobile grid: filter toggle and products flow vertically. */
@media (max-width: 1023.98px) {
  #shop-grid > div.flex.items-start { flex-direction: column !important; }
  #shop-grid > div.flex.items-start > .flex-1.min-w-0 { width: 100% !important; }
}
/* Keep price, add/choose buttons inside narrow 2-4-across cards. */
@media (max-width: 1279.98px) {
  #shop-grid .grid[class~="xl:grid-cols-5"] > div .p-4.flex.flex-col.flex-1 > .mt-3.flex.items-center.justify-between {
    flex-direction: column;
    align-items: stretch;
  }
  #shop-grid .grid[class~="xl:grid-cols-5"] > div .p-4.flex.flex-col.flex-1 > .mt-3.flex.items-center.justify-between > a {
    display: block;
    width: 100%;
    min-width: 0;
  }
  #shop-grid .grid[class~="xl:grid-cols-5"] > div .p-4.flex.flex-col.flex-1 > .mt-3.flex.items-center.justify-between button {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    white-space: normal;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 639.98px) {
  #shop-grid .grid[class~="xl:grid-cols-5"] > div .p-4.flex.flex-col.flex-1 {
    padding: 10px;
    min-width: 0;
  }
}
/* Narrow-screen shopping: easier touch targets for back, wishlist and return-to-shop. */
@media (max-width: 639.98px) {
  .site-shell main .flex.items-center.gap-3.mb-8 > button:has(svg.lucide-arrow-left) {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .site-shell main a[href="/shop"].mb-6 { min-height: 44px; }
  .site-shell main a[href="/shop"].h-9 { min-height: 44px; }
  .site-shell main button[aria-label="Add to Wishlist"].w-9 { min-width: 44px; }
}


/* All devices: completely remove the Parents' Night Out top announcement bar
   from the customer-facing layout, without changing the main site header. */
.site-shell > div:first-child.relative.bg-gradient-to-r[class~="from-[#9fd3fb]"] {
  display: none !important;
}