/* Universal mobile/tablet hamburger nav — works across every skin.
   Desktop (>900px): hidden, each skin's own nav shows.
   Tablet/mobile (<=900px): inline navs hidden, hamburger + overlay used. */
.mnav-btn{display:none}
.mnav-overlay{display:none}

@media(max-width:900px){
  /* hide the per-skin inline navs */
  .g-nav, .s-nav, .m-nav, .u-nav, .st-nav, .p-side{display:none !important}

  .mnav-btn{
    position:fixed; top:10px; right:10px; z-index:1100;
    display:flex; flex-direction:column; justify-content:center; gap:5px;
    width:46px; height:46px; padding:11px; box-sizing:border-box;
    background:var(--c,#222); border:0; border-radius:11px; cursor:pointer;
    box-shadow:0 6px 18px -6px rgba(0,0,0,.5);
  }
  .mnav-btn span{display:block; height:2.5px; width:100%; background:#fff; border-radius:2px;
    transition:transform .25s, opacity .2s}
  .mnav-btn.is-open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .mnav-btn.is-open span:nth-child(2){opacity:0}
  .mnav-btn.is-open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

  .mnav-overlay{
    display:block; position:fixed; inset:0; z-index:1090;
    background:rgba(10,10,16,.55); backdrop-filter:blur(2px);
    opacity:0; pointer-events:none; transition:opacity .25s;
  }
  .mnav-overlay.is-open{opacity:1; pointer-events:auto}
  .mnav-panel{
    position:absolute; top:0; right:0; height:100%; width:min(82vw,340px);
    background:#fff; box-shadow:-12px 0 40px -16px rgba(0,0,0,.6);
    transform:translateX(100%); transition:transform .28s ease;
    overflow-y:auto; padding:72px 0 24px; -webkit-overflow-scrolling:touch;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  }
  .mnav-overlay.is-open .mnav-panel{transform:translateX(0)}
  .mnav-head{padding:0 22px 12px; font-size:13px; text-transform:uppercase;
    letter-spacing:.6px; color:#9aa0ac}
  .mnav-panel a{display:block; padding:13px 22px; color:#1c1f26; font-size:16px;
    font-weight:500; text-decoration:none; border-bottom:1px solid #f0f1f4}
  .mnav-panel a:hover{background:#f6f7f9}
  .mnav-panel a.mnav-cta{margin:14px 22px 0; padding:13px 18px; border:0; border-radius:999px;
    text-align:center; color:#fff; background:var(--c,#222); font-weight:700}
}