.main-nav { position: sticky; top: 0; z-index: 30; background: linear-gradient(#4f260f, #231108); border-block: 1px solid #c38429; box-shadow: 0 8px 22px rgba(0,0,0,.4); }
.main-nav__inner { min-height: 58px; display: flex; align-items: center; }
.main-nav__links { width: 100%; display: flex; justify-content: center; }
.main-nav__links a { flex: 1; padding: 19px 12px; color: #f2d899; text-align: center; text-transform: uppercase; font-weight: 700; font-size: .85rem; letter-spacing: .05em; border-right: 1px solid rgba(255,255,255,.08); }
.main-nav__links a:hover, .main-nav__links a.active { color: #fff7dc; background: linear-gradient(rgba(202,112,24,.7), rgba(105,49,13,.65)); }
.main-nav__toggle { display: none; width: 100%; padding: 15px; color: #f6d480; background: transparent; border: 0; font-weight: 700; }
@media (max-width: 760px) {
  .main-nav__inner { display: block; width: 100%; }
  .main-nav__toggle { display: block; }
  .main-nav__links { display: none; flex-direction: column; }
  .main-nav__links.is-open { display: flex; }
  .main-nav__links a { border-top: 1px solid rgba(255,255,255,.08); }
}