.nav-main { display: flex; align-items: center; gap: var(--space-6); }
.nav-main a { font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--color-gray-700); transition: color var(--transition-fast); padding: var(--space-2) 0; }
.nav-main a:hover, .nav-main a[aria-current="page"] { color: var(--color-primary-light); }
.nav-toggle { display: none; width: 40px; height: 40px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; }
.nav-toggle span { display: block; width: 24px; height: 2px; background: var(--color-gray-800); transition: all var(--transition-fast); }
.nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
@media (max-width: 992px) {
  .nav-toggle { display: flex; }
  .nav-main { position: fixed; top: var(--header-height); left: 0; right: 0; bottom: 0; flex-direction: column; background: var(--color-white); padding: var(--space-8); gap: var(--space-4); transform: translateX(100%); transition: transform var(--transition-base); z-index: var(--z-overlay); }
  .nav-main.is-open { transform: translateX(0); }
  .nav-main a { font-size: var(--fs-lg); }
}