/* ==================================================
   ÉQUIPEMENTS — MARQUES_NEW
   Version premium, cohérente et 100 % responsive
================================================== */

.eq-marques-section,
.eq-marques-section *,
.eq-marques-section *::before,
.eq-marques-section *::after{
    box-sizing:border-box;
}

.eq-marques-section{
    position:relative;
    overflow:hidden;

    padding:0 0 88px;

    background:
        radial-gradient(circle at 8% 0%,rgba(37,99,235,.035),transparent 24%),
        linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
}

.eq-marques-section .le-container{
    width:min(1760px,94%);
    margin:0 auto;
}

/* ==================================================
   CONTENEUR PREMIUM
================================================== */

.eq-marques-box{
    position:relative;
    overflow:hidden;

    min-height:238px;
    padding:48px 92px 44px;

    border:1px solid rgba(0,13,32,.07);
    border-radius:28px;

    background:
        radial-gradient(circle at 92% 0%,rgba(37,99,235,.09),transparent 27%),
        radial-gradient(circle at 8% 100%,rgba(37,99,235,.045),transparent 30%),
        linear-gradient(135deg,#ffffff 0%,#f8fbff 100%);

    box-shadow:
        0 20px 54px rgba(0,13,32,.07),
        0 42px 90px rgba(0,13,32,.055),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.eq-marques-box::before{
    content:"";

    position:absolute;
    top:0;
    left:34px;
    right:34px;

    height:3px;

    border-radius:0 0 999px 999px;

    background:linear-gradient(90deg,#2563eb,#67a4ff);

    opacity:.9;
}

.eq-marques-box::after{
    content:"";

    position:absolute;
    right:-90px;
    bottom:-90px;

    width:230px;
    height:230px;

    border:1px solid rgba(37,99,235,.08);
    border-radius:50%;

    box-shadow:
        0 0 0 34px rgba(37,99,235,.025),
        0 0 0 68px rgba(37,99,235,.015);

    pointer-events:none;
}

.eq-marques-box > *{
    position:relative;
    z-index:2;
}

/* ==================================================
   TITRE
================================================== */

.eq-marques-box h2{
    max-width:920px;

    margin:0 auto 38px;

    color:#000d20;

    text-align:center;
    text-wrap:balance;

    font-size:32px;
    font-weight:950;
    line-height:1.18;
    letter-spacing:-.55px;
}

/* ==================================================
   SLIDER
================================================== */

.eq-marques-slider{
    position:relative;
    overflow:hidden;

    width:100%;

    padding:4px 0;
}

.eq-marques-slider::before,
.eq-marques-slider::after{
    content:"";

    position:absolute;
    top:0;
    bottom:0;
    z-index:3;

    width:78px;

    pointer-events:none;
}

.eq-marques-slider::before{
    left:0;

    background:linear-gradient(90deg,#f9fbff 0%,rgba(249,251,255,.82) 45%,transparent 100%);
}

.eq-marques-slider::after{
    right:0;

    background:linear-gradient(270deg,#f9fbff 0%,rgba(249,251,255,.82) 45%,transparent 100%);
}

.eq-marques-track{
    display:flex;
    align-items:stretch;

    gap:0;

    transition:transform .45s cubic-bezier(.22,.61,.36,1);

    will-change:transform;
}

/* ==================================================
   LOGOS
================================================== */

.eq-marque{
    flex:0 0 25%;
    min-width:0;
    height:130px;
    padding:0 14px;

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

    opacity:.92;

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

.eq-marque img{
    display:block;

    width:230px;
    height:82px;

    object-fit:contain;
    object-position:center;

    filter:drop-shadow(0 10px 22px rgba(0,13,32,.08));

    transition:
        transform .35s ease,
        filter .35s ease;
}

.eq-marque:hover{
    opacity:1;
    transform:translateY(-5px);
}

.eq-marque:hover img{
    transform:scale(1.06);
    filter:drop-shadow(0 16px 30px rgba(0,13,32,.15));
}

/* ==================================================
   FLÈCHES
================================================== */

.eq-marques-arrow{
    position:absolute;
    top:50%;
    z-index:5;

    width:54px;
    height:54px;
    padding:0;

    border:1px solid rgba(0,13,32,.08);
    border-radius:50%;

    background:rgba(255,255,255,.94);
    color:#000d20;

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

    cursor:pointer;

    box-shadow:
        0 14px 34px rgba(0,13,32,.11),
        inset 0 1px 0 rgba(255,255,255,.95);

    backdrop-filter:blur(10px);

    transform:translateY(-50%);

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.eq-marques-arrow:hover{
    border-color:#000d20;

    background:#000d20;
    color:#ffffff;

    transform:translateY(-50%) scale(1.06);

    box-shadow:0 18px 38px rgba(0,13,32,.18);
}

.eq-marques-arrow:focus-visible{
    outline:none;

    box-shadow:
        0 0 0 5px rgba(37,99,235,.12),
        0 14px 34px rgba(0,13,32,.11);
}

.eq-marques-arrow svg{
    width:23px;
    height:23px;

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

.eq-marques-prev{
    left:24px;
}

.eq-marques-next{
    right:24px;
}

/* ==================================================
   RESPONSIVE
================================================== */

@media(max-width:1400px){

    .eq-marques-box{
        padding:46px 82px 42px;
    }

    .eq-marque{
        flex:0 0 25%;
    }

}

@media(max-width:1100px){

    .eq-marques-section{
        padding-bottom:76px;
    }

    .eq-marques-box{
        padding:42px 72px 38px;
    }

    .eq-marques-box h2{
        margin-bottom:34px;

        font-size:29px;
    }

.eq-marque{
    height:118px;
            flex:0 0 33.333%;
}

.eq-marque img{
    max-width:220px;
    max-height:80px;
}

}

@media(max-width:820px){

    .eq-marques-section{
        padding-bottom:62px;
    }

    .eq-marques-box{
        min-height:auto;
        padding:36px 62px 32px;

        border-radius:24px;
    }

    .eq-marques-box::before{
        left:24px;
        right:24px;
    }

    .eq-marques-box h2{
        margin-bottom:28px;

        font-size:25px;
    }

.eq-marque{
            flex:0 0 50%;
    height:110px;
}

.eq-marque img{
    max-width:200px;
    max-height:72px;
}

    .eq-marques-arrow{
        width:46px;
        height:46px;
    }

    .eq-marques-arrow svg{
        width:20px;
        height:20px;
    }

    .eq-marques-prev{
        left:14px;
    }

    .eq-marques-next{
        right:14px;
    }

    .eq-marques-slider::before,
    .eq-marques-slider::after{
        width:54px;
    }

}

@media(max-width:560px){

    .eq-marques-section .le-container{
        width:calc(100% - 24px);
    }

    .eq-marques-section{
        padding-bottom:52px;
    }

    .eq-marques-box{
        padding:32px 50px 28px;

        border-radius:20px;
    }

    .eq-marques-box h2{
        margin-bottom:24px;

        font-size:22px;
        line-height:1.22;
    }

.eq-marque{
    height:100px;
            padding:0 8px;
                    flex:0 0 100%;
}

.eq-marque img{
    max-width:180px;
    max-height:66px;
}

    .eq-marques-arrow{
        width:42px;
        height:42px;
    }

    .eq-marques-prev{
        left:8px;
    }

    .eq-marques-next{
        right:8px;
    }

    .eq-marques-slider::before,
    .eq-marques-slider::after{
        width:38px;
    }

}

@media(max-width:390px){

    .eq-marques-section .le-container{
        width:calc(100% - 18px);
    }

    .eq-marques-box{
        padding:28px 44px 24px;
    }

    .eq-marques-box h2{
        font-size:20px;
    }

    .eq-marque{
        height:94px;
    }

    .eq-marque img{
        max-width:170px;
        max-height:60px;
    }

    .eq-marques-arrow{
        width:38px;
        height:38px;
    }

    .eq-marques-arrow svg{
        width:18px;
        height:18px;
    }
}

/* ==================================================
   TACTILE ET ACCESSIBILITÉ
================================================== */

@media(hover:none){

    .eq-marque:hover{
        opacity:1;
        transform:none;
    }

    .eq-marque:hover img{
        transform:none;
    }

    .eq-marques-arrow:hover{
        border-color:rgba(0,13,32,.08);

        background:rgba(255,255,255,.94);
        color:#000d20;

        transform:translateY(-50%);
    }

}

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

    .eq-marques-section *,
    .eq-marques-section *::before,
    .eq-marques-section *::after{
        animation:none !important;
        transition:none !important;
    }

}


.eq-marque.is-electrolux img{
    transform:scale(1.12);
}

.eq-marque.is-square img{
    transform:scale(1.02);
}

.eq-marque.is-jofemar img{
    transform:scale(1.12);
}

.eq-marque.is-wiline img{
    transform:scale(1.08);
}

.eq-marque.is-legrand img{
    transform:scale(1.14);
}

.eq-marque.is-necta img{
    transform:scale(1.10);
}

.eq-marque.is-ethik img{
    transform:scale(1.08);
}

.eq-marque.is-lm img{
    transform:scale(1.16);
}

.eq-marque.is-electrolux:hover img{
    transform:scale(1.18);
}

.eq-marque.is-square:hover img{
    transform:scale(1.08);
}

.eq-marque.is-jofemar:hover img{
    transform:scale(1.18);
}

.eq-marque.is-wiline:hover img{
    transform:scale(1.14);
}

.eq-marque.is-legrand:hover img{
    transform:scale(1.20);
}

.eq-marque.is-necta:hover img{
    transform:scale(1.16);
}

.eq-marque.is-ethik:hover img{
    transform:scale(1.14);
}

.eq-marque.is-lm:hover img{
    transform:scale(1.22);
}