/* Niezależny slider awaryjny — działa również bez głównego JavaScriptu strony. */
.hero-slides > .hero-image[src*="salon-recepcja-v2.png"] {
  display: none !important;
  animation: none !important;
}

.hero-dots > button:nth-child(3) {
  display: none !important;
}

.hero-slides > .hero-slide-1,
.hero-slides > .hero-slide-2,
.hero-slides > .hero-slide-4,
.hero-slides > .hero-slide-5 {
  animation: annreal-slider-fallback 20.8s linear infinite both;
}

.hero-slides > .hero-slide-1 { animation-delay: 0s; }
.hero-slides > .hero-slide-2 { animation-delay: 5.2s; }
.hero-slides > .hero-slide-4 { animation-delay: 10.4s; }
.hero-slides > .hero-slide-5 { animation-delay: 15.6s; }

.hero-slides > .hero-image[style*="--slider-delay"] {
  animation-delay: var(--slider-delay) !important;
}

@keyframes annreal-slider-fallback {
  0% { opacity: 1; transform: scale(1.035); }
  21% { opacity: 1; transform: scale(1); }
  25% { opacity: 0; transform: scale(1); }
  96% { opacity: 0; transform: scale(1.035); }
  100% { opacity: 1; transform: scale(1.035); }
}

html.annreal-slider-ready .hero-slides > .hero-image {
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .hero-slides > .hero-image { animation-duration: 35s !important; }
}