.elementor-193520 .elementor-element.elementor-element-7ef5ad5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-193520 .elementor-element.elementor-element-f30a773{--display:flex;--min-height:42px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-193520 .elementor-element.elementor-element-dda301d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-193520 .elementor-element.elementor-element-93103d2 .elementor-icon-box-wrapper{gap:15px;}.elementor-193520 .elementor-element.elementor-element-ce4aa89 .elementor-icon-box-wrapper{gap:15px;}.elementor-193520 .elementor-element.elementor-element-d173bc4 .elementor-icon-box-wrapper{gap:15px;}.elementor-193520 .elementor-element.elementor-element-594be00 .elementor-icon-box-wrapper{gap:15px;}.elementor-193520 .elementor-element.elementor-element-f31a96a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-193520 .elementor-element.elementor-element-a929bf0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-193520 .elementor-element.elementor-element-63fa0c3{--display:flex;}.elementor-193520 .elementor-element.elementor-element-63fa0c3.e-con{--align-self:center;}.elementor-193520 .elementor-element.elementor-element-75a1d87{text-align:center;}.elementor-193520 .elementor-element.elementor-element-32346c5{--display:flex;}.elementor-193520 .elementor-element.elementor-element-7dc5a95{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-193520 .elementor-element.elementor-element-cf347b6{--display:flex;}.elementor-193520 .elementor-element.elementor-element-e4b3f25 .elementor-icon-box-wrapper{gap:15px;}.elementor-193520 .elementor-element.elementor-element-4840329{--display:flex;}.elementor-193520 .elementor-element.elementor-element-08a638d .elementor-icon-box-wrapper{gap:15px;}.elementor-193520 .elementor-element.elementor-element-04e8209{--display:flex;}.elementor-193520 .elementor-element.elementor-element-634e35e .elementor-icon-box-wrapper{gap:15px;}.elementor-193520 .elementor-element.elementor-element-94caa7a{--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-193520 .elementor-element.elementor-element-94caa7a .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-193520 .elementor-element.elementor-element-6ce05de{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-193520 .elementor-element.elementor-element-9bf3775{--display:flex;}.elementor-193520 .elementor-element.elementor-element-36dee4c .elementor-button-content-wrapper{flex-direction:row;}.elementor-193520 .elementor-element.elementor-element-cab408b{--display:flex;}.elementor-193520 .elementor-element.elementor-element-13904e4{--display:flex;}.elementor-193520 .elementor-element.elementor-element-e17b44b .elementor-button-content-wrapper{flex-direction:row;}.elementor-193520 .elementor-element.elementor-element-8c4c586{--display:flex;}.elementor-193520 .elementor-element.elementor-element-cde59d4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-193520 .elementor-element.elementor-element-8a69083{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-193520 .elementor-element.elementor-element-43484be .elementor-button-content-wrapper{flex-direction:row;}.elementor-193520 .elementor-element.elementor-element-9563e3a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-193520 .elementor-element.elementor-element-2292c52{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-193520 .elementor-element.elementor-element-48737d5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-193520 .elementor-element.elementor-element-7d899fe{--display:flex;}.elementor-193520 .elementor-element.elementor-element-84b790f .elementor-icon-box-wrapper{gap:15px;}.elementor-193520 .elementor-element.elementor-element-0f372be{--display:flex;}.elementor-193520 .elementor-element.elementor-element-0661c1d .elementor-icon-box-wrapper{gap:15px;}.elementor-193520 .elementor-element.elementor-element-0e3e502{--display:flex;}.elementor-193520 .elementor-element.elementor-element-f3cdfa8 .elementor-icon-box-wrapper{gap:15px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-8c4c586 *//* =========================================================
   AZANA — STICKY MINI HEADER
   VERSION CLEAN FINALE
   Elementor gère le Sticky
========================================================= */


/* =========================================================
   01 — ROOT / VISIBILITÉ
========================================================= */

.elementor-193520 .elementor-element.elementor-element-8c4c586{
    width: 100% !important;
    max-width: 100% !important;

    height: 68px !important;
    min-height: 68px !important;

    background: rgba(255,254,250,.98) !important;

    border-bottom: 1px solid #e8e1d3 !important;

    box-shadow:
        0 7px 25px rgba(31,58,43,.08) !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;

    /*
     * IMPORTANT :
     * invisible au chargement
     */
    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    transform: translateY(-8px) !important;

    /*
     * Le sticky ne doit pas ajouter 68px
     * supplémentaires au gros header.
     */
    margin-bottom: -68px !important;

    transition:
        opacity .22s ease,
        transform .25s ease,
        visibility .22s ease !important;

    z-index: 999999 !important;
}


/* =========================================================
   02 — ELEMENTOR STICKY ACTIF
   MAIS AVANT LE EFFECTS OFFSET :
   TOUJOURS CACHÉ
========================================================= */

.elementor-193520 .elementor-element.elementor-element-8c4c586.elementor-sticky--active{
    width: 100vw !important;
    max-width: 100vw !important;

    left: 0 !important;
    right: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    transform: translateY(-8px) !important;

    margin-bottom: 0 !important;

    z-index: 999999 !important;
}


/* =========================================================
   03 — APRÈS 180PX DE SCROLL
   Elementor ajoute elementor-sticky--effects
========================================================= */

.elementor-193520 .elementor-element.elementor-element-8c4c586.elementor-sticky--effects,
.elementor-193520 .elementor-element.elementor-element-8c4c586.elementor-sticky--active.elementor-sticky--effects{
    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;

    transform: translateY(0) !important;

    margin-bottom: 0 !important;
}


/* =========================================================
   04 — IMPORTANT : CACHE LE CLONE / SPACER ELEMENTOR
========================================================= */

/*
 * Elementor crée une copie technique du sticky.
 * Elle ne doit JAMAIS devenir visible.
 */

.elementor-193520 .elementor-element.elementor-element-8c4c586.elementor-sticky__spacer,
.elementor-sticky__spacer.azana-sticky-mini{
    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    box-shadow: none !important;
}


.elementor-193520 .elementor-element.elementor-element-8c4c586.elementor-sticky__spacer *,
.elementor-sticky__spacer.azana-sticky-mini *{
    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;
}


/* =========================================================
   05 — INNER
========================================================= */

.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-inner{
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 68px !important;
    min-height: 68px !important;

    margin: 0 !important;
    padding: 0 24px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   06 — RESET DES ZONES
========================================================= */

.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays,
.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot,
.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav,
.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-actions{
    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   07 — ACTIONS COMMUNES
========================================================= */

.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-actions{
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: flex-end !important;
}


.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-action{
    position: relative !important;

    display: flex !important;

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

    background: #fffefa !important;

    border: 1px solid #dfe5de !important;
    border-radius: 10px !important;

    box-sizing: border-box !important;
}


.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-action
.elementor-widget-container,
.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-action
.elementor-icon-box-wrapper{
    width: 100% !important;
    height: 100% !important;

    display: flex !important;

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

    margin: 0 !important;
    padding: 0 !important;
}


.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-action
.elementor-icon-box-content{
    display: none !important;
}


.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-action
.elementor-icon{
    margin: 0 !important;

    color: #234638 !important;
}


/* =========================================================
   08 — MASCOTTE CLIQUABLE
========================================================= */

.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot{
    pointer-events: auto !important;
}


.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot a{
    display: flex !important;

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

    width: 100% !important;
    height: 100% !important;

    cursor: pointer !important;

    pointer-events: auto !important;
}


.elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot img{
    object-fit: contain !important;

    pointer-events: auto !important;

    cursor: pointer !important;

    filter:
        drop-shadow(
            0 4px 8px rgba(42,72,47,.10)
        ) !important;
}


/* =========================================================
   =========================================================
   DESKTOP
   >= 1025px
   =========================================================
========================================================= */

@media (min-width:1025px){

    /* =====================================================
       STRUCTURE
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-inner{
        display: grid !important;

        grid-template-columns:
            150px
            clamp(220px,28vw,430px)
            minmax(0,1fr)
            145px !important;

        grid-template-areas:
            "rays mascot nav actions" !important;

        align-items: center !important;

        gap: 0 !important;

        height: 68px !important;

        padding:
            0 24px !important;
    }


    /* =====================================================
       NOS RAYONS
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays{
        grid-area: rays !important;

        width: 150px !important;
        min-width: 150px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn{
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;

        height: 44px !important;
        min-height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;

        overflow: visible !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button{
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;

        height: 44px !important;
        min-height: 44px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        margin: 0 !important;

        padding:
            0 11px
            0 7px !important;

        background:
            linear-gradient(
                135deg,
                #93bc5d 0%,
                #82ad4d 100%
            ) !important;

        border: 0 !important;
        border-radius: 999px !important;

        box-shadow:
            0 6px 16px rgba(80,122,54,.15),
            inset 0 1px 0 rgba(255,255,255,.22) !important;

        box-sizing: border-box !important;

        transition:
            background .20s ease,
            transform .20s ease,
            box-shadow .20s ease !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-content-wrapper{
        width: 100% !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Cercle hamburger */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-icon{
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;

        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;

        flex: 0 0 30px !important;

        display: flex !important;

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

        margin: 0 !important;
        padding: 0 !important;

        background:
            rgba(255,255,255,.17) !important;

        border:
            1px solid rgba(255,255,255,.45) !important;

        border-radius: 50% !important;

        box-sizing: border-box !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-icon i{
        font-size: 13px !important;

        color: #fff !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-icon svg{
        width: 13px !important;
        height: 13px !important;

        color: #fff !important;
        fill: #fff !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-icon svg path{
        fill: #fff !important;
        stroke: #fff !important;
    }


    /* Texte */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-text{
        color: #fff !important;

        font-family:
            "Manrope",
            sans-serif !important;

        font-size: 10.5px !important;
        font-weight: 750 !important;

        line-height: 1 !important;

        white-space: nowrap !important;
    }


    /* Hover */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button:hover{
        background:
            linear-gradient(
                135deg,
                #88b153 0%,
                #779f46 100%
            ) !important;

        transform:
            translateY(-1px) !important;

        box-shadow:
            0 8px 20px rgba(80,122,54,.19),
            inset 0 1px 0 rgba(255,255,255,.22) !important;
    }


    /* =====================================================
       MASCOTTE
       Grande zone entre Nos Rayons et navigation
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot{
        grid-area: mascot !important;

        width: 100% !important;
        min-width: 0 !important;

        height: 60px !important;

        display: flex !important;

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

        position: static !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot
    .elementor-widget-container{
        width: 58px !important;
        height: 58px !important;

        display: flex !important;

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

        margin: 0 !important;
        padding: 0 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot img{
        display: block !important;

        width: 52px !important;
        max-width: 52px !important;

        height: 52px !important;

        margin: 0 auto !important;
    }


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

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav{
        grid-area: nav !important;

        width: 100% !important;
        min-width: 0 !important;

        display: flex !important;

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

        overflow: visible !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav .wd-nav{
        width: auto !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

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

        gap: 18px !important;

        margin: 0 auto !important;
        padding: 0 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav
    .wd-nav > li{
        display: flex !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        flex: 0 0 auto !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav
    .wd-nav > li
    > a.woodmart-nav-link{
        min-height: 30px !important;

        display: flex !important;

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

        padding: 2px 0 !important;

        color: #315743 !important;

        font-size: 9.5px !important;
        font-weight: 600 !important;

        white-space: nowrap !important;
    }


    /* =====================================================
       ACTIONS
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-actions{
        grid-area: actions !important;

        width: 145px !important;
        min-width: 145px !important;

        gap: 8px !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-actions > *{
        flex:
            0 0 40px !important;

        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-action{
        width: 40px !important;
        min-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;

        border-radius: 10px !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-action
    .elementor-icon{
        font-size: 17px !important;
    }

}


/* =========================================================
   =========================================================
   TABLET
   768px → 1024px
   =========================================================
========================================================= */

@media (min-width:768px) and (max-width:1024px){

    .elementor-193520 .elementor-element.elementor-element-8c4c586{
        height: 64px !important;
        min-height: 64px !important;

        margin-bottom: -64px !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586.elementor-sticky--active,
    .elementor-193520 .elementor-element.elementor-element-8c4c586.elementor-sticky--effects{
        margin-bottom: 0 !important;
    }


    /* =====================================================
       STRUCTURE
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-inner{
        display: grid !important;

        grid-template-columns:
            138px
            56px
            minmax(0,1fr)
            126px !important;

        grid-template-areas:
            "rays mascot nav actions" !important;

        align-items: center !important;

        width: 100% !important;

        height: 64px !important;
        min-height: 64px !important;

        gap: 7px !important;

        padding:
            0 12px !important;
    }


    /* =====================================================
       NOS RAYONS
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays{
        grid-area: rays !important;

        width: 138px !important;
        min-width: 138px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn{
        width: 132px !important;
        min-width: 132px !important;
        max-width: 132px !important;

        height: 40px !important;
        min-height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button{
        width: 132px !important;
        min-width: 132px !important;
        max-width: 132px !important;

        height: 40px !important;
        min-height: 40px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        padding:
            0 10px
            0 6px !important;

        background:
            linear-gradient(
                135deg,
                #93bc5d,
                #82ad4d
            ) !important;

        border: 0 !important;
        border-radius: 999px !important;

        box-shadow:
            0 5px 14px rgba(80,122,54,.15) !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-content-wrapper{
        width: 100% !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 7px !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-icon{
        width: 27px !important;
        min-width: 27px !important;
        max-width: 27px !important;

        height: 27px !important;
        min-height: 27px !important;
        max-height: 27px !important;

        flex: 0 0 27px !important;

        display: flex !important;

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

        background:
            rgba(255,255,255,.17) !important;

        border:
            1px solid rgba(255,255,255,.45) !important;

        border-radius: 50% !important;

        color: #fff !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-icon i{
        color: #fff !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-icon svg,
    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-icon svg path{
        color: #fff !important;
        fill: #fff !important;
        stroke: #fff !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-text{
        color: #fff !important;

        font-size: 9.5px !important;
        font-weight: 750 !important;

        line-height: 1 !important;

        white-space: nowrap !important;
    }


    /* =====================================================
       MASCOTTE
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot{
        grid-area: mascot !important;

        width: 56px !important;
        height: 54px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot
    .elementor-widget-container{
        width: 50px !important;
        height: 50px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot img{
        width: 46px !important;
        max-width: 46px !important;

        height: 46px !important;
    }


    /* =====================================================
       NAV TABLET
       Accueil / Boutique / Marques / Contact
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav{
        grid-area: nav !important;

        width: 100% !important;
        min-width: 0 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav .wd-nav{
        width: 100% !important;

        display: flex !important;

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

        flex-wrap: nowrap !important;

        gap: 10px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav
    .wd-nav > li.menu-item{
        display: none !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav
    .wd-nav > li.menu-item:nth-child(1),

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav
    .wd-nav > li.menu-item:nth-child(3),

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav
    .wd-nav > li.menu-item:nth-child(4),

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav
    .wd-nav > li.menu-item:nth-child(6){
        display: flex !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav
    .wd-nav > li
    > a.woodmart-nav-link{
        min-height: 28px !important;

        padding:
            2px 0 !important;

        color: #315743 !important;

        font-size: 7.8px !important;
        font-weight: 600 !important;

        white-space: nowrap !important;
    }


    /* =====================================================
       ACTIONS
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-actions{
        grid-area: actions !important;

        width: 126px !important;
        min-width: 126px !important;

        gap: 6px !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-actions > *{
        flex:
            0 0 36px !important;

        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;

        height: 36px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-action{
        width: 36px !important;
        min-width: 36px !important;

        height: 36px !important;
        min-height: 36px !important;

        border-radius: 10px !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-action
    .elementor-icon{
        font-size: 15px !important;
    }

}


/* =========================================================
   =========================================================
   MOBILE
   <= 767px
   =========================================================
========================================================= */

@media (max-width:767px){

    .elementor-193520 .elementor-element.elementor-element-8c4c586{
        width: 100vw !important;
        max-width: 100vw !important;

        height: 58px !important;
        min-height: 58px !important;

        margin-bottom: -58px !important;

        background:
            rgba(255,254,250,.98) !important;

        border-bottom:
            1px solid #e7e1d5 !important;

        box-shadow:
            0 5px 18px rgba(31,58,43,.075) !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586.elementor-sticky--active,
    .elementor-193520 .elementor-element.elementor-element-8c4c586.elementor-sticky--effects{
        left: 0 !important;
        right: 0 !important;

        width: 100vw !important;

        margin-bottom: 0 !important;
    }


    /* =====================================================
       INNER = RÉFÉRENCE DU POSITIONNEMENT
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-inner{
        position: relative !important;

        display: block !important;

        width: 100vw !important;
        max-width: 100vw !important;

        height: 58px !important;
        min-height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       MENU CACHÉ
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-nav{
        display: none !important;
    }


    /* =====================================================
       NOS RAYONS — GAUCHE
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays{
        position: absolute !important;

        top: 50% !important;
        left: 16px !important;

        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 40px !important;

        display: flex !important;

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

        margin: 0 !important;
        padding: 0 !important;

        transform:
            translateY(-50%) !important;

        z-index: 20 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn,
    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-widget-container{
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button{
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        display: flex !important;

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

        margin: 0 !important;
        padding: 0 !important;

        background:
            linear-gradient(
                135deg,
                #93bc5d,
                #82ad4d
            ) !important;

        border: 0 !important;
        border-radius: 50% !important;

        box-shadow:
            0 4px 12px rgba(80,122,54,.15) !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-content-wrapper{
        width: 100% !important;
        height: 100% !important;

        display: flex !important;

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

        gap: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-text{
        display: none !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-icon{
        width: 27px !important;
        min-width: 27px !important;
        max-width: 27px !important;

        height: 27px !important;
        min-height: 27px !important;
        max-height: 27px !important;

        display: flex !important;

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

        margin: 0 !important;
        padding: 0 !important;

        background:
            rgba(255,255,255,.16) !important;

        border:
            1px solid rgba(255,255,255,.42) !important;

        border-radius: 50% !important;

        color: #fff !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-icon i{
        color: #fff !important;

        font-size: 12px !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-icon svg,
    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-rays-btn
    .elementor-button-icon svg path{
        width: 12px !important;
        height: 12px !important;

        color: #fff !important;
        fill: #fff !important;
        stroke: #fff !important;
    }


    /* =====================================================
       MASCOTTE — CENTRE EXACT DU STICKY
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot{
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;

        height: 50px !important;

        display: flex !important;

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

        margin: 0 !important;
        padding: 0 !important;

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

        z-index: 30 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot
    .elementor-widget-container,
    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot a{
        width: 48px !important;
        height: 50px !important;

        display: flex !important;

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

        margin: 0 !important;
        padding: 0 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-mascot img{
        display: block !important;

        width: 43px !important;
        max-width: 43px !important;

        height: 43px !important;
        max-height: 43px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       ACTIONS — DROITE
    ===================================================== */

    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-actions{
        position: absolute !important;

        top: 50% !important;
        right: 16px !important;

        width: auto !important;
        min-width: 0 !important;

        height: 31px !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: flex-end !important;

        gap: 4px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform:
            translateY(-50%) !important;

        z-index: 20 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-actions > *{
        flex:
            0 0 31px !important;

        width: 31px !important;
        min-width: 31px !important;
        max-width: 31px !important;

        height: 31px !important;
        min-height: 31px !important;
        max-height: 31px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-action{
        width: 31px !important;
        min-width: 31px !important;

        height: 31px !important;
        min-height: 31px !important;

        border-radius: 8px !important;
    }


    .elementor-193520 .elementor-element.elementor-element-8c4c586 .azana-sticky-action
    .elementor-icon{
        font-size: 13px !important;
    }

}


/* =========================================================
   09 — ÉDITEUR ELEMENTOR
   Toujours visible pendant la modification
========================================================= */

body.elementor-editor-active .elementor-193520 .elementor-element.elementor-element-8c4c586{
    position: relative !important;

    top: auto !important;
    left: auto !important;
    right: auto !important;

    width: 100% !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;

    transform: none !important;

    margin-bottom: 0 !important;

    z-index: 10 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ef5ad5 *//* =========================================================
   AZANA — HEADER V2
   CSS NETTOYÉ / CONSOLIDÉ
   Desktop + Tablet + Mobile
   ========================================================= */

/* =========================================================
   0 — ROOT
========================================================= */

.azana-header-desktop{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;

    background:#fffdfa !important;
    border:1px solid rgba(184,146,70,.10) !important;
    border-radius:0 0 18px 18px !important;

    box-shadow:
        0 14px 40px rgba(31,61,47,.065),
        0 3px 10px rgba(31,61,47,.025) !important;

    overflow:visible !important;
    font-family:"Manrope",Arial,sans-serif !important;
}

.azana-header-desktop::before{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    top:42px !important;
    left:50% !important;
    width:72% !important;
    height:180px !important;
    transform:translateX(-50%) !important;
    background:radial-gradient(
        ellipse at center,
        rgba(235,242,211,.24) 0%,
        rgba(255,253,248,0) 68%
    ) !important;
    pointer-events:none !important;
}


/* =========================================================
   1 — TOP BAR
========================================================= */

.azana-header-topbar{
    position:relative !important;
    z-index:3 !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;

    width:100% !important;
    min-height:38px !important;

    margin:0 !important;
    padding:0 48px !important;
    box-sizing:border-box !important;

    background:linear-gradient(
        90deg,
        #fbfaf5 0%,
        #fffdfa 45%,
        #fbfaf5 100%
    ) !important;

    border-bottom:1px solid rgba(185,146,70,.14) !important;
    box-shadow:inset 0 -1px 0 rgba(255,255,255,.8) !important;
}

.azana-header-topbar-left{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:0 !important;
    width:auto !important;
}

.azana-header-top-item{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    width:auto !important;
    margin:0 !important;
    padding:0 24px !important;

    color:#253f35 !important;
}

.azana-header-top-item:first-child{
    padding-left:0 !important;
}

.azana-header-top-item:not(:last-child)::after{
    content:"" !important;
    position:absolute !important;
    top:50% !important;
    right:0 !important;

    width:1px !important;
    height:20px !important;

    background:rgba(189,146,84,.28) !important;
    transform:translateY(-50%) !important;
}

.azana-header-top-item .elementor-icon-box-wrapper{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:9px !important;
}

.azana-header-top-item .elementor-icon{
    color:#75994d !important;
    font-size:17px !important;
}

.azana-header-top-item .elementor-icon svg{
    width:17px !important;
    height:17px !important;
    fill:currentColor !important;
}

.azana-header-top-item .elementor-icon-box-title,
.azana-header-top-item .elementor-icon-box-title span,
.azana-header-top-item .elementor-icon-box-description{
    margin:0 !important;

    color:#253f35 !important;

    font-family:"Manrope",Arial,sans-serif !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.2 !important;

    white-space:nowrap !important;
}

.azana-header-top-whatsapp .elementor-icon{
    color:#63943f !important;
}

.azana-header-topbar-right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important;
}

.azana-header-values{
    display:inline-flex !important;
    width:auto !important;

    margin:0 !important;
    padding:7px 16px !important;

    background:#f1f5e7 !important;
    border-radius:999px !important;

    color:#557938 !important;
}

.azana-header-values .elementor-heading-title{
    margin:0 !important;

    color:#557938 !important;

    font-family:"Manrope",Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:600 !important;
    line-height:1 !important;

    white-space:nowrap !important;
}


/* =========================================================
   2 — MAIN HEADER
========================================================= */

.azana-header-main{
    position:relative !important;
    z-index:2 !important;

    height:195px !important;
    min-height:195px !important;

    padding-top:8px !important;
    padding-bottom:8px !important;

    background:
        radial-gradient(
            ellipse at 50% 55%,
            rgba(227,239,201,.27) 0%,
            rgba(249,247,226,.12) 32%,
            transparent 61%
        ),
        linear-gradient(
            180deg,
            #fffefa 0%,
            #fdfbf5 100%
        ) !important;

    border-bottom:0 !important;
    box-shadow:none !important;
}

.azana-header-main::before{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;

    left:50% !important;
    bottom:8px !important;

    width:52% !important;
    height:75% !important;

    transform:translateX(-50%) !important;

    background:radial-gradient(
        ellipse at center bottom,
        rgba(225,235,191,.22) 0%,
        rgba(255,255,255,0) 72%
    ) !important;

    pointer-events:none !important;
}

.azana-header-brand,
.azana-header-center,
.azana-header-actions{
    position:relative !important;
    z-index:2 !important;
}


/* =========================================================
   3 — LOGO
========================================================= */

.azana-header-brand{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;
}

.azana-header-brand::before{
    content:"" !important;
    position:absolute !important;

    left:50% !important;
    top:50% !important;

    width:170px !important;
    height:92px !important;

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

    background:radial-gradient(
        ellipse,
        rgba(224,237,198,.25),
        transparent 70%
    ) !important;

    pointer-events:none !important;
}

.azana-header-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;
}

.azana-header-logo .elementor-widget-container{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}

.azana-header-logo img{
    display:block !important;

    width:auto !important;
    max-width:125px !important;

    height:auto !important;
    max-height:68px !important;

    margin:0 auto !important;

    object-fit:contain !important;
}


/* =========================================================
   4 — CENTRE / MASCOTTE
========================================================= */

.azana-header-center{
    position:relative !important;

    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;

    width:100% !important;
    height:185px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;
}

.azana-header-center::before{
    content:"" !important;

    display:block !important;
    position:absolute !important;
    z-index:1 !important;

    left:50% !important;
    bottom:47px !important;

    width:270px !important;
    height:145px !important;

    transform:translateX(-50%) !important;

    border:1px solid rgba(198,157,63,.30) !important;
    border-bottom:0 !important;
    border-radius:150px 150px 35px 35px !important;

    background:
        radial-gradient(
            circle at 50% 62%,
            rgba(255,248,209,.72) 0%,
            rgba(246,239,199,.38) 32%,
            transparent 64%
        ),
        radial-gradient(
            ellipse at 17% 78%,
            rgba(132,171,83,.15) 0%,
            transparent 30%
        ),
        radial-gradient(
            ellipse at 84% 72%,
            rgba(132,171,83,.12) 0%,
            transparent 27%
        ),
        linear-gradient(
            180deg,
            rgba(255,253,247,.72) 0%,
            rgba(249,246,224,.40) 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.85),
        0 10px 28px rgba(59,92,61,.035) !important;

    pointer-events:none !important;
}

.azana-header-center::after{
    content:"✦" !important;

    display:block !important;
    position:absolute !important;
    z-index:2 !important;

    left:50% !important;
    bottom:139px !important;

    width:240px !important;

    transform:translateX(-50%) !important;

    color:#d3ad46 !important;

    font-family:Arial,sans-serif !important;
    font-size:11px !important;
    line-height:1 !important;

    text-align:right !important;

    text-shadow:
        -222px 30px 0 rgba(211,173,70,.72),
        -190px -4px 0 rgba(211,173,70,.40),
        -43px -14px 0 rgba(211,173,70,.45),
        -12px 28px 0 rgba(211,173,70,.28) !important;

    pointer-events:none !important;
}

.azana-header-mascot{
    position:absolute !important;

    left:50% !important;
    bottom:47px !important;
    z-index:8 !important;

    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;

    width:215px !important;

    margin:0 !important;
    padding:0 !important;

    transform:translateX(-50%) !important;

    pointer-events:none !important;
}

.azana-header-mascot .elementor-widget-container{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;
}

.azana-header-mascot img{
    display:block !important;

    width:auto !important;
    height:142px !important;

    max-width:215px !important;
    max-height:142px !important;

    margin:0 auto !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    filter:drop-shadow(0 9px 11px rgba(41,76,51,.11)) !important;
}


/* =========================================================
   5 — RECHERCHE
========================================================= */

.azana-header-search{
    position:absolute !important;
    z-index:6 !important;

    left:50% !important;
    bottom:0 !important;

    width:100% !important;
    max-width:650px !important;

    margin:0 !important;
    padding:0 !important;

    transform:translateX(-50%) !important;

    filter:drop-shadow(0 12px 18px rgba(31,61,47,.055)) !important;
}

.azana-header-search::before{
    display:none !important;
    content:none !important;
}

.azana-header-search form,
.azana-header-search .searchform{
    position:relative !important;

    display:flex !important;
    align-items:center !important;

    width:100% !important;
    height:60px !important;

    margin:0 !important;

    padding:5px 140px 5px 20px !important;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #fffefa 100%
    ) !important;

    border:1px solid rgba(196,156,69,.38) !important;
    border-radius:999px !important;

    box-shadow:
        0 13px 30px rgba(34,66,49,.085),
        0 3px 8px rgba(180,141,55,.04),
        inset 0 1px 0 #fff !important;

    box-sizing:border-box !important;
    overflow:hidden !important;
}

.azana-header-search .search-by-category,
.azana-header-search .searchcategories,
.azana-header-search .search-cats,
.azana-header-search .wd-search-cat,
.azana-header-search .wd-search-cats,
.azana-header-search .category-select,
.azana-header-search .search-by-category-wrap,
.azana-header-search [class*="search-by-category"]{
    display:none !important;

    width:0 !important;
    max-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    visibility:hidden !important;
    opacity:0 !important;
}

.azana-header-search input[type="text"],
.azana-header-search input[type="search"]{
    width:100% !important;
    min-width:0 !important;
    height:47px !important;

    margin:0 !important;
    padding:0 15px !important;

    border:0 !important;
    outline:0 !important;

    background:transparent !important;
    box-shadow:none !important;

    box-sizing:border-box !important;

    color:#29483a !important;

    font-family:"Manrope",Arial,sans-serif !important;
    font-size:14px !important;
    font-weight:400 !important;
}

.azana-header-search input::placeholder{
    color:#969a96 !important;
    opacity:1 !important;
}

.azana-header-search button,
.azana-header-search .searchsubmit{
    position:absolute !important;

    top:50% !important;
    right:6px !important;
    left:auto !important;
    bottom:auto !important;

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

    width:124px !important;
    min-width:124px !important;
    max-width:124px !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;

    margin:0 !important;
    padding:0 18px !important;

    background:linear-gradient(
        135deg,
        #91b84d 0%,
        #73a23d 52%,
        #638f34 100%
    ) !important;

    border:0 !important;
    border-radius:999px !important;

    color:#fff !important;

    font-family:"Manrope",Arial,sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;

    box-shadow:
        0 6px 15px rgba(91,137,46,.19),
        inset 0 1px 0 rgba(255,255,255,.20) !important;

    box-sizing:border-box !important;

    transform:translateY(-50%) !important;

    white-space:nowrap !important;
}

.azana-header-search button svg,
.azana-header-search button i,
.azana-header-search button .wd-action-icon,
.azana-header-search button .search-icon,
.azana-header-search .searchsubmit svg,
.azana-header-search .searchsubmit i{
    display:none !important;
}

.azana-header-search button::before,
.azana-header-search button::after,
.azana-header-search .searchsubmit::before,
.azana-header-search .searchsubmit::after{
    display:none !important;
    content:none !important;
}

.azana-header-search button span,
.azana-header-search .searchsubmit span{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    line-height:1 !important;
}


/* =========================================================
   6 — ACTIONS : FAVORIS / COMPTE / PANIER
========================================================= */

.azana-header-actions{
    align-self:center !important;
    justify-self:end !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;

    gap:14px !important;

    width:100% !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    transform:translateY(16px) !important;

    box-sizing:border-box !important;
}

.azana-header-action{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 82px !important;

    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;

    margin:0 !important;
    padding:0 !important;

    text-align:center !important;
}

.azana-header-actions .azana-header-action-box{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

.azana-header-actions .azana-header-action-box .elementor-icon-box-wrapper{
    display:flex !important;
    flex-direction:column !important;

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

    gap:8px !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}

.azana-header-actions .azana-header-action-box .elementor-icon-box-icon{
    margin:0 !important;
    padding:0 !important;
}

.azana-header-actions .azana-header-action-box .elementor-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:54px !important;
    height:54px !important;

    margin:0 auto !important;
    padding:0 !important;

    background:linear-gradient(
        145deg,
        #ffffff 0%,
        #faf8f1 100%
    ) !important;

    border:1px solid rgba(33,67,52,.15) !important;
    border-radius:16px !important;

    color:#173f32 !important;

    box-shadow:
        0 7px 16px rgba(31,61,47,.05),
        inset 0 1px 0 #fff !important;

    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}

.azana-header-actions .azana-header-action-box .elementor-icon svg{
    width:24px !important;
    height:24px !important;

    color:#173f32 !important;
    fill:currentColor !important;
}

.azana-header-actions .azana-header-action-box .elementor-icon i{
    color:#173f32 !important;
    font-size:24px !important;
}

.azana-header-actions .azana-header-action-box .elementor-icon-box-content,
.azana-header-actions .azana-header-action-box .elementor-icon-box-title{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

.azana-header-actions .azana-header-action-box .elementor-icon-box-title,
.azana-header-actions .azana-header-action-box .elementor-icon-box-title a,
.azana-header-actions .azana-header-action-box .elementor-icon-box-title span{
    color:#173f32 !important;

    font-family:"Manrope",Arial,sans-serif !important;
    font-size:10.5px !important;
    font-weight:600 !important;
    line-height:1.2 !important;

    text-align:center !important;
    white-space:nowrap !important;

    text-decoration:none !important;
}

.azana-header-actions .azana-header-action-box .elementor-icon-box-description{
    display:none !important;
}

.azana-header-action:hover .elementor-icon{
    background:linear-gradient(
        145deg,
        #f1f7e8 0%,
        #e5f0d7 100%
    ) !important;

    border-color:rgba(108,151,65,.38) !important;

    transform:translateY(-2px) !important;

    box-shadow:0 11px 24px rgba(75,117,55,.11) !important;
}

.azana-native-cart-trigger{
    position:absolute !important;
    width:1px !important;
    height:1px !important;

    overflow:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}


/* =========================================================
   7 — NAVIGATION BASSE
========================================================= */

.azana-header-bottom{
    position:relative !important;
    z-index:5 !important;

    display:grid !important;
    grid-template-columns:190px 1fr 190px !important;
    align-items:center !important;

    width:100% !important;
    min-height:68px !important;

    margin:0 !important;
    padding:0 40px !important;

    background:linear-gradient(
        180deg,
        #fffefa 0%,
        #faf8f1 100%
    ) !important;

    border-top:1px solid rgba(189,149,63,.12) !important;
    border-bottom:0 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    box-sizing:border-box !important;
}

.azana-header-bottom::before{
    display:none !important;
    content:none !important;
}

.azana-header-bottom-left{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
}

.azana-header-bottom-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
}

.azana-header-nav{
    width:100% !important;
}

.azana-header-nav ul{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

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

    gap:36px !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    list-style:none !important;
}

.azana-header-nav li{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
}

.azana-header-nav a{
    position:relative !important;

    display:flex !important;
    align-items:center !important;

    min-height:65px !important;

    padding:0 !important;

    color:#233d33 !important;

    font-family:"Manrope",Arial,sans-serif !important;
    font-size:11.5px !important;
    font-weight:600 !important;

    letter-spacing:.12px !important;
    white-space:nowrap !important;

    text-decoration:none !important;

    transition:
        color .2s ease,
        transform .2s ease !important;
}

.azana-header-nav a:hover,
.azana-header-nav li:hover > a{
    color:#699641 !important;
    transform:translateY(-1px) !important;
}

.azana-header-nav li::after{
    content:"" !important;

    position:absolute !important;
    left:50% !important;
    bottom:8px !important;

    width:0 !important;
    height:2px !important;

    background:linear-gradient(
        90deg,
        #8fb761,
        #c7a64d
    ) !important;

    border-radius:10px !important;

    transform:translateX(-50%) !important;

    transition:width .2s ease !important;
}

.azana-header-nav li:hover::after,
.azana-header-nav .current-menu-item::after{
    width:24px !important;
}

.azana-header-bottom-right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
}


/* =========================================================
   8 — NOS RAYONS
========================================================= */

.azana-header-rays-btn{
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
}

.azana-header-rays-btn .elementor-button{
    position:relative !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    min-width:188px !important;
    height:52px !important;

    margin:0 !important;
    padding:0 24px !important;

    background:linear-gradient(
        135deg,
        #8fbd63 0%,
        #76aa4f 48%,
        #679a43 100%
    ) !important;

    border:1px solid rgba(89,133,55,.38) !important;
    border-radius:999px !important;

    color:#ffffff !important;

    font-family:"Manrope",Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;

    text-transform:none !important;

    box-shadow:
        0 9px 21px rgba(74,119,45,.20),
        inset 0 1px 0 rgba(255,255,255,.27) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}

.azana-header-rays-btn .elementor-button-content-wrapper{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    width:auto !important;

    margin:0 !important;
    padding:0 !important;
}

.azana-header-rays-btn .elementor-button-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 28px !important;

    width:28px !important;
    height:28px !important;

    margin:0 !important;
    padding:0 !important;

    background:rgba(255,255,255,.16) !important;

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

    color:#ffffff !important;
}

.azana-header-rays-btn .elementor-button-icon svg{
    display:block !important;

    width:15px !important;
    height:15px !important;

    margin:0 !important;

    fill:currentColor !important;
}

.azana-header-rays-btn .elementor-button-icon i{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;

    color:#ffffff !important;
    font-size:15px !important;
    line-height:1 !important;
}

.azana-header-rays-btn .elementor-button-text{
    display:block !important;
    margin:0 !important;
    padding:0 !important;

    color:#ffffff !important;
    line-height:1 !important;
    white-space:nowrap !important;
}

.azana-header-rays-btn .elementor-button::before{
    content:"" !important;

    position:absolute !important;
    top:1px !important;
    left:18% !important;

    width:64% !important;
    height:1px !important;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.65),
        transparent
    ) !important;

    pointer-events:none !important;
}

.azana-header-rays-btn .elementor-button:hover{
    background:linear-gradient(
        135deg,
        #82b357 0%,
        #6c9f46 50%,
        #588739 100%
    ) !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 11px 23px rgba(75,119,46,.24),
        inset 0 1px 0 rgba(255,255,255,.25) !important;
}


/* =========================================================
   9 — FLASH SALES
========================================================= */

.azana-header-flash{
    width:auto !important;
    margin:0 !important;
}

.azana-header-flash .elementor-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:10px !important;

    min-width:188px !important;
    min-height:52px !important;

    padding:0 26px !important;

    background:linear-gradient(
        135deg,
        #fffefa 0%,
        #fff5d9 100%
    ) !important;

    border:1.5px solid #d5a42f !important;
    border-radius:999px !important;

    color:#b98513 !important;

    font-family:"Manrope",Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;

    letter-spacing:.1px !important;

    box-shadow:
        0 9px 21px rgba(169,126,25,.11),
        inset 0 1px 0 #fff !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}

.azana-header-flash .elementor-button-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    color:#d39d20 !important;
}

.azana-header-flash .elementor-button-icon svg{
    width:17px !important;
    height:17px !important;
    fill:currentColor !important;
}

.azana-header-flash .elementor-button:hover{
    color:#9c6c08 !important;

    background:linear-gradient(
        135deg,
        #fff8e5 0%,
        #ffefbd 100%
    ) !important;

    transform:translateY(-2px) !important;

    box-shadow:0 10px 23px rgba(181,133,26,.18) !important;
}

/* =========================================================
   10 — TABLETTE 768 → 1024
   Actions allégées + Flash Sales parfaitement centré
========================================================= */

@media (min-width:768px) and (max-width:1024px){

    .azana-header-desktop{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        border-radius:0 0 16px 16px !important;
    }

    /* Top bar : on conserve le rendu tablette actuel */
    .azana-header-topbar{
        min-height:38px !important;
        padding:0 16px !important;
        justify-content:center !important;
    }

    .azana-header-topbar-left{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
    }

    .azana-header-topbar-right{
        display:none !important;
    }

    .azana-header-top-item{
        padding:0 10px !important;
    }

    .azana-header-top-item .elementor-icon{
        font-size:14px !important;
    }

    .azana-header-top-item .elementor-icon svg{
        width:14px !important;
        height:14px !important;
    }

    .azana-header-top-item .elementor-icon-box-title,
    .azana-header-top-item .elementor-icon-box-title span,
    .azana-header-top-item .elementor-icon-box-description{
        font-size:9.5px !important;
        white-space:nowrap !important;
    }

    /* Main : mêmes proportions que la version validée */
    .azana-header-main{
        display:grid !important;
        grid-template-columns:19% 55% 26% !important;
        height:175px !important;
        min-height:175px !important;
        padding:8px 18px !important;
    }

    .azana-header-logo img{
        width:auto !important;
        max-width:105px !important;
        max-height:62px !important;
    }

    .azana-header-center{
        width:100% !important;
        height:160px !important;
    }

    .azana-header-mascot{
        width:180px !important;
    }

    .azana-header-mascot img{
        width:auto !important;
        height:112px !important;
        max-height:112px !important;
        max-width:180px !important;
    }

    .azana-header-center::before{
        width:215px !important;
        height:122px !important;
        bottom:43px !important;
    }

    .azana-header-center::after{
        width:195px !important;
        bottom:119px !important;
    }

    .azana-header-search{
        width:100% !important;
        max-width:440px !important;
    }

    .azana-header-search form,
    .azana-header-search .searchform{
        height:54px !important;
        padding:5px 120px 5px 15px !important;
    }

    .azana-header-search input[type="text"],
    .azana-header-search input[type="search"]{
        height:44px !important;
        font-size:12px !important;
    }

    .azana-header-search button,
    .azana-header-search .searchsubmit{
        right:5px !important;
        width:108px !important;
        min-width:108px !important;
        max-width:108px !important;
        height:44px !important;
        min-height:44px !important;
        max-height:44px !important;
        font-size:11px !important;
    }

    /* -----------------------------------------------------
       ACTIONS TABLETTE
       Sans contour / sans carte : plus d'air entre les 3
    ----------------------------------------------------- */

    .azana-header-actions{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:center !important;
        gap:10px !important;
        width:100% !important;
        height:auto !important;
        padding:0 2px !important;
        transform:translate(-7px, 5px) !important;
    }

    .azana-header-action{
        flex:0 0 52px !important;
        width:52px !important;
        min-width:52px !important;
        max-width:52px !important;
    }

    .azana-header-action-box .elementor-icon-box-wrapper{
        gap:5px !important;
    }

    .azana-header-action-box .elementor-icon{
        width:28px !important;
        height:28px !important;
        margin:0 auto !important;
        padding:0 !important;
        background:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        color:#173f32 !important;
    }

    .azana-header-action-box .elementor-icon svg{
        width:18px !important;
        height:18px !important;
    }

    .azana-header-action-box .elementor-icon i{
        font-size:18px !important;
    }

    .azana-header-action-box .elementor-icon-box-title,
    .azana-header-action-box .elementor-icon-box-title a,
    .azana-header-action-box .elementor-icon-box-title span{
        font-size:8.2px !important;
        line-height:1.05 !important;
        font-weight:600 !important;
        white-space:nowrap !important;
    }

    .azana-header-action:hover .elementor-icon{
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        color:#6e9b43 !important;
        transform:translateY(-1px) scale(1.06) !important;
    }

    /* Navigation tablette */
    .azana-header-bottom{
        grid-template-columns:145px minmax(0,1fr) 145px !important;
        min-height:60px !important;
        padding:0 14px !important;
    }

    .azana-header-rays-btn .elementor-button{
        min-width:135px !important;
        width:135px !important;
        height:45px !important;
        padding:0 13px !important;
        font-size:10.5px !important;
    }

    .azana-header-rays-btn .elementor-button-icon{
        width:25px !important;
        height:25px !important;
    }

    .azana-header-bottom-nav{
        min-width:0 !important;
        overflow:hidden !important;
    }

    .azana-header-nav{
        width:100% !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        scrollbar-width:none !important;
    }

    .azana-header-nav::-webkit-scrollbar{
        display:none !important;
    }

    .azana-header-nav ul{
        justify-content:flex-start !important;
        width:max-content !important;
        min-width:100% !important;
        gap:22px !important;
        padding:0 12px !important;
    }

    .azana-header-nav a{
        min-height:58px !important;
        font-size:9.5px !important;
    }

    /* Flash Sales : icône + texte réellement centrés */
    .azana-header-flash{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:135px !important;
    }

    .azana-header-flash .elementor-button{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-width:135px !important;
        width:135px !important;
        min-height:45px !important;
        padding:0 13px !important;
        font-size:10.5px !important;
        text-align:center !important;
    }

    .azana-header-flash .elementor-button-content-wrapper{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:center !important;
        gap:7px !important;
        width:auto !important;
        margin:0 auto !important;
        padding:0 !important;
    }

    .azana-header-flash .elementor-button-icon{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 !important;
        padding:0 !important;
    }

    .azana-header-flash .elementor-button-text{
        margin:0 !important;
        padding:0 !important;
        line-height:1 !important;
    }
}


/* =========================================================
   11 — MOBILE ≤ 767
   Version compacte : le header reste sous ~1/2 écran
========================================================= */

@media (max-width:767px){

    .azana-header-desktop{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
        border-left:0 !important;
        border-right:0 !important;
        border-radius:0 0 14px 14px !important;
        overflow:hidden !important;
    }

    /* -----------------------------------------------------
       TOP BAR MOBILE : supprimée entièrement
    ----------------------------------------------------- */

    .azana-header-topbar{
        display:none !important;
        height:0 !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        overflow:hidden !important;
    }

    /* -----------------------------------------------------
       MAIN MOBILE : beaucoup plus compact
    ----------------------------------------------------- */

    .azana-header-main{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:flex-start !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        padding:8px 9px 9px !important;
        gap:0 !important;
    }

    /* Logo plus petit + vraie respiration avant mascotte */
    .azana-header-brand{
        order:1 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        height:48px !important;
        margin:0 0 10px !important;
        padding:0 !important;
    }

    .azana-header-logo,
    .azana-header-logo .elementor-widget-container{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        height:100% !important;
    }

    .azana-header-logo img{
        width:auto !important;
        max-width:98px !important;
        max-height:46px !important;
        margin:0 auto !important;
    }

    /* -----------------------------------------------------
       MASCOTTE + SEARCH
    ----------------------------------------------------- */

    .azana-header-center{
        order:2 !important;
        position:relative !important;
        width:100% !important;
        height:145px !important;
        margin:0 !important;
        padding:0 !important;
    }

    .azana-header-mascot{
        left:50% !important;
        bottom:36px !important;
        width:150px !important;
        transform:translateX(-50%) !important;
    }

    .azana-header-mascot img{
        width:auto !important;
        height:98px !important;
        max-height:98px !important;
        max-width:150px !important;
    }

    .azana-header-center::before{
        display:block !important;
        left:50% !important;
        bottom:36px !important;
        width:176px !important;
        height:104px !important;
        transform:translateX(-50%) !important;
        border-radius:105px 105px 28px 28px !important;
    }

    .azana-header-center::after{
        display:block !important;
        width:160px !important;
        bottom:101px !important;
        font-size:9px !important;
    }

    /* -----------------------------------------------------
       SEARCH MOBILE : moins haute et moins large
    ----------------------------------------------------- */

    .azana-header-search{
        left:50% !important;
        bottom:0 !important;
        width:88% !important;
        max-width:280px !important;
        transform:translateX(-50%) !important;
        filter:drop-shadow(0 8px 14px rgba(31,61,47,.05)) !important;
    }

    .azana-header-search form,
    .azana-header-search .searchform{
        width:100% !important;
        height:44px !important;
        padding:4px 83px 4px 9px !important;
        box-shadow:
            0 8px 18px rgba(34,66,49,.07),
            inset 0 1px 0 #fff !important;
    }

    .azana-header-search input[type="text"],
    .azana-header-search input[type="search"]{
        height:36px !important;
        padding:0 7px !important;
        font-size:10px !important;
    }

    .azana-header-search button,
    .azana-header-search .searchsubmit{
        right:4px !important;
        width:75px !important;
        min-width:75px !important;
        max-width:75px !important;
        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;
        padding:0 5px !important;
        font-size:8.5px !important;
    }

    /* -----------------------------------------------------
       ACTIONS MOBILE : plus petites
    ----------------------------------------------------- */

    .azana-header-actions{
        order:3 !important;
        display:flex !important;
        flex-direction:row !important;
        align-items:flex-start !important;
        justify-content:center !important;
        width:100% !important;
        height:auto !important;
        gap:24px !important;
        margin:7px 0 1px !important;
        padding:0 !important;
        transform:none !important;
    }

    .azana-header-action{
        flex:0 0 46px !important;
        width:46px !important;
        min-width:46px !important;
        max-width:46px !important;
    }

    .azana-header-action-box .elementor-icon-box-wrapper{
        gap:4px !important;
    }

    .azana-header-action-box .elementor-icon{
        width:38px !important;
        height:38px !important;
        border-radius:12px !important;
        border:1px solid rgba(33,67,52,.13) !important;
        box-shadow:0 4px 10px rgba(31,61,47,.035) !important;
    }

    .azana-header-action-box .elementor-icon svg{
        width:17px !important;
        height:17px !important;
    }

    .azana-header-action-box .elementor-icon i{
        font-size:17px !important;
    }

    .azana-header-action-box .elementor-icon-box-title,
    .azana-header-action-box .elementor-icon-box-title a,
    .azana-header-action-box .elementor-icon-box-title span{
        font-size:7.6px !important;
        line-height:1 !important;
        white-space:nowrap !important;
    }

    /* -----------------------------------------------------
       NAVIGATION BASSE MOBILE : compacte sur une ligne
    ----------------------------------------------------- */

    .azana-header-bottom{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:space-between !important;
        width:100% !important;
        min-height:52px !important;
        padding:5px 7px !important;
        gap:6px !important;
        border-top:1px solid rgba(189,149,63,.10) !important;
        box-sizing:border-box !important;
    }

    /* Hamburger seul */
    .azana-header-bottom-left{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex:0 0 40px !important;
        width:40px !important;
        min-width:40px !important;
        max-width:40px !important;
    }

    .azana-header-rays-btn{
        width:40px !important;
        min-width:40px !important;
        max-width:40px !important;
    }

    .azana-header-rays-btn .elementor-button{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:40px !important;
        min-width:40px !important;
        max-width:40px !important;
        height:40px !important;
        min-height:40px !important;
        padding:0 !important;
        border-radius:13px !important;
        background:linear-gradient(135deg,#8fbb60 0%,#6f9e44 100%) !important;
        box-shadow:0 5px 13px rgba(74,119,45,.16) !important;
        font-size:0 !important;
    }

    .azana-header-rays-btn .elementor-button-text,
    .azana-header-rays-btn .wd-btn-text,
    .azana-header-rays-btn .button-text{
        display:none !important;
    }

    .azana-header-rays-btn .elementor-button-content-wrapper{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        gap:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    .azana-header-rays-btn .elementor-button-icon{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:auto !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        background:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        font-size:17px !important;
    }

    .azana-header-rays-btn .elementor-button-icon svg{
        width:17px !important;
        height:17px !important;
    }

    .azana-header-rays-btn .elementor-button-icon i{
        font-size:17px !important;
    }

    /* Menu horizontal */
    .azana-header-bottom-nav{
        display:block !important;
        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        overflow:hidden !important;
    }

    .azana-header-nav{
        width:100% !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch !important;
        scrollbar-width:none !important;
    }

    .azana-header-nav::-webkit-scrollbar{
        display:none !important;
    }

    .azana-header-nav ul{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:flex-start !important;
        width:max-content !important;
        min-width:100% !important;
        gap:18px !important;
        margin:0 !important;
        padding:0 4px !important;
    }

    .azana-header-nav li{
        flex:0 0 auto !important;
    }

    .azana-header-nav a{
        min-height:40px !important;
        font-size:8px !important;
        white-space:nowrap !important;
    }

    /* Flash Sales compact et centré */
    .azana-header-bottom-right{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex:0 0 86px !important;
        width:86px !important;
        min-width:86px !important;
        max-width:86px !important;
    }

    .azana-header-flash{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:86px !important;
        min-width:86px !important;
        max-width:86px !important;
    }

    .azana-header-flash .elementor-button{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:86px !important;
        min-width:86px !important;
        min-height:38px !important;
        padding:0 6px !important;
        gap:4px !important;
        font-size:7.8px !important;
        text-align:center !important;
    }

    .azana-header-flash .elementor-button-content-wrapper{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:center !important;
        gap:4px !important;
        width:auto !important;
        margin:0 auto !important;
        padding:0 !important;
    }

    .azana-header-flash .elementor-button-icon{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 !important;
        padding:0 !important;
    }

    .azana-header-flash .elementor-button-icon svg{
        width:11px !important;
        height:11px !important;
    }

    .azana-header-flash .elementor-button-text{
        margin:0 !important;
        padding:0 !important;
        line-height:1 !important;
        white-space:nowrap !important;
    }
}

/* =========================================================
   AZANA HEADER V2 — RESPONSIVE FIX V3
   Correction de spécificité Elementor / Desktop
   ========================================================= */

/* =========================================================
   TABLETTE — 768 → 1024
   3 actions compactes, SANS contour, entièrement dans la colonne
========================================================= */
@media (min-width:768px) and (max-width:1024px){

    .azana-header-main .azana-header-actions{
        align-self:center !important;
        justify-self:center !important;

        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:center !important;

        gap:10px !important;

        width:100% !important;
        max-width:155px !important;
        height:auto !important;

        margin:0 auto !important;
        padding:0 !important;

        transform:translateY(4px) !important;
        overflow:visible !important;
    }

    .azana-header-main .azana-header-actions .azana-header-action{
        flex:0 0 45px !important;

        width:45px !important;
        min-width:45px !important;
        max-width:45px !important;

        margin:0 !important;
        padding:0 !important;
    }

    .azana-header-main .azana-header-actions .azana-header-action-box,
    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-widget-container,
    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon-box-wrapper,
    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon-box-icon{
        background:transparent !important;
        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;
    }

    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon-box-wrapper{
        gap:4px !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    /* IMPORTANT : plus aucune "carte" autour des icônes */
    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon,
    .azana-header-main .azana-header-actions .elementor-view-framed .elementor-icon,
    .azana-header-main .azana-header-actions .elementor-view-stacked .elementor-icon,
    .azana-header-main .azana-header-actions .elementor-view-default .elementor-icon{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        min-height:24px !important;

        margin:0 auto !important;
        padding:0 !important;

        background:transparent !important;
        border:0 !important;
        outline:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;

        color:#173f32 !important;
    }

    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon svg,
    .azana-header-main .azana-header-actions .elementor-view-framed .elementor-icon svg,
    .azana-header-main .azana-header-actions .elementor-view-stacked .elementor-icon svg{
        width:15px !important;
        height:15px !important;
        max-width:15px !important;
        max-height:15px !important;
    }

    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon i{
        font-size:15px !important;
        line-height:1 !important;
    }

    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon-box-title,
    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon-box-title a,
    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon-box-title span{
        font-size:7.7px !important;
        line-height:1.05 !important;
        font-weight:600 !important;
        letter-spacing:-.1px !important;
        white-space:nowrap !important;
    }

    .azana-header-main .azana-header-actions .azana-header-action:hover .elementor-icon{
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        color:#6f9c43 !important;
        transform:translateY(-1px) scale(1.06) !important;
    }
}


/* =========================================================
   MOBILE — ≤ 767
   Actions encore plus compactes pour libérer de la hauteur/largeur
========================================================= */
@media (max-width:767px){

    .azana-header-main .azana-header-actions{
        gap:18px !important;
        margin:5px 0 0 !important;
        padding:0 !important;
        transform:none !important;
    }

    .azana-header-main .azana-header-actions .azana-header-action{
        flex:0 0 40px !important;

        width:40px !important;
        min-width:40px !important;
        max-width:40px !important;
    }

    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon-box-wrapper{
        gap:3px !important;
    }

    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon{
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        min-height:32px !important;

        border-radius:10px !important;

        background:linear-gradient(145deg,#fff 0%,#faf8f1 100%) !important;
        border:1px solid rgba(33,67,52,.11) !important;
        box-shadow:0 3px 8px rgba(31,61,47,.03) !important;
    }

    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon svg{
        width:14px !important;
        height:14px !important;
        max-width:14px !important;
        max-height:14px !important;
    }

    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon i{
        font-size:14px !important;
        line-height:1 !important;
    }

    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon-box-title,
    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon-box-title a,
    .azana-header-main .azana-header-actions .azana-header-action-box .elementor-icon-box-title span{
        font-size:7px !important;
        line-height:1 !important;
        font-weight:600 !important;
        white-space:nowrap !important;
    }
}

/* =========================================================
   AZANA HEADER V2 — DERNIERS AJUSTEMENTS RESPONSIVE
========================================================= */


/* =========================================================
   TABLETTE
   Repositionner Favoris / Compte / Panier
========================================================= */

@media (min-width:768px) and (max-width:1024px){

    .azana-header-actions{
        width:150px !important;
        max-width:150px !important;

        margin-left:auto !important;
        margin-right:20px !important;

        padding:0 !important;

        gap:12px !important;

        justify-content:center !important;

        /* légèrement vers la gauche et au niveau du logo */
        transform:translate(-16px, 5px) !important;
    }

    .azana-header-action{
        flex:0 0 42px !important;

        width:42px !important;
        min-width:42px !important;
        max-width:42px !important;
    }

    .azana-header-actions
    .azana-header-action-box
    .elementor-icon{
        width:auto !important;
        height:auto !important;

        min-width:0 !important;
        min-height:0 !important;

        padding:3px !important;

        background:transparent !important;
        border:0 !important;
        border-radius:0 !important;

        box-shadow:none !important;
    }

    .azana-header-actions
    .azana-header-action-box
    .elementor-icon svg{
        width:15px !important;
        height:15px !important;
    }

    .azana-header-actions
    .azana-header-action-box
    .elementor-icon i{
        font-size:15px !important;
    }

    .azana-header-actions
    .azana-header-action-box
    .elementor-icon-box-title,
    .azana-header-actions
    .azana-header-action-box
    .elementor-icon-box-title a,
    .azana-header-actions
    .azana-header-action-box
    .elementor-icon-box-title span{
        font-size:7.5px !important;
        line-height:1.1 !important;
    }
}



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

@media (max-width:767px){

    /* -----------------------------------------------------
       1 — Actions encore plus compactes
    ----------------------------------------------------- */

    .azana-header-actions{
        gap:18px !important;

        margin-top:8px !important;
        margin-bottom:0 !important;

        padding-bottom:0 !important;
    }

    .azana-header-action{
        flex:0 0 46px !important;

        width:46px !important;
        min-width:46px !important;
        max-width:46px !important;
    }

    .azana-header-actions
    .azana-header-action-box
    .elementor-icon{
        width:30px !important;
        height:30px !important;

        border-radius:10px !important;
    }

    .azana-header-actions
    .azana-header-action-box
    .elementor-icon svg{
        width:13px !important;
        height:13px !important;
    }

    .azana-header-actions
    .azana-header-action-box
    .elementor-icon i{
        font-size:13px !important;
    }

    .azana-header-actions
    .azana-header-action-box
    .elementor-icon-box-wrapper{
        gap:4px !important;
    }

    .azana-header-actions
    .azana-header-action-box
    .elementor-icon-box-title,
    .azana-header-actions
    .azana-header-action-box
    .elementor-icon-box-title a,
    .azana-header-actions
    .azana-header-action-box
    .elementor-icon-box-title span{
        font-size:7px !important;
        line-height:1.05 !important;
    }


    /* -----------------------------------------------------
       2 — Réduire l'espace avant la navigation basse
    ----------------------------------------------------- */

    .azana-header-main{
        padding-bottom:5px !important;
    }

    .azana-header-bottom{
        margin-top:0 !important;

        min-height:54px !important;

        padding:5px 8px !important;
    }


    /* -----------------------------------------------------
       3 — MENU MOBILE
       Garder uniquement ACCUEIL + BOUTIQUE
       
       Ordre actuel :
       1 Accueil
       2 À propos
       3 Boutique
       4 Marques
       5 Conseils...
       6 Contact
       7 Magasins
    ----------------------------------------------------- */

    .azana-header-nav li{
        display:none !important;
    }

    .azana-header-nav li:nth-child(1),
    .azana-header-nav li:nth-child(3){
        display:flex !important;
    }


    /* Plus besoin de scroll horizontal */
    .azana-header-bottom-nav,
    .azana-header-nav{
        overflow:visible !important;
    }

    .azana-header-nav ul{
        display:flex !important;

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

        width:100% !important;
        min-width:0 !important;

        gap:16px !important;

        padding:0 !important;
        margin:0 !important;
    }

    .azana-header-nav a{
        min-height:40px !important;

        font-size:8px !important;
    }


    /* -----------------------------------------------------
       4 — Hamburger légèrement plus compact
    ----------------------------------------------------- */

    .azana-header-bottom{
        grid-template-columns:
            42px minmax(0,1fr) 88px !important;

        gap:5px !important;
    }

    .azana-header-bottom-left,
    .azana-header-rays-btn{
        width:42px !important;
    }

    .azana-header-rays-btn .elementor-button{
        width:42px !important;
        min-width:42px !important;

        height:42px !important;
    }

    .azana-header-rays-btn
    .elementor-button-icon svg{
        width:17px !important;
        height:17px !important;
    }


    /* -----------------------------------------------------
       5 — Flash Sales plus compact
    ----------------------------------------------------- */

    .azana-header-bottom-right,
    .azana-header-flash{
        width:88px !important;
    }

    .azana-header-flash .elementor-button{
        width:88px !important;
        min-width:88px !important;

        min-height:39px !important;

        padding:0 6px !important;

        font-size:8px !important;
    }
}

/* =========================================================
   AZANA HEADER V2 — TABLET
   REPLACER LES 3 ACTIONS VERS L'INTÉRIEUR
========================================================= */

@media (min-width:768px) and (max-width:1024px){

    .azana-header-main .azana-header-actions{
        width:150px !important;
        max-width:150px !important;

        justify-self:end !important;
        justify-content:center !important;

        /* espace avec le bord droit */
        margin-right:34px !important;
        margin-left:0 !important;

        padding:0 !important;

        /* on garde seulement l'alignement vertical */
        transform:translateY(5px) !important;
    }

}

/* =========================================================
   AZANA HEADER V2 — TRIGGERS CLIQUABLES
========================================================= */

.azana-header-cart-box,
.azana-header-cart-box a,
.azana-header-rays-btn,
.azana-header-rays-btn a{
    cursor:pointer !important;
    pointer-events:auto !important;
}

.azana-header-cart-box{
    position:relative !important;
    z-index:20 !important;
}

.azana-header-rays-btn{
    position:relative !important;
    z-index:20 !important;
}

/* =========================================================
   AZANA — HEADER MOBILE NAV FINAL
   Accueil + Boutique + Marques + Contact
========================================================= */

@media (max-width: 767px){

    /* -----------------------------------------------------
       1. Cache tous les liens principaux WoodMart
    ----------------------------------------------------- */

    body .azana-header-nav .wd-nav > li.menu-item{
        display: none !important;
    }


    /* -----------------------------------------------------
       2. Affiche uniquement :
       1 = Accueil
       3 = Boutique
       4 = Marques
       6 = Contact
    ----------------------------------------------------- */

    body .azana-header-nav .wd-nav > li.menu-item:nth-child(1),
    body .azana-header-nav .wd-nav > li.menu-item:nth-child(3),
    body .azana-header-nav .wd-nav > li.menu-item:nth-child(4),
    body .azana-header-nav .wd-nav > li.menu-item:nth-child(6){
        display: flex !important;

        visibility: visible !important;
        opacity: 1 !important;

        margin: 0 !important;
        padding: 0 !important;

        flex: 0 0 auto !important;
    }


    /* -----------------------------------------------------
       3. Ligne du menu
    ----------------------------------------------------- */

    body .azana-header-nav .wd-nav{
        display: flex !important;

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

        flex-wrap: nowrap !important;

        gap: 11px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    /* -----------------------------------------------------
       4. Liens
    ----------------------------------------------------- */

    body .azana-header-nav .wd-nav > li.menu-item > a.woodmart-nav-link{
        display: flex !important;

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

        min-height: 30px !important;

        margin: 0 !important;
        padding: 3px 2px !important;

        color: #315743 !important;

        font-size: 8.5px !important;
        font-weight: 600 !important;

        line-height: 1 !important;

        white-space: nowrap !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    /* Pas d'espace supplémentaire autour du widget */

    body .azana-header-nav{
        width: 100% !important;
        max-width: 100% !important;

        overflow: visible !important;

        margin: 0 !important;
        padding: 0 !important;
    }

}

/* =========================================================
   AZANA — MASCOTTE HEADER PRINCIPAL CLIQUABLE
   SANS MODIFIER SA POSITION
========================================================= */

.azana-header-mascot a{
    position:relative !important;

    z-index:100 !important;

    pointer-events:auto !important;

    cursor:pointer !important;
}


.azana-header-mascot a img{
    pointer-events:auto !important;

    cursor:pointer !important;
}

/* =========================================================
   AZANA — SEARCH AJAX
   FIX FINAL : RÉSULTATS AU-DESSUS DE LA NAVIGATION BASSE
========================================================= */


/* =========================================================
   1 — LE MAIN HEADER DOIT ÊTRE AU-DESSUS DE LA BARRE BASSE
========================================================= */

.azana-header-desktop .azana-header-main{
    position: relative !important;
    z-index: 20 !important;

    overflow: visible !important;
}


/* =========================================================
   2 — LA BARRE BASSE RESTE EN DESSOUS
========================================================= */

.azana-header-desktop .azana-header-bottom{
    position: relative !important;
    z-index: 5 !important;
}


/* =========================================================
   3 — CENTRE DU HEADER
========================================================= */

.azana-header-desktop .azana-header-center{
    position: relative !important;

    z-index: 21 !important;

    overflow: visible !important;
}


/* =========================================================
   4 — WIDGET RECHERCHE
========================================================= */

.azana-header-desktop .azana-header-search{
    z-index: 100 !important;

    overflow: visible !important;
}


/* =========================================================
   5 — RÉSULTATS AJAX WOODMART
========================================================= */

.azana-header-desktop
.azana-header-search
.wd-dropdown-results,

.azana-header-desktop
.azana-header-search
.wd-search-results,

.azana-header-desktop
.azana-header-search
.autocomplete-suggestions,

.azana-header-desktop
.azana-header-search
.search-results-wrapper{
    z-index: 999999 !important;
}


/* Sécurité pour le conteneur Elementor du widget */

.azana-header-desktop
.azana-header-search
.elementor-widget-container{
    position: relative !important;

    z-index: 101 !important;

    overflow: visible !important;
}

/* =========================================================
   AZANA — MASCOTTE QUI "TIENT" LA BARRE DE RECHERCHE
   Tout en gardant les résultats AJAX au-dessus du menu bas
========================================================= */


/* Recherche sous la mascotte */
.azana-header-desktop .azana-header-search{
    position:absolute !important;
    z-index:6 !important;
}


/* Mascotte au-dessus de la barre */
.azana-header-desktop .azana-header-mascot{
    z-index:8 !important;
}


/* Le wrapper du widget ne doit pas repasser devant la mascotte */
.azana-header-desktop
.azana-header-search
.elementor-widget-container{
    z-index:auto !important;
}


/* Les résultats AJAX restent très hauts À L'INTÉRIEUR
   de la zone recherche */
.azana-header-desktop
.azana-header-search
.wd-dropdown-results,

.azana-header-desktop
.azana-header-search
.wd-search-results,

.azana-header-desktop
.azana-header-search
.autocomplete-suggestions,

.azana-header-desktop
.azana-header-search
.search-results-wrapper{
    z-index:999999 !important;
}


/* Le MAIN reste au-dessus de la navigation basse :
   c'est ça qui règle le problème initial des résultats */
.azana-header-desktop .azana-header-main{
    position:relative !important;
    z-index:20 !important;
    overflow:visible !important;
}


/* Navigation basse en dessous du MAIN */
.azana-header-desktop .azana-header-bottom{
    position:relative !important;
    z-index:5 !important;
}

/* =========================================================
   AZANA — SEARCH
   X PLUS PROCHE DU BOUTON RECHERCHER
========================================================= */

.azana-header-search .wd-search-clear,
.azana-header-search .wd-clear-search,
.azana-header-search .search-clear,
.azana-header-search button[type="reset"]{
    position: absolute !important;

    top: 50% !important;

    /* bouton Rechercher :
       right 6px + largeur 124px
       => X placé juste à sa gauche */
    right: 138px !important;
    left: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    z-index: 20 !important;
}/* End custom CSS */