.ars-container{
    padding:40px 20px;
    background:linear-gradient(135deg,#fff7f2,#ffffff);
    border-radius:20px;
    overflow:hidden;
}

/* 🔹 STATS */
.ars-stats{
    text-align:center;
    margin-bottom:30px;
}

.ars-stat{
    display:inline-block;
    margin:0 15px;
}

.ars-stat strong{
    font-size:24px;
    color:#ff6900;
}

.ars-progress{
    width:100%;
    height:12px;
    background:#eee;
    border-radius:20px;
    margin:15px 0;
    overflow:hidden;
}

.ars-bar{
    height:100%;
    background:linear-gradient(90deg,#ff6900,#ff9a3c);
    border-radius:20px;
}

.ars-percent{
    font-size:14px;
    color:#555;
}

/* 🔹 SLIDER */
.ars-slider{
    overflow:hidden;
    position:relative;
}

.ars-track{
    display:flex;
    gap:20px;
    will-change: transform;
}

/* 🔹 CARD */
.ars-card{
    min-width:260px;
    max-width:260px;
    flex-shrink:0;
}

/* 🔹 BULLE SMS */
.ars-bubble{
    background:#ff6900;
    color:#fff;
    padding:15px;
    border-radius:18px;
    position:relative;
    margin-bottom:10px;
    box-shadow:0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.ars-card:hover .ars-bubble{
    transform: translateY(-5px);
}

.ars-bubble:after{
    content:"";
    position:absolute;
    bottom:-10px;
    left:20px;
    border-width:10px;
    border-style:solid;
    border-color:#ff6900 transparent transparent transparent;
}

/* 🔹 META */
.ars-meta{
    font-size:13px;
}

.ars-stars{
    color:#ffcc00;
    margin:5px 0;
    font-size:14px;
}

.ars-product{
    color:#777;
    font-size:12px;
}

/* 📱 MOBILE */
@media(max-width:768px){

    .ars-container{
        padding:25px 15px;
    }

    .ars-card{
        min-width:220px;
        max-width:220px;
    }

    .ars-stat strong{
        font-size:20px;
    }

    .ars-bubble{
        font-size:14px;
        padding:12px;
    }

    .ars-track{
        gap:15px;
    }
}