* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

img {
  will-change: transform, filter;
}

.podnadpis {
    font-family: "Dancing Script", cursive;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-fadeIn {
  animation: fadeIn 0.2s ease-out;
}

.swiper .swiper-pagination-bullet-active {
  background-color: rgb(209 213 219);
}

.swiper .swiper-button-next {
  color: rgb(209 213 219);
  
  transition: 0.6s;
}

.swiper .swiper-button-prev {
  color: rgb(209 213 219);
  transition: 0.6s;
}

.swiper .swiper-button-next:hover {
  color: rgb(255, 255, 255);
}

.swiper .swiper-button-prev:hover {
  color: rgb(255, 255, 255);
}

/* skeleton */
.icon-skeleton {
  background: #e5e7eb;
  animation: pulse 0.6s ease-in-out infinite;
}

/* icon hidden by default */
.icon-hidden {
  opacity: 0;
}

/* after load */
.icons-loaded .icon-hidden {
  opacity: 1;
}

.icons-loaded .icon-skeleton {
  display: none;
}

@keyframes pulse {
  0% { opacity: .5; }
  50% { opacity: 1; }
  100% { opacity: .5; }
}

.scroll-animate {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
}

.scroll-animate.show {
  opacity: 1;
  transform: translateY(0);
}

#newsletterSuccess {
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

#newsletterSuccess.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

@keyframes promoIn {
  from { opacity: 0; transform: translateY(-20px) scale(0.95); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.promo-show {
  animation: promoIn 0.6s ease-out forwards;
  pointer-events: auto;
}

@keyframes pulseSlow {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}

.animate-pulseSlow {
  animation: pulseSlow 3s ease-in-out infinite;
}