/* NIR navigation guard — one navigation system at a time */
.mobile-menu-toggle,
.mobile-nav-panel{
  display:none!important;
}
.desktop-nav{
  display:flex!important;
}

/* Compact desktop/tablet-landscape header. Keeps the dock; no hamburger. */
@media (min-width:901px) and (max-width:1050px){
  .site-header,.mp-site-header,.site-header.is-solid,.mp-site-header.is-solid{
    position:sticky!important;
    top:0!important;
  }
  .nav-shell{
    width:100%!important;
    max-width:1180px!important;
    height:68px!important;
    padding:0 18px!important;
    gap:12px!important;
    margin:0 auto!important;
  }
  .brand{gap:8px!important;flex:0 0 auto!important}
  .brand img{width:40px!important;height:40px!important;flex:0 0 40px!important}
  .brand span{display:grid!important}
  .brand strong{font-size:19px!important}
  .brand small{font-size:7px!important}
  .desktop-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    overflow:visible!important;
    margin:auto!important;
    min-width:0!important;
  }
  .desktop-nav a{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    min-height:42px!important;
    padding:0 11px!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  .desktop-nav a span{display:inline!important;font-size:11px!important}
  .desktop-nav .dock-icon{display:block!important;width:13px!important;height:13px!important}
  .nav-actions{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important}
  .nav-link-button{display:none!important}
  .account-button,.cart-button{height:42px!important;min-height:42px!important;padding:0 11px!important;border-radius:11px!important}
  .account-button span,.cart-button span{font-size:11px!important}
  .mobile-menu-toggle,.mobile-nav-panel{display:none!important}
}

/* Small screens: hamburger only. Never show the desktop dock at the same time. */
@media (max-width:900px){
  .top-note{display:none!important}
  .desktop-nav{display:none!important}
  .mobile-menu-toggle{
    display:grid!important;
    place-items:center!important;
  }
  .mobile-nav-panel{
    display:none!important;
    position:fixed!important;
    top:64px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    margin:0!important;
    z-index:1000!important;
    padding:10px!important;
    border-radius:16px!important;
    background:#171512!important;
    border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:0 22px 54px rgba(0,0,0,.45)!important;
    max-height:calc(100dvh - 76px)!important;
    overflow:auto!important;
  }
  .mobile-nav-panel.open{
    display:grid!important;
  }
  .site-header,.mp-site-header,.site-header.is-solid,.mp-site-header.is-solid{
    position:sticky!important;
    top:0!important;
    z-index:990!important;
  }
  .nav-shell{
    width:100%!important;
    max-width:none!important;
    height:64px!important;
    padding:0 14px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .brand{min-width:0!important;flex:0 1 auto!important}
  .nav-actions{margin-left:auto!important;flex:0 0 auto!important}
  .nav-link-button{display:none!important}
}

@media (max-width:600px){
  .nav-shell{height:60px!important;padding:0 12px!important}
  .brand img{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .brand span{display:none!important}
  .account-button{display:none!important}
  .cart-button{height:44px!important;min-width:48px!important;padding:0 9px!important}
  .cart-button span{display:none!important}
  .mobile-menu-toggle{width:44px!important;min-width:44px!important;height:44px!important;padding:0!important}
  .mobile-nav-panel{top:60px!important;max-height:calc(100dvh - 70px)!important}
}