/* ANIMATIONS */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeInUp 0.8s ease;
}

/* Debug styles for slider */
.js-loading .slider-track {
    opacity: 0;
}

.slider-track {
    transition: transform 0.5s ease-in-out;
}

/* Ensure slides are properly sized */
.slide {
    min-width: 100%;
    position: relative;
    flex-shrink: 0;
}

/* Debug outline for development */
.debug * {
    outline: 1px solid red;
}