.topbar-pro{
  position:sticky!important;
  top:0!important;
  z-index:60!important;
  background:#07101f!important;
  border-bottom:1px solid rgba(66,118,255,.28)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.nav-pro{
  min-height:62px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
}
.brand-pro{
  min-width:max-content!important;
  gap:10px!important;
  font-style:normal!important;
}
.brand-icon-pro{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  flex:0 0 42px!important;
  background:#10192b!important;
  border:1px solid rgba(79,126,255,.45)!important;
  box-shadow:0 0 0 2px rgba(255,64,89,.08),0 8px 22px rgba(0,0,0,.28)!important;
}
.brand-icon-pro img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:12px!important;
}
.brand-copy{
  display:flex!important;
  flex-direction:column!important;
  line-height:1.05!important;
}
.brand-copy strong{
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.brand-copy small{
  margin-top:4px!important;
  color:#8f98aa!important;
  font-size:7.5px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}

.navlinks-pro{
  margin-left:auto!important;
  margin-right:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  font-size:10px!important;
  font-weight:800!important;
}
.navlinks-pro a{
  padding:9px 10px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  color:#c8cede!important;
  white-space:nowrap!important;
}
.navlinks-pro a:after{display:none!important}
.navlinks-pro a:hover{
  color:#fff!important;
  background:#101a2d!important;
  border-color:rgba(94,130,255,.22)!important;
}
.navlinks-pro a.active{
  color:#fff!important;
  background:linear-gradient(180deg,#182857,#131d42)!important;
  border-color:#506fff!important;
  box-shadow:0 0 18px rgba(75,104,255,.18)!important;
}

.search-wrap-pro{
  margin-left:0!important;
  gap:7px!important;
}
.searchbox-pro{
  width:190px!important;
  height:34px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#0d1525!important;
  color:#fff!important;
  padding:0 11px!important;
  font-size:9px!important;
}
.searchbox-pro::placeholder{color:#70798c!important}
.theme-pro{
  width:auto!important;
  min-width:66px!important;
  height:34px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#111827!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:850!important;
}

/* Hướng dẫn ngắn để nút menu có đích thật */
.tao-guide-anchor{padding-top:18px!important;padding-bottom:0!important}
.tao-guide-inline{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 14px;border:1px solid rgba(255,64,89,.16);border-radius:13px;
  background:linear-gradient(90deg,rgba(255,64,89,.055),rgba(255,255,255,.018));
}
.tao-guide-inline div{display:flex;flex-direction:column;gap:3px}
.tao-guide-inline span{font-size:8px;font-weight:900;color:#ff7488;letter-spacing:.7px}
.tao-guide-inline strong{font-size:10px;color:#cfd1d8}
.tao-guide-inline a{font-size:9px;font-weight:850;color:#ff6379;white-space:nowrap}

@media(max-width:980px){
  .nav-pro{
    grid-template-columns:auto 1fr auto!important;
    gap:10px!important;
  }
  .navlinks-pro{gap:3px!important}
  .navlinks-pro a{padding:8px 7px!important;font-size:9px!important}
  .searchbox-pro{width:145px!important}
}
@media(max-width:760px){
  .topbar-pro{position:sticky!important}
  .nav-pro{
    min-height:58px!important;
    grid-template-columns:auto 1fr!important;
    gap:8px!important;
  }
  .brand-icon-pro{width:38px!important;height:38px!important;flex-basis:38px!important}
  .brand-copy strong{font-size:12px!important}
  .brand-copy small{font-size:6.5px!important}
  .search-wrap-pro{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
  }
  .searchbox-pro{display:none!important}
  .theme-pro{min-width:56px!important;font-size:8px!important}
  .navlinks-pro{
    grid-column:1/-1!important;
    margin:0!important;
    width:100%!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    padding-bottom:2px!important;
  }
  .navlinks-pro::-webkit-scrollbar{display:none}
  .navlinks-pro a{flex:0 0 auto!important}
}