/* Spiele-Slider */
.games-slider { margin-top: var(--gap-h2-text); position: relative; }
/* Fallback: native horizontal scroll, solange Swiper nicht initialisiert ist */
.games-slider .games-slider__viewport { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; }
.games-slider .swiper-initialized { overflow: hidden; scroll-snap-type: none; }
.games-slider .games-slider__track { display: flex; align-items: stretch; gap: var(--gap-cards); }
.games-slider .swiper-initialized .games-slider__track { gap: 0; }
.games-slider .games-slider__slide { width: 150px; height: auto; flex: 0 0 auto; scroll-snap-align: start; }
.game-card {
  display: grid;
  gap: var(--space-12);
  height: 100%;
  padding: var(--space-12);
  background-color: var(--color-surface);
  border-radius: var(--radius-card);
  text-align: center;
  grid-template-rows: auto 1fr auto;
  transition: transform var(--transition-fast), background-color var(--transition-fast);
}
.game-card:hover { transform: translateY(-4px); background-color: var(--color-surface-alt); }
.game-card__img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: calc(var(--radius-card) - 12px);
}
.game-card__name { font-size: var(--fs-small); font-weight: var(--fw-semibold); color: var(--color-white); }
.game-card__btn { min-height: 36px; padding-inline: var(--space-16); font-size: 0.8125rem; }
.games-slider__nav { display: flex; gap: var(--space-12); justify-content: flex-end; margin-top: var(--space-16); }
.games-slider__btn {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-pill);
  background-color: var(--color-surface);
  color: var(--color-gold);
  transition: background-color var(--transition-fast), color var(--transition-fast);
}
.games-slider__btn:hover { background-color: var(--color-gold); color: var(--color-on-gold); }
.games-slider__btn.swiper-button-disabled { opacity: 0.4; cursor: default; }