/* Brands Carousel */
.brand-carousel-wrapper {
    margin-top: 30px;
    position: relative;
    z-index: 2;
}

#brandCarousel .swiper-wrapper {
    transition-timing-function: linear !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .brand-carousel-wrapper {
        margin-top: 20px;
    }
}

@media (max-width: 576px) {
    .brand-carousel-wrapper {
        margin-top: 15px;
    }

    /* Ensure images in carousel are not too big on mobile */
    #brandCarousel img {
        max-width: 100px;
        margin: 0 auto;
        display: block;
    }
}