[x-cloak] { display: none !important; }

@keyframes zaag-fade {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.zaag-fade-in { animation: zaag-fade .5s ease-out both; }

.zaag-hero-bg {
  background: radial-gradient(1200px 500px at 15% -10%, rgba(228,167,48,.18), transparent 60%),
              linear-gradient(135deg, #0B2440 0%, #123A63 45%, #2274AD 100%);
}

.zaag-carousel-track {
  scroll-snap-type: x mandatory;
}
.zaag-carousel-slide {
  scroll-snap-align: start;
}