.menu-toggle{display:none;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:var(--radius-sm);width:38px;height:38px;font-size:20px;cursor:pointer;transition:var(--transition)}
.menu-toggle:hover{border-color:var(--peach);color:var(--peach)}
.nav nav{display:flex;align-items:center}
@media(max-width:700px){.nav{position:relative}.menu-toggle{display:block;margin-left:auto;margin-right:10px;z-index:101}.nav nav{display:none;position:absolute;left:4%;right:4%;top:calc(100% + 8px);padding:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;align-items:stretch;gap:2px;z-index:100}.nav nav.open{display:flex}.nav nav a{color:var(--ink)!important;padding:12px 16px!important;border-radius:var(--radius-sm);font-size:14px!important;transition:all .2s}.nav nav a:hover{background:var(--s-soft)}.bag{font-size:22px}}