.elementor-179 .elementor-element.elementor-element-3956972{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-227e057 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Roboto:wght@400;500;600;700&display=swap');


:root{

    /* =====================================================
       NOUVELLE DA — BLEU ROI
    ===================================================== */

    --home-blue:#21489A;
    --home-dark:#21489A;

    --home-orange:#ff571c;

    --home-light:#fbfaf7;
    --home-beige:#f4eee6;

    --home-text:#647c8a;

    --home-line:rgba(33,72,154,.11);

    --home-header-height:90px;
}


/* =========================================================
   HIDE OLD HEADER
========================================================= */

body.page-id-179 .ekit-template-content-header{
    display:none !important;
}

body.page-id-179 header.zb-header{
    display:none !important;
}


/* =========================================================
   PAGE RESET
========================================================= */

body.page-id-179{
    margin:0 !important;
    padding:0 !important;

    overflow-x:hidden;

    background:var(--home-light);
}

body.page-id-179 .elementor-179{
    margin:0 !important;
    padding:0 !important;
}

body.page-id-179 .elementor-179 > .e-con{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    padding-left:0 !important;
    padding-right:0 !important;
}


/* =========================================================
   GLOBAL RESET
========================================================= */

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

.home-header a,
.home-main a{
    text-decoration:none;
}

.home-header button{
    font-family:"Montserrat",sans-serif;
}


/* =========================================================
   HEADER
========================================================= */

.home-header{
    position:relative;

    z-index:9999;

    width:100%;

    background:
        linear-gradient(
            110deg,
            #fbfaf7 0%,
            #f5eee7 100%
        );

    border-bottom:
        1px solid var(--home-line);

    font-family:"Montserrat",sans-serif;
}


/* =========================================================
   HEADER INNER
========================================================= */

.home-header__inner{
    position:relative;

    width:min(
        1540px,
        calc(100% - 70px)
    );

    min-height:var(--home-header-height);

    margin:0 auto;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:24px;
}


/* =========================================================
   HEADER TEXT ZOROBABEL
========================================================= */

.home-header__name{
    position:relative;

    z-index:5;

    flex:0 0 auto;

    margin-right:auto;

    color:var(--home-blue) !important;

    font-family:"Montserrat",sans-serif;

    font-size:18px;
    font-weight:800;

    line-height:1;

    letter-spacing:.16em;

    text-transform:uppercase;

    white-space:nowrap;

    transition:
        color .25s ease;
}

.home-header__name:hover{
    color:var(--home-orange) !important;
}


/* =========================================================
   DESKTOP NAV
========================================================= */

.home-nav{
    position:absolute;

    left:50%;
    top:50%;

    transform:
        translate(-50%,-50%);

    display:flex;

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

    gap:
        clamp(25px,2vw,42px);

    width:max-content;

    z-index:6;
}

.home-nav__item{
    position:relative;
}


/* =========================================================
   NAV BUTTONS
========================================================= */

.home-nav__link{
    display:flex;

    align-items:center;

    gap:9px;

    padding:
        34px
        0;

    border:0;
    outline:0;

    background:transparent;

    color:var(--home-blue) !important;

    font-size:
        clamp(15px,1vw,17px);

    font-weight:700;

    line-height:1;

    white-space:nowrap;

    cursor:pointer;

    -webkit-appearance:none;
    appearance:none;
}


/* =========================================================
   CHEVRON
========================================================= */

.home-nav__chevron{
    width:8px;
    height:8px;

    border-right:
        1.5px solid #81929c;

    border-bottom:
        1.5px solid #81929c;

    transform:
        rotate(45deg)
        translateY(-2px);

    transition:
        transform .25s ease;
}

.home-nav__item:hover
.home-nav__chevron,
.home-nav__item:focus-within
.home-nav__chevron{
    transform:
        rotate(225deg)
        translateY(-2px);
}


/* =========================================================
   DROPDOWN
========================================================= */

.home-dropdown{
    position:absolute;

    top:
        calc(100% - 10px);

    left:50%;

    width:440px;

    padding:
        16px
        30px;

    background:#fbf8f3;

    border:
        1px solid var(--home-line);

    box-shadow:
        0 24px 60px
        rgba(33,72,154,.16);

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transform:
        translate(-50%,12px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease;

    z-index:100;
}

.home-dropdown--contact{
    left:auto;

    right:0;

    width:390px;

    transform:
        translateY(12px);
}

.home-nav__item:hover
.home-dropdown,
.home-nav__item:focus-within
.home-dropdown{
    opacity:1;

    visibility:visible;

    pointer-events:auto;

    transform:
        translate(-50%,0);
}

.home-nav__item:hover
.home-dropdown--contact,
.home-nav__item:focus-within
.home-dropdown--contact{
    transform:
        translateY(0);
}


/* =========================================================
   OLD DROPDOWN HEAD
========================================================= */

.home-dropdown__head{
    display:none !important;
}


/* =========================================================
   DROPDOWN LINKS
========================================================= */

.home-dropdown__links{
    display:grid;
}

.home-dropdown__links a{
    display:block;

    padding:
        19px
        0;

    color:var(--home-blue);

    border-bottom:
        1px solid rgba(33,72,154,.08);

    transition:
        padding-left .2s ease;
}

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

.home-dropdown__links strong{
    display:block;

    margin-bottom:6px;

    color:var(--home-blue);

    font-size:17px;
    font-weight:700;

    line-height:1.2;
}

.home-dropdown__links small{
    display:block;

    color:#7a8d98;

    font-family:"Roboto",sans-serif;

    font-size:14px;

    line-height:1.4;
}

.home-dropdown__links a:hover{
    padding-left:6px;
}

.home-dropdown__links a:hover strong{
    color:var(--home-orange);
}


/* =========================================================
   OLD CONTACT BUTTON
========================================================= */

.home-contact{
    display:none !important;
}


/* =========================================================
   MOBILE DEFAULT
========================================================= */

.home-header__burger,
.home-mobile{
    display:none;
}


/* =========================================================
   MAIN
========================================================= */

.home-main{
    width:100%;

    margin:0;
    padding:0;
}


/* =========================================================
   HERO
========================================================= */

.home-hero{
    position:relative;

    width:100%;

    min-height:
        calc(100svh - var(--home-header-height));

    display:flex;

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

    overflow:hidden;

    padding:
        clamp(42px,4.3vw,68px)
        0
        clamp(42px,4.3vw,68px);

    background:
        radial-gradient(
            circle at 92% 0%,
            rgba(255,87,28,.055),
            transparent 28%
        ),
        linear-gradient(
            115deg,
            var(--home-light),
            var(--home-beige)
        );

    font-family:"Montserrat",sans-serif;
}


/* =========================================================
   HERO GRID
========================================================= */

.home-hero__grid{
    position:absolute;

    inset:0;

    pointer-events:none;

    background-image:
        linear-gradient(
            rgba(33,72,154,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(33,72,154,.025) 1px,
            transparent 1px
        );

    background-size:
        92px
        92px;
}


/* =========================================================
   HERO INNER
========================================================= */

.home-hero__inner{
    position:relative;

    z-index:3;

    width:min(
        1100px,
        calc(100% - 70px)
    );

    margin:0 auto;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;
}


/* =========================================================
   IMAGE LOGO CENTRALE
========================================================= */

.home-hero__logo{
    width:
        clamp(190px,13vw,230px);

    max-width:none;

    margin:
        0
        auto
        clamp(24px,2.3vw,34px);
}

.home-hero__logo img{
    display:block;

    width:100% !important;

    max-width:none !important;

    height:auto !important;

    margin:0 auto;

    object-fit:contain;
}


/* =========================================================
   HERO TITLE
========================================================= */

.home-hero__title{
    margin:0;

    font-size:
        clamp(52px,5.1vw,86px);

    font-weight:800;

    line-height:.91;

    letter-spacing:-.06em;
}

.home-hero__title span,
.home-hero__title strong{
    display:block;
}

.home-hero__title > span{
    color:var(--home-blue);
}

.home-hero__title strong{
    margin-top:7px;

    color:var(--home-orange);

    font-weight:800;
}

.home-hero__title
.home-hero__dot{
    display:inline;

    color:var(--home-blue);
}


/* =========================================================
   HERO CTA
========================================================= */

.home-hero__cta{
    width:min(
        350px,
        100%
    );

    min-height:64px;

    margin-top:
        clamp(28px,3vw,42px);

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        64px;

    overflow:hidden;

    border-radius:18px;

    background:var(--home-blue);

    color:#fff !important;

    box-shadow:
        0 12px 28px
        rgba(33,72,154,.10);

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


/* =========================================================
   HERO CTA TEXT
========================================================= */

.home-hero__cta-text{
    min-height:64px;

    padding:
        0
        18px;

    display:flex;

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

    color:#fff;

    font-size:18px;

    font-weight:700;

    line-height:1;

    text-align:center;
}


/* =========================================================
   HERO CTA ACTION
========================================================= */

.home-hero__cta-action{
    position:relative;

    width:64px;

    min-height:64px;

    display:flex;

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

    overflow:hidden;

    background:var(--home-orange);

    border-radius:
        0
        18px
        18px
        0;
}

.home-hero__cta-action::before,
.home-hero__cta-action::after{
    display:none !important;

    content:none !important;
}


/* =========================================================
   HERO ARROW
========================================================= */

.home-comic-arrow{
    position:relative;

    z-index:3;

    width:38px;
    height:29px;

    overflow:visible;

    transition:
        transform .3s
        cubic-bezier(.2,.8,.2,1);
}

.home-comic-arrow path{
    fill:#fff;

    stroke:#fff;

    stroke-width:.55;

    stroke-linejoin:round;
}

.home-hero__cta:hover{
    transform:
        translateY(-3px);

    box-shadow:
        0 18px 36px
        rgba(33,72,154,.15);
}

.home-hero__cta:hover
.home-comic-arrow{
    transform:
        translate(4px,-2px)
        rotate(-3deg);
}


/* =========================================================
   SHORT DESKTOP / WINDOWS LAPTOPS
========================================================= */

@media(min-width:1001px) and (max-height:900px){

    .home-hero{
        min-height:
            calc(100svh - var(--home-header-height));

        padding:
            32px
            0
            38px;
    }


    .home-hero__logo{
        width:
            clamp(165px,11vw,195px);

        margin-bottom:22px;
    }


    .home-hero__title{
        font-size:
            clamp(48px,4.7vw,74px);

        line-height:.91;
    }


    .home-hero__title strong{
        margin-top:5px;
    }


    .home-hero__cta{
        min-height:60px;

        margin-top:27px;

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


    .home-hero__cta-text{
        min-height:60px;

        font-size:17px;
    }


    .home-hero__cta-action{
        width:60px;

        min-height:60px;
    }


    .home-comic-arrow{
        width:36px;

        height:27px;
    }

}


/* =========================================================
   VERY SHORT DESKTOP
========================================================= */

@media(min-width:1001px) and (max-height:760px){

    .home-hero{
        padding:
            24px
            0
            28px;
    }


    .home-hero__logo{
        width:
            clamp(145px,10vw,170px);

        margin-bottom:18px;
    }


    .home-hero__title{
        font-size:
            clamp(44px,4.3vw,66px);
    }


    .home-hero__cta{
        margin-top:22px;
    }

}


/* =========================================================
   OFFERS
========================================================= */

.home-offers{
    position:relative;

    background:
        linear-gradient(
            115deg,
            var(--home-light),
            var(--home-beige)
        );

    border-top:
        1px solid var(--home-line);

    border-bottom:
        1px solid var(--home-line);

    font-family:"Montserrat",sans-serif;
}


/* =========================================================
   OFFERS GRID — 3 OFFRES
========================================================= */

.home-offers__inner{
    width:min(
        1500px,
        calc(100% - 80px)
    );

    margin:0 auto;

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    align-items:stretch;
}


/* =========================================================
   OFFER
========================================================= */

.home-offer{
    position:relative;

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

    padding:
        42px
        78px
        34px
        36px;

    display:block;

    color:var(--home-blue);

    border-right:
        1px solid var(--home-line);

    transition:
        background .3s ease;
}

.home-offer:first-child{
    border-left:
        1px solid var(--home-line);
}

.home-offer:last-child{
    border-right:
        1px solid var(--home-line);
}

.home-offer:hover{
    background:
        rgba(255,255,255,.55);
}


/* =========================================================
   OFFER CONTENT
========================================================= */

.home-offer__content{
    width:100%;

    min-width:0;

    display:block;
}


/* =========================================================
   OFFER TITLE
========================================================= */

.home-offer__content strong{
    display:block;

    min-height:34px;

    margin:
        0
        0
        12px;

    color:var(--home-blue);

    font-size:
        clamp(23px,1.55vw,29px);

    font-weight:800;

    line-height:1.05;

    letter-spacing:-.035em;
}


/* =========================================================
   OFFER DESCRIPTION
========================================================= */

.home-offer__content small{
    display:block;

    max-width:300px;

    margin:0;

    color:#718590;

    font-family:"Roboto",sans-serif;

    font-size:
        clamp(14px,.95vw,16px);

    font-weight:500;

    line-height:1.45;
}


/* =========================================================
   OFFER ARROW
========================================================= */

.home-offer__comic-arrow{
    position:absolute;

    top:50%;

    right:34px;

    width:50px;
    height:44px;

    display:flex;

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

    transform:
        translateY(-50%);
}

.home-offer__comic-arrow svg{
    display:block;

    width:48px;
    height:auto;

    overflow:visible;

    transition:
        transform .3s
        cubic-bezier(.2,.8,.2,1);
}

.home-offer__comic-arrow path{
    fill:var(--home-blue);

    stroke:var(--home-blue);

    stroke-width:.45;

    stroke-linejoin:round;
}

.home-offer:hover
.home-offer__comic-arrow svg{
    transform:
        translate(4px,-3px)
        rotate(-3deg);
}


/* =========================================================
   DESKTOP INTERMÉDIAIRE
========================================================= */

@media(max-width:1350px) and (min-width:1001px){

    .home-header__inner{
        width:
            calc(100% - 40px);
    }


    .home-header__name{
        font-size:16px;
    }


    .home-nav{
        gap:18px;
    }


    .home-nav__link{
        font-size:14px;
    }


    .home-dropdown{
        width:390px;

        padding-left:25px;
        padding-right:25px;
    }


    .home-dropdown--contact{
        width:350px;
    }


    .home-offer{
        padding-left:30px;

        padding-right:70px;
    }


    .home-offer__comic-arrow{
        right:24px;
    }

}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media(max-width:1000px){

    :root{
        --home-header-height:78px;
    }


    html,
    body{
        max-width:100%;

        overflow-x:hidden;
    }


    .home-header{
        position:relative;

        z-index:10000;
    }


    .home-header__inner{
        width:
            calc(100% - 40px);

        min-height:78px;
    }


    .home-nav{
        display:none !important;
    }


    .home-header__name{
        margin-right:auto;

        font-size:14px;

        letter-spacing:.14em;
    }


    /* =====================================================
       BURGER
    ===================================================== */

    .home-header__burger{
        position:relative;

        z-index:10002;

        display:block;

        width:48px;
        height:48px;

        flex:
            0
            0
            48px;

        margin:0;
        padding:0;

        border:0;

        border-radius:50%;

        background:var(--home-blue);

        cursor:pointer;

        -webkit-appearance:none;
        appearance:none;
    }


    .home-header__burger span{
        position:absolute;

        left:50%;

        width:19px;
        height:2px;

        margin-left:-9.5px;

        background:#fff;

        border-radius:5px;

        transition:
            top .3s ease,
            opacity .3s ease,
            transform .3s ease;
    }


    .home-header__burger span:nth-child(1){
        top:17px;
    }


    .home-header__burger span:nth-child(2){
        top:23px;
    }


    .home-header__burger span:nth-child(3){
        top:29px;
    }


    .home-header.is-open
    .home-header__burger span:nth-child(1){
        top:23px;

        transform:
            rotate(45deg);
    }


    .home-header.is-open
    .home-header__burger span:nth-child(2){
        opacity:0;
    }


    .home-header.is-open
    .home-header__burger span:nth-child(3){
        top:23px;

        transform:
            rotate(-45deg);
    }


    /* =====================================================
       MOBILE PANEL
    ===================================================== */

    .home-mobile{
        position:fixed;

        top:78px;
        left:0;
        right:0;
        bottom:0;

        z-index:10001;

        display:block;

        width:100%;

        height:
            calc(100dvh - 78px);

        padding:
            18px
            24px
            55px;

        overflow-y:auto;
        overflow-x:hidden;

        overscroll-behavior:contain;

        background:
            linear-gradient(
                135deg,
                #fbf8f3 0%,
                #f4eee7 100%
            );

        border-top:
            1px solid var(--home-line);

        box-shadow:
            0 25px 55px
            rgba(33,72,154,.15);

        opacity:0;

        visibility:hidden;

        pointer-events:none;

        transform:
            translateY(-8px);

        transition:
            opacity .28s ease,
            visibility .28s ease,
            transform .28s ease;
    }


    .home-header.is-open
    .home-mobile{
        opacity:1;

        visibility:visible;

        pointer-events:auto;

        transform:
            translateY(0);
    }


    /* =====================================================
       MOBILE GROUP
    ===================================================== */

    .home-mobile__group{
        border-bottom:
            1px solid var(--home-line);
    }


    .home-mobile__group > button{
        width:100%;

        min-height:70px;

        padding:
            0
            5px;

        display:flex;

        align-items:center;
        justify-content:space-between;

        gap:20px;

        border:0;

        background:transparent;

        color:var(--home-blue);

        font-family:"Montserrat",sans-serif;

        font-size:18px;

        font-weight:700;

        text-align:left;

        cursor:pointer;

        -webkit-appearance:none;
        appearance:none;
    }


    .home-mobile__group > button span{
        max-width:
            calc(100% - 45px);
    }


    .home-mobile__group > button i{
        flex:
            0
            0
            auto;

        color:var(--home-orange);

        font-size:28px;

        font-style:normal;
        font-weight:500;

        line-height:1;
    }


    /* =====================================================
       SUBMENU
    ===================================================== */

    .home-mobile__sub{
        display:none;

        padding:
            0
            5px
            18px;
    }


    .home-mobile__group.is-open
    > .home-mobile__sub{
        display:grid;

        gap:8px;
    }


    .home-mobile__sub a{
        display:block;

        padding:
            9px
            0;

        color:#617887;

        font-family:"Roboto",sans-serif;

        font-size:15px;

        font-weight:500;

        line-height:1.4;
    }


    /* =====================================================
       HERO TABLET
    ===================================================== */

    .home-hero{
        min-height:
            calc(100svh - 78px);

        padding:
            50px
            0
            60px;
    }


    .home-hero__logo{
        width:190px;

        margin-bottom:30px;
    }


    .home-hero__cta{
        width:min(
            340px,
            100%
        );
    }


    /* =====================================================
       OFFERS TABLET
    ===================================================== */

    .home-offers__inner{
        width:
            calc(100% - 48px);

        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }


    .home-offer{
        min-height:180px;

        padding:
            36px
            66px
            30px
            25px;

        border-bottom:0;
    }


    .home-offer:first-child{
        border-left:
            1px solid var(--home-line);
    }


    .home-offer:last-child{
        border-right:
            1px solid var(--home-line);
    }


    .home-offer__content strong{
        font-size:
            clamp(20px,2.5vw,25px);
    }


    .home-offer__content small{
        font-size:14px;
    }


    .home-offer__comic-arrow{
        right:20px;

        width:44px;
    }


    .home-offer__comic-arrow svg{
        width:43px;
    }

}


/* =========================================================
   SMALL TABLET
========================================================= */

@media(max-width:760px){

    .home-offers__inner{
        width:100%;

        display:block;
    }


    .home-offer,
    .home-offer:first-child,
    .home-offer:last-child{
        width:100%;

        min-height:160px;

        padding:
            38px
            95px
            32px
            30px;

        border-left:0;
        border-right:0;

        border-bottom:
            1px solid var(--home-line);
    }


    .home-offer__comic-arrow{
        right:34px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

    :root{
        --home-header-height:72px;
    }


    .home-header__inner{
        width:
            calc(100% - 30px);

        min-height:72px;
    }


    .home-header__name{
        font-size:13px;
    }


    /* =====================================================
       MOBILE MENU
    ===================================================== */

    .home-mobile{
        top:72px;

        height:
            calc(100dvh - 72px);

        padding:
            15px
            15px
            58px;
    }


    .home-mobile__group > button{
        min-height:68px;

        font-size:17px;
    }


    .home-mobile__sub a{
        font-size:14px;
    }


    /* =====================================================
       HERO MOBILE
    ===================================================== */

    .home-hero{
        min-height:auto;

        padding:
            55px
            0
            68px;
    }


    .home-hero__grid{
        background-size:
            58px
            58px;
    }


    .home-hero__inner{
        width:
            calc(100% - 30px);
    }


    .home-hero__logo{
        width:170px;

        margin:
            0
            auto
            32px;
    }


    .home-hero__logo img{
        width:100% !important;

        max-width:none !important;
    }


    .home-hero__title{
        font-size:
            clamp(42px,12vw,56px);

        line-height:.94;
    }


    /* =====================================================
       HERO CTA MOBILE
    ===================================================== */

    .home-hero__cta{
        width:min(
            320px,
            100%
        );

        min-height:62px;

        margin-top:36px;

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

        border-radius:17px;
    }


    .home-hero__cta-text{
        min-height:62px;

        padding:
            0
            15px;

        justify-content:center;

        font-size:17px;

        text-align:center;
    }


    .home-hero__cta-action{
        width:62px;

        min-height:62px;

        border-radius:
            0
            17px
            17px
            0;
    }


    .home-comic-arrow{
        width:38px;

        height:29px;
    }


    /* =====================================================
       OFFERS MOBILE
    ===================================================== */

    .home-offers__inner{
        width:100%;

        display:block;
    }


    .home-offer,
    .home-offer:first-child,
    .home-offer:last-child{
        width:100%;

        min-height:176px;

        padding:
            42px
            100px
            35px
            34px;

        display:block;

        border-left:0;
        border-right:0;

        border-bottom:
            1px solid var(--home-line);
    }


    .home-offer__content strong{
        min-height:32px;

        margin-bottom:12px;

        font-size:25px;

        line-height:1.05;
    }


    .home-offer__content small{
        max-width:330px;

        min-height:44px;

        font-size:16px;

        line-height:1.4;
    }


    .home-offer__comic-arrow{
        top:50%;

        right:40px;

        width:58px;
        height:50px;

        transform:
            translateY(-50%);
    }


    .home-offer__comic-arrow svg{
        width:52px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:390px){

    .home-header__inner,
    .home-hero__inner{
        width:
            calc(100% - 24px);
    }


    .home-header__name{
        font-size:12px;
    }


    .home-hero{
        padding:
            50px
            0
            60px;
    }


    .home-hero__logo{
        width:155px;

        margin-bottom:30px;
    }


    .home-hero__title{
        font-size:40px;
    }


    .home-hero__cta{
        width:min(
            295px,
            100%
        );

        min-height:60px;

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


    .home-hero__cta-text{
        min-height:60px;

        padding:
            0
            12px;

        font-size:16px;

        text-align:center;
    }


    .home-hero__cta-action{
        width:60px;

        min-height:60px;
    }


    .home-comic-arrow{
        width:36px;

        height:27px;
    }


    /* =====================================================
       OFFERS
    ===================================================== */

    .home-offer,
    .home-offer:first-child,
    .home-offer:last-child{
        min-height:165px;

        padding:
            38px
            82px
            30px
            26px;
    }


    .home-offer__content strong{
        min-height:30px;

        font-size:23px;
    }


    .home-offer__content small{
        min-height:40px;

        font-size:14px;
    }


    .home-offer__comic-arrow{
        right:24px;

        width:50px;
    }


    .home-offer__comic-arrow svg{
        width:46px;
    }

}


/* =========================================================
   BODY LOCK
========================================================= */

body.home-menu-open{
    overflow:hidden !important;
}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .home-dropdown,
    .home-mobile,
    .home-header__burger span,
    .home-hero__cta,
    .home-comic-arrow,
    .home-offer__comic-arrow svg{
        transition:none !important;
    }

}

/* =========================================================
   CORRECTIONS HOMEPAGE — OCTOBRE 2026
   Burger mobile : 2 traits et croix à l'ouverture
   Offres : titres longs, alignement et lisibilité
========================================================= */
@media (max-width:1000px){
  .home-header__burger span:nth-child(1){top:20px;}
  .home-header__burger span:nth-child(2){top:27px;opacity:1;}
  .home-header.is-open .home-header__burger span:nth-child(1){top:23px;transform:rotate(45deg);}
  .home-header.is-open .home-header__burger span:nth-child(2){top:23px;opacity:1;transform:rotate(-45deg);}
  .home-header__burger span:nth-child(3){display:none;}
}
.home-offer__content strong{min-height:0;line-height:1.18;overflow-wrap:normal;}
@media (max-width:1000px){
  .home-offer__content strong{font-size:clamp(19px,2.35vw,25px);}
}
@media (max-width:760px){
  .home-offer,.home-offer:first-child,.home-offer:last-child{min-height:148px;padding-top:30px;padding-bottom:28px;}
  .home-offer__content strong{font-size:clamp(19px,5.4vw,24px);margin-bottom:9px;max-width:calc(100% - 4px);}
  .home-offer__content small{min-height:0;font-size:14px;}
}
@media (max-width:390px){
  .home-offer__content strong{font-size:20px;}
  .home-offer__content small{font-size:13px;}
}/* End custom CSS */