.promo-carousel .promo-track{display:grid;position:relative;transform:none!important;will-change:auto;perspective:1200px}
.promo-carousel .promo-slide{grid-area:1/1;visibility:hidden;pointer-events:none;min-width:0}
.promo-carousel .promo-slide.promo-current,.promo-carousel .promo-slide.promo-leaving{visibility:visible}
.promo-carousel .promo-slide.promo-current{pointer-events:auto;z-index:2}
.promo-carousel .friends-offer,.promo-carousel .solarium-slide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;min-height:405px;align-items:center}
.promo-carousel .friends-copy{transform-origin:center top;backface-visibility:hidden;perspective:1200px}
.promo-carousel .friends-reward{height:380px;box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:28px 32px 24px;rotate:0deg;transform:none;transition:none;box-shadow:none}
.promo-carousel .reward-label{font-size:12px;line-height:1.4;margin-bottom:18px}
.promo-carousel .reward-title>strong{font-size:108px;letter-spacing:-.06em}
.promo-carousel .reward-title h3{font-size:44px}
.promo-carousel .friends-reward>p{font-size:14px;line-height:1.6;margin:20px 0}
.promo-carousel .reward-footer{margin-top:auto;font-size:12px}
.promo-carousel .solar-card .solar-mark{width:108px;height:108px;margin:8px auto 12px}
.promo-carousel .solar-card h3{font-size:48px;margin-bottom:20px}
.promo-current.promo-entering .friends-copy{animation:promo-text-down 700ms cubic-bezier(.2,.75,.25,1) both}
.promo-current.promo-entering .friends-reward{animation:promo-card-in 650ms cubic-bezier(.2,.75,.25,1) both}
.promo-leaving .friends-copy{animation:promo-text-out 450ms cubic-bezier(.4,0,1,1) both}
.promo-leaving .friends-reward{animation:promo-card-out 550ms cubic-bezier(.4,0,1,1) both}
@keyframes promo-text-down{from{opacity:0;transform:perspective(1200px) rotateX(-70deg) translateY(-18px)}to{opacity:1;transform:perspective(1200px) rotateX(0) translateY(0)}}
@keyframes promo-text-out{from{opacity:1;transform:perspective(1200px) rotateX(0) translateY(0)}to{opacity:0;transform:perspective(1200px) rotateX(65deg) translateY(32px)}}
@keyframes promo-card-in{from{opacity:0;transform:translateX(calc(var(--promo-direction,1)*120%))}to{opacity:1;transform:translateX(0)}}
@keyframes promo-card-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(var(--promo-direction,1)*-120%))}}
@media(max-width:650px){.promo-carousel .friends-offer,.promo-carousel .solarium-slide{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(240px,1fr) 350px;min-height:0;gap:26px;align-content:start}.promo-carousel .friends-reward{height:350px;padding:25px 24px 20px}.promo-carousel .reward-title{gap:16px}.promo-carousel .reward-title>strong{font-size:82px}.promo-carousel .reward-title h3{font-size:34px}.promo-carousel .solar-card h3{font-size:42px}.promo-carousel .reward-footer{font-size:12px;gap:8px}.promo-carousel .reward-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.promo-carousel .friends-copy,.promo-carousel .friends-reward{animation:none!important;transform:none!important}.promo-carousel .promo-slide.promo-leaving{visibility:hidden}}
