/* ── Mobile Nav — hamburger + collapse on scroll ── */
#nav-ham{display:none;flex-direction:column;justify-content:space-between;
  width:34px;height:24px;background:none;border:none;cursor:pointer;padding:0;
  margin-left:auto;flex-shrink:0;order:99}
#nav-ham span{display:block;width:100%;height:2.5px;background:var(--ink);
  border-radius:2px;transition:transform .22s ease,opacity .22s ease}
#nav-ham.is-open span:nth-child(1){transform:translateY(10.75px) rotate(45deg)}
#nav-ham.is-open span:nth-child(2){opacity:0}
#nav-ham.is-open span:nth-child(3){transform:translateY(-10.75px) rotate(-45deg)}

@media(max-width:720px){
  #nav-ham{display:flex;margin-left:auto;order:99}
  /* Logo stays left, hamburger right — nav-links is an absolute dropdown */
  .nav-inner{flex-wrap:nowrap}
  .nav-links{margin-left:0}
  .nav{position:sticky;top:0;z-index:200;transition:box-shadow .2s}
  .nav-inner{position:relative}
  .nav-links{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--paper);border-top:2px solid var(--line);
    border-bottom:2px solid var(--line);flex-direction:column;
    padding:10px 0 14px;box-shadow:0 8px 24px -6px rgba(28,25,22,.18);z-index:99
  }
  .nav-links.nav-open{display:flex}
  .nav-links a{padding:10px 20px;border-radius:0;font-size:15px;border-left:3px solid transparent}
  .nav-links a:hover,.nav-links a.active{border-left-color:var(--blue)}
  .nav-links .nl-merch,.nav-links .nl-fund,.nav-links .nl-crew{
    margin:4px 14px;border-radius:10px;text-align:center;justify-content:center}
  #pw-nav-group{margin:4px 14px}
  /* Scroll-collapsed state: shrink to icon + hamburger */
  .nav.nav-collapsed .nav-inner{height:46px}
  .nav.nav-collapsed .logo span:not(.pokeball){
    font-size:0;overflow:hidden;width:0;margin:0;padding:0}
  .nav.nav-collapsed .logo .logo-img{width:28px;height:28px;object-fit:contain}
}