/* HeavyTuning navigation: a compact control bar with a clear current section. */
.site-header{
  background:rgba(10,14,17,.96);
  border-bottom-color:#27323b;
  box-shadow:0 8px 30px #0002;
}
.site-header .header-inner{min-height:84px;gap:24px;padding-block:12px}
.site-header .main-nav{min-width:0}
.site-header .hts-menu{
  gap:3px;
  padding:5px;
  border:1px solid #2b3741;
  border-radius:13px;
  background:linear-gradient(145deg,#192229,#10171d);
  box-shadow:inset 0 1px 0 #ffffff06,0 4px 12px #0002;
}
.site-header .hts-menu>li>a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 16px;
  border:1px solid transparent;
  border-radius:8px;
  color:#bfcbd4;
  font-size:13px;
  font-weight:550;
  line-height:1.35;
  transition:color .18s,background .18s,border-color .18s,box-shadow .18s;
}
.site-header .hts-menu>li>a:hover{
  color:#fff;
  background:#25323c;
  border-color:#3a4a57;
}
.site-header .hts-menu>li>a[aria-current],
.site-header .hts-menu>.current-menu-item>a{
  color:#151910;
  border-color:#f6d020;
  background:linear-gradient(140deg,#ffe46a,#f6d020);
  box-shadow:0 2px 10px #f6d02016,inset 0 1px 0 #fff6;
  font-weight:700;
}
.site-header .hts-menu>li>a[aria-current]::after,
.site-header .hts-menu>.current-menu-item>a::after{content:none}
.site-header .hts-menu a:focus-visible{
  outline:2px solid var(--yellow);
  outline-offset:3px;
}
.site-header .hts-menu .sub-menu{
  left:0;
  top:calc(100% + 1px);
  min-width:230px;
  padding:8px;
  border-color:#354652;
  border-radius:10px;
  background:#141e26;
  box-shadow:0 14px 30px #0006;
}
.site-header .hts-menu .sub-menu a{padding:10px 12px;border-radius:5px;font-size:13px}
.site-header .hts-menu .sub-menu a:hover{background:#25333f;color:var(--yellow)}
.site-header .hts-menu .sub-menu a[aria-current],
.site-header .hts-menu .sub-menu .current-menu-item>a{color:var(--yellow);background:#272b1e}
.site-header .hts-menu .sub-menu a[aria-current]::after,
.site-header .hts-menu .sub-menu .current-menu-item>a::after{content:none}
.site-header .header-contact{
  min-height:43px;
  padding:8px 13px;
  gap:12px;
  border-color:#786d2c;
  border-radius:9px;
  background:#22251b;
  font-size:12px;
  font-weight:600;
  transition:background .18s,border-color .18s;
}
.site-header .header-contact:hover{background:#33351e;border-color:var(--yellow)}
.site-header .header-contact span{font-size:20px;line-height:1}
@media(min-width:901px) and (max-width:1150px){
  .site-header .header-inner{gap:18px}
  .site-header .hts-menu>li>a{padding:10px 11px;font-size:12px}
  .site-header .header-contact{padding-inline:11px;gap:8px}
}
@media(max-width:900px){
  .site-header .header-inner{min-height:78px;gap:18px;padding-block:12px}
  .site-header .menu-toggle{
    min-height:42px;
    padding:10px 13px;
    gap:12px;
    border:1px solid #3a4b58;
    border-radius:8px;
    background:linear-gradient(145deg,#1e2a34,#121b23);
    font-size:12px;
    font-weight:600;
  }
  .site-header .menu-toggle:hover,
  .site-header .menu-toggle[aria-expanded=true]{border-color:#8a7b30;background:#292d20}
  .site-header .menu-toggle[aria-expanded=true] .menu-lines{border-color:var(--yellow)}
  .site-header .menu-toggle[aria-expanded=true] .menu-lines::after{background:var(--yellow)}
  .site-header .main-nav{
    padding:13px var(--gutter) 19px;
    border-bottom:1px solid #3a4b58;
    background:#0e161c;
    border-radius:0 0 14px 14px;
    box-shadow:0 14px 28px #0006;
    max-height:calc(100svh - 78px);
  }
  .site-header .hts-menu{
    gap:7px;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
  }
  .site-header .hts-menu>li>a{
    justify-content:flex-start;
    min-height:48px;
    padding:12px 40px 12px 15px;
    border-color:#2b3a46;
    background:#17222b;
    font-size:14px;
  }
  .site-header .hts-menu>li>a::after,
  .site-header .hts-menu>li>a[aria-current]::after,
  .site-header .hts-menu>.current-menu-item>a::after{
    content:"↗";
    position:absolute;
    left:auto;
    right:15px;
    top:50%;
    bottom:auto;
    width:auto;
    height:auto;
    transform:translateY(-50%);
    background:none;
    color:var(--yellow);
    font-size:18px;
    line-height:1;
  }
  .site-header .hts-menu>li>a[aria-current]::after,
  .site-header .hts-menu>.current-menu-item>a::after{color:#151910}
  .site-header .hts-menu .sub-menu{
    margin:4px 0 0;
    min-width:0;
    padding:5px 0 5px 14px;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
  }
  .site-header .hts-menu .sub-menu a{font-size:13px;padding:10px 12px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .site-header .hts-menu>li>a,.site-header .header-contact{transition:none}
}