/* Общая навигация + сендвич-меню на мобильных */
.site-nav{
  position:relative;
  z-index:50;
}
.nav-inner{
  max-width:1180px;
  margin:0 auto;
  padding:16px 20px;
  display:flex;
  align-items:center;
  gap:12px;
}
.logo{
  flex-shrink:0;
  font-family:'Manrope',sans-serif;
  font-weight:900;
  font-size:20px;
  letter-spacing:1px;
  text-shadow:0 0 20px rgba(255,210,60,.5);
  text-decoration:none;
  color:#fff;
}
.logo span{color:#ffd23c}
.nav-menu{
  flex:1;
  display:flex;
  justify-content:center;
  min-width:0;
}
.nav-links{
  display:flex;
  gap:4px;
  list-style:none;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
}
.nav-links a{
  font-family:'Manrope',sans-serif;
  font-size:13px;
  font-weight:600;
  color:rgba(255,255,255,.6);
  text-decoration:none;
  padding:6px 12px;
  border-radius:7px;
  border:1px solid transparent;
  transition:color .2s,border-color .2s,background .2s;
}
.nav-links a:hover{color:#ffd23c;border-color:rgba(255,210,60,.3)}
.nav-links a.bonus{
  color:#0a0812;
  background:linear-gradient(135deg,#ffd23c,#ff8c00);
  font-weight:700;
}
.nav-right{
  flex-shrink:0;
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}
.online{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-family:'Manrope',sans-serif;
  font-size:12px;
  font-weight:700;
  color:rgba(255,255,255,.6);
  border:1px solid rgba(67,255,183,.3);
  background:rgba(67,255,183,.08);
  padding:6px 12px;
  border-radius:999px;
  white-space:nowrap;
}
.online .dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#43ffb7;
  box-shadow:0 0 8px #43ffb7;
  animation:nav-blink 1.8s infinite;
}
@keyframes nav-blink{0%,100%{opacity:1}50%{opacity:.4}}

.nav-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:rgba(255,255,255,.05);
  cursor:pointer;
  flex-shrink:0;
}
.nav-toggle-bar{
  display:block;
  width:18px;
  height:2px;
  margin:0 auto;
  border-radius:2px;
  background:#fff;
  transition:transform .2s,opacity .2s;
}
.site-nav.open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-nav.open .nav-toggle-bar:nth-child(2){opacity:0}
.site-nav.open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:900px){
  .nav-inner{flex-wrap:wrap}
  .nav-menu{
    display:none;
    flex:none;
    width:100%;
    order:10;
    padding:10px 0 4px;
    margin-top:2px;
    border-top:1px solid rgba(255,255,255,.1);
  }
  .site-nav.open .nav-menu{display:block}
  .nav-links{
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    width:100%;
  }
  .nav-links li{width:100%}
  .nav-links a{
    display:block;
    text-align:center;
    padding:12px 14px;
    border-radius:10px;
    background:rgba(255,255,255,.03);
    border-color:rgba(255,255,255,.08);
  }
  .nav-links a.bonus{border-color:transparent}
  .nav-toggle{display:flex}
  .online{font-size:11px;padding:5px 10px}
}