/* Games slider block */
.games-slider__heading { margin-bottom: var(--gap-h2-text); }

.games-slider { position: relative; }
.games-slider .swiper { padding-block: 4px; }

.game-card {
  background: var(--color-card);
  clip-path: var(--clip-cut);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform var(--transition);
}
.game-card:hover { transform: translateY(-4px); }
.game-card__media { aspect-ratio: 1 / 1; overflow: hidden; background: var(--color-bg-dark); }
.game-card__img { width: 100%; height: 100%; object-fit: contain; }
.game-card__body {
  padding: 0.85rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  flex: 1;
}
.game-card__name {
  color: var(--color-white);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-small);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.game-card__btn { margin-top: auto; padding: 0.5rem 1rem; font-size: var(--fs-small); }

/* Nav arrows */
.games-slider__nav {
  position: absolute;
  top: 40%;
  z-index: 5;
  width: 44px; height: 44px;
  display: grid; place-items: center;
  background: var(--btn-secondary-gradient);
  color: var(--color-white);
  clip-path: var(--clip-cut);
  transition: filter var(--transition), opacity var(--transition);
}
.games-slider__nav:hover { filter: brightness(1.15); }
.games-slider__nav svg { width: 22px; height: 22px; }
.games-slider__nav--prev { left: -6px; }
.games-slider__nav--next { right: -6px; }
.games-slider__nav.swiper-button-disabled { opacity: 0.4; cursor: default; }

@media (min-width: 1200px) {
  .games-slider__nav--prev { left: -18px; }
  .games-slider__nav--next { right: -18px; }
}