/* Hero slider — انتقال هادئ (للكمبيوتر فقط) */
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
  .hero.mada-home.mada-reference .hero-bg { overflow: hidden; }

  .hero.mada-home.mada-reference .hero-bg .hero-poster {
    transform-origin: 50% 45%;
    backface-visibility: hidden;
  }
  .hero.mada-home.mada-reference .hero-bg .hero-poster.hx-zoom {
    animation: hxZoom 11s cubic-bezier(.33, 0, .25, 1) forwards;
  }

  .hero.mada-home.mada-reference .hero-bg .hx-ghost {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-repeat: no-repeat;
    transform-origin: 50% 45%;
    pointer-events: none;
    will-change: opacity;
    backface-visibility: hidden;
  }
}

@keyframes hxZoom {
  from { transform: scale(1.001); }
  to   { transform: scale(1.07); }
}