.nav .nav-toggle { display: flex; align-items: center; padding: 12px 0; cursor: pointer; color: #ffffff; }
.nav .nav-toggle .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.nav .nav-toggle .nav-toggle-icon { width: 22px; height: 16px; position: relative; display: flex; flex-direction: column; justify-content: space-between; }
.nav .nav-toggle .nav-toggle-icon .bar { display: block; width: 100%; height: 2px; background-color: #ffffff; border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease; }
.nav .nav-toggle.active .nav-toggle-icon .bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav .nav-toggle.active .nav-toggle-icon .bar:nth-child(2) { opacity: 0; }
.nav .nav-toggle.active .nav-toggle-icon .bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.nav .nav-list { list-style: none; padding: 0; margin: 0; display: none; position: absolute; top: 100%; right: -16px; width: 100vw; background-color: #1a1a2e; padding: 4px 16px 12px; z-index: 999; box-shadow: 0 8px 24px rgba(0,0,0,0.3); }
.nav .nav-list.open { display: block; }
.nav .nav-list .nav-item { border-top: 1px solid rgba(255, 255, 255, 0.06); }
.nav .nav-list .nav-item .nav-link { display: block; padding: 10px 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; font-weight: 500; text-decoration: none; transition: color 0.2s ease; }
.nav .nav-list .nav-item .nav-link:hover { color: #f57c00; }
.nav .nav-list .nav-item .nav-link.active { color: #f57c00; }
.nav .nav-list .nav-item.has-dropdown .dropdown-toggle { display: flex; align-items: center; justify-content: space-between; }
.nav .nav-list .nav-item.has-dropdown .dropdown-toggle .dropdown-arrow { font-size: 10px; transition: transform 0.3s ease; color: rgba(255, 255, 255, 0.5); }
.nav .nav-list .nav-item.has-dropdown .dropdown-toggle.open .dropdown-arrow { transform: rotate(180deg); }
.nav .nav-list .nav-item .nav-dropdown { list-style: none; padding: 0; margin: 0; display: none; }
.nav .nav-list .nav-item .nav-dropdown.open { display: grid; grid-template-columns: 1fr 1fr; gap: 0 8px; }
.nav .nav-list .nav-item .nav-dropdown .dropdown-item:last-child { grid-column: 1 / -1; border-top: 1px solid rgba(255, 255, 255, 0.08); margin-top: 4px; padding-top: 4px; }
.nav .nav-list .nav-item .nav-dropdown .dropdown-item .dropdown-link { display: block; padding: 8px 0; color: rgba(255, 255, 255, 0.65); font-size: 13px; text-decoration: none; transition: color 0.2s ease; }
.nav .nav-list .nav-item .nav-dropdown .dropdown-item .dropdown-link:hover { color: #f57c00; }
@media (min-width: 1024px) {
  .nav .nav-toggle { display: none; }
  .nav .nav-list { display: flex; align-items: center; gap: 0; position: static; width: auto; background: none; box-shadow: none; padding: 0; }
  .nav .nav-list .nav-item { border-top: none; position: relative; }
  .nav .nav-list .nav-item .nav-link { padding: 16px 12px; font-size: 13px; font-weight: 600; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.3px; }
  .nav .nav-list .nav-item.has-dropdown .dropdown-toggle .dropdown-arrow { margin-left: 3px; }
  .nav .nav-list .nav-item .nav-dropdown { position: absolute; top: 100%; left: 0; min-width: 200px; background-color: #1a1a2e; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); border-radius: 0 0 8px 8px; padding: 6px 0; z-index: 900; display: none; grid-template-columns: 1fr; }
  .nav .nav-list .nav-item .nav-dropdown .dropdown-item:last-child { grid-column: auto; }
  .nav .nav-list .nav-item .nav-dropdown .dropdown-item .dropdown-link { padding: 8px 16px; font-size: 13px; }
  .nav .nav-list .nav-item .nav-dropdown .dropdown-item .dropdown-link:hover { background-color: rgba(255, 255, 255, 0.05); }
  .nav .nav-list .nav-item.has-dropdown:hover .nav-dropdown { display: grid; }
}
@media (min-width: 1200px) {
  .nav .nav-list .nav-item .nav-link { padding: 16px 16px; font-size: 14px; }
}