.customer-nav{gap:8px;border:0;background:transparent}
.customer-nav button{min-height:52px;border:1px solid #34383d!important;border-radius:8px;background:linear-gradient(145deg,#181b1e,#0e1012);padding:7px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.24);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.customer-nav button:last-child{border-right:1px solid #34383d}
.customer-nav button:hover,.customer-nav button:focus-visible{transform:translateY(-2px);border-color:var(--red)!important;background:linear-gradient(145deg,#24272b,#151719);box-shadow:0 10px 24px rgba(0,0,0,.34),0 0 0 1px rgba(237,28,36,.12);outline:0}
.customer-nav .nav-icon{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:rgba(237,28,36,.12);border:1px solid rgba(237,28,36,.28);color:var(--red);flex:0 0 auto}
.customer-nav .nav-icon svg{width:17px;height:17px;fill:currentColor}
.customer-nav .cart-toggle{border:1px solid rgba(237,28,36,.65)!important;background:linear-gradient(145deg,#221719,#121315);margin-left:0}
.customer-nav .cart-toggle:hover,.customer-nav .cart-toggle:focus-visible{background:linear-gradient(145deg,#35191c,#171315)}
.customer-nav .cart-toggle b{box-shadow:0 0 0 2px #111315}
.customer-nav [data-account-label]{display:block;max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:720px){.customer-nav{gap:7px;padding:1px 0 3px}.customer-nav button{min-height:48px;padding:6px 11px}.customer-nav .nav-icon{display:grid;width:29px;height:29px}.customer-nav .nav-icon svg{width:15px;height:15px}}
