/* Migrated to Tailwind CSS */
/* All styling is now handled via Tailwind classes and inline configs in shop_header.php */

/* Scroll Reveal Animations */
[data-animate] {
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
[data-animate="fade-up"] {
    transform: translateY(40px);
}
[data-animate="fade-in"] {
    transform: translateY(0);
}
[data-animate="slide-left"] {
    transform: translateX(40px);
}
[data-animate="slide-right"] {
    transform: translateX(-40px);
}
[data-animate].anim-visible {
    opacity: 1;
    transform: translate(0) scale(1);
}