/* ==================================================
   ACCUEIL — STATISTIQUES PREMIUM NEW
   Responsive complet et alignements homogènes
================================================== */

.home-stats_new,
.home-stats_new *,
.home-stats_new *::before,
.home-stats_new *::after{
    box-sizing:border-box;
}

.home-stats_new{
    position:relative;
    z-index:5;

    padding:58px 0 64px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 8% 0,
            rgba(7,87,249,.05),
            transparent 28%
        ),
        radial-gradient(
            circle at 92% 100%,
            rgba(37,99,235,.035),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8faff 100%
        );
}

.home-stats_new .le-container_new{
    position:relative;
    z-index:2;

    width:min(1760px,94%);
    margin:0 auto;
}


/* ==================================================
   BOX PRINCIPALE
================================================== */

.home-stats-box_new{
    position:relative;
    overflow:hidden;

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;

    border:1px solid rgba(255,255,255,.10);
    border-radius:28px;

    background:
        radial-gradient(
            circle at 5% 18%,
            rgba(7,87,249,.20),
            transparent 27%
        ),
        radial-gradient(
            circle at 95% 82%,
            rgba(37,99,235,.14),
            transparent 29%
        ),
        linear-gradient(
            135deg,
            #000b1c 0%,
            #000d20 44%,
            #00183d 100%
        );

    box-shadow:
        0 34px 90px rgba(0,13,32,.21),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.home-stats-box_new::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:0;

    pointer-events:none;

    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.06),
            transparent 25%
        );
}

.home-stats-box_new::after{
    content:"";

    position:absolute;
    top:-185px;
    right:-105px;

    width:430px;
    height:430px;

    z-index:0;

    border:1px solid rgba(255,255,255,.05);
    border-radius:50%;

    box-shadow:
        0 0 0 44px rgba(255,255,255,.014),
        0 0 0 88px rgba(255,255,255,.009);

    pointer-events:none;
}


/* ==================================================
   CARTES
================================================== */

.home-stat_new{
    position:relative;
    z-index:2;

    min-width:0;
    min-height:214px;

    padding:36px 30px;

    display:grid;
    grid-template-columns:68px minmax(0,1fr);
    grid-template-rows:1fr;
    gap:22px;
    align-items:center;

    border-right:1px solid rgba(255,255,255,.115);

    transition:
        background .35s ease,
        transform .35s ease,
        box-shadow .35s ease;
}

.home-stat_new:last-child{
    border-right:0;
}

.home-stat_new::after{
    content:"";

    position:absolute;
    left:50%;
    bottom:0;

    width:0;
    height:3px;

    border-radius:999px 999px 0 0;

    background:
        linear-gradient(
            90deg,
            #0757f9,
            #4d8cff
        );

    transform:translateX(-50%);

    transition:width .35s ease;
}

.home-stat_new:hover{
    background:rgba(255,255,255,.04);
}

.home-stat_new:hover::after{
    width:56%;
}


/* ==================================================
   ICÔNES
================================================== */

.home-stat-icon_new{
    width:68px;
    height:68px;
    flex:0 0 68px;

    align-self:center;

    border:1px solid rgba(255,255,255,.13);
    border-radius:19px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#ffffff;

    background:
        radial-gradient(
            circle at 30% 20%,
            rgba(255,255,255,.21),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(7,87,249,.55),
            rgba(7,87,249,.17)
        );

    box-shadow:
        0 18px 36px rgba(7,87,249,.21),
        inset 0 1px 0 rgba(255,255,255,.14);

    transition:
        color .35s ease,
        background .35s ease,
        transform .35s cubic-bezier(.22,.61,.36,1),
        box-shadow .35s ease;
}

.home-stat_new:hover .home-stat-icon_new{
    color:#ffffff;

    background:
        radial-gradient(
            circle at 30% 20%,
            rgba(255,255,255,.26),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #2879ff,
            #0757f9
        );

    transform:
        translateY(-5px)
        rotate(-3deg);

    box-shadow:
        0 23px 46px rgba(7,87,249,.31),
        0 0 0 7px rgba(7,87,249,.06);
}

.home-stat-icon_new svg{
    display:block;

    width:35px;
    height:35px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* ==================================================
   CONTENU ALIGNÉ
================================================== */

.home-stat-content_new{
    min-width:0;
    height:100%;

    display:grid;
    grid-template-rows:64px minmax(52px,auto);
    align-content:center;
    align-items:start;
}

.home-stat-value_new{
    min-width:0;
    min-height:64px;

    margin:0;

    display:flex;
    align-items:flex-end;
    gap:3px;

    color:#ffffff;

    font-size:52px;
    font-weight:950;
    line-height:1;
    letter-spacing:-1.45px;

    white-space:nowrap;
}

.home-stat-prefix_new{
    color:#4d8cff;

    font-size:.65em;
    font-weight:900;
    line-height:1;
}

.home-stat-value_new .counter{
    display:inline-block;

    color:inherit;

    font:inherit;
    line-height:inherit;
    letter-spacing:inherit;
}

.home-stat-description_new{
    display:block;

    min-height:52px;
    padding-top:10px;

    color:rgba(255,255,255,.70);

    font-size:14px;
    font-weight:600;
    line-height:1.5;
}


/* ==================================================
   PARTENAIRE ELECTROLUX
================================================== */

.home-stat-partner_new{
    grid-template-columns:76px minmax(0,1fr);

    background:
        radial-gradient(
            circle at 100% 50%,
            rgba(7,87,249,.14),
            transparent 56%
        );
}

.home-stat-electrolux-icon_new{
    width:68px;
    height:68px;
    flex:0 0 74px;

    padding:12px;

    align-self:center;

    border:1px solid rgba(255,255,255,.11);
    border-radius:19px;

    background:
        radial-gradient(
            circle at 30% 20%,
            rgba(255,255,255,.21),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(7,87,249,.55),
            rgba(7,87,249,.17)
        );

    box-shadow:
        0 16px 32px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.home-stat-electrolux-icon_new img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;

    filter:
        drop-shadow(0 8px 16px rgba(0,0,0,.24));
}

.home-stat-partner_new .home-stat-content_new{
    grid-template-rows:20px 54px minmax(42px,auto);
}

.home-stat-partner-label_new{
    display:block;

    min-height:20px;
    margin:0;

    color:#4d8cff;

    font-size:10px;
    font-weight:900;
    line-height:1.2;
    letter-spacing:1.7px;
    text-transform:uppercase;
}

.home-stat-partner-title_new{
    display:flex;
    align-items:flex-start;

    min-height:54px;
    margin:0;

    color:#ffffff;

    font-size:19px;
    font-weight:900;
    line-height:1.25;
    letter-spacing:-.25px;
}


/* ==================================================
   ANIMATION D’ARRIVÉE — SÉCURISÉE
================================================== */

/*
 * Le contenu est visible par défaut.
 * L’animation n’est appliquée que si le JS ajoute
 * la classe .has-stats-animation sur la box.
 */

.home-stats-box_new .home-stat_new{
    opacity:1;
    transform:none;
}

.home-stats-box_new.has-stats-animation .home-stat_new{
    opacity:0;
    transform:translateY(24px);

    transition:
        opacity .65s ease,
        transform .65s cubic-bezier(.22,.61,.36,1),
        background .35s ease;
}

.home-stats-box_new.has-stats-animation.active .home-stat_new,
.home-stats-box_new.has-stats-animation.is-visible .home-stat_new{
    opacity:1;
    transform:translateY(0);
}

.home-stats-box_new.has-stats-animation.active .home-stat_new:nth-child(1),
.home-stats-box_new.has-stats-animation.is-visible .home-stat_new:nth-child(1){
    transition-delay:.06s;
}

.home-stats-box_new.has-stats-animation.active .home-stat_new:nth-child(2),
.home-stats-box_new.has-stats-animation.is-visible .home-stat_new:nth-child(2){
    transition-delay:.14s;
}

.home-stats-box_new.has-stats-animation.active .home-stat_new:nth-child(3),
.home-stats-box_new.has-stats-animation.is-visible .home-stat_new:nth-child(3){
    transition-delay:.22s;
}

.home-stats-box_new.has-stats-animation.active .home-stat_new:nth-child(4),
.home-stats-box_new.has-stats-animation.is-visible .home-stat_new:nth-child(4){
    transition-delay:.30s;
}


/* ==================================================
   GRANDS ÉCRANS
================================================== */

@media(min-width:1800px){

    .home-stats_new{
        padding:64px 0 70px;
    }

    .home-stat_new{
        min-height:224px;
        padding:38px 34px;
    }

    .home-stat-value_new{
        font-size:55px;
    }

    .home-stat-description_new{
        font-size:14.5px;
    }
}


/* ==================================================
   DESKTOP MOYEN
================================================== */

@media(max-width:1450px){

    .home-stat_new{
        min-height:190px;

        padding:31px 22px;

        grid-template-columns:60px minmax(0,1fr);
        gap:17px;
    }

    .home-stat-icon_new{
        width:59px;
        height:59px;
        flex-basis:59px;

        border-radius:17px;
    }

    .home-stat-icon_new svg{
        width:31px;
        height:31px;
    }

    .home-stat-content_new{
        grid-template-rows:56px minmax(48px,auto);
    }

    .home-stat-value_new{
        min-height:56px;

        font-size:44px;
    }

    .home-stat-description_new{
        min-height:48px;

        font-size:13px;
    }

    .home-stat-partner_new{
        grid-template-columns:65px minmax(0,1fr);
    }

    .home-stat-electrolux-icon_new{
        width:64px;
        height:64px;
        flex-basis:64px;
    }

    .home-stat-partner_new .home-stat-content_new{
        grid-template-rows:18px 48px minmax(40px,auto);
    }

    .home-stat-partner-title_new{
        min-height:48px;

        font-size:17px;
    }
}


/* ==================================================
   TABLETTE ET PETITS LAPTOPS
================================================== */

@media(max-width:1100px){

    .home-stats_new{
        padding:50px 0 56px;
    }

    .home-stats_new .le-container_new{
        width:min(94%,980px);
    }

    .home-stats-box_new{
        grid-template-columns:repeat(2,minmax(0,1fr));

        border-radius:24px;
    }

    .home-stat_new{
        min-height:184px;

        padding:30px;

        border-right:1px solid rgba(255,255,255,.12);
        border-bottom:1px solid rgba(255,255,255,.12);
    }

    .home-stat_new:nth-child(2n){
        border-right:0;
    }

    .home-stat_new:nth-last-child(-n+2){
        border-bottom:0;
    }

    .home-stat-content_new{
        grid-template-rows:58px minmax(48px,auto);
    }

    .home-stat-value_new{
        min-height:58px;

        font-size:46px;
    }

    .home-stat-description_new{
        min-height:48px;

        font-size:13.5px;
    }

    .home-stat-partner_new .home-stat-content_new{
        grid-template-rows:18px 50px minmax(42px,auto);
    }
}


/* ==================================================
   TABLETTE PORTRAIT / GRAND MOBILE
================================================== */

@media(max-width:760px){

    .home-stats_new{
        padding:44px 0 50px;
    }

    .home-stats_new .le-container_new{
        width:calc(100% - 28px);
    }

    .home-stats-box_new{
        grid-template-columns:1fr;

        border-radius:22px;
    }

    .home-stat_new,
    .home-stat-partner_new{
        min-height:0;

        padding:26px 22px;

        grid-template-columns:62px minmax(0,1fr);
        gap:18px;

        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.12);
    }

    .home-stat_new:nth-child(2n){
        border-right:0;
    }

    .home-stat_new:nth-last-child(-n+2){
        border-bottom:1px solid rgba(255,255,255,.12);
    }

    .home-stat_new:last-child{
        border-bottom:0;
    }

    .home-stat-content_new{
        height:auto;

        grid-template-rows:auto auto;
        align-content:center;
    }

    .home-stat-value_new{
        min-height:0;

        font-size:42px;
    }

    .home-stat-description_new{
        min-height:0;
        padding-top:7px;

        font-size:13.5px;
    }

    .home-stat-icon_new{
        width:60px;
        height:60px;
        flex-basis:60px;
    }

    .home-stat-electrolux-icon_new{
        width:62px;
        height:62px;
        flex-basis:62px;
    }

    .home-stat-partner_new .home-stat-content_new{
        grid-template-rows:auto auto auto;
        align-content:center;
    }

    .home-stat-partner-label_new,
    .home-stat-partner-title_new{
        min-height:0;
    }

    .home-stat-partner-title_new{
        margin-top:4px;

        font-size:18px;
    }
}


/* ==================================================
   PETITS MOBILES
================================================== */

@media(max-width:430px){

    .home-stats_new{
        padding:38px 0 44px;
    }

    .home-stats_new .le-container_new{
        width:calc(100% - 20px);
    }

    .home-stats-box_new{
        border-radius:18px;
    }

    .home-stat_new,
    .home-stat-partner_new{
        padding:22px 17px;

        grid-template-columns:52px minmax(0,1fr);
        gap:14px;
    }

    .home-stat-icon_new{
        width:50px;
        height:50px;
        flex-basis:50px;

        border-radius:14px;
    }

    .home-stat-icon_new svg{
        width:27px;
        height:27px;
    }

    .home-stat-value_new{
        font-size:36px;
    }

    .home-stat-description_new{
        font-size:12.5px;
        line-height:1.45;
    }

    .home-stat-electrolux-icon_new{
        width:52px;
        height:52px;
        flex-basis:52px;

        padding:9px;

        border-radius:14px;
    }

    .home-stat-partner-label_new{
        font-size:9px;
        letter-spacing:1.35px;
    }

    .home-stat-partner-title_new{
        font-size:16px;
    }
}


/* ==================================================
   TRÈS PETITS ÉCRANS
================================================== */

@media(max-width:340px){

    .home-stats_new .le-container_new{
        width:calc(100% - 14px);
    }

    .home-stat_new,
    .home-stat-partner_new{
        padding:20px 13px;

        grid-template-columns:48px minmax(0,1fr);
        gap:12px;
    }

    .home-stat-icon_new{
        width:46px;
        height:46px;
        flex-basis:46px;
    }

    .home-stat-electrolux-icon_new{
        width:48px;
        height:48px;
        flex-basis:48px;
    }

    .home-stat-value_new{
        font-size:33px;
    }

    .home-stat-description_new{
        font-size:12px;
    }

    .home-stat-partner-title_new{
        font-size:15px;
    }
}


/* ==================================================
   TACTILE
================================================== */

@media(hover:none){

    .home-stat_new:hover{
        background:transparent;
    }

    .home-stat_new:hover::after{
        width:0;
    }

    .home-stat_new:hover .home-stat-icon_new{
        transform:none;

        background:
            radial-gradient(
                circle at 30% 20%,
                rgba(255,255,255,.21),
                transparent 35%
            ),
            linear-gradient(
                145deg,
                rgba(7,87,249,.55),
                rgba(7,87,249,.17)
            );

        box-shadow:
            0 18px 36px rgba(7,87,249,.21),
            inset 0 1px 0 rgba(255,255,255,.14);
    }
}


/* ==================================================
   ACCESSIBILITÉ
================================================== */

@media(prefers-reduced-motion:reduce){

    .home-stats-box_new .home-stat_new,
    .home-stat-icon_new{
        opacity:1;
        transform:none;

        animation:none;
        transition:none;
    }
}