.polmor-customer-carousel-widget {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.polmor-customer-carousel {
    width: 100%;
    overflow: hidden;
    padding: 22px 0 28px;
}

.polmor-customer-track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: polmor-customer-scroll var(--polmor-carousel-duration, 54s) linear infinite;
}

.polmor-customer-set {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: clamp(28px, 4vw, 64px);
    padding-right: clamp(28px, 4vw, 64px);
}

.polmor-customer-logo {
    display: flex;
    flex: 0 0 150px;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 112px;
}

.polmor-customer-logo figure {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
}

.polmor-customer-logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.polmor-customer-carousel:hover .polmor-customer-track,
.polmor-customer-carousel:focus-within .polmor-customer-track {
    animation-play-state: paused;
}

@keyframes polmor-customer-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (max-width: 767px) {
    .polmor-customer-carousel { padding: 12px 0 22px; }
    .polmor-customer-set { gap: 24px; padding-right: 24px; }
    .polmor-customer-logo { flex-basis: 112px; width: 112px; height: 80px; }
    .polmor-customer-track { animation-duration: var(--polmor-carousel-duration, 38s); }
}

@media (prefers-reduced-motion: reduce) {
    .polmor-customer-track { animation: none; }
    .polmor-customer-set[aria-hidden="true"] { display: none; }
}
