/* MOZZAT hero-slider — تُدار من الأداة */
.mzhs-box { overflow: hidden; }
.mzhs-imgwrap { position: absolute; inset: 0; }
.mzhs-imgwrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
@keyframes mzhs-enter-r { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes mzhs-exit-r { from { transform: translateX(0); opacity: 1; } to { transform: translateX(-100%); opacity: 0; } }
@keyframes mzhs-enter-l { from { transform: translateX(-100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes mzhs-exit-l { from { transform: translateX(0); opacity: 1; } to { transform: translateX(100%); opacity: 0; } }
.mzhs-enter-r { animation: mzhs-enter-r .8s ease forwards; }
.mzhs-exit-r { animation: mzhs-exit-r .8s ease forwards; }
.mzhs-enter-l { animation: mzhs-enter-l .8s ease forwards; }
.mzhs-exit-l { animation: mzhs-exit-l .8s ease forwards; }
.mzhs-nav { position: absolute; bottom: 8px; inset-inline-start: 0; inset-inline-end: 0; display: flex; align-items: center; justify-content: center; gap: 8px; z-index: 4; }
.mzhs-arrow { background: rgba(0,0,0,.35); color: #fff; border: none; border-radius: 50%; width: 22px; height: 22px; cursor: pointer; font-size: 13px; line-height: 1; }
.mzhs-arrow:hover { background: rgba(0,0,0,.55); }
.mzhs-dots { display: flex; gap: 5px; }
.mzhs-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.5); cursor: pointer; }
.mzhs-dot.active { background: #fff; }
@media (prefers-reduced-motion: reduce) {
  .mzhs-enter-r, .mzhs-exit-r, .mzhs-enter-l, .mzhs-exit-l { animation: none !important; }
}