/* Melnet topbar — clean */
.topbar{
  position:sticky;top:0;z-index:1000;
  background:#071F3D;color:#fff;
  height:64px;width:100%;
  box-shadow:0 2px 12px rgba(0,0,0,.15)
}
.topbar.scrolled{box-shadow:0 8px 28px rgba(0,0,0,.22)}
.topbar-inner{
  max-width:1200px;margin:0 auto;padding:0 20px;height:100%;
  display:flex;align-items:center;gap:16px;
  position:relative
}
.topbar .logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.topbar .logo img{height:36px;width:auto;max-width:180px;object-fit:contain;display:block}

.top-nav{
  display:flex;align-items:center;justify-content:center;
  flex:1;gap:0;font-size:.8rem;font-weight:600
}
.top-nav a{
  color:rgba(255,255,255,.88);text-decoration:none;
  padding:0 12px;position:relative;white-space:nowrap;
  transition:color .15s;line-height:64px
}
.top-nav a:hover,.top-nav a.active{color:#72D900}
.top-nav a:not(:last-child)::after{
  content:'';position:absolute;right:0;top:50%;
  transform:translateY(-50%);width:1px;height:14px;
  background:rgba(255,255,255,.18)
}

.topbar-actions{
  display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto
}
.tb-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:9px 16px;border-radius:99px;font-weight:800;font-size:.82rem;
  white-space:nowrap;text-decoration:none;border:0;line-height:1.2;transition:.15s
}
.tb-btn svg{width:15px;height:15px;flex-shrink:0}
.tb-wa{background:#25D366;color:#fff}
.tb-wa:hover{background:#1ebe57;transform:scale(1.03)}
.tb-assine{background:#FFD60A;color:#071F3D}
.tb-assine:hover{background:#FFC107;transform:scale(1.03)}

.menu-toggle{
  display:none;width:42px;height:42px;border:0;border-radius:10px;
  background:rgba(255,255,255,.1);color:#fff;cursor:pointer;
  place-items:center;flex-shrink:0;padding:0
}
.menu-toggle svg{width:22px;height:22px}

@media(max-width:1100px){
  .top-nav{font-size:.74rem}
  .top-nav a{padding:0 9px}
}
@media(max-width:900px){
  .menu-toggle{display:grid}
  .topbar-actions .tb-wa{display:none}
  .top-nav{
    display:none;position:absolute;top:64px;left:0;right:0;
    background:#071F3D;flex-direction:column;align-items:stretch;
    padding:8px 0 16px;border-top:1px solid rgba(255,255,255,.1);
    box-shadow:0 16px 40px rgba(0,0,0,.4);z-index:999
  }
  .topbar.open .top-nav{display:flex}
  .top-nav a{
    line-height:1.3;padding:14px 22px;width:100%;
    border-bottom:1px solid rgba(255,255,255,.06)
  }
  .top-nav a:not(:last-child)::after{display:none}
}
@media(max-width:620px){
  .topbar{height:56px}
  .topbar .logo img{height:30px;max-width:140px}
  .topbar.open .top-nav,.top-nav{top:56px}
}

.top-nav a{display:inline-flex;align-items:center;gap:6px}
.top-nav .nav-ico{width:14px;height:14px;flex-shrink:0;opacity:.85}
.top-nav a:hover .nav-ico,.top-nav a.active .nav-ico{opacity:1;color:#72D900}
@media(max-width:900px){
  .top-nav a{display:flex;gap:10px}
  .top-nav .nav-ico{width:16px;height:16px}
}


.topbar-actions .tb-wa{display:none!important}
.tb-assine{
  display:inline-flex!important;align-items:center!important;gap:8px!important
}
.tb-assine svg{width:15px;height:15px!important;width:15px!important;height:15px!important;flex-shrink:0!important}