.site-header {
  border-bottom-color: rgb(38 46 40 / 8%);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.site-header .site-header__inner {
  min-height: 84px;
  gap: 28px;
}

.site-header.is-compact .site-header__inner {
  min-height: 72px;
}

.site-header.is-compact {
  border-bottom-color: var(--ai-border);
}










.site-header .site-nav { gap: 26px; }
.site-header .site-nav__main { gap: 4px; }
.site-header .site-nav__actions { gap: 8px; }

















:is(.site-header, .mobile-quote-bar) [data-industrial-rfq-count] {
  font-weight: 400;
}






.site-header .nav-panel--mega {
  border-radius: var(--ai-control-radius);
  max-height: calc(100dvh - var(--ai-header-height, 84px) - 24px);
  overflow-y: auto;
  overscroll-behavior: contain;
}






.site-header .mega-menu__detail h2 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.04em;
}

.site-header .mega-menu__detail > .eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 400;
}








.site-header .header-search__panel {
  width: min(328px, calc(100vw - 48px));
  padding: 24px;
  border-radius: var(--ai-control-radius);
}

.site-header .header-search__field {
  overflow: visible;
}







.site-header .header-search .search-results {
  max-width: calc(100vw - 48px);
}


























.quote-drawer,
.image-lightbox {
  color: var(--ai-text);
  background: var(--ai-background);
  border-color: var(--ai-border);
}

.quote-drawer {
  overflow-y: auto;
  overscroll-behavior: contain;
}

:is(.quote-drawer, .image-lightbox)::backdrop { background: rgb(38 46 40 / 35%); }
.quote-drawer h2,
.quote-drawer h3 { color: var(--ai-text); font-weight: 500; }
.quote-drawer h2 { letter-spacing: -.04em; }
.quote-drawer-item h3 a { color: var(--ai-text); }


.mobile-quote-bar {
  color: var(--ai-text);
  background: rgb(245 244 239 / 98%);
  border-color: var(--ai-border);
}































@media (hover: hover) and (pointer: fine) {



















}

@media (max-width: 70rem) {
  .site-header .site-header__inner { gap: 16px; }
  .site-header .site-nav { gap: 16px; }
  .site-header .nav-panel--mega { max-height: none; }

}

@media (min-width: 48.01rem) and (max-width: 70rem) {
  .site-header .site-nav.is-open .site-nav__main {
    left: 0;
    right: 0;
    padding: 20px;
    max-height: calc(100dvh - var(--ai-header-height, 84px) - 24px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

@media (max-width: 48rem) {
  .site-header .site-brand strong { font-size: 18px; }
  .site-header .site-brand small { font-size: 10px; }
  .site-header .site-nav {
    left: calc(-1 * var(--v5-chrome-gutter));
    right: calc(-1 * var(--v5-chrome-gutter));
    padding: 20px var(--v5-chrome-gutter);
    max-height: calc(100dvh - var(--ai-header-height, 84px) - 80px);
    overscroll-behavior: contain;
  }

  .site-header .header-search { flex: 1 1 100%; min-width: 0; }
  .site-header .header-search__panel { width: 100%; padding: 16px 0; }
  .site-header .header-search .catalog-search { width: 100%; padding: 0; }
  .site-header .header-search .search-results { position: static; width: 100%; max-width: none; margin-top: 12px; }
  .site-header .mega-menu__detail h2 { font-size: 24px; }
  .mobile-quote-bar { padding-inline: 24px; gap: 8px; }

  .mobile-quote-bar [data-industrial-rfq-count] { margin-left: 6px; }



}

@media (prefers-reduced-motion: reduce) {






}