.mobile-nav{display:none;position:relative;color:var(--cream);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.mobile-nav summary{cursor:pointer;list-style:none;border:1px solid var(--line);padding:12px 10px;user-select:none}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav[open] summary{border-color:var(--gold)}
.mobile-nav div{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:210px;padding:8px;background:#121210;border:1px solid var(--line);box-shadow:0 14px 30px #0008}
.mobile-nav a{display:block;padding:13px 12px;border-bottom:1px solid var(--line)}
.mobile-nav a:last-child{border-bottom:0}
.mobile-nav a[aria-current="page"]{color:var(--gold)}
@media(max-width:850px){.mobile-nav{display:block}.nav{gap:10px}.nav>.brand,.nav>.bag-button,.nav>.secondary-button{flex:0 0 auto}}
@media(max-width:420px){.mobile-nav summary{padding:11px 8px}.nav{padding-left:4vw;padding-right:4vw}.nav .bag-button{padding-left:10px;padding-right:10px}.nav>.secondary-button{padding-left:10px;padding-right:10px}}