/* Custom base styles */
* {
    border-color: #E2E8F0;
}

/* Ensure animation elements stay visible after animating */
[data-animate].animated {
    opacity: 1 !important;
}

/* Smooth transition for mobile menu */
#mobile-menu.open {
    transform: translateX(0);
}

#mobile-menu-overlay.open {
    opacity: 1;
}

/* Carousel responsive behavior */
@media (max-width: 767px) {
    #carousel-track > div {
        min-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #carousel-track > div {
        min-width: 50%;
    }
}

@media (min-width: 1024px) {
    #carousel-track > div {
        min-width: 33.333%;
    }
}