/* Hallmark · component: shared shopper action rail · genre: atmospheric · tone: quiet utility · palette: Maraya plum
 * macrostructure: reel-matched floating action matrix · states: default · hover · focus · active · disabled · loading · error · success
 * pre-emit critique: P5 H5 E5 S5 R5 V5 · contrast: pass (40–41) · mobile: pass (34, 49–57) · slop: pass
 */
html,body{overflow-x:clip}
.utility-reel-page{padding-bottom:0!important}
.utility-reel-page>.bottom-nav,.utility-reel-page>.legacy-bottom-nav,.utility-rail{display:none!important}
.utility-reel-page>main{width:min(100%,960px);margin-inline:auto}
.shopper-rail{--rail-size:50px;--rail-step:58px;position:fixed;z-index:95;top:50%;right:max(8px,calc((100% - 960px)/2 + 8px),env(safe-area-inset-right));width:calc(var(--rail-step) * 3 + var(--rail-size));height:calc(var(--rail-step) * 5 + var(--rail-size));transform:translateY(-50%);pointer-events:none}
.shopper-rail.is-guest{height:calc(var(--rail-step) * 4 + var(--rail-size))}
.shopper-rail a{position:absolute;width:var(--rail-size);height:var(--rail-size);display:grid;place-items:center;border:1px solid var(--control-line);border-radius:50%;background:var(--control-surface);color:var(--control-ink);box-shadow:var(--shadow-hud,0 8px 24px color-mix(in srgb,var(--control-ink) 9%,transparent));text-decoration:none;pointer-events:auto;transition:opacity .14s linear,transform .14s var(--ease-out,ease-out),background-color .14s linear,border-color .14s linear}
.shopper-rail a:hover{background:var(--control-hover,var(--selection-surface))}
.shopper-rail a:focus-visible{outline:3px solid var(--control-ink,var(--ink));outline-offset:3px}
.shopper-rail a:active{transform:scale(.95)}
.shopper-rail a.active{border-width:3px;border-color:var(--control-ink)}
.shopper-rail a[aria-disabled="true"]{opacity:.45;pointer-events:none}
.shopper-rail a[aria-busy="true"]{cursor:progress;opacity:.68}
.shopper-rail a[data-state="error"]{outline:2px solid var(--coral);outline-offset:2px}
.shopper-rail a[data-state="success"]{outline:2px solid var(--control-ink);outline-offset:2px}
.shopper-rail svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shopper-alert-dot{position:absolute;top:1px;right:1px;width:11px;height:11px;border:2px solid var(--control-surface);border-radius:50%;background:var(--coral);pointer-events:none}
.shopper-quick-actions{position:fixed;z-index:96;top:max(12px,env(safe-area-inset-top));left:max(12px,calc((100% - 960px)/2 + 12px),env(safe-area-inset-left));display:flex;gap:8px;direction:ltr}
.shopper-quick-actions :is(a,button){position:relative;width:46px;height:46px;display:grid;place-items:center;padding:0;border:1px solid var(--control-line);border-radius:50%;background:var(--control-surface);color:var(--control-ink);box-shadow:var(--shadow-hud,0 8px 24px color-mix(in srgb,var(--control-ink) 9%,transparent));text-decoration:none;cursor:pointer}
.shopper-quick-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.shopper-quick-actions b{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;display:grid;place-items:center;padding-inline:5px;border:2px solid var(--control-surface);border-radius:999px;background:var(--control-ink);color:var(--control-surface);font-size:.55rem;line-height:1}
.shopper-quick-actions :is(a,button):focus-visible{outline:3px solid var(--control-ink,var(--ink));outline-offset:3px}.shopper-quick-actions :is(a,button):active{transform:scale(.95)}
.shopper-rail [data-slot="upload"]{top:0;right:0}.shopper-rail [data-slot="filter"]{top:0;right:var(--rail-step)}
.shopper-rail [data-slot="explore"]{top:var(--rail-step);right:0}.shopper-rail [data-slot="grid"]{top:var(--rail-step);right:var(--rail-step)}.shopper-rail [data-slot="discounts"]{top:var(--rail-step);right:calc(var(--rail-step) * 2 - 2px)}.shopper-rail [data-slot="stores"]{top:var(--rail-step);right:calc(var(--rail-step) * 3 - 4px)}
.shopper-rail [data-slot="looks"]{top:calc(var(--rail-step) * 2);right:0}.shopper-rail [data-slot="groups"]{top:calc(var(--rail-step) * 2);right:var(--rail-step)}
.shopper-rail [data-slot="orders"]{top:calc(var(--rail-step) * 3);right:0}.shopper-rail [data-slot="notifications"]{top:calc(var(--rail-step) * 3);right:var(--rail-step)}
.shopper-rail [data-slot="favorites"]{top:calc(var(--rail-step) * 4);right:0}.shopper-rail [data-slot="settings"]{top:calc(var(--rail-step) * 5);right:0}
.shopper-rail.is-guest [data-slot="favorites"]{top:calc(var(--rail-step) * 3)}.shopper-rail.is-guest [data-slot="settings"]{top:calc(var(--rail-step) * 4)}
.account-body.utility-reel-page .account-shell{padding-right:14px!important;padding-left:14px!important}
.stores-body.utility-reel-page .stores-shell{padding-right:14px!important;padding-left:14px!important}
.utility-reel-page .customer-orders-page{padding-right:16px!important;padding-left:16px!important}
.utility-reel-page.looks-page main{padding-right:0!important;padding-left:0!important}
.checkout-page .checkout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.checkout-page .checkout-form .full{grid-column:1/-1}
@media(max-width:760px){.checkout-page .checkout{grid-template-columns:minmax(0,1fr);padding-inline:12px}.checkout-page .checkout-box,.checkout-page .checkout-form{padding:18px 14px}}
@media(max-width:560px){.shopper-rail svg{width:23px;height:23px}.account-body.utility-reel-page .account-shell,.stores-body.utility-reel-page .stores-shell{padding-right:10px!important;padding-left:10px!important}.utility-reel-page .customer-orders-page{padding-right:12px!important;padding-left:12px!important}}
@media(max-width:960px){.shopper-rail{right:max(8px,env(safe-area-inset-right))}.shopper-quick-actions{left:max(12px,env(safe-area-inset-left))}}
@media(max-width:374px){.shopper-rail{--rail-size:46px;--rail-step:54px;right:max(6px,env(safe-area-inset-right))}.shopper-rail svg{width:21px;height:21px}.shopper-quick-actions a{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.shopper-rail a{transition:opacity .1s linear}}
