/* Reviews page — local overrides
   Shows the testimonials as a 3x2 grid (6 cards visible at once on desktop)
   while keeping the carousel scroll + dots + arrows functional so users
   can page through the rest. Anchors the card footer (stars + rating) to
   the bottom of each card so it stays aligned regardless of review text. */

.reviews-grid .testimonial-card {
  block-size: 100%;
}

.reviews-grid .testimonial-card__quote {
  flex: 1 1 auto;
}

.reviews-grid .testimonial-card__footer {
  margin-block-start: auto;
}

@media (min-width: 1024px) {
  .reviews-grid .carousel__track {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, auto);
    grid-auto-columns: calc((100% - (2 * var(--card-gutter))) / 3);
    gap: var(--card-gutter);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .reviews-grid .carousel__track::-webkit-scrollbar {
    display: none;
  }

  .reviews-grid .carousel__slide {
    flex: initial;
    inline-size: 100%;
    scroll-snap-align: none;
  }

  /* Snap only at the start of each 6-card page */
  .reviews-grid .carousel__slide:nth-child(6n + 1) {
    scroll-snap-align: start;
  }
}