/* Break out of boxed containers to full viewport width */
.fws-wrapper{
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  --fws-aspect: 2.4;
  aspect-ratio: var(--fws-aspect);
  background: var(--fws-bg, #ffffff);
  overflow: hidden;
  position: relative;
}

/* Swiper should fill wrapper */
.fws-swiper, .fws-swiper .swiper-wrapper, .fws-swiper .swiper-slide { height: 100%; }

/* No-crop: show entire image */
.fws-swiper .swiper-slide { display:flex; align-items:center; justify-content:center; }
.fws-swiper .swiper-slide img{
  max-width:100%;
  max-height:100%;
  width:auto; height:auto;
  object-fit:contain; display:block;
}

/* Controls default (desktop) */
.fws-wrapper .swiper-button-prev, .fws-wrapper .swiper-button-next{
  width:44px; height:44px; text-shadow:0 1px 3px rgba(0,0,0,.35);
}
.fws-wrapper .swiper-button-prev::after, .fws-wrapper .swiper-button-next::after{ font-size:28px; line-height:1; }

/* Pagination */
.fws-wrapper .swiper-pagination-bullet{ opacity:.9; }

/* Mobile: hide arrows forcefully */
@media (max-width: 768px){
  .fws-wrapper .swiper-button-prev,
  .fws-wrapper .swiper-button-next,
  .swiper-button-prev,
  .swiper-button-next{
    display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important;
  }
}