/* KEDAICDID FIX7 — preserve the original v16/FIX5 mobile promo proportions.
   This patch fixes only the long-title overflow that could make one promo banner
   wider than the phone viewport. It intentionally does NOT resize/restyle the card. */
@media (max-width: 768px) {
  /* Keep the original mobile measurements from style-00.css. */
  .promo-banner-container,
  .promo-banner-container .slider-container,
  .promo-banner-container .slider-wrapper,
  .promo-banner-container .slide,
  .promo-banner-container .slide-banner {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .promo-banner-container .slider-container,
  .promo-banner-container .slide-banner {
    overflow: hidden !important;
  }

  /* A long package name must shrink inside the flex banner instead of expanding it. */
  .promo-banner-container .sb-left,
  .promo-banner-container .sb-right {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .promo-banner-container .sb-left h3 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .promo-banner-container .sb-left p,
  .promo-banner-container .sb-tag,
  .promo-banner-container .sb-price-strike,
  .promo-banner-container .sb-price-real,
  .promo-banner-container .btn-sb {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Touch devices should not grow the banner on tap/hover emulation. */
  .promo-banner-container .slide-banner:hover {
    transform: none !important;
  }
}