/* === Category slider normalization (Athletics & Football) === */
.athletics-slick .slick-slide,
.football-slick .slick-slide {
  padding: 0 12px; /* slide gutter (left/right) */
}
.athletics-slick .slick-list,
.football-slick .slick-list {
  margin: 0 -12px; /* compensate so outer edges align */
}

.slider-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--color-surface);
  border-radius: 0.75rem; /* rounded-xl */
  overflow: hidden;
}

.slider-thumb {
  width: 100%;
  aspect-ratio: 16 / 9; /* unify thumbnail size */
  background: #0f0f0f; /* fallback bg */
  overflow: hidden;
}
/* Optional: mobile can be 4:3. Comment out if you want consistent 16:9 everywhere */
@media (max-width: 640px) {
  .slider-thumb { aspect-ratio: 4 / 3; }
}

.slider-thumb .slider-img,
.slider-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.slider-body { padding: 1rem; } /* p-4 */