/*
 * The source page hydrates this block with Vue Carousel.  The mirrored site
 * intentionally ships as static Astro, so keep the original cards visible
 * without relying on that client-side hydration.
 */
#Preventionisthecure section.carousel .carousel__viewport {
  overflow: hidden !important;
}

#Preventionisthecure section.carousel .carousel__track {
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#Preventionisthecure section.carousel .carousel__slide {
  display: flex !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (min-width: 1024px) {
  #Preventionisthecure section.carousel .carousel__viewport {
    overflow: visible !important;
  }

  #Preventionisthecure section.carousel .carousel__track {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 2rem !important;
    transform: none !important;
  }

  #Preventionisthecure section.carousel .carousel__slide,
  #Preventionisthecure section.carousel .carousel__slide--visible,
  #Preventionisthecure section.carousel .carousel__slide--next,
  #Preventionisthecure section.carousel .carousel__slide--prev {
    display: flex !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #Preventionisthecure section.carousel .carousel__prev,
  #Preventionisthecure section.carousel .carousel__next,
  #Preventionisthecure section.carousel .carousel__pagination {
    display: none !important;
  }
}