/* Copie légère de /assets/phare-avis.css (commentaires retirés) — tools/prod-css-purge.mjs — source-sha1:2c72e45ca97ec7d311a3ebd86468f2d8c94fc3e1 — ne pas éditer, relancer l'outil. */
body.labo .reviews-band{--av-fond: #F4F4F5;
    --av-titre: var(--p-encre);
    --av-sous: var(--p-doux);
    
    --rv-cream: var(--av-fond);
    
    --av-encre: #0A0A0A;
    --av-doux: #5F5F5F;

    background: var(--av-fond);
    
    border-top: 1px solid var(--p-filet);
    border-bottom: 1px solid var(--p-filet);
    padding: clamp(40px, 4.8vw, 70px) 0 clamp(44px, 5.2vw, 76px);
    font-family: var(--font-nav);
    overflow: hidden;
    overflow: clip;}
body.labo .reviews-head{max-width: var(--p-large);
    margin: 0 auto clamp(26px, 3vw, 42px);
    padding-inline: var(--p-marge);
    text-align: center;}
body.labo .reviews-tag{display: none;}
body.labo .reviews-title{font-family: var(--font-nav);
    font-size: clamp(1.75rem, 3.2vw, 2.75rem);
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: 1.12;
    
    max-width: 22ch;
    text-wrap: balance;
    color: var(--av-titre);
    margin: 0 auto;}
body.labo .reviews-sub{margin: 12px auto 0;
    
    max-width: 46ch;
    font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
    line-height: 1.5;
    letter-spacing: -0.011em;
    color: var(--av-sous);}
body.labo .reviews-foot{display: none;}
body.labo .reviews-viewport{overflow: hidden;
    overflow: clip;
    
    padding-block: 8px;}
body.labo .reviews-viewport::before,body.labo .reviews-viewport::after{width: clamp(40px, 8vw, 130px);}
body.labo .reviews-track{gap: 16px;
    
    animation-name: avCoule;
    
    animation-duration: 42s;}
body.labo .reviews-viewport:hover .reviews-track{animation-play-state: running;}
@keyframes avCoule{
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}
body.labo .rev-card{position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 356px;
    flex: 0 0 356px;
    padding: 22px 22px 20px;
    border: 0;
    border-radius: 18px;
    background: #FFFFFF;
    
    box-shadow:
        0 1px 2px rgba(15, 23, 41, 0.06),
        0 3px 8px -3px rgba(15, 23, 41, 0.07),
        0 20px 40px -22px rgba(15, 23, 41, 0.32);
    overflow: visible;}
body.labo .rev-card > .rev-stars{order: 1; margin: 0;}
body.labo .rev-card > .rev-text{order: 2; margin: 0;}
body.labo .rev-card > .rev-card-top{order: 3; margin: auto 0 0;}
body.labo .rev-card > .rev-source{display: none;}
body.labo .rev-card .rev-g{position: absolute;
    top: 20px;
    right: 20px;
    width: 19px;
    height: 19px;}
body.labo .rev-card .rev-stars{display: flex;
    gap: 3px;
    color: #F5A623 !important;}
body.labo .rev-card .rev-stars svg{width: 15px; height: 15px;}
body.labo .rev-card .rev-stars svg.vide{color: #E6E5E3;}
body.labo .rev-card .rev-text{font-size: 0.9375rem;
    line-height: 1.55;
    letter-spacing: -0.006em;
    color: var(--av-doux);
    display: -webkit-box;
    
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;}
body.labo .rev-card .rev-card-top{display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 2px;}
body.labo .rev-card .rev-avatar{width: 34px;
    height: 34px;
    font-size: 0.875rem;}
body.labo .rev-card .rev-name{font-size: 0.84375rem;
    font-weight: 600;
    letter-spacing: -0.011em;
    color: var(--av-encre);}
body.labo .rev-card .rev-meta{margin-top: 1px;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: -0.004em;
    color: #767676;}
body.labo .reviews-foot{display: block;
    text-align: center;
    margin-top: clamp(22px, 2.6vw, 34px);}
body.labo .reviews-lien{background: #FFFFFF;
    border-color: var(--p-filet);
    font-family: var(--font-nav);
    font-size: 0.90625rem;
    font-weight: 500;
    color: var(--p-encre);}
body.labo .reviews-lien:hover{border-color: #B4B2AF;}
body.labo .reviews-lien .rev-fleche{color: var(--p-doux);}
@media (max-width: 560px){
body.labo .rev-card{width: 288px; flex-basis: 288px;}
}
@media (prefers-reduced-motion: reduce){
body.labo .reviews-viewport{overflow-x: auto;
        overflow-y: visible;
        overscroll-behavior-x: contain;}
body.labo .reviews-viewport::before,body.labo .reviews-viewport::after{display: none;}
}