@media (max-width: 768px), (prefers-reduced-motion: reduce) {
    .scroll-reveal.active,
    .shop-title-container {
        animation-duration: .8s !important;
    }

    .clickable-effect:hover {
        transform: none;
    }

    .service-floating.jelly-active {
        animation-duration: .5s !important;
        animation-timing-function: ease-in-out !important;
    }
}

@keyframes mobile-footer-star-drift {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-3deg); }
    50% { transform: translate3d(3px, -4px, 0) rotate(4deg); }
}

@media (max-width: 768px) and (prefers-reduced-motion: no-preference) {
    .js-interactive-star {
        animation: mobile-footer-star-drift 4s ease-in-out infinite;
        will-change: transform;
    }
    .js-interactive-star:nth-child(2) { animation-delay: -1.3s; }
    .js-interactive-star:nth-child(4) { animation-delay: -2s; }
    .js-interactive-star:nth-child(5) { animation-delay: -.7s; }
}