
.gtrn-menu-toggle{display:none}
@media(max-width:950px){
 header .container.nav{
  height:auto;min-height:76px;display:flex;flex-wrap:wrap;
  align-items:center;gap:10px;padding-top:12px;padding-bottom:12px
 }
 header .nav>a:first-child{order:0;margin-right:auto;min-width:0}
 header .nav .logo{display:block;width:150px;max-width:100%;height:auto}
 header .nav>a.btn{
  order:1;padding:10px 12px;font-size:12px;white-space:nowrap
 }
 header .nav>.gtrn-menu-toggle{
  order:2;display:inline-flex;align-items:center;justify-content:center;
  gap:7px;min-height:44px;padding:10px 12px;border:1px solid var(--line);
  border-radius:9px;background:white;color:var(--navy);
  font:inherit;font-size:12px;font-weight:700;cursor:pointer
 }
 header .nav>nav.links{
  order:3;flex:0 0 100%;display:flex;flex-direction:column;
  gap:0;margin-top:4px;padding-top:8px;border-top:1px solid var(--line);
  max-height:calc(100dvh - 110px);overflow-y:auto
 }
 header .nav.gtrn-menu-ready>nav.links{display:none}
 header .nav.gtrn-menu-ready.gtrn-menu-open>nav.links{display:flex}
 header .nav>nav.links a{
  display:block;padding:14px 12px;border-radius:7px;font-size:14px
 }
 header .nav>nav.links a:hover,header .nav>nav.links a.active{
  background:var(--aqua);color:var(--teal)
 }
 .gtrn-menu-toggle:focus-visible,header nav.links a:focus-visible{
  outline:3px solid var(--teal);outline-offset:2px
 }
}
@media(max-width:380px){
 header .nav .logo{width:110px}
 header .nav>a.btn{padding:10px 8px;font-size:11px}
 header .nav>.gtrn-menu-toggle{padding:10px 8px}
}
