/* SMOOTH SCROLL AND FADE IN ANIMATION */


html.kbrons-smooth-scroll {
  scroll-behavior: smooth;
}

.kbrons-soft-reveal {
  opacity: 0.92;
  transform: translateY(8px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.kbrons-soft-reveal.kbrons-soft-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  html.kbrons-smooth-scroll {
    scroll-behavior: auto;
  }

  .kbrons-soft-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* PRODUCT & GROUP ANIMATIONS */
html.kbrons-smooth-scroll {
  scroll-behavior: smooth;
}

body {
  opacity: 0;
}

body.kbrons-page-ready {
  opacity: 1;
  transition: opacity 0.18s ease;
}

@media (prefers-reduced-motion: reduce) {
  html.kbrons-smooth-scroll {
    scroll-behavior: auto;
  }

  body {
    opacity: 1 !important;
    transition: none !important;
  }
}