.site-head{backdrop-filter:blur(14px)}
.nav{position:relative}
.brand{display:flex;align-items:center;flex:0 1 255px}
.brand img{display:block;width:100%;max-width:255px;height:auto}
.mobile-menu{display:none}
@media(max-width:950px){
  .nav{min-height:70px}
  .brand{flex-basis:215px}
  .desktop-links{display:none}
  .mobile-menu{display:block;position:static}
  .mobile-menu summary{display:flex;width:46px;height:46px;padding:11px;border:1px solid var(--mint);border-radius:12px;background:var(--mint);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;list-style:none}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary span{display:block;width:22px;height:2px;background:#06100d;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
  .mobile-menu[open] summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu[open] summary span:nth-child(2){opacity:0}
  .mobile-menu[open] summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-links{position:absolute;z-index:100;top:100%;inset-inline:0;max-height:calc(100vh - 70px);overflow:auto;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:14px;background:#0c1916;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 18px 42px rgba(0,0,0,.55)}
  .mobile-links a{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:10px;font-size:16px}
  .mobile-links a:hover,.mobile-links a:focus-visible{background:rgba(255,255,255,.06)}
  .mobile-links .lang{border:0;padding-inline-start:14px}
  .mobile-links .btn{margin-top:8px;justify-content:center}
}
@media(max-width:520px){.brand{flex-basis:190px}}