.nav-header{
  width:min(1880px, calc(100% - 56px)) !important;
  margin:8px auto 14px !important;
  padding:14px 16px !important;
  border-radius:22px !important;
  border:1px solid #0ecb45 !important;
  background:rgba(8,20,14,.86) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  box-sizing:border-box !important;
}
.nav-brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:320px !important;
}
.nav-brand img{
  width:40px !important;
  height:40px !important;
  margin-right:8px !important;
  vertical-align:middle !important;
}
.nav-brand h1, .nav-brand strong{
  margin:0 !important;
  color:#1ddc4f !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
  font-size:1.25rem !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
}
.nav-description{
  color:rgba(234,234,234,.72) !important;
  font-weight:600 !important;
  line-height:1.15 !important;
}
.nav-description span{ display:block !important; }
.nav-menu{
  display:flex !important;
  align-items:center !important;
  gap:20px !important;
  flex-wrap:nowrap !important;
  justify-content:flex-end !important;
}
.nav-menu .nav-link,
.nav-menu a.nav-link,
.nav-menu button.nav-link{
  border:none !important;
  border-radius:0 !important;
  padding:8px 2px !important;
  background:transparent !important;
  color:#1ddc4f !important;
  font-weight:700 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.nav-menu .nav-link.active{
  text-shadow:0 0 8px rgba(29,220,79,.25) !important;
}
.nav-menu .theme-toggle-btn{
  min-width:44px !important;
  border:1px solid #0ecb45 !important;
  border-radius:12px !important;
  padding:8px 10px !important;
  background:rgba(18,27,22,.78) !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
}
.nav-currency-emoji{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
.nav-currency-emoji button{
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:14px !important;
  min-width:74px !important;
  padding:10px 12px !important;
  font-weight:700 !important;
  background:rgba(255,255,255,.03) !important;
  color:#d9e4d8 !important;
}
.nav-currency-emoji button.active{
  border-color:#35c06b !important;
  background:rgba(14,140,72,.24) !important;
  color:#dff6e8 !important;
}
.nav-favorite{ display:none !important; }
.mobile-menu-toggle{ color:#e8f0e8 !important; }

@media (max-width: 1100px){
  .nav-header{ width:calc(100% - 28px) !important; border-radius:16px !important; }
  .nav-brand{ min-width:unset !important; }
  .nav-menu{ gap:14px !important; }
}

@media (max-width: 767px){
  .nav-header{ padding:12px !important; gap:10px !important; }
  .nav-brand{ width:100% !important; justify-content:flex-start !important; gap:10px !important; min-width:0 !important; }
  .nav-description{
    font-size:.82rem !important;
    line-height:1.1 !important;
    max-width:calc(100% - 120px) !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .nav-description span:nth-child(2){ display:none !important; }
  .nav-menu{
    width:100% !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    background:rgba(15,25,18,.97) !important;
    border:1px solid rgba(64,192,104,.36) !important;
    border-radius:14px !important;
    padding:10px !important;
  }
  .nav-menu.active{ display:flex !important; }
  .nav-menu .nav-link, .nav-menu a.nav-link, .nav-menu button.nav-link{ text-align:center !important; }
  .nav-currency-emoji{ justify-content:center !important; }
}