/* Shared header spacing and responsive cleanup for the main site pages */
#hdr{
  justify-content:flex-start;
  gap:clamp(18px,2.4vw,40px);
}

#hdr > :first-child{
  flex:0 0 auto;
}

#hdr > :last-child{
  margin-left:auto;
}

#hdr .nav-ul{
  margin-left:clamp(20px,2.8vw,56px);
  gap:clamp(22px,2.3vw,40px);
  white-space:nowrap;
  min-width:0;
}

#hdr .hdr-r{
  gap:clamp(12px,1.8vw,22px);
}

#hdr .hdr-cta{
  padding-left:clamp(18px,2vw,24px);
  padding-right:clamp(18px,2vw,24px);
}

#mob-nav{
  padding:92px 24px 28px;
}

#mob-nav .mob-lang-sw{
  position:absolute;
  top:26px;
  left:26px;
  display:flex;
  align-items:center;
  gap:4px;
  font-size:9px;
  font-weight:600;
  letter-spacing:2px;
}

#mob-nav .mob-lang-sw a,
#mob-nav .mob-lang-sw span{
  color:rgba(255,255,255,.45);
  text-decoration:none;
}

#mob-nav .mob-lang-sw span.on{
  color:var(--au);
  border-bottom:1px solid var(--au);
  padding-bottom:2px;
}

@media (max-width: 1220px){
  #hdr{
    gap:clamp(14px,1.8vw,28px);
  }

  #hdr .nav-ul{
    margin-left:clamp(14px,2vw,36px);
    gap:clamp(18px,1.8vw,30px);
  }

  #hdr .nav-ul a{
    letter-spacing:2.1px;
  }

  #hdr .hdr-r{
    gap:14px;
  }

  #hdr .hdr-cta{
    padding-left:18px;
    padding-right:18px;
  }

  #hdr .nav-ul,
  #hdr .hdr-cta,
  #hdr .lang-sw{
    display:none !important;
  }

  #hdr .burger{
    display:flex !important;
  }

  #hdr{
    padding:0 20px;
  }
}
