/* Promotion artwork spans the hero behind the order card. */
.promo-controls>div{display:flex;gap:6px;flex-wrap:wrap;max-width:340px}
.promo-controls [data-slide-to]{width:18px!important}
.promo-controls [data-slide-pause]{font-size:18px}
.promo-hero.is-promotion .promo-controls>button{background:#290c5b;color:#fff;border-color:#806b9d}
.promo-hero.is-promotion .promo-controls [data-slide-to]{background:#9e89bc}
.promo-hero.is-promotion .promo-controls [aria-current="true"]{background:#ffef36}
body .promo-hero .poster-offer{background-image:none!important;background:#29105d}
body .promo-hero .poster-offer::before{display:none!important}
body .promo-hero .poster-panel{position:absolute;inset:0;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background-image:var(--poster-image);background-size:100% 100%;background-position:center;background-repeat:no-repeat}
body .promo-hero .poster-panel::before,body .promo-hero .poster-panel::after{display:none}
body .promo-hero .poster-panel>img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;object-fit:contain;object-position:left center;transform:none;border-radius:0}

@media(min-width:801px) and (max-width:1199px){
 body .promo-hero.is-promotion .promo-slides{height:620px;min-height:0}
 body .promo-hero.is-promotion .promo-order{margin-top:0}
 .promo-controls>div{max-width:260px}
}
@media(max-width:800px){
 body .promo-hero.is-promotion .promo-slide:not(.is-active){display:none}
 body .promo-hero.is-promotion .promo-slides{height:auto;min-height:0}
 body .promo-hero .poster-offer{position:relative;display:block;min-height:0}
 body .promo-hero .poster-panel{position:relative;inset:auto;width:100%;height:auto}
 body .promo-hero .poster-panel>img{width:100%;height:auto;object-fit:contain}
 .promo-controls>div{max-width:180px;gap:5px}
 .promo-controls [data-slide-to]{width:12px!important}
}


@media(max-width:800px){body .promo-hero .poster-panel{background-image:none}}