/* Shared horizontal feed controls: reviews and team. Geometry from Figma 3:1538 (56 px circles). */
.scroller-controls { display:flex; align-items:center; gap:var(--space-16); }
.scroller-arrow { position:relative; display:block; width:56px; height:56px; padding:0; border:0; border-radius:50%; color:var(--color-paper); background:var(--color-ink); cursor:pointer; transition:background var(--duration-fast),opacity var(--duration-fast); }
.scroller-arrow::before { content:""; position:absolute; inset:0; background:currentColor; mask:url('/assets/figma-mm2/arrow-circle.svg') center/100% 100% no-repeat; }
.scroller-arrow[data-next]::before { transform:scaleX(-1); }
.scroller-arrow:hover:not(:disabled) { background:var(--color-accent); }
.scroller-arrow:disabled { opacity:.35; cursor:default; }
.scroller-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
/* Lenis marks prevented nodes with overscroll-behavior:contain, which also blocks vertical page scrolling over an x-only feed. */
.lenis .scroller-track[data-lenis-prevent-horizontal] { overscroll-behavior:contain auto; }
.scroller-track::-webkit-scrollbar { display:none; }
.scroller-track > * { min-width:0; scroll-snap-align:start; }
@media (max-width:599px) { .scroller-arrow { width:48px; height:48px; } .scroller-controls { gap:var(--space-12); } }