@media(max-width:800px){
  body.menu-open{overflow:hidden}
  .site-header{position:relative;z-index:1000}
  .site-header .menu{position:relative;z-index:1003;display:block;cursor:pointer;padding:6px 0}
  .site-header nav{display:flex;position:fixed;z-index:1002;top:0;right:0;bottom:0;width:min(320px,86vw);flex-direction:column;align-items:flex-start;gap:0;padding:94px 28px 28px;background:#fff;box-shadow:-14px 0 35px #0020152b;transform:translateX(105%);transition:transform .25s ease}
  body.menu-open .site-header nav{transform:translateX(0)}
  .site-header nav a{display:block;width:100%;padding:15px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--green)}
  .site-header nav a.active{color:#6b963f}
}