/* Only enhanced rails change to three/two/one cards; five-column fallback stays. */
#shop .sport-feature-grid.sport-feature-carousel{display:flex;grid-template-columns:none;grid-auto-flow:initial;gap:12px;width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:0 0 8px;scroll-snap-type:x mandatory;scroll-behavior:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
#shop .sport-feature-grid.sport-feature-carousel>.category-card{flex:0 0 calc((100% - 24px)/3);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
#shop .sport-feature-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;max-width:100%;margin:0 0 -8px;color:#17334d}
#shop .sport-feature-controls button{display:inline-grid;place-items:center;min-height:36px;min-width:38px;padding:7px 11px;border:1px solid #9bb0c1;border-radius:5px;background:#fff;color:#17334d;font:700 14px/1.4 var(--sans,"Noto Sans TC",Arial,sans-serif);cursor:pointer}
#shop .sport-feature-controls .sport-feature-toggle{min-width:68px;background:#d7f436;border-color:#bfd727}
#shop .sport-feature-controls button:disabled{background:#e9eff3;border-color:#ced8df;color:#6b7e8d;cursor:default}
#shop .sport-feature-controls button:focus-visible{outline:3px solid #e17a57;outline-offset:2px}
#shop .sport-feature-position{margin-right:auto;font:400 14px/1.5 var(--sans,"Noto Sans TC",Arial,sans-serif);color:#52657a}
@media(max-width:1000px){#shop .sport-feature-grid.sport-feature-carousel>.category-card{flex-basis:calc((100% - 12px)/2)}}
@media(max-width:640px){#shop .sport-feature-grid.sport-feature-carousel>.category-card{flex-basis:82%}#shop .sport-feature-controls{gap:5px}#shop .sport-feature-position{font-size:13px}}
@media(prefers-reduced-motion:reduce){#shop .sport-feature-grid.sport-feature-carousel{scroll-behavior:auto}}