a{transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease;text-decoration-thickness:2px;text-underline-offset:5px}
a:focus-visible,.menu-toggle:focus-visible{outline:2px solid var(--rose);outline-offset:5px}
@media(hover:hover){
 a:hover{color:var(--rose)}
 a:not(.button):not(.logo):not(.skip):hover{text-decoration:underline;text-decoration-color:var(--rose)}
 a.logo:hover{transform:translateY(-2px);filter:drop-shadow(0 3px 5px #dda0b130)}
 a.button:hover{background:#765544;color:var(--cream);box-shadow:0 5px 14px #76554426;transform:translateY(-2px)}
 a.button.secondary:hover{background:var(--pink);color:var(--brown)}
 header nav a:hover{background:#f8e5e7;border-radius:8px;text-decoration:none;box-shadow:0 2px 0 var(--rose)}
}
header nav a{padding:8px 5px}
.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--cream);color:var(--brown);cursor:pointer;flex-shrink:0}
.menu-icon{width:20px;height:16px;position:relative}
.menu-icon span{position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease,top .2s ease}
.menu-icon span:nth-child(1){top:0}.menu-icon span:nth-child(2){top:7px}.menu-icon span:nth-child(3){top:14px}
.menu-toggle[aria-expanded=true] .menu-icon span:nth-child(1){top:7px;transform:rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-icon span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] .menu-icon span:nth-child(3){top:7px;transform:rotate(-45deg)}
@media(max-width:1000px){
 header{gap:12px;position:relative;align-items:center;padding:18px 24px}
 header>.logo{margin-right:auto;min-width:0}
 .menu-toggle{display:flex;order:2}
 header>.bag{order:1;margin-left:0}
 header nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:4px;overflow:visible;white-space:normal;padding:14px 0 4px;border-top:1px solid var(--line);font-size:16px}
 header nav[data-open=true]{display:flex;animation:appear .2s ease}
 header nav a{padding:12px 16px;border-radius:12px;min-height:44px}
 header nav a[aria-current=page]{background:var(--pink)}
}
@media(max-width:400px){header{padding:16px 14px;gap:8px}header .logo{font-size:18px}header .logo small{font-size:8px;letter-spacing:.07em}header .bag{padding:8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){a,.menu-icon span{transition:none}}