/* Force promotion popup images to show the full uploaded 16:9 artwork on mobile. */
.promo-modal .promo-swipe-wrap {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
}

.promo-modal .promo-swipe-track,
.promo-modal .promo-swipe-slide,
.promo-modal .promo-swipe-slide picture {
  height: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
}

.promo-modal .promo-swipe-track {
  display: flex !important;
  width: 100% !important;
}

.promo-modal .promo-swipe-slide {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

.promo-modal .promo-swipe-slide picture {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

.promo-modal .promo-swipe-slide picture img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
}

@media (max-width: 767px) {
  .promo-modal .promo-swipe-wrap {
    aspect-ratio: 16 / 9 !important;
  }
}