/* Simple final navigation header: Home, About, Transport, Delivery, Marketplace, Travel, Logistics, Essential Services, Contact */
.site-header{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(16,19,23,.08);
  backdrop-filter:blur(14px);
}
.header-shell{
  width:min(100% - 44px,1500px);
  min-height:74px;
  gap:24px;
}
.brand{min-width:235px;}
.brand-main{
  font-size:30px;
  letter-spacing:-.07em;
}
.brand small{
  font-size:9.7px;
  letter-spacing:.075em;
  margin-top:5px;
}
.desktop-nav{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  min-width:0;
}
.desktop-nav a{
  font-size:12.6px;
  font-weight:850;
  color:#1f242c;
  padding:30px 0 28px;
  white-space:nowrap;
}
.desktop-nav a::after{
  bottom:18px;
  height:3px;
  border-radius:99px;
}
.header-actions{
  gap:12px;
  min-width:max-content;
}
.header-actions .btn{
  min-height:43px;
  padding:0 18px;
  border-radius:9px;
  font-size:12.6px;
  font-weight:900;
}
.btn-track{
  border:1.5px solid var(--nir-red);
  color:#171b22;
  background:#fff;
}
.btn-book{
  color:#fff;
  background:linear-gradient(135deg,var(--nir-red),var(--nir-red-dark));
  box-shadow:0 12px 28px rgba(229,9,20,.22);
}
.mobile-nav{
  width:min(100% - 44px,1500px);
}
@media (max-width:1400px){
  .header-shell{width:min(100% - 34px,1360px);gap:18px;}
  .brand{min-width:210px;}
  .brand-main{font-size:27px;}
  .brand small{font-size:8.8px;}
  .desktop-nav{gap:19px;}
  .desktop-nav a{font-size:12px;}
  .header-actions .btn{padding:0 15px;font-size:12px;}
}
@media (max-width:1180px){
  .desktop-nav{gap:13px;}
  .desktop-nav a{font-size:11.2px;}
  .brand{min-width:190px;}
  .brand-main{font-size:25px;}
  .header-actions .btn{padding:0 12px;font-size:11.6px;}
}
@media (max-width:980px){
  .desktop-nav{display:none;}
  .mobile-toggle{display:block;}
  .site-header.is-open .mobile-nav{display:block;}
  .header-actions .btn-track,
  .header-actions .btn-book{display:none;}
  .header-shell{min-height:68px;}
  .brand-main{font-size:24px;}
  .brand small{font-size:8.5px;}
}
@media (max-width:520px){
  .header-shell,
  .mobile-nav{width:min(100% - 24px,1500px);}
  .brand{min-width:0;}
  .brand-main{font-size:22px;}
  .brand small{font-size:7.8px;}
}