.site-header .nav-product-group { position:relative; display:flex; align-items:center; gap:6px; }
.site-header .nav-product-toggle { display:grid; place-items:center; flex:none; width:28px; height:44px; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; }
.nav-product-toggle span { width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .2s; }
.is-open>.nav-product-toggle span { transform:rotate(225deg) translate(-1px,-1px); }
.site-header .nav-product-dropdown { position:absolute; z-index:1; top:100%; left:50%; width:450px; max-width:calc(100vw - 32px); padding:10px; transform:translateX(-50%); border:1px solid var(--line); border-top:3px solid var(--brand-blue); background:white; color:var(--ink); box-shadow:0 18px 40px rgba(13,17,23,.14); }
.site-header .nav-product-dropdown[hidden] { display:none; }
.site-header #primary-nav .nav-product-dropdown a { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:48px; padding:12px 14px; border-bottom:1px solid #edf1f8; font-size:14px; font-weight:500; line-height:1.5; letter-spacing:0; text-transform:none; white-space:normal; }
.site-header #primary-nav .nav-product-dropdown a:last-child { border-bottom:0; }
.site-header #primary-nav .nav-product-dropdown a:first-child { font-weight:700; color:var(--brand-blue); }
.site-header #primary-nav .nav-product-dropdown a::after { display:none; }
.site-header #primary-nav .nav-product-dropdown a:hover,.site-header #primary-nav .nav-product-dropdown a[aria-current="page"] { color:var(--brand-blue); background:var(--brand-tint); }
.site-header #primary-nav .nav-product-dropdown a:focus-visible { outline:2px solid var(--brand-blue); outline-offset:-2px; background:var(--brand-tint); }
.site-header .nav-product-toggle:focus-visible { outline-color:currentColor; }
@media(min-width:1101px) {
  .site-header #primary-nav { align-self:stretch; align-items:center; }
  .site-header .nav-product-group { align-self:stretch; }
}
@media(min-width:1101px) and (max-width:1240px) {
  .site-header { grid-template-columns:215px minmax(0,1fr) auto; gap:18px; padding-inline:3vw; }
  .site-header .shida-brand { width:215px; gap:11px; }
  .site-header .brand-wordmark { font-size:21px; }
  .site-header #primary-nav { gap:12px; letter-spacing:.03em; }
  .site-header .header-cta { gap:12px; padding-inline:14px; letter-spacing:.04em; }
}
@media(max-width:1100px) {
  .site-header.mobile-menu-open:not(.is-scrolled) { background:white; color:var(--brand-blue); }
  .site-header.mobile-menu-open #primary-nav { max-height:calc(100svh - 86px); overflow:auto; overscroll-behavior:contain; }
  .site-header .nav-product-group { display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:8px; }
  .site-header .nav-product-toggle { width:44px; height:44px; border:1px solid var(--line); }
  .site-header .nav-product-dropdown { position:static; grid-column:1/-1; width:100%; max-width:none; margin:0 0 12px; padding:4px; transform:none; border:0; border-left:2px solid var(--brand-blue); box-shadow:none; background:#f6f8fb; }
  .site-header #primary-nav .nav-product-dropdown a { min-height:48px; padding:12px; }
}
@media(max-width:620px) {
  .site-header.mobile-menu-open #primary-nav { max-height:calc(100svh - 72px); }
}
@media(prefers-reduced-motion:reduce) { .nav-product-toggle span { transition:none; } }

.site-header .nav-resource-group .nav-product-dropdown { width:220px; }
.site-header .nav-news-group .nav-product-dropdown { width:260px; }
@media(min-width:1101px) and (max-width:1440px) {
 .site-header { grid-template-columns:180px minmax(0,1fr) auto; gap:12px; padding-inline:3vw; }
 .site-header .shida-brand { width:180px; gap:9px; }
 .site-header .brand-wordmark { font-size:18px; }
 .site-header #primary-nav { gap:10px; letter-spacing:0; }
 .site-header .header-cta-label { display:none; }
 .site-header .header-cta-short { display:inline; }
 .site-header .header-cta { padding-inline:14px; gap:10px; }
}
@media(max-width:1100px) { .site-header .nav-resource-group .nav-product-dropdown,.site-header .nav-news-group .nav-product-dropdown { width:100%; } }