.submenu-toggle{display:none}

@media(max-width:1000px){
  body.nav-open{overflow:hidden}
  .topbar{z-index:110}
  .top-inner{position:relative}
  .menu{
    position:relative;z-index:112;display:block;flex:0 0 44px;width:44px;height:44px;
    padding:0;border:1px solid var(--line);border-radius:6px;background:var(--paper);
    color:transparent!important;font-size:0!important;cursor:pointer
  }
  .menu::before,.menu::after{
    content:"";position:absolute;left:11px;width:20px;height:2px;
    background:var(--ink);border-radius:2px;transition:transform .22s ease,top .22s ease
  }
  .menu::before{top:15px;box-shadow:0 6px 0 var(--ink)}
  .menu::after{top:27px}
  .menu[aria-expanded="true"]::before{top:21px;box-shadow:none;transform:rotate(45deg)}
  .menu[aria-expanded="true"]::after{top:21px;transform:rotate(-45deg)}
  .topbar nav{
    display:flex!important;position:fixed!important;left:0!important;right:0!important;top:86px!important;
    z-index:111!important;max-height:0!important;overflow:hidden!important;flex-direction:column!important;
    gap:0!important;padding:0 22px!important;border:0!important;background:var(--paper)!important;
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);
    transition:max-height .3s ease,opacity .2s ease,transform .2s ease,visibility .2s!important
  }
  .topbar nav.open{
    max-height:calc(100dvh - 86px)!important;overflow-y:auto!important;padding-top:15px!important;
    padding-bottom:28px!important;opacity:1;visibility:visible;pointer-events:auto;transform:none
  }
  .topbar nav>a,.nav-dropdown>a{
    display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;
    min-height:52px!important;height:auto!important;padding:14px 8px!important;border:0!important;
    border-bottom:1px solid var(--line)!important;font-size:.95rem!important;
    text-transform:none!important;letter-spacing:normal!important
  }
  .topbar nav a.active{background:transparent!important;color:var(--blue)!important}
  .topbar nav a.active::after{display:none!important}
  .nav-dropdown{
    position:relative!important;display:grid!important;grid-template-columns:1fr 48px!important;
    width:100%!important;align-items:center
  }
  .nav-dropdown>a{grid-column:1/2;grid-row:1}
  .nav-dropdown>a>span{display:none}
  .submenu-toggle{
    display:grid;grid-column:2;grid-row:1;place-items:center;width:44px;height:44px;
    padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer
  }
  .submenu-toggle span{position:relative;width:14px;height:14px}
  .submenu-toggle span::before,.submenu-toggle span::after{
    content:"";position:absolute;left:1px;top:6px;width:12px;height:2px;
    background:currentColor;transition:transform .2s ease
  }
  .submenu-toggle span::after{transform:rotate(90deg)}
  .submenu-toggle[aria-expanded="true"] span::after{transform:rotate(0)}
  .submenu{
    grid-column:1/-1;grid-row:2;position:static!important;width:100%!important;max-height:0!important;
    overflow:hidden!important;margin:0!important;padding:0 8px!important;border:0!important;
    border-left:3px solid var(--orange)!important;border-radius:0!important;background:var(--paper)!important;
    box-shadow:none!important;opacity:0!important;visibility:hidden!important;transform:none!important;
    transition:max-height .28s ease,opacity .2s ease,padding .2s ease!important
  }
  .nav-dropdown.submenu-open .submenu{
    max-height:430px!important;overflow-y:auto!important;padding-top:6px!important;
    padding-bottom:7px!important;opacity:1!important;visibility:visible!important
  }
  .submenu::before,.submenu-heading{display:none!important}
  .topbar nav .submenu>a{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:43px!important;padding:10px 11px!important;border-bottom:1px solid var(--line)!important;
    font-size:.82rem!important
  }
  .topbar nav .submenu>a:last-child{border-bottom:0!important}
  .mobile-nav-backdrop{
    position:fixed;inset:86px 0 0;z-index:109;background:rgba(3,12,18,.68);
    opacity:0;visibility:hidden;transition:.2s
  }
  .mobile-nav-backdrop.open{opacity:1;visibility:visible}
}

@media(max-width:560px){
  .top-inner{gap:8px}
  .brand{min-width:0;font-size:.88rem}
  .brand-mark{width:40px!important;height:40px!important;flex:0 0 40px}
  .brand small{font-size:.46rem}
  .header-actions{margin-left:auto}
  .cart-link::before{content:"Request"!important;font-size:.69rem!important}
  .menu{width:42px;height:42px;flex-basis:42px}
  .topbar nav{padding-left:16px!important;padding-right:16px!important}
}

@media(max-width:380px){
  .brand>span:last-child{font-size:.78rem}
  .brand small{letter-spacing:.1em}
  .cart-link::before{content:"List"!important}
  .cart-count{margin-left:2px}
}