.nav-dropdown { position: relative; display: flex; align-items: stretch; }
.nav-dropdown-trigger { display: flex; align-items: center; padding: 0 15px; font-size: 14px; font-weight: 700; color: #444; }
.nav-dropdown-trigger::after { content: '▼'; margin-left: 7px; color: var(--red); font-size: 10px; }
.nav-dropdown:hover .nav-dropdown-trigger, .nav-dropdown:focus-within .nav-dropdown-trigger { color: var(--red); box-shadow: inset 0 -3px 0 var(--red); }
.nav-dropdown-menu { display: none; position: absolute; z-index: 20; top: 100%; left: 0; width: 230px; padding: 8px 0; background: #fff; border: 1px solid var(--line); box-shadow: 0 12px 25px rgba(0, 0, 0, .12); }
.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu { display: block; }
.nav-dropdown-menu a { display: block; padding: 9px 15px; font-size: 13px; font-weight: 700; color: #41474c; }
.nav-dropdown-menu a:hover { color: var(--red); background: #fafafa; }
.site-header .header-inner { flex-wrap: wrap; gap: 0 16px; }
.site-header .nav { height: auto; min-height: 78px; flex-wrap: wrap; margin-left: auto; }
.site-header .nav > a,.site-header .nav-dropdown-trigger { min-height: 54px; }
.nav-dropdown-menu { max-height: 70vh; overflow-y: auto; }
@media(max-width:1100px) {
  .site-header .header-inner { padding-top: 14px; }
  .site-header .nav { display: flex; width: 100%; order: 3; margin-left: 0; min-height: 54px; }
  .nav-dropdown-menu { width: min(260px,calc(100vw - 40px)); }
}