@media (max-width: 980px) {
  .site-header__container { position: relative; }
  .site-header .site-nav { position: absolute; right: 0; top: 100%; z-index: 50; }
  .site-nav__list.is-open {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 20px;
    background: #fff;
    color: #222;
    box-shadow: 0 8px 24px #0002;
    width: min(290px, 85vw);
  }
  .site-nav__list.is-open a:not(.btn) { color: #222; }
}