/* Döner hero arka planı (23.09.2026) — travel/js/hero-rotate.js ile; hub sayfaları (turlar, oteller). */
.hr-host { overflow: hidden; position: relative; background-image: none !important; }
.hr-host > :not(.hr-layer) { position: relative; z-index: 1; }
.hr-layer { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: #0F1B2D; }
.hr-layer::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,27,45,.30) 0%, rgba(15,27,45,.62) 55%, rgba(15,27,45,.90) 100%); }
.hr-sl { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.6s ease; transform: scale(1.04); }
.hr-sl.on { opacity: 1; animation: hrZoom 9s ease-in-out forwards; }
@keyframes hrZoom { from { transform: scale(1.04); } to { transform: scale(1.12); } }
@media (prefers-reduced-motion: reduce) { .hr-sl { transition: none; } .hr-sl.on { animation: none; transform: none; } }