/* KasabaTR dünya sahneleri: görsellerde metin yok, içerik HTML olarak kalır. */
.hero-home .hero-photo {
  object-position: center center;
  filter: saturate(1.08) contrast(1.04);
}
.hero-home .hero-shade {
  background:
    linear-gradient(90deg, rgba(8, 22, 15, .9) 0%, rgba(8, 25, 18, .73) 32%, rgba(9, 24, 18, .32) 64%, rgba(6, 19, 15, .1) 100%),
    linear-gradient(0deg, rgba(7, 19, 14, .68), transparent 50%);
}
.intro-section {
  background: linear-gradient(90deg, rgba(20, 38, 28, .86), rgba(19, 41, 30, .69)), url('assets/voxel-village-square.webp') center 50% / cover;
}
.games-preview {
  background: linear-gradient(90deg, rgba(18, 35, 27, .83), rgba(21, 42, 30, .73)), url('assets/voxel-village-square.webp') center 58% / cover;
}
.sky-spotlight {
  background: linear-gradient(90deg, rgba(21, 54, 78, .86), rgba(24, 65, 90, .63)), url('assets/voxel-skyblock.webp') center / cover;
}
.portal-section {
  background: linear-gradient(90deg, rgba(16, 34, 25, .86), rgba(17, 38, 29, .68)), url('assets/voxel-village-hero.webp') center 58% / cover;
}
.final-cta {
  background: linear-gradient(90deg, rgba(8, 25, 17, .84), rgba(11, 31, 23, .42)), url('assets/voxel-village-hero.webp') center 52% / cover;
}
.page-hero,
.simple-hero,
.game-page-hero {
  background: linear-gradient(90deg, rgba(12, 32, 23, .84), rgba(15, 41, 29, .57)), url('assets/voxel-village-square.webp') center / cover;
}
.sky-page-hero {
  background: linear-gradient(90deg, rgba(18, 48, 73, .85), rgba(27, 71, 106, .46)), url('assets/voxel-skyblock.webp') center / cover;
}
.games-catalog-section {
  background: linear-gradient(90deg, rgba(23, 42, 29, .83), rgba(23, 43, 30, .75)), url('assets/voxel-village-square.webp') center / cover;
}
.games-catalog-section .catalog-card {
  box-shadow: 8px 10px 0 rgba(5, 17, 10, .65);
}
.soft-section {
  background: linear-gradient(90deg, rgba(28, 60, 43, .83), rgba(23, 68, 73, .66)), url('assets/voxel-skyblock.webp') center / cover;
}
@media (max-width: 760px) {
  .hero-home .hero-photo { object-position: 62% center; }
  .hero-home .hero-shade {
    background: linear-gradient(90deg, rgba(7, 20, 14, .9), rgba(8, 23, 17, .55)), linear-gradient(0deg, rgba(7, 19, 14, .65), transparent 55%);
  }
  .page-hero, .simple-hero, .game-page-hero, .sky-page-hero { background-position: 60% center; }
}