/* Mobile navigation: compact product identity; full company signature in menu. */
.mobile-menu-toggle, .site-header .main-nav .mobile-company-link, .nav-account-mobile { display: none; }
@media (max-width: 980px) {
  .site-header .header-inner { min-height: 68px; padding-block: 12px; align-items: center; gap: 16px; }
  .header-identity { flex-direction: row; align-items: center; }
  .product-brand-logo { font-size: 32px; gap: 8px; }
  .product-brand-logo img { width: 34px; height: 34px; flex-basis: 34px; }
  .product-brand-caption, .header-identity .company-brand { display: none; }
  .site-header.menu-enhanced .mobile-menu-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 14px; margin-left: auto; border: 1px solid var(--line); border-radius: 14px; background: var(--white); color: var(--ink); font: inherit; font-size: 14px; font-weight: 650; cursor: pointer; }
  .mobile-menu-toggle .menu-close, .mobile-menu-toggle[aria-expanded=true] .menu-bars { display: none; }
  .mobile-menu-toggle[aria-expanded=true] .menu-close { display: block; }
  .site-header .main-nav { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; gap: 8px; margin: 0; padding: 16px 0 4px; border-top: 1px solid var(--line); }
  .site-header.menu-enhanced:not(.menu-open) .main-nav { display: none; }
  .site-header .main-nav a { display: flex; align-items: center; min-height: 48px; padding: 12px 16px; border-radius: 12px; font-size: 15px; overflow-wrap: anywhere; }
  .site-header .main-nav a:hover { background: var(--green-soft); }
  .site-header .main-nav .nav-account { justify-content: center; background: var(--green); border-color: var(--green); color: var(--white) !important; }
  .site-header .main-nav .mobile-company-link { display: grid; justify-content: start; gap: 8px; margin-top: 8px; padding-top: 16px; border-top: 1px solid var(--line); border-radius: 0; }
  .mobile-company-link > span { color: var(--ink-soft); font-size: 12px; font-weight: 400; }
  .mobile-company-link img { width: 204px; max-width: 100%; height: auto; }
  .site-header :is(.mobile-menu-toggle, .main-nav a):focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
}