/* Persistent cards move between cyclic slots; only the offscreen card rebases. */
.deal-carousel.is-motion{
 --carousel-gap:14px;
 --carousel-card-width:calc((100% - 28px)/3);
 display:grid;
 grid-template-columns:minmax(0,1fr);
 align-items:center;
 gap:0;
 isolation:isolate;
 overflow:hidden;
 overflow:clip;
 padding-block:18px 22px;
 touch-action:pan-y pinch-zoom;
}
.deal-carousel.is-motion .carousel-card{
 display:block;
 grid-area:1/1;
 justify-self:center;
 width:var(--carousel-card-width);
 margin:0;
 z-index:1;
 transform:translate3d(calc(var(--carousel-slot,0)*(100% + var(--carousel-gap))),0,0) scale(.88);
 opacity:.54;
 transition:transform 650ms cubic-bezier(.22,.61,.36,1),opacity 650ms ease,border-color 650ms ease,box-shadow 650ms ease;
 will-change:transform;
}
.deal-carousel.is-motion .carousel-card.is-center{
 z-index:2;
 transform:translate3d(calc(var(--carousel-slot,0)*(100% + var(--carousel-gap))),0,0) scale(1);
 opacity:1;
}
.deal-carousel.is-motion .carousel-card.is-outside{opacity:0;pointer-events:none}
.deal-carousel.is-motion.is-settling .carousel-card,
.deal-carousel.is-motion .carousel-card.is-repositioning{transition:none}
.deal-carousel.is-motion:focus-visible{outline-offset:1px;border-radius:16px}
.has-motion-carousel .carousel-arrow{top:calc(50% - 16px);z-index:3}
.carousel-playback{height:28px;margin-top:4px;display:flex;justify-content:center;align-items:center;gap:13px}
.carousel-play-toggle{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 9px;border:1px solid #303030;border-radius:20px;color:#a4a4a4;background:#0b0b0b;font:500 10px/1.4 var(--font);transition:color .2s,border-color .2s,background .2s}
.carousel-play-toggle:hover{color:#f3f3f3;border-color:#b026ff66;background:#131013}
.carousel-play-toggle svg{height:12px;width:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.carousel-play-toggle:disabled,.carousel-play-toggle[aria-disabled=true]{cursor:default;opacity:.65}
.carousel-position{font:400 9px/1.4 var(--mono);letter-spacing:1px;color:#777}
@media(max-width:1000px) and (min-width:651px){
 .deal-carousel.is-motion{--carousel-gap:5px;--carousel-card-width:calc((100% - 10px)/3)}
}
@media(max-width:650px){
 .deal-carousel-wrap.has-motion-carousel{max-width:440px;padding-inline:0}
 .deal-carousel.is-motion{--carousel-gap:-22px;--carousel-card-width:min(300px,calc(100% - 72px));padding-block:15px 20px}
 .deal-carousel.is-motion .carousel-card,.deal-carousel.is-motion .carousel-card.is-center{padding:27px 20px 22px}
 .deal-carousel.is-motion .carousel-card:not(.is-center){opacity:.38}
 .deal-carousel.is-motion .carousel-card.is-outside{opacity:0}
 .has-motion-carousel .carousel-arrow.prev{left:3px}
 .has-motion-carousel .carousel-arrow.next{right:3px}
}
@media(max-width:390px){
 .deal-carousel.is-motion .carousel-card,.deal-carousel.is-motion .carousel-card.is-center{padding:23px 16px 18px}
}
@media(prefers-reduced-motion:reduce){
 .deal-carousel.is-motion .carousel-card,.carousel-play-toggle{transition:none;will-change:auto}
}