.max-store { max-width: 720px; margin: 0 auto; }
.carousel-track { display: flex; gap: 0.75rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 4px; }
.carousel-track::-webkit-scrollbar { display: none; }
.carousel-item { scroll-snap-align: start; flex-shrink: 0; width: calc(33.333% - 8px); min-width: 140px; max-width: 220px; aspect-ratio: 1; border-radius: 1rem; overflow: hidden; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1); border: 1px solid #f3f4f6; background: #f3f4f6; }
.carousel-item img { width: 100%; height: 100%; object-fit: cover; }
.step-active { border-bottom: 3px solid #ef4444; color: #ef4444; }