.site-header{position:relative}
.mobile-nav-toggle{display:none}
@media(max-width:800px){
  .mobile-nav-toggle{width:42px;height:42px;flex:0 0 42px;border:1px solid #dedede;border-radius:50%;background:#fff;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0}
  .mobile-nav-toggle span{display:block;width:16px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  .mobile-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
  .mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mobile-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
  .site-header .nav{display:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;right:0;margin:0;padding:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;background:#fff;border:1px solid #dedede;border-radius:16px;box-shadow:0 18px 45px rgba(17,17,17,.14)}
  .site-header .nav.is-open{display:grid}
  .site-header .nav a{display:block;padding:12px 13px;border-radius:10px;color:#333;font-size:14px;font-weight:500;line-height:1.25}
  .site-header .nav a:hover,.site-header .nav a:focus-visible{background:#f3f3f3;color:#111;outline:none}
}
@media(max-width:420px){
  .site-header{gap:8px}
  .header-actions{gap:5px}
  .header-actions .header-link{padding:7px 8px;font-size:10px}
  .mobile-nav-toggle{width:40px;height:40px;flex-basis:40px}
}