.avis-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
}

.avis-track {
    display: flex;
    gap: 30px;
    transition: transform .5s ease-in-out;
    will-change: transform;
}

/* Carte avis */

.avis-card {
    flex: 0 0 calc(50% - 15px);
    background: #ffffff;
    border-radius: 18px;
    padding: 30px;
    display: flex;
    gap: 25px;
    box-sizing: border-box;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: transform .3s ease,
                box-shadow .3s ease;

}

.avis-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.avis-photo {
    flex: 0 0 80px;
}

.avis-photo img {
    width:80px;
    height:80px;
    object-fit:cover;
    border-radius:50%;
}

.avis-content {
    flex:1;
}

.avis-nom {
    margin:0;
    padding:0;
    font-size:22px;
    line-height:1.2;
    font-weight:600;
    text-align: right;
}

.avis-stars {
    margin-bottom:15px;
    font-size:22px;
    letter-spacing:3px;
}

.avis-star {
    color:#ddd;
}

.avis-star.full {
    color:#f5b301;
}

.avis-texte {
    font-size:16px;
    line-height:1.6;
    color:#555;
}

.avis-texte p {
    margin-top:0;
}

.avis-projet {
    margin-top:20px;
}

.avis-projet a {
    color: #BC6C25;
    text-decoration:underline;
    font-size:14px;
    transition:.3s;
}

.avis-projet a:hover {
    opacity:.8;
}

.avis-date {
    margin-top: 0;
    font-size: 13px;
    color: #777;
    text-align: right;
}

.avis-date strong {
    color: #333;
}

/* Pagination */

.avis-pagination {
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:25px;
}

.avis-dot {
    width:8px;
    height:8px;
    border-radius:50%;
    border:none;
    padding:0;
    background:#ddd;
    cursor:pointer;
    transition:.3s;
}

.avis-dot:hover {
    transform:scale(1.2);
}

.avis-dot.active {
    background:#111;
    transform:scale(1.25);
}

@media(max-width:900px){
    .avis-card {
        flex-direction:column;
        text-align:center;
        align-items:center;
        padding:25px;
    }

    .avis-photo {
        margin-bottom:5px;
    }
}


@media(max-width:767px){
    .avis-track {
        gap:20px;
    }

    .avis-card {
        flex:0 0 100%;
    }

    .avis-nom {
        font-size:20px;
    }

    .avis-texte {
        font-size:15px;
    }
}