/* Marquee Carousel Styling */
.marquee-wrapper {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
    padding: 20px 0;
    display: flex;
}

.marquee-content {
    display: flex;
    gap: 24px;
    animation: scroll 30s linear infinite;
    min-width: 200%;
}

.marquee-wrapper:hover .marquee-content {
    animation-play-state: paused;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.brands-section .brand-item {
    font-size: 1.5rem;
    padding: 24px 48px;
    min-width: max-content;
}