[data-slide] {
  /*background-color: rgba(51, 170, 51, 0.4);*/
}
@media (min-width: 768px) {
  /* show 3 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }

  .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
    + .carousel-item,
  .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
    + .carousel-item
    + .carousel-item {
    transition: none;
  }

  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .carousel-inner
    .active.carousel-item
    + .carousel-item
    + .carousel-item
    + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left
    + .carousel-item
    + .carousel-item
    + .carousel-item {
    position: relative;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right
    + .carousel-item
    + .carousel-item
    + .carousel-item {
    position: relative;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}

/* =====================================================
   COMMON SWIPER SAFETY FIX (SCOPED)
   ===================================================== */
.news-continue-ws-carousel-wrap,
.news-continue-carousel-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* Prevent Elementor / theme flex bugs */
.news-continue-ws-carousel-wrap .swiper-wrapper,
.news-continue-carousel-wrap .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
}

/* =====================================================
   SECTION 1 – WEB STORIES
   ===================================================== */

.news-continue-ws-slides.swiper-slide {
    width: 335px !important;
    max-width: 335px;
    flex-shrink: 0;
}

/* Web Story image stability */
.news-continue-ws-feature-img img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    display: block;
}

/* Mobile */
@media (max-width: 768px) {
    .news-continue-ws-slides.swiper-slide {
        width: 240px !important;
        max-width: 240px;
    }
}

/* =====================================================
   SECTION 2 – SHORT NEWS
   ===================================================== */

.news-continue-carousel-slides.swiper-slide {
    width: 335px !important;
    max-width: 335px;
    flex-shrink: 0;
}

/* Square image ratio */
.news-continue-feature-img img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}

/* Mobile */
@media (max-width: 768px) {
    .news-continue-carousel-slides.swiper-slide {
        width: 260px !important;
        max-width: 260px;
    }
}

/* =====================================================
   NAVIGATION FIX (BOTH)
   ===================================================== */
.news-continue-ws-carousel-wrap .swiper-button-next,
.news-continue-ws-carousel-wrap .swiper-button-prev,
.news-continue-carousel-wrap .swiper-button-next,
.news-continue-carousel-wrap .swiper-button-prev {
    color: #000;
}