/* FIX31: compact product-promo text on mobile only.
   Keep the banner frame/media, desktop, content-only slides and notifications. */
@media (max-width: 768px) {
  .promo-banner-container .slide-banner.promo-card-glow .sb-left h3 {
    /* Override the legacy centered flex/nowrap heading. Two real text lines
       retain the start of long product names instead of clipping both ends. */
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: clamp(0.75rem, 3.35vw, 0.875rem) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
    padding: 0 1.75rem !important;
  }

  .promo-banner-container .slide-banner.promo-card-glow .sb-left p {
    font-size: 0.6rem !important;
    line-height: 1.2 !important;
    -webkit-line-clamp: 1 !important;
  }

  .promo-banner-container .slide-banner.promo-card-glow .sb-price-strike {
    font-size: 0.6rem !important;
  }

  .promo-banner-container .slide-banner.promo-card-glow .sb-price-real {
    font-size: clamp(0.9375rem, 4vw, 1rem) !important;
  }

  .promo-banner-container .slide-banner.promo-card-glow .btn-sb {
    font-size: 0.6875rem !important;
    line-height: 1.4 !important;
    min-height: 1.875rem !important;
  }
}

/* Reclaim inner vertical space on narrow phones for a two-line title.
   Do not change the existing aspect ratio, width or height of the banner. */
@media (max-width: 390px) {
  .promo-banner-container .slide-banner.promo-card-glow {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}