/* Games slider */
.games__slider { margin-top: var(--space-h2-text); }
.game-card {
  background: var(--color-bg-dark);
  border-radius: var(--radius-card);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.game-card__img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;   /* square thumbnails only — game art is square */
}
.game-card__body {
  padding: 0.9rem;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  flex: 1;
}
.game-card__name {
  color: var(--color-white);
  font-weight: var(--fw-semibold);
  font-size: 0.95rem;
  line-height: 1.3;
}
.game-card__play { margin-top: auto; padding: 0.55rem 1rem; font-size: 0.85rem; }

/* Swiper theming */
.games__slider .swiper-button-prev,
.games__slider .swiper-button-next { color: var(--color-heading); }
.games__slider .swiper-button-prev::after,
.games__slider .swiper-button-next::after { font-size: 1.5rem; font-weight: 700; }
/* Pagination dots sit in normal flow BELOW the cards, clear of the Play buttons */
.games__slider .swiper-pagination {
  position: static;
  margin-top: 1.5rem;
}
.games__slider .swiper-pagination-bullet { background: var(--color-text); opacity: 0.5; }
.games__slider .swiper-pagination-bullet-active { background: var(--color-heading); opacity: 1; }