/* Logo khach hang - marquee carousel lien tuc, dung chung tinh than voi home-slider.css. Chi load khi isset($home). */
.clogo-viewport {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.clogo-track {
    display: flex;
    align-items: center;
    gap: 20px;
    width: max-content;
}
.clogo-track--scroll {
    animation-name: clogo-marquee;
    animation-timing-function: linear;
}
.clogo-track--scroll:hover {
    animation-play-state: paused;
}

@keyframes clogo-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

.clogo-item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    width: 180px;
    height: 96px;
    box-sizing: border-box;
}
.clogo-item img {
    display: block;
    max-width: 100%;
    height: 40px;
    width: auto;
    object-fit: contain;
    margin: 0 auto;
    filter: grayscale(100%) opacity(55%);
    transition: filter .25s;
}
.clogo-item:hover img {
    filter: grayscale(0%) opacity(100%);
}

@media (max-width: 991px) {
    .clogo-item { width: 140px; height: 80px; padding: 16px; }
    .clogo-item img { height: 32px; }
}
@media (max-width: 575px) {
    .clogo-track { gap: 14px; }
    .clogo-item { width: 120px; height: 68px; padding: 12px; }
    .clogo-item img { height: 26px; }
}