/* Standard Modal: scale + fade */
.modal-backdrop-enter-active,
.modal-backdrop-leave-active {
    transition: opacity 0.25s ease;
}
.modal-backdrop-enter-from,
.modal-backdrop-leave-to {
    opacity: 0;
}
.modal-content-enter-active {
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.modal-content-leave-active {
    transition: all 0.15s ease-in;
}
.modal-content-enter-from {
    opacity: 0;
    transform: scale(0.97) translateY(8px);
}
.modal-content-leave-to {
    opacity: 0;
    transform: scale(0.98);
}

/* Fullscreen Modal: slide-up auf Mobile, scale auf Desktop */
.modal-fullscreen-enter-active {
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.modal-fullscreen-leave-active {
    transition: all 0.2s ease-in;
}
.modal-fullscreen-enter-from {
    opacity: 0;
    transform: translateY(100%);
}
.modal-fullscreen-leave-to {
    opacity: 0;
    transform: translateY(40%);
}
@media (min-width: 640px) {
    .modal-fullscreen-enter-from {
        opacity: 0;
        transform: scale(0.97) translateY(8px);
    }
    .modal-fullscreen-leave-to {
        opacity: 0;
        transform: scale(0.98);
    }
}