/* CardScroll — reusable card carousel/queue */
.cs-outer {
  position: relative;
  overflow: hidden;
  width: 100%;
  touch-action: pan-y;
}

.cs-track {
  display: flex;
  will-change: transform;
}

.cs-card {
  flex-shrink: 0;
  transition: opacity 0.25s, transform 0.25s;
}

.cs-card.peek {
  opacity: 0.5;
  transform: scale(0.92);
}

.cs-card.active-card {
  opacity: 1;
  transform: scale(1);
}

.cs-card.cs-dismissing {
  transition: transform 0.3s ease-in, opacity 0.3s ease-in;
  transform: translateY(-120%) scale(0.8);
  opacity: 0;
}