.custom-logo-carousel {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.custom-logo-carousel,
.custom-logo-carousel * {
    box-sizing: border-box;
}

.custom-logo-carousel__viewport {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.custom-logo-carousel__track {
    display: flex;
    align-items: stretch;
    width: max-content;
    max-width: none !important;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}

.custom-logo-carousel__set {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    gap: var(--clc-gap, 30px);
    padding-right: var(--clc-gap, 30px);
}

.custom-logo-carousel__item {
    flex: 0 0 var(--clc-cell-width, 160px) !important;
    width: var(--clc-cell-width, 160px) !important;
    max-width: var(--clc-cell-width, 160px) !important;
    min-width: var(--clc-cell-width, 160px) !important;
    min-height: var(--clc-logo-h, 120px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
}

.custom-logo-carousel__img,
.custom-logo-carousel__item img {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    max-width: min(100%, var(--clc-logo-w, 120px)) !important;
    max-height: var(--clc-logo-h, 120px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    transform: none !important;
    transition: none !important;
    backface-visibility: hidden;
}

.custom-logo-carousel__item:hover .custom-logo-carousel__img,
.custom-logo-carousel__item:hover img {
    transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .custom-logo-carousel__track {
        transform: none !important;
    }
}

/* Drag / swipe opzionale */
.custom-logo-carousel--draggable .custom-logo-carousel__viewport {
    cursor: grab;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}

.custom-logo-carousel--draggable.is-dragging .custom-logo-carousel__viewport {
    cursor: grabbing;
}

.custom-logo-carousel--draggable .custom-logo-carousel__img,
.custom-logo-carousel--draggable .custom-logo-carousel__item img {
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
}