/* Native finger scrolling, with mouse dragging for narrow desktop previews. */
#brand-grid{scroll-behavior:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}
#brand-grid .brand-item{scroll-snap-align:start;scroll-snap-stop:normal}
#brand-grid .brand-item,#brand-grid .brand-item img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
#brand-grid.can-scroll,#brand-grid.can-scroll .brand-item{cursor:grab}
#brand-grid.is-dragging,#brand-grid.is-dragging .brand-item{cursor:grabbing}
#brand-grid.is-dragging{scroll-snap-type:none}
#brand-grid:focus-visible{outline:2px solid #315c9d;outline-offset:5px;border-radius:8px}
@media(max-width:680px){
 #brand-grid{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:20px;padding-block:4px 7px}
 #brand-grid.is-dragging{scroll-snap-type:none}
 #brand-grid .brand-item{flex-shrink:0}
}
@media(max-width:370px){#brand-grid{scroll-padding-inline:16px}}
