/* =========================================================
   RACE RESULTS INDEX ONLY
   Show year cards in rows (3 per row) + allow pagination.
   Does not load on Home.
   ========================================================= */

body.race-results-page .results-carousel-wrap {
  display: block !important;
  gap: 0 !important;
  margin-bottom: 24px !important;
}

body.race-results-page .results-carousel {
  overflow: visible !important;
  width: 100% !important;
}

body.race-results-page .results-carousel-arrow {
  display: none !important;
}

body.race-results-page .results-grid-years,
body.race-results-page .results-carousel .results-grid-years {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  flex-wrap: unset !important;
  gap: 24px !important;
  overflow: visible !important;
  width: 100% !important;
  will-change: auto !important;
  transform: none !important;
}

body.race-results-page .results-grid-years .result-card,
body.race-results-page .results-carousel .results-grid-years .result-card {
  flex: unset !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 240px !important;
  scroll-snap-align: unset !important;
}

body.race-results-page .site-pagination,
body.race-results-page .breeders-pagination {
  margin-top: 8px;
  justify-content: center;
}

@media (max-width: 900px) {
  body.race-results-page .results-grid-years,
  body.race-results-page .results-carousel .results-grid-years {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (max-width: 600px) {
  body.race-results-page .results-grid-years,
  body.race-results-page .results-carousel .results-grid-years {
    grid-template-columns: 1fr !important;
  }
}