header.site-header-autohide {
  position: fixed !important;
  inset: 0 0 auto 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 240ms ease;
  will-change: transform;
  backface-visibility: hidden;
}

.mobile-navigation {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: calc(100dvh - var(--store-header-height, 190px) - 16px);
  overflow-y: auto;
  overscroll-behavior: contain;
  box-shadow: 0 16px 24px #0004;
}
header.site-header-autohide[data-mobile-menu-open="true"] {
  z-index: 120 !important;
  transform: translate3d(0, 0, 0);
}

.store-bottom-navigation { display: grid; grid-template-columns: repeat(4, 1fr); position: fixed; bottom: 0; left: 0; right: 0; z-index: 60; background: white; border-top: 1px solid #e5e7eb; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); }
.store-bottom-navigation > * { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 48px; color: #6b7280; font-size: 11px; cursor: pointer; }
.store-bottom-navigation [aria-current="page"] { color: #b77900; }
.store-bottom-navigation svg { width: 24px; height: 24px; }
@media (min-width: 768px) { .store-bottom-navigation { display: none; } }

header.site-header-autohide > div:first-child,
header.site-header-autohide > div:last-child {
  overflow: hidden;
  opacity: 1;
  max-height: 64px;
  transition: max-height 220ms cubic-bezier(0.22, 1, 0.36, 1),
              opacity 150ms ease,
              padding 220ms cubic-bezier(0.22, 1, 0.36, 1),
              border-color 150ms ease;
}

header.site-header-autohide.header-hidden-on-scroll {
  transform: translate3d(0, -100%, 0);
  box-shadow: none;
}

header.site-header-autohide.header-scrolling-up {
  transform: translate3d(0, 0, 0);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.32);
}

header.site-header-autohide.header-scrolling-up > div:first-child,
header.site-header-autohide.header-scrolling-up > div:last-child {
  max-height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-color: transparent !important;
  opacity: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  header.site-header-autohide,
  header.site-header-autohide > div:first-child,
  header.site-header-autohide > div:last-child {
    transition: none;
  }
}