.sg-discovery-actions{display:flex;align-items:center;gap:8px}.sg-discovery-actions>a{color:var(--ink,#f4f7fa);font-size:.84rem;font-weight:900;text-decoration:none;white-space:nowrap}
/* Shelf arrows. They sit beside the rail, never on top of it, so a card is never
   half-hidden behind a control at either extreme. */
.sg-discovery-arrow{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--rule,rgba(183,199,219,.35));border-radius:50%;background:var(--surface-soft,rgba(6,12,23,.58));color:var(--ink,#f4f7fa);font-size:.9rem;cursor:pointer;transition:background .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}
.sg-discovery-arrow:hover:not(:disabled){background:var(--ink,#eef3f8);color:var(--surface,#10203a);transform:translateY(-1px)}
.sg-discovery-arrow:focus-visible{outline:3px solid #79a8d8;outline-offset:3px}
/* Dimmed but still occupying its column at an extreme, so the rail never changes
   width as the shopper scrolls. */
.sg-discovery-arrow:disabled{opacity:.28;cursor:default}
@media(max-width:620px){.sg-discovery-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.sg-discovery-arrow{transition:none}}