/* Sweet BakeArt — review carousel alignment refinement
   Keeps the three desktop review cards centred while reserving dedicated
   side gutters for navigation controls so arrows never overlap the cards. */

body.page-index .reviews-carousel {
  position: relative;
  width: 100%;
}

body.page-index .reviews-rail {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-inline: 58px;
}

body.page-index .reviews-scroller {
  width: 100%;
  max-width: 100%;
}

body.page-index .review-arrow {
  top: 50%;
  width: 46px;
  height: 46px;
  transform: translateY(-50%);
  z-index: 8;
}

body.page-index .review-arrow.left {
  left: 4px;
}

body.page-index .review-arrow.right {
  right: 4px;
}

body.page-index .review-arrow:hover {
  transform: translateY(-50%) scale(1.08);
}

/* Three balanced cards, centred as a single group on full desktop widths. */
@media (min-width: 1280px) {
  body.page-index .reviews-scroller {
    justify-content: center;
    gap: 1.25rem;
    padding-inline: 0;
  }

  body.page-index .review-card {
    flex-basis: 340px;
    max-width: 340px;
  }
}

/* Medium desktop: retain safe arrow gutters while allowing normal scrolling. */
@media (min-width: 861px) and (max-width: 1279px) {
  body.page-index .reviews-rail {
    padding-inline: 54px;
  }

  body.page-index .reviews-scroller {
    justify-content: flex-start;
  }

  body.page-index .review-arrow.left {
    left: 2px;
  }

  body.page-index .review-arrow.right {
    right: 2px;
  }
}

/* Touch layouts already use swipe navigation, so remove desktop side gutters. */
@media (max-width: 860px) {
  body.page-index .reviews-rail {
    padding-inline: 0;
  }
}