/* Slower and smoother slide transitions */
.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active {
    transition: all 0.3s cubic-bezier(0.25, 0.25, 0.25, 0.5); /* Increased from 0.4s to 0.7s + smooth easing */
}

.slide-right-enter-from {
    transform: translateX(100%);
    opacity: 0;
}

.slide-right-leave-to {
    transform: translateX(-100%);
    opacity: 0;
}

.slide-left-enter-from {
    transform: translateX(-100%);
    opacity: 0;
}

.slide-left-leave-to {
    transform: translateX(100%);
    opacity: 0;
}

/* Glide Effect: Slide and Fade */
.slide-fade-enter-active,
.slide-fade-leave-active {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Entering from the right */
.slide-fade-enter-from {
    transform: translateX(30px);
    opacity: 0;
}

/* Leaving to the left */
.slide-fade-leave-to {
    transform: translateX(-30px);
    opacity: 0;
}