/* Shared mobile header: storefront, customer/manager account and legal pages.
   Keep the header in normal flow; drawers (z-index:30) and modal dialogs stay above it. */
@media (max-width: 980px) {
  html { scroll-padding-top: 176px; }
  body > header.header,
  body > header:not(.header) {
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--paper, #fffaf6);
    box-shadow: 0 3px 14px rgba(61, 17, 42, .08);
  }
  body > header.header .header-row { row-gap: 8px; }
  body > header.header .mobile-menu-button { min-height: 44px; padding-top: 7px; padding-bottom: 7px; }
}