/* GhostBase Menu Unificado V2.3 — fonte única para desktop e mobile */
html.gb-mobile-menu-lock,
body.gb-mobile-menu-open{overflow:hidden;overscroll-behavior:none}

.site-header{
  position:sticky!important;top:0!important;z-index:5000!important;
  width:100%!important;background:rgba(5,10,13,.96)!important;
  border:0!important;border-bottom:1px solid rgba(124,151,162,.18)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(18px)!important;
}
.site-header *{box-sizing:border-box}
.site-header .brand{color:#f5f7f8!important;text-decoration:none!important}
.site-header .brand-logo-image,.site-header .brand-emblem{
  display:grid!important;place-items:center!important;overflow:hidden!important;
  border-radius:12px!important;background:#0c1519!important;
}
.site-header .brand-logo-image img{width:100%!important;height:100%!important;object-fit:contain!important}
.site-header .brand strong{display:block!important;line-height:1.05!important;font-weight:900!important}
.site-header .brand small{display:block!important;margin-top:4px!important;line-height:1!important;color:#82929a!important}
.site-header .main-nav a,.site-header .main-nav button{font-family:inherit!important;text-decoration:none!important}
.site-header .nav-drop{position:relative!important}
.site-header .nav-drop>button{cursor:pointer!important}
.site-header .mobile-toggle{cursor:pointer!important}

@media(min-width:1500px){
  html.gb-mobile-menu-lock,body.gb-mobile-menu-open{overflow:auto}
  .site-header .nav-shell{
    width:min(1680px,calc(100% - 40px))!important;max-width:1680px!important;
    height:66px!important;min-height:66px!important;margin:0 auto!important;padding:0!important;
    display:grid!important;grid-template-columns:175px minmax(0,1fr)!important;
    align-items:center!important;gap:18px!important;
  }
  .site-header .brand{
    position:static!important;transform:none!important;display:flex!important;align-items:center!important;
    width:175px!important;min-width:175px!important;max-width:175px!important;margin:0!important;gap:9px!important;
  }
  .site-header .brand-logo-image,.site-header .brand-emblem{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .site-header .brand strong{font-size:12.5px!important;letter-spacing:.11em!important;white-space:nowrap!important}
  .site-header .brand small{font-size:6.5px!important;white-space:nowrap!important}
  .site-header .mobile-toggle{display:none!important}
  .site-header .main-nav{
    position:static!important;inset:auto!important;transform:none!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;
    margin:0!important;padding:0!important;gap:clamp(7px,.55vw,11px)!important;overflow:visible!important;
    background:none!important;border:0!important;box-shadow:none!important;
    font-size:clamp(9.8px,.56vw,11px)!important;white-space:nowrap!important;
  }
  .site-header .main-nav>a,.site-header .main-nav>.nav-drop>button{
    position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:36px!important;
    margin:0!important;padding:0 4px!important;border:0!important;border-radius:9px!important;
    background:transparent!important;color:#cbd4d8!important;font-size:inherit!important;font-weight:720!important;
    line-height:1!important;white-space:nowrap!important;box-shadow:none!important;
  }
  .site-header .main-nav>a:hover,.site-header .main-nav>.nav-drop>button:hover,
  .site-header .main-nav>.nav-drop.is-open>button{color:#fff!important;background:rgba(255,121,13,.07)!important}
  .site-header .main-nav>a:not(.store-link)::after{
    content:"";position:absolute;left:50%;right:50%;bottom:3px;height:2px;border-radius:2px;
    background:#ff790d;transition:left .18s ease,right .18s ease;
  }
  .site-header .main-nav>a:not(.store-link):hover::after{left:7px;right:7px}
  .site-header .main-nav>a.store-link{
    min-height:34px!important;padding:0 10px!important;border:1px solid rgba(255,121,13,.58)!important;
    border-radius:10px!important;background:rgba(255,121,13,.035)!important;color:#eef2f3!important;
  }
  .site-header .main-nav>a.store-link:hover{border-color:#ff790d!important;background:rgba(255,121,13,.1)!important}
  .site-header .gb-nav-search{gap:5px!important;padding-inline:6px!important}
  .site-header .gb-nav-search svg{width:15px!important;height:15px!important;fill:none!important;stroke:#ff790d!important;stroke-width:1.8!important}
  .site-header .nav-chevron{display:inline-block!important;margin-left:5px!important}
  .site-header .drop-menu{
    display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;
    transform:translateX(-50%)!important;min-width:230px!important;max-width:min(920px,calc(100vw - 32px))!important;
    padding:10px!important;border:1px solid rgba(124,151,162,.22)!important;border-radius:14px!important;
    background:#091216!important;box-shadow:0 24px 70px rgba(0,0,0,.55)!important;
  }
  .site-header .nav-drop:hover>.drop-menu,.site-header .nav-drop.is-open>.drop-menu{display:block!important}
  .site-header .community-nav>.community-drop{
    left:auto!important;right:-130px!important;transform:none!important;width:min(900px,calc(100vw - 40px))!important;
    display:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:14px!important;
  }
  .site-header .community-nav:hover>.community-drop,.site-header .community-nav.is-open>.community-drop{display:grid!important}
  .site-header .drop-menu a{border-radius:9px!important}
}

@media(min-width:1500px) and (max-width:1740px){
  .site-header .nav-shell{width:calc(100% - 24px)!important;grid-template-columns:154px minmax(0,1fr)!important;gap:8px!important}
  .site-header .brand{width:154px!important;min-width:154px!important;max-width:154px!important;gap:6px!important}
  .site-header .brand-logo-image,.site-header .brand-emblem{width:36px!important;height:36px!important;flex-basis:36px!important}
  .site-header .brand strong{font-size:11px!important}.site-header .brand small{font-size:6px!important}
  .site-header .main-nav{gap:4px!important;font-size:8.8px!important}
  .site-header .main-nav>a,.site-header .main-nav>.nav-drop>button{padding-inline:2px!important}
  .site-header .main-nav>a.store-link{padding-inline:7px!important}
}

@media(max-width:1499px){
  .site-header .nav-shell{
    width:min(100% - 24px,1180px)!important;height:64px!important;min-height:64px!important;
    margin:0 auto!important;padding:0!important;display:flex!important;align-items:center!important;gap:12px!important;
  }
  .site-header .brand{
    position:static!important;transform:none!important;display:flex!important;align-items:center!important;
    flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;gap:9px!important;
  }
  .site-header .brand-logo-image,.site-header .brand-emblem{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .site-header .brand strong{font-size:12px!important;letter-spacing:.11em!important;white-space:nowrap!important}
  .site-header .brand small{font-size:6.5px!important;white-space:nowrap!important}
  .site-header .mobile-toggle{
    display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;
    margin-left:auto!important;padding:0!important;border:1px solid rgba(124,151,162,.3)!important;border-radius:13px!important;
    background:#0a1419!important;color:#fff!important;font-size:0!important;box-shadow:none!important;
  }
  .site-header .mobile-toggle::before{content:"☰";font-size:19px;line-height:1}
  .site-header .mobile-toggle[aria-expanded="true"]::before{content:"×";font-size:27px;font-weight:300}
  .site-header .main-nav{
    display:none!important;position:fixed!important;z-index:4999!important;inset:64px 0 0!important;
    width:100%!important;height:calc(100dvh - 64px)!important;max-width:none!important;margin:0!important;
    padding:10px max(14px,calc((100vw - 720px)/2)) calc(24px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
    background:radial-gradient(circle at 100% 0,rgba(255,121,13,.07),transparent 28%),#071014!important;
    border-top:1px solid rgba(124,151,162,.14)!important;box-shadow:none!important;
  }
  .site-header .main-nav.open{display:block!important}
  .site-header .main-nav>a,.site-header .main-nav>.nav-drop>button{
    position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
    width:100%!important;min-height:43px!important;margin:0 0 5px!important;padding:0 42px 0 14px!important;
    border:1px solid rgba(124,151,162,.16)!important;border-radius:12px!important;
    background:rgba(255,255,255,.018)!important;color:#e5ebed!important;font-size:13px!important;font-weight:760!important;
    line-height:1.2!important;text-align:left!important;box-shadow:none!important;
  }
  .site-header .main-nav>a:hover,.site-header .main-nav>.nav-drop>button:hover{border-color:rgba(255,121,13,.35)!important;background:rgba(255,121,13,.05)!important}
  .site-header .main-nav>.nav-drop{display:block!important;width:100%!important;margin:0!important}
  .site-header .main-nav>.nav-drop>button::after{
    content:"+"!important;position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;
    display:grid!important;place-items:center!important;width:26px!important;height:26px!important;color:#ff790d!important;font-size:20px!important;
  }
  .site-header .main-nav>.nav-drop.is-open>button::after{content:"−"!important}
  .site-header .nav-chevron{display:none!important}
  .site-header .main-nav .drop-menu,.site-header .main-nav .community-drop{
    display:none!important;position:static!important;width:100%!important;min-width:0!important;max-width:none!important;
    margin:-1px 0 9px!important;padding:8px!important;transform:none!important;overflow:visible!important;
    border:1px solid rgba(124,151,162,.14)!important;border-radius:12px!important;background:#091419!important;box-shadow:none!important;
  }
  .site-header .main-nav .nav-drop.is-open>.drop-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .site-header .main-nav .community-drop-section{display:contents!important}
  .site-header .main-nav .community-drop-title{
    grid-column:1/-1!important;display:block!important;padding:10px 7px 3px!important;
    color:#ff790d!important;font-size:9px!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important;
  }
  .site-header .main-nav .drop-menu a,.site-header .main-nav .community-drop a{
    display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;
    width:100%!important;min-height:47px!important;margin:0!important;padding:6px 9px!important;
    border:1px solid rgba(124,151,162,.1)!important;border-radius:9px!important;
    background:rgba(255,255,255,.018)!important;color:#d8e0e3!important;font-size:11px!important;
  }
  .site-header .main-nav .community-icon{width:30px!important;height:30px!important;border-radius:8px!important}
  .site-header .main-nav .community-icon svg{width:16px!important;height:16px!important}
  .site-header .main-nav .community-drop a strong{display:block!important;font-size:11px!important;line-height:1.25!important}
  .site-header .main-nav .community-drop a small{display:block!important;margin-top:2px!important;color:#82949c!important;font-size:9px!important;line-height:1.3!important}
  .site-header .main-nav .community-market-divider-v2313{display:none!important}
  .site-header .main-nav .gb-nav-search,.site-header .main-nav .store-link{border-color:rgba(255,121,13,.4)!important;background:rgba(255,121,13,.04)!important}
  .site-header .main-nav .gb-nav-search{gap:8px!important}
  .site-header .main-nav .gb-nav-search svg{width:16px!important;height:16px!important;fill:none!important;stroke:#ff790d!important;stroke-width:1.8!important}
}

@media(max-width:620px){
  .site-header .nav-shell{width:calc(100% - 24px)!important}
  .site-header .brand strong{font-size:12px!important}.site-header .brand small{font-size:6.5px!important}
  .site-header .main-nav{padding:8px 10px calc(20px + env(safe-area-inset-bottom))!important}
  .site-header .main-nav>a,.site-header .main-nav>.nav-drop>button{min-height:42px!important;margin-bottom:5px!important;font-size:12px!important}
  .site-header .main-nav .nav-drop.is-open>.drop-menu{grid-template-columns:1fr!important;padding:7px!important}
}

@media(max-width:390px){
  .site-header .brand small{display:none!important}
}
