/* =========================
   VEHICLE CARD ENTRANCE
========================= */

.premium-card {
    animation:
        vehicleCardEntrance
        0.55s ease both;
}

@keyframes vehicleCardEntrance {
    from {
        opacity: 0;
        transform:
            translateY(24px)
            scale(0.985);
    }

    to {
        opacity: 1;
        transform:
            translateY(0)
            scale(1);
    }
}

/* =========================
   IMAGE FADE
========================= */

.vehicle-image {
    animation:
        vehicleImageFade
        0.45s ease both;
}

@keyframes vehicleImageFade {
    from {
        opacity: 0;
        transform: scale(1.025);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* =========================
   ACCESSIBILITY
========================= */

@media (
    prefers-reduced-motion:
    reduce
) {
    *,
    *::before,
    *::after {
        scroll-behavior:
            auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }
}