/**
 * InfiniteSlider — shared styles for all infinite-scroll carousels.
 *
 * Usage in HTML:
 *   <div class="inf-slider-wrap" id="my-wrap">
 *       <div id="my-track"><!-- items inserted by JS --></div>
 *   </div>
 *
 * The JS engine (infinite-slider.js) sets flex / willChange / transition on
 * the track element at runtime. These classes provide the static base state
 * and the fixed-width item rules that the circular-queue math depends on.
 */

/* ── Wrapper: clips the scrolling content ─────────────────────────── */
.inf-slider-wrap {
    overflow: hidden;
    position: relative;
}

/* ── Track: horizontal flex row (also applied by JS engine) ─────────── */
.inf-slider-track {
    display: flex;
    flex-wrap: nowrap;
    will-change: transform;
}