/* Progressive enhancement: every section remains visible without JavaScript. */
.promo-motion-ready .promo-enter {
    opacity: 0;
    translate: 0 16px;
    transition:
        opacity 520ms ease,
        translate 620ms cubic-bezier(0.2, 0.65, 0.3, 1);
}
.promo-motion-ready .promo-enter.is-visible,
.promo-motion-ready .promo-enter:focus-within {
    opacity: 1;
    translate: 0 0;
}
.pm-hero-scene .pm-receipt {
    animation: promo-receipt-drift 8s ease-in-out infinite;
}
.pm-hero-scene .pm-float-stock {
    animation: promo-stock-drift 6.5s ease-in-out infinite;
}
.pm-hero-scene .pm-float-return {
    animation: promo-return-drift 9s ease-in-out infinite;
}
.pm-hero-scene[data-motion-active='false']
    :is(.pm-receipt, .pm-float-stock, .pm-float-return) {
    animation-play-state: paused;
}
@keyframes promo-receipt-drift {
    0%,
    100% {
        translate: 0 0;
        rotate: 0deg;
    }
    50% {
        translate: 0 -7px;
        rotate: 0.35deg;
    }
}
@keyframes promo-stock-drift {
    0%,
    100% {
        translate: 0 0;
        rotate: 0deg;
    }
    50% {
        translate: 3px -13px;
        rotate: -1.1deg;
    }
}
@keyframes promo-return-drift {
    0%,
    100% {
        translate: 0 0;
        rotate: 0deg;
    }
    50% {
        translate: -3px 9px;
        rotate: 1.25deg;
    }
}
@media (prefers-reduced-motion: reduce) {
    .promo-motion-ready .promo-enter {
        opacity: 1;
        translate: none;
        transition: none;
    }
    .pm-hero-scene :is(.pm-receipt, .pm-float-stock, .pm-float-return) {
        animation: none;
        translate: none;
        rotate: none;
    }
}
@media print {
    .promo-motion-ready .promo-enter {
        opacity: 1;
        translate: none;
    }
    .pm-hero-scene :is(.pm-receipt, .pm-float-stock, .pm-float-return) {
        animation: none;
    }
}