/* Conteneur qui masque l’excédent */
    .cc-wrapper {
        overflow: hidden;
    }

    /* Slider en flexbox */
    .cc-slider {
        display: flex;
        width: max-content;
    }

    /* Chaque élément du slider */
    .cc-item {
        flex: 100%;  /* 1 élément par vue par défaut */
        padding: 0.5rem;
        margin: 0 25px;
    }

    .cc-item img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    /* Responsive : de 1 jusqu’à 5 items selon la largeur */
    @media (min-width: 576px) {
        .cc-item { flex: 50%; }
    }
    @media (min-width: 768px) {
        .cc-item { flex: 33.3333%; }
    }
    @media (min-width: 992px) {
        .cc-item { flex: 25%; }
    }
    @media (min-width: 1200px) {
        .cc-item { flex: 20%; }
    }

    /* Animations continues */
    .cc-left {
        animation: cc-scroll-left 120s linear infinite;
    }
    .cc-right {
        animation: cc-scroll-right 120s linear infinite;
    }

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