/* Keep static and React-rendered chrome on the same sizing scale. */
body header .tge-desktop-nav {
  gap: 20px !important;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  list-style: none;
  padding: 0;
  margin: 0;
}
body header .tge-nav-trigger {
  font: inherit !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  text-transform: none;
}
body header .tge-nav-trigger svg { width:12px; height:12px; flex-shrink:0; }
body header [data-customer-login] {
  flex-shrink:0;
  white-space:nowrap;
  min-height:44px;
  font:600 13px/20px Inter,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(min-width:1024px) {
  body header .tge-desktop-nav { display:flex !important; }
  body header .tge-global-mobile-toggle { display:none !important; }
}
@media(max-width:1023px) {
  body header .tge-desktop-nav,
  body header [data-customer-login] { display:none !important; }
  body header .tge-global-mobile-toggle { display:flex !important; flex-direction:column; gap:4px; }
}
body header nav > a:first-child {
  flex: 0 0 auto;
  line-height: 0;
}
body header nav > a:first-child > svg,
body header .tge-global-brand img {
  display: block;
  width: 240px !important;
  height: auto !important;
  max-width: 100%;
}
body header nav {
  max-width: 1280px;
  margin-inline: auto;
  padding: 20px 24px;
  gap: 32px;
}
body .tge-global-footer-brand img,
body footer.bg-navy-deep > div > div:first-child > div:first-child > svg {
  width: 200px !important;
  height: auto !important;
  max-width: 100%;
}
@media (max-width: 620px) {
  body header nav { padding: 14px 20px; gap: 14px; }
  body header nav > a:first-child > svg,
  body header .tge-global-brand img { width: 150px !important; }
}
@media (max-width: 600px) {
  body .tge-global-footer-brand img,
  body footer.bg-navy-deep > div > div:first-child > div:first-child > svg { width: 185px !important; }
}