.section-shortcuts{position:fixed;z-index:45;left:6px;top:calc(var(--shortcut-header-edge,250px) + 12px);bottom:18px;width:116px;display:flex;align-items:center;pointer-events:none}
.section-shortcuts-list{display:flex;flex-direction:column;gap:8px;width:116px;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9eafb8 transparent;pointer-events:auto;padding:3px 0}
.section-shortcut{display:grid;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:8px;flex:0 0 44px;width:108px;height:44px;padding:0 9px;box-sizing:border-box;border:1px solid #ffffffb3;border-radius:12px;background:var(--shortcut-color);color:#fff;box-shadow:0 3px 8px #0b203026;text-decoration:none;transition:filter .18s,border-radius .18s}
.section-shortcut svg{width:23px;height:23px;pointer-events:none}
.section-shortcut-label{font-size:11px;line-height:1.2;font-weight:700;white-space:nowrap;pointer-events:none}
.section-shortcut:hover{filter:brightness(1.16);border-radius:16px}
.section-shortcut:focus-visible{outline:2px solid #0b2030;outline-offset:-3px;filter:brightness(1.16)}
body.no-scroll .section-shortcuts{visibility:hidden}
/* Keep the rail in a gutter rather than on top of product cards and text. */
.has-section-shortcuts main .container{width:min(100% - 172px,1400px);margin-left:max(136px,calc((100% - 1400px)/2));margin-right:auto}
@media(max-width:720px){.section-shortcuts{left:4px;width:96px;bottom:max(12px,env(safe-area-inset-bottom))}.section-shortcuts-list{gap:7px;width:96px}.has-section-shortcuts main .container{width:calc(100% - 132px);margin-left:112px;margin-right:20px}.section-shortcut{width:88px;padding:0 6px;gap:5px;border-radius:10px}.section-shortcut-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.section-shortcut{transition:none}}