/* Charoal carousel v42 — stable first paint without an obsolete slide flash. */

/* Shoptet first paints its native carousel and the v37 enhancer takes over a
   moment later. Keep that incomplete native frame invisible so an obsolete
   banner/layout cannot flash before the intended carousel is ready. */
html.charoal-redesign body.id-1.type-index
  #carousel.charoal-carousel:not([data-charoal-carousel-v37]) {
  visibility: hidden !important;
  opacity: 0 !important;
}

html.charoal-redesign.charoal-carousel-v37 body.id-1.type-index
  #carousel.charoal-carousel.charoal-carousel-v37[data-charoal-carousel-v37] {
  visibility: visible !important;
  opacity: 1 !important;
  transition: opacity 140ms ease-out !important;
}

@media (prefers-reduced-motion: reduce) {
  html.charoal-redesign.charoal-carousel-v37 body.id-1.type-index
    #carousel.charoal-carousel.charoal-carousel-v37[data-charoal-carousel-v37] {
    transition: none !important;
  }
}