/* A single clipped glass surface; SVG geometry morphs only during interaction. */
.store-nav { position:fixed;z-index:70;top:max(24px,calc(env(safe-area-inset-top) + 12px));right:max(24px,calc(env(safe-area-inset-right) + 12px));width:132px;height:132px;pointer-events:none;color:#151914;font-family:"Host Grotesk",Arial,sans-serif; }
.store-nav-geometry { position:absolute;width:0;height:0;overflow:hidden; }
.store-nav-glass { position:absolute;inset:0 -8px -8px 0;background:rgb(239 241 240 / .56);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);clip-path:url(#store-nav-outline); }
.store-nav :is(button,a) svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.store-nav-toggle { position:absolute;z-index:3;top:0;right:0;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffff8c;border-radius:50%;background:transparent;color:inherit;pointer-events:auto;transition:scale 180ms ease; }
.store-nav-toggle svg { position:absolute;transition:opacity 180ms ease,transform 280ms ease; }
.store-nav-close-icon { opacity:0;transform:rotate(-45deg) scale(.7); }
.store-nav[data-open=true] .store-nav-menu-icon { opacity:0;transform:scale(.7); }
.store-nav[data-open=true] .store-nav-close-icon { opacity:1;transform:rotate(0) scale(1); }
.store-nav-action { position:absolute;z-index:2;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:60px;height:60px;padding:5px;border:1px solid #ffffff80;border-radius:50%;font-size:12px;line-height:1.2;font-weight:500;text-decoration:none;color:inherit;opacity:0;pointer-events:none;transform-origin:center; }
.store-nav[data-ready=true] .store-nav-action { pointer-events:auto; }
.store-nav-actions[inert] .store-nav-action { pointer-events:none; }
.store-nav-count { position:absolute;top:-3px;right:-2px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:1px solid #ffffffa6;border-radius:12px;background:#f0f2efed;color:#293e25;font-size:10px;font-variant-numeric:tabular-nums; }
body .store-nav :is(a,button):focus-visible { outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #293e25; }
body .store-nav-toggle:active,body .store-nav-action:active { scale:.94; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .store-nav-glass { background:#eef0ec; } }
@media(prefers-reduced-transparency:reduce) { .store-nav-glass { background:#eef0ec;backdrop-filter:none;-webkit-backdrop-filter:none; } }
@media(prefers-reduced-motion:reduce) { .store-nav-toggle,.store-nav-toggle svg { transition:none; } }

/* Match each existing header baseline without moving the accepted home control. */
body:not(.home-route) .store-nav { top:max(18px,env(safe-area-inset-top));right:max(var(--gutter),env(safe-area-inset-right)); }
body.chair-story-route .store-nav { top:max(22px,env(safe-area-inset-top)); }
.store-nav-action[aria-current=page]>span:first-of-type { text-decoration:underline;text-underline-offset:3px; }
body .store-nav :is(a,button):active { transform:none; }
@media(min-width:701px) and (max-width:1100px) { body.chair-story-route .store-nav { right:30px; } }
@media(max-width:700px) { body:not(.home-route) .store-nav { top:max(14px,env(safe-area-inset-top)); } }