/* carousel.css — Endless-Carousel-Baustein (Kern). 1:1-Mechanik aus dem ERP-Kategorie-Carousel,
   generalisiert: die Optik der Items bringt das einbindende Modul (die Items sind .cc-carousel-item).
   Der Track scrollt horizontal, die JS setzt je Item --cc-carousel-ratio (0=Mitte, 1=Rand) + scale. */
.cc-carousel { position: relative; }
.cc-carousel-track {
    display: flex; align-items: flex-end; gap: var(--sp-3);
    padding: var(--sp-8) 0 var(--sp-1);
    overflow-x: auto; overflow-y: hidden;
    scrollbar-width: none; overscroll-behavior: contain;
    cursor: grab; user-select: none;
}
.cc-carousel-track::-webkit-scrollbar { display: none; }
.cc-carousel-track:active { cursor: grabbing; }
.cc-carousel-item {
    flex-shrink: 0; scroll-snap-align: center;
    transform-origin: bottom center;
    transition: transform var(--dur-fast), opacity var(--dur-fast), filter var(--dur-fast);
}