/* Override the page-specific full-width panels only while the hamburger is visible. */
:root body :is(header, #top) nav.pg-compact-menu.pg-compact-menu.pg-compact-menu.pg-compact-menu.pg-compact-menu {
  position: fixed !important;
  top: var(--pg-menu-top) !important;
  left: auto !important;
  right: 12px !important;
  bottom: auto !important;
  width: min(260px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 24px) !important;
  height: auto !important;
  transform: none !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 !important;
  border-radius: 0 0 12px 12px !important;
  box-sizing: border-box !important;
}
/* Leave the header's 15px neon glow visible above the home panel. */
:root body :is(header, #top).home-header nav.header-nav.pg-compact-menu.pg-compact-menu.pg-compact-menu.pg-compact-menu.pg-compact-menu {
  position: absolute !important;
  top: calc(100% + 16px) !important;
}
/* Store positioning must not depend on a measurement taken during initial layout. */
:root body header#top.store-header nav.store-nav.pg-compact-menu.pg-compact-menu.pg-compact-menu.pg-compact-menu.pg-compact-menu {
  position: absolute !important;
  top: calc(100% + 16px) !important;
}
@media (max-width: 768px) {
  :root body header#top.store-header.store-header > nav.store-nav.store-nav {
    position: absolute !important;
    top: calc(100% + 16px) !important;
  }
}
:root body :is(header, #top) nav.pg-compact-menu.pg-compact-menu.pg-compact-menu.pg-compact-menu.pg-compact-menu:is(.show, .active) {
  padding: 6px !important;
  max-height: calc(100dvh - var(--pg-menu-top) - 80px) !important;
  overflow-y: auto !important;
}
:root body :is(header, #top) nav.pg-compact-menu.pg-compact-menu.pg-compact-menu.pg-compact-menu.pg-compact-menu > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  font-size: .9rem !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  text-align: center !important;
}