@font-face {
  font-family: 'Selima';
  src: url('/fonts/selima.woff2') format('woff2'), url('/fonts/selima.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.site-header,
.site-header * { box-sizing: border-box; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 68px;
  background: #0B1E3D;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.site-nav {
  width: 100%;
  max-width: 1120px;
  height: 100%;
  margin: 0 auto;
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-nav__logo {
  flex-shrink: 0;
  color: #C8952A;
  font-family: 'Selima', cursive;
  font-size: 2.6rem;
  font-weight: normal;
  line-height: 1;
  letter-spacing: .02em;
  text-decoration: none;
}

.site-nav__menu {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
}

.site-nav__item { position: relative; }

.site-nav__link {
  min-height: 34px;
  padding: 8px 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  background: none;
  color: #fff;
  font: 500 .875rem/1.2 'Inter', system-ui, -apple-system, sans-serif;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}

.site-nav__link:hover { color: #fff; }
.site-nav__logo:focus-visible,
.site-nav__link:focus-visible,
.site-nav__toggle:focus-visible {
  outline: 2px solid #C8952A;
  outline-offset: 4px;
  border-radius: 3px;
}

.site-nav__dots {
  width: 14px;
  height: 8px;
  flex: none;
  fill: currentColor;
  transition: transform .25s ease;
}
.site-nav__item--dropdown.open .site-nav__dots { transform: rotate(180deg); }

.site-nav__dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 110;
  min-width: 240px;
  margin: 0;
  padding: 8px;
  border: 1px solid #ECEEF2;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(9,22,41,.2);
  list-style: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
.site-nav__dropdown--wide { min-width: 280px; }
.site-nav__item--dropdown-right .site-nav__dropdown { right: 0; left: auto; }
.site-nav__item--dropdown.open .site-nav__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}
.site-nav__dropdown a {
  display: block;
  padding: 9px 10px;
  border-radius: 6px;
  color: #0B1E3D;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}
.site-nav__dropdown a:hover,
.site-nav__dropdown a:focus-visible {
  background: #ECEEF2;
  outline: none;
}
.site-nav__dropdown-all {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #ECEEF2;
}
.site-nav__dropdown-all a { font-weight: 800; }

.site-nav__toggle {
  display: none;
  width: 36px;
  height: 36px;
  padding: 6px;
  border: 0;
  background: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
}
.site-nav__toggle span {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transition: .25s ease;
}
.site-nav__toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.site-nav__toggle.active span:nth-child(2) { width: 0; opacity: 0; }
.site-nav__toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 980px) {
  .site-nav__menu {
    position: fixed;
    inset: 0 0 0 auto;
    z-index: 99;
    width: min(340px, 88vw);
    overflow-y: auto;
    padding: 92px 32px 40px;
    background: #0B1E3D;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    box-shadow: -8px 0 40px rgba(0,0,0,.4);
    transform: translateX(100%);
    transition: transform .25s ease;
  }
  .site-nav__menu.open { transform: none; }
  .site-nav__item { width: 100%; }
  .site-nav__link { width: 100%; min-height: 42px; justify-content: space-between; font-size: 1rem; }
  .site-nav__dropdown,
  .site-nav__item--dropdown-right .site-nav__dropdown {
    position: static;
    display: none;
    min-width: 0;
    margin-top: 6px;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }
  .site-nav__item--dropdown.open .site-nav__dropdown { display: block; }
  .site-nav__toggle { position: relative; z-index: 100; display: flex; }
}

@media (max-width: 640px) {
  .site-nav { padding: 0 20px; }
  .site-nav__menu { width: min(320px, 88vw); padding: 84px 24px 32px; }
}

[role="button"][onclick*="openLight"]:focus-visible,
img[onclick*="openLight"]:focus-visible {
  outline: 2px solid #C8952A;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .site-nav__menu,
  .site-nav__dropdown,
  .site-nav__dots,
  .site-nav__toggle span { transition: none; }
}