#header {
  background: rgba(18, 18, 18, .96);
  box-shadow: 0 4px 18px rgba(0, 0, 0, .22);
}
#header .main-menu { background: transparent; padding: 8px 15px; }
#nav-menu-container { width: 100%; }
.nav-menu { display: flex; align-items: center; justify-content: center; gap: 2px; }
.nav-menu > li { float: none; margin: 0; }
.nav-menu > li > a { padding: 12px 9px; font-size: 13px; border-radius: 6px; }
.nav-menu > li > a:hover, .nav-menu > li > a:focus-visible { color: #fff200; background: rgba(255, 242, 0, .1); }
.nav-menu > li:focus-within > ul { display: block; }
.nav-menu ul { margin-top: 0; border-radius: 8px; }
.nav-menu .social-links a { border-radius: 6px; }
.nav-menu .social-links i { font-size: 20px; }
.mobile-menu-brand { display: none; }
#contact { scroll-margin-top: 85px; }

@media (max-width: 1199px) {
  #nav-menu-container { display: none; }
  #header .main-menu { display: flex; align-items: center; justify-content: space-between; min-height: 64px; }
  .mobile-menu-brand { display: block; color: #fff; font-size: 16px; font-weight: 700; }
  .mobile-menu-brand:hover { color: #fff200; }
  #mobile-nav-toggle { display: flex; align-items: center; gap: 8px; position: relative; padding: 8px 13px; border: 1px solid rgba(255, 242, 0, .6); border-radius: 8px; color: #fff; background: #222; font-size: 14px; font-weight: 700; }
  .mobile-toggle-icon { color: #fff200; font-size: 25px; line-height: 1; }
  #mobile-nav { width: min(320px, 85vw); left: auto; right: 0; padding: 76px 12px 24px; background: #171717; transform: translateX(100%); transition: transform .25s ease; visibility: hidden; }
  body.mobile-nav-active #mobile-nav { left: auto; transform: translateX(0); visibility: visible; }
  #mobile-nav ul li a, #mobile-nav .mobile-submenu-toggle { display: block; width: 100%; min-height: 46px; padding: 12px 14px; border: 0; border-radius: 6px; background: transparent; color: #fff; text-align: left; font-size: 15px; text-transform: none; }
  #mobile-nav ul li a:hover, #mobile-nav .mobile-submenu-toggle:hover { background: #303030; color: #fff200; }
  #mobile-nav .mobile-submenu-toggle::after { content: '+'; float: right; color: #fff200; font-size: 21px; line-height: 1; }
  #mobile-nav .mobile-submenu-toggle[aria-expanded="true"]::after { content: '−'; }
  #mobile-nav ul li li { padding-left: 12px; }
  #mobile-nav ul[hidden] { display: none !important; }
  #mobile-nav .social-links { display: inline-block; }
  #mobile-nav .social-links a { width: 50px; text-align: center; }
  #mobile-nav .social-links i { font-size: 22px; }
  body.mobile-nav-active #mobile-body-overly { display: block; }
}

@media (min-width: 1200px) {
  #mobile-nav-toggle, .mobile-menu-brand, #mobile-nav, #mobile-body-overly { display: none !important; }
  #nav-menu-container { display: block; }
}