/* Kolabori V5.6 — header, hero and public traffic indicators. */

.header-v54 .nav-v54{
  width:min(1480px,calc(100% - 56px));
  min-height:88px;
  gap:22px;
}
.header-v54 .brand-v54{flex-basis:180px;height:64px}
.header-v54 .brand-v54 img{width:168px;max-width:168px}
.header-v54 .navlinks-v54{gap:20px}
.header-v54 .navlinks-v54 a{font-size:13px}
.header-v54 .navtools-v54{gap:8px}
.header-v54 .cta-v54{padding-inline:18px}

.hero{min-height:640px}
.hero .hero-inner{padding:82px 0 64px}
.hero .hero-kickers{margin-bottom:14px}
.hero h1{
  margin-bottom:18px;
  font-size:clamp(52px,6.2vw,80px);
  line-height:.94;
}
.hero p{margin:0;line-height:1.5}
.hero .hero-actions{margin-top:20px}
.hero .hero-note{margin-top:22px}
.hero .scroll-hint{bottom:16px}
.hero .scroll-hint:after{height:22px}

.footer-bottom{
  align-items:center;
  flex-wrap:wrap;
}
.visitor-stats{
  display:flex;
  align-items:center;
  gap:9px;
  margin-left:auto;
}
.visitor-stat{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:32px;
  padding:7px 10px;
  border:1px solid #33283b;
  border-radius:999px;
  background:#17101e;
  color:#bdb3c3;
  font-size:11px;
  white-space:nowrap;
}
.visitor-stat b{color:#fff;font-size:12px}
.visitor-online i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#43d17b;
  box-shadow:0 0 0 4px rgba(67,209,123,.12);
}
.visitor-stats.is-unavailable{opacity:.55}

@media(max-width:1220px){
  .header-v54 .nav-v54{
    position:relative;
    width:min(100% - 40px,1120px);
  }
  .header-v54 .navlinks-v54{display:none!important}
  .header-v54 .navlinks-v54.mobile-open{
    display:flex!important;
    position:absolute;
    top:80px;
    left:0;
    right:0;
    z-index:80;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:10px;
    border:1px solid var(--line);
    border-radius:20px;
    background:var(--surface);
    color:var(--text);
    box-shadow:var(--shadow);
  }
  .header-v54 .navlinks-v54.mobile-open a{
    padding:13px 14px;
    border-radius:12px;
  }
  .header-v54 .navlinks-v54.mobile-open a:hover{background:var(--soft)}
  .hamb.theme-btn-v54{display:grid!important}
}

@media(max-width:680px){
  .header-v54 .nav-v54{width:calc(100% - 26px);min-height:74px}
  .header-v54 .brand-v54 img{width:142px;max-width:142px}
  .hero{min-height:650px}
  .hero .hero-inner{padding:72px 0 62px}
  .hero h1{font-size:48px;line-height:.96}
  .hero .hero-kickers{gap:6px}
  .hero .hero-kickers span{padding:7px 9px;font-size:10px}
  .hero .hero-note{margin-top:18px}
  .footer-bottom{display:flex!important;align-items:flex-start;gap:14px}
  .visitor-stats{width:100%;margin-left:0;flex-wrap:wrap}
}