.logo-layout-grid {
    display: grid;
    align-items: center;
    justify-items: center;
}

.logo-layout-justified {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.logo-layout-justified .logo-item {
    flex: 1 1 auto;
    text-align: center;
    min-width: 120px;
}

.logo-item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-item img {
    display: block;
    margin: 0 auto;
}

.logo-multi-line-container {
    display: flex;
    flex-direction: column;
}

/* Responsive Lines Logic using CSS */
.logo-multi-line-container.responsive-lines > .marquee-container {
    display: none; /* Hide all by default */
}

/* Desktop */
.logo-multi-line-container[data-lines-desktop="1"] > .marquee-container:nth-child(-n+1) { display: flex; }
.logo-multi-line-container[data-lines-desktop="2"] > .marquee-container:nth-child(-n+2) { display: flex; }
.logo-multi-line-container[data-lines-desktop="3"] > .marquee-container:nth-child(-n+3) { display: flex; }
.logo-multi-line-container[data-lines-desktop="4"] > .marquee-container:nth-child(-n+4) { display: flex; }
.logo-multi-line-container[data-lines-desktop="5"] > .marquee-container:nth-child(-n+5) { display: flex; }

/* Tablet */
@media (max-width: 1024px) {
    .logo-multi-line-container.responsive-lines > .marquee-container { display: none !important; }
    .logo-multi-line-container[data-lines-tablet="1"] > .marquee-container:nth-child(-n+1) { display: flex !important; }
    .logo-multi-line-container[data-lines-tablet="2"] > .marquee-container:nth-child(-n+2) { display: flex !important; }
    .logo-multi-line-container[data-lines-tablet="3"] > .marquee-container:nth-child(-n+3) { display: flex !important; }
    .logo-multi-line-container[data-lines-tablet="4"] > .marquee-container:nth-child(-n+4) { display: flex !important; }
    .logo-multi-line-container[data-lines-tablet="5"] > .marquee-container:nth-child(-n+5) { display: flex !important; }
}

/* Mobile */
@media (max-width: 767px) {
    .logo-multi-line-container.responsive-lines > .marquee-container { display: none !important; }
    .logo-multi-line-container[data-lines-mobile="1"] > .marquee-container:nth-child(-n+1) { display: flex !important; }
    .logo-multi-line-container[data-lines-mobile="2"] > .marquee-container:nth-child(-n+2) { display: flex !important; }
    .logo-multi-line-container[data-lines-mobile="3"] > .marquee-container:nth-child(-n+3) { display: flex !important; }
    .logo-multi-line-container[data-lines-mobile="4"] > .marquee-container:nth-child(-n+4) { display: flex !important; }
    .logo-multi-line-container[data-lines-mobile="5"] > .marquee-container:nth-child(-n+5) { display: flex !important; }
}

/* Pure CSS Marquee */
.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
}

.marquee-track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: marquee-scroll 20s linear infinite;
}

.marquee-pause:hover .marquee-track {
    animation-play-state: paused;
}

.marquee-item {
    flex-shrink: 0;
}

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