/* Only Food > Snacks and Jewelry > Rings; fixed card width, horizontal scrolling. */
[data-connectseller-food-snacks], [data-connectseller-jewelry-rings] { min-width: 0; }
.cs-category-carousel-wrap { position:relative; display:flex; align-items:center; min-width:0; max-width:100%; gap:4px; }
.cs-category-carousel-track { flex:1; min-width:0; display:flex; gap:8px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-behavior:smooth; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#cbd5e1 transparent; padding:4px 1px 12px; }
.cs-category-carousel-track > a { flex:0 0 clamp(144px, 12.2vw, 194px); width:clamp(144px, 12.2vw, 194px); scroll-snap-align:start; min-width:0; }
.cs-category-carousel-track > a img { display:block; }
.cs-category-carousel-track:focus-visible { outline:2px solid #ea580c; outline-offset:2px; border-radius:4px; }
.cs-category-carousel-arrow { flex:0 0 30px; width:30px; height:48px; border:1px solid #d9e2ec; background:#fff; color:#21354c; border-radius:6px; display:grid; place-items:center; cursor:pointer; transition:background .18s ease; }
.cs-category-carousel-arrow:hover:not(:disabled) { background:#f2f5f8; color:#ae3200; }
.cs-category-carousel-arrow:disabled { opacity:.32; cursor:default; }
.cs-category-carousel-arrow:focus-visible { outline:2px solid #ea580c; outline-offset:2px; }
@media (max-width:640px) {
 .cs-category-carousel-track > a { flex-basis:clamp(145px,42vw,190px); width:clamp(145px,42vw,190px); }
 .cs-category-carousel-arrow { width:26px; flex-basis:26px; height:42px; }
}
@media (prefers-reduced-motion: reduce) { .cs-category-carousel-track { scroll-behavior:auto; } }
