/* Compact six-group desktop menu, retaining the original palette and links. */
body #ql-header .ql-nav-item:not(.is-open) > .ql-nav-panel:not([data-open="1"]) {
  pointer-events: none !important;
  visibility: hidden !important;
}
body #ql-header .ql-nav-item.is-open > .ql-nav-panel,
body #ql-header .ql-nav-panel[data-open="1"] {
  pointer-events: auto !important;
  visibility: visible !important;
}
body #ql-header .ql-nav .ql-nav-item.ql26-more > .ql-nav-panel {
  width: 870px !important;
  max-width: calc(100vw - 80px) !important;
  min-width: 0 !important;
  right: 0 !important;
  left: auto !important;
  max-height: calc(100dvh - 120px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}
body #ql-header .ql-nav .ql-nav-item.ql26-more .ql-panel-in {
  max-width: none !important;
  padding: 22px 26px !important;
}
body #ql-header .ql-nav .ql-nav-item.ql26-more .ql-panel-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px 30px !important;
}
body #ql-header .ql26-more .qn-more-group { min-width: 0; }
body #ql-header .ql26-more .qn-more-group a {
  display: block !important;
  padding: 5px 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
}
body #ql-header .ql26-more .qn-more-group .qn-more-heading {
  font-size: 13px !important;
  font-weight: 650 !important;
  opacity: 1 !important;
  padding: 0 0 8px !important;
  margin-bottom: 4px !important;
  border-bottom: 1px solid #dfd6ca;
}
body .ql-footer .ql30-pay-chip.qn-payment-name {
  color: #075783;
  font: 600 9px/1.1 Arial, sans-serif;
  white-space: nowrap;
}
/* Frosted navigation surfaces with an opaque fallback for older browsers. */
body #ql-header .ql-nav .ql-nav-panel,
body #ql-mnav.ql-mnav {
  background: rgba(248, 248, 247, .96) !important;
  border: 1px solid rgba(255, 255, 255, .8) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 48px rgba(24, 27, 32, .14), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  color: #202124 !important;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body #ql-header .ql-nav .ql-nav-panel,
  body #ql-mnav.ql-mnav {
    background: rgba(248, 248, 247, .78) !important;
    -webkit-backdrop-filter: blur(28px) saturate(150%) !important;
    backdrop-filter: blur(28px) saturate(150%) !important;
  }
}
body #ql-header .ql-nav-panel .ql-panel-in,
body #ql-mnav .ql-mnav-scroll {
  background: transparent !important;
}
body #ql-header .ql-nav-panel a {
  border-radius: 7px;
  transition: background-color .16s ease, color .16s ease;
}
body #ql-header .ql-nav-panel a:hover,
body #ql-header .ql-nav-panel a:focus-visible {
  background-color: rgba(255, 255, 255, .65) !important;
  color: #171717 !important;
}
body #ql-header .ql-nav-panel a:focus-visible {
  outline: 2px solid #995019;
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  body #ql-header .ql-nav-panel,
  body #ql-header .ql-nav-panel a { transition: none !important; }
}
/* Product option/lead-time panels share the site's centered content width. */
body .ql23-panel {
  box-sizing: border-box;
  width: calc(100% - 48px);
  max-width: 1180px;
  margin: 32px auto 48px !important;
  min-width: 0;
}
body .ql23-panel .ql23-sec { min-width: 0; box-sizing: border-box; }
body .ql23-panel .ql23-sec > h2,
body .ql23-panel .ql23-kicker,
body .ql23-panel .ql23-cta { text-align: center; }
body .ql23-panel .ql23-opts,
body .ql23-panel .ql23-moq {
  width: 100%; max-width: 960px; margin-left: auto; margin-right: auto;
}
body .ql23-panel .ql23-moq { table-layout: fixed; }
body .ql23-panel .ql23-moq th { width: 35%; padding-right: 20px; }
body .ql23-panel .ql23-moq td { text-align: left; overflow-wrap: anywhere; }
body #root section.ql-cta {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}
@media (max-width: 640px) {
  body .ql23-panel { width: calc(100% - 32px); gap: 20px; }
  body .ql23-panel .ql23-sec { padding: 20px 16px; }
  body .ql23-panel .ql23-moq { font-size: 14px; }
  body .ql23-panel .ql23-moq th { width: 42%; padding-right: 12px; }
}