/* ============================================================
   GAMES SLIDER — Swiper-based
   ============================================================ */
.games-slider { padding-block: 2rem 0; }
.games-slider__title {
  font-size: var(--font-size-h2);
  color: var(--color-heading);
  margin-bottom: 1.5rem;
}
.games-slider__swiper { overflow: hidden; }
.games-slider__card {
  background: var(--color-bg-dark);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  transition: transform var(--transition-base);
  cursor: pointer;
}
.games-slider__card:hover { transform: translateY(-4px); }
.games-slider__img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: contain;
  background: #1e1c1c;
  display: block;
}
.games-slider__info {
  padding: 0.6rem 0.75rem;
}
.games-slider__name {
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: var(--color-white);
  margin-bottom: 0.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.games-slider__play {
  display: block;
  text-align: center;
  padding: 0.35rem;
  border-radius: calc(var(--radius) - 2px);
  background: var(--color-btn-cta);
  color: var(--color-btn-text);
  font-size: 11px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: opacity var(--transition-base);
}
.games-slider__play:hover { opacity: 0.85; }

/* Swiper navigation buttons */
.games-slider .swiper-button-prev,
.games-slider .swiper-button-next {
  color: var(--color-accent);
  background: var(--color-bg-dark);
  border: 1px solid var(--color-border);
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.games-slider .swiper-button-prev::after,
.games-slider .swiper-button-next::after { font-size: 14px; }