/* Mobile composition: preserve artwork and provide readable alternatives to letterbox ads. */
.promo-mobile-offer,.promo-mobile-cta--footer{display:none}
@media(max-width:768px){
 .promo-carousel-track{align-items:flex-start}
 .promo-carousel-slide{flex-basis:100%}
 .promo-carousel .promo-coupon-card,.promo-carousel .promo-coupon-image-link{height:auto}
 .promo-carousel .promo-banner-art{aspect-ratio:auto;padding-bottom:0}
 .promo-carousel .promo-banner-art picture,.promo-carousel .promo-coupon-img{height:auto;width:100%}
 .promo-carousel .promo-coupon-img{object-fit:contain;transform:none}
 .promo-carousel .promo-banner-caption{padding:16px;align-items:flex-start;gap:12px}
 .promo-carousel .promo-banner-title{font-size:18px;line-height:1.35;display:block;overflow:visible;-webkit-line-clamp:unset}
 .promo-carousel .promo-banner-terms{font-size:14px;line-height:1.5;display:block;overflow:visible;-webkit-line-clamp:unset}
 .promo-mobile-cta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 16px;border-radius:10px;background:#111827;color:#fff;font-size:16px;font-weight:700;line-height:1.4}
 .promo-mobile-cta--footer{margin:0 16px 16px}
 .promo-coupon-card--mobile-offer .promo-banner-art,.promo-coupon-card--mobile-offer .promo-banner-caption{display:none}
 .promo-mobile-offer{display:flex;flex-direction:column;gap:18px;padding:24px;background:linear-gradient(145deg,#fff,#f3f5f8);color:#111827;min-height:320px}
 .promo-mobile-brand{width:160px;height:60px;object-fit:contain;object-position:left center}
 .promo-mobile-title{font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-.5px;overflow-wrap:anywhere}
 .promo-mobile-terms{font-size:14px;line-height:1.5;color:#475569}
 .promo-mobile-offer .promo-mobile-cta{margin-top:auto}
}