.elementor-162181 .elementor-element.elementor-element-164a59a1{--display:flex;--min-height:300px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.7;--border-radius:30px 30px 30px 30px;}.elementor-162181 .elementor-element.elementor-element-164a59a1:not(.elementor-motion-effects-element-type-background), .elementor-162181 .elementor-element.elementor-element-164a59a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F6ED;background-image:url("https://b4420054.assetcdn.net/2.0/4420054/wp-content/uploads/2026/08/SHOPPING-PAR-MARQUE.webp?lossy=1&strip=1&webp=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-162181 .elementor-element.elementor-element-164a59a1::before, .elementor-162181 .elementor-element.elementor-element-164a59a1 > .elementor-background-video-container::before, .elementor-162181 .elementor-element.elementor-element-164a59a1 > .e-con-inner > .elementor-background-video-container::before, .elementor-162181 .elementor-element.elementor-element-164a59a1 > .elementor-background-slideshow::before, .elementor-162181 .elementor-element.elementor-element-164a59a1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-162181 .elementor-element.elementor-element-164a59a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F3F6ED;--background-overlay:'';}.elementor-162181 .elementor-element.elementor-element-52112e90{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-162181 .elementor-element.elementor-element-1dbf004 img{width:50%;}.elementor-162181 .elementor-element.elementor-element-19d2db53{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-162181 .elementor-element.elementor-element-76455cf6{text-align:center;}.elementor-162181 .elementor-element.elementor-element-76455cf6 img{width:60%;}.elementor-162181 .elementor-element.elementor-element-53d47f0{--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;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-162181 .elementor-element.elementor-element-7fdca10f > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-162181 .elementor-element.elementor-element-7fdca10f{text-align:center;}.elementor-162181 .elementor-element.elementor-element-7fdca10f .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:900;}.elementor-162181 .elementor-element.elementor-element-4c7bcb5{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-162181 .elementor-element.elementor-element-1ff4c4d0{--grid-columns:5;--load-more-button-align:center;}:root{--page-title-display:none;}@media(min-width:769px){.elementor-162181 .elementor-element.elementor-element-52112e90{--width:40%;}.elementor-162181 .elementor-element.elementor-element-19d2db53{--width:60%;}}@media(max-width:1024px){.elementor-162181 .elementor-element.elementor-element-164a59a1{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-162181 .elementor-element.elementor-element-1ff4c4d0{--grid-columns:3;}}@media(max-width:768px){.elementor-162181 .elementor-element.elementor-element-164a59a1{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-162181 .elementor-element.elementor-element-1dbf004 img{width:50%;}.elementor-162181 .elementor-element.elementor-element-53d47f0{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-162181 .elementor-element.elementor-element-1ff4c4d0{--grid-columns:2;--grid-row-gap:12px;--grid-column-gap:10px;}}/* Start custom CSS for heading, class: .elementor-element-7fdca10f */.elementor-162181 .elementor-element.elementor-element-7fdca10f .elementor-heading-title {
    background: linear-gradient(
        110deg,
        #123F31 0%,
        #2D6A50 50%,
        #173D30 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-4c7bcb5 *//* =========================================
   AZANA — FILTRE MOBILE SANS DÉBORDEMENT
   Boutons sur plusieurs lignes
   ========================================= */

@media (max-width: 767px) {

    /* Widget complet */
    .elementor-162181 .elementor-element.elementor-element-4c7bcb5 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

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

    /* Wrapper Elementor */
    .elementor-162181 .elementor-element.elementor-element-4c7bcb5 .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }

    /* Conteneur des boutons */
    .elementor-162181 .elementor-element.elementor-element-4c7bcb5 .e-filter {
        display: flex !important;

        flex-direction: row !important;

        /* IMPORTANT : autorise plusieurs lignes */
        flex-wrap: wrap !important;

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

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

        gap: 7px !important;

        margin: 0 !important;
        padding: 4px 6px !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }

    /* Chaque bouton */
    .elementor-162181 .elementor-element.elementor-element-4c7bcb5 .e-filter-item {
        flex: 0 1 auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 12px) !important;

        min-height: 34px !important;

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

        white-space: normal !important;

        text-align: center !important;

        font-size: 11px !important;
        line-height: 1.2 !important;

        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1ff4c4d0 *//* =========================================
   AZANA — BOUTON AFFICHER PLUS
   ========================================= */

.azana-brand-grid .e-loop__load-more {
    margin-top: 28px !important;
    text-align: center !important;
}

/* Bouton */
.azana-brand-grid .e-loop__load-more a,
.azana-brand-grid .e-loop__load-more .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 230px !important;
    min-height: 46px !important;

    padding: 12px 26px !important;

    background: #155a45 !important;
    color: #ffffff !important;

    border: 1px solid #155a45 !important;
    border-radius: 999px !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    box-shadow: 0 6px 18px rgba(21, 90, 69, 0.14) !important;

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

/* Hover */
.azana-brand-grid .e-loop__load-more a:hover,
.azana-brand-grid .e-loop__load-more .elementor-button:hover {
    background: #0f4938 !important;
    border-color: #0f4938 !important;

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow: 0 9px 22px rgba(21, 90, 69, 0.20) !important;
}

/* Mobile */
@media (max-width: 767px) {

    .azana-brand-grid .e-loop__load-more {
        margin-top: 22px !important;
    }

    .azana-brand-grid .e-loop__load-more a,
    .azana-brand-grid .e-loop__load-more .elementor-button {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 280px !important;

        min-height: 44px !important;

        padding: 11px 20px !important;

        font-size: 12.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-53d47f0 *//* =====================================================
   AZANA — SHOPPING PAR MARQUE
   Recherche + Alphabet + Taxonomy Filter
   ===================================================== */


/* OUTILS */
.azana-brand-tools {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto 20px;

    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 16px;
}


/* =========================
   RECHERCHE
   ========================= */

.azana-brand-search {
    position: relative;

    width: 100%;
    max-width: 520px;
}

.azana-brand-search input {
    width: 100%;
    height: 48px;

    padding: 0 48px 0 18px;

    border: 1px solid #d8e2d4;
    border-radius: 999px;

    background: #ffffff;

    color: #174f3c;

    font-size: 14px;

    outline: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.azana-brand-search input::placeholder {
    color: #849088;
}

.azana-brand-search input:focus {
    border-color: #9bb798;

    box-shadow:
        0 0 0 3px rgba(21, 90, 69, 0.07);
}

.azana-brand-search svg {
    position: absolute;

    right: 17px;
    top: 50%;

    width: 19px;
    height: 19px;

    transform: translateY(-50%);

    fill: none;

    stroke: #285e4b;
    stroke-width: 1.7;

    pointer-events: none;
}


/* =========================
   ALPHABET
   ========================= */

.azana-brand-alphabet {
    display: flex;
    flex-wrap: wrap;

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

    gap: 5px;
}

.azana-letter {
    min-width: 30px;
    height: 30px;

    padding: 0 8px;

    border: 1px solid transparent;
    border-radius: 8px;

    background: transparent;

    color: #466056;

    font-size: 12px;
    font-weight: 500;

    cursor: pointer;

    transition: .2s ease;
}

.azana-letter:hover {
    background: #f2f6ee;

    color: #174f3c;
}

.azana-letter.active {
    background: #e8efe3;

    border-color: #cfddc9;

    color: #174f3c;

    font-weight: 600;
}


/* =========================
   BLOC DES MARQUES
   ========================= */

.azana-brand-filter {
    max-height: 310px;

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

    padding: 18px 16px;

    background: #fafbf8;

    border: 1px solid #edf0e9;
    border-radius: 18px;

    scrollbar-width: thin;
    scrollbar-color: #cdd9c9 transparent;
}


/* Liste Elementor */
.azana-brand-filter .e-filter {
    display: flex !important;
    flex-wrap: wrap !important;

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

    gap: 7px !important;
}


/* Marques */
.azana-brand-filter .e-filter-item {
    display: inline-flex !important;

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

    min-height: 34px !important;

    padding: 7px 12px !important;

    background: #ffffff !important;

    border: 1px solid #dce5d8 !important;
    border-radius: 999px !important;

    color: #285e4b !important;

    font-size: 11.5px !important;
    font-weight: 400 !important;

    white-space: nowrap !important;

    box-shadow: none !important;

    transition: .2s ease !important;
}


/* Hover */
.azana-brand-filter .e-filter-item:hover:not([aria-pressed="true"]) {
    background: #f1f5ed !important;

    border-color: #b8cbb1 !important;

    color: #174f3c !important;
}


/* Marque sélectionnée */
.azana-brand-filter .e-filter-item[aria-pressed="true"] {
    background: #175b46 !important;

    border-color: #175b46 !important;

    color: #ffffff !important;

    font-weight: 500 !important;
}


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

@media (max-width: 767px) {

    .azana-brand-tools {
        gap: 12px;

        margin-bottom: 14px;
    }

    .azana-brand-search {
        max-width: 100%;
    }

    .azana-brand-search input {
        height: 44px;

        font-size: 13px;
    }


    /* Alphabet horizontal */
    .azana-brand-alphabet {
        width: 100%;

        justify-content: flex-start;

        flex-wrap: nowrap;

        overflow-x: auto;

        padding-bottom: 5px;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }

    .azana-brand-alphabet::-webkit-scrollbar {
        display: none;
    }

    .azana-letter {
        flex: 0 0 auto;
    }


    /* Liste des marques */
    .azana-brand-filter {
        max-height: 260px;

        padding: 12px 10px;

        border-radius: 14px;
    }

    .azana-brand-filter .e-filter {
        justify-content: flex-start !important;

        gap: 6px !important;
    }

    .azana-brand-filter .e-filter-item {
        min-height: 32px !important;

        padding: 6px 10px !important;

        font-size: 11px !important;
    }
}

/* =========================================
   AZANA — SHOPPING PAR MARQUE MOBILE
   VERSION PLUS STYLÉE
   ========================================= */

@media (max-width: 767px) {

    /* Section globale */
    .azana-brand-tools {
        gap: 14px !important;
        margin-bottom: 16px !important;
        padding: 0 2px !important;
    }

    /* =========================
       TITRE AU-DESSUS
       ========================= */
    .azana-brand-tools + .elementor-widget-heading .elementor-heading-title,
    .elementor-heading-title {
        line-height: 1.02 !important;
    }

    /* Si tu veux cibler seulement ce titre,
       ajoute-lui une classe CSS comme :
       azana-brand-page-title
       puis utilise ce bloc à la place */
    .azana-brand-page-title .elementor-heading-title {
        font-size: 22px !important;
        line-height: 1.05 !important;
        letter-spacing: -0.5px !important;
        text-align: center !important;
        margin-bottom: 4px !important;
    }

    /* =========================
       RECHERCHE
       ========================= */
    .azana-brand-search {
        max-width: 100% !important;
    }

    .azana-brand-search input {
        height: 46px !important;
        padding: 0 44px 0 16px !important;

        border: 1px solid #dbe4d7 !important;
        border-radius: 16px !important;

        background: #ffffff !important;

        font-size: 13px !important;
        color: #174f3c !important;

        box-shadow: 0 4px 14px rgba(23, 79, 60, 0.04) !important;
    }

    .azana-brand-search input::placeholder {
        color: #8a948d !important;
    }

    .azana-brand-search svg {
        right: 15px !important;
        width: 18px !important;
        height: 18px !important;
        stroke: #285e4b !important;
    }

    /* =========================
       ALPHABET
       ========================= */
    .azana-brand-alphabet {
        width: 100% !important;

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

        gap: 8px !important;

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

        padding: 2px 0 6px !important;

        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .azana-brand-alphabet::-webkit-scrollbar {
        display: none !important;
    }

    .azana-letter {
        flex: 0 0 auto !important;

        min-width: 32px !important;
        height: 34px !important;

        padding: 0 10px !important;

        border: 1px solid #e3eadf !important;
        border-radius: 999px !important;

        background: #ffffff !important;

        color: #486056 !important;

        font-size: 11px !important;
        font-weight: 500 !important;

        box-shadow: 0 2px 8px rgba(23, 79, 60, 0.03) !important;
    }

    .azana-letter.active {
        background: #eaf1e5 !important;
        border-color: #cddcc7 !important;
        color: #174f3c !important;
        font-weight: 600 !important;
    }

    /* =========================
       BLOC DES MARQUES
       ========================= */
    .azana-brand-filter {
        max-height: 280px !important;

        padding: 12px !important;

        background: #fbfcf9 !important;

        border: 1px solid #edf1ea !important;
        border-radius: 18px !important;

        box-shadow: 0 8px 24px rgba(23, 79, 60, 0.04) !important;

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

        scrollbar-width: thin;
        scrollbar-color: #cdd8c8 transparent;
    }

    .azana-brand-filter .e-filter {
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    .azana-brand-filter .e-filter-item {
        min-height: 34px !important;

        padding: 7px 12px !important;

        background: #ffffff !important;

        border: 1px solid #dfe7da !important;
        border-radius: 999px !important;

        color: #285e4b !important;

        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;

        box-shadow: 0 2px 8px rgba(23, 79, 60, 0.03) !important;
    }

    .azana-brand-filter .e-filter-item[aria-pressed="true"] {
        background: #155a45 !important;
        border-color: #155a45 !important;
        color: #ffffff !important;
        font-weight: 500 !important;
        box-shadow: 0 6px 16px rgba(21, 90, 69, 0.16) !important;
    }

    /* =========================
       PETIT ESPACE AVANT PRODUITS
       ========================= */
    .azana-brand-filter {
        margin-bottom: 14px !important;
    }
}

/* =========================================
   FIX BARRE DE RECHERCHE MARQUES MOBILE
   ========================================= */

@media (max-width: 767px) {

    .azana-brand-tools {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        padding-left: 12px !important;
        padding-right: 12px !important;

        overflow: hidden !important;
    }

    .azana-brand-search {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        margin: 0 !important;
    }

    .azana-brand-search input {
        display: block !important;

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

        box-sizing: border-box !important;

        margin: 0 !important;

        padding-left: 16px !important;
        padding-right: 44px !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* =====================================================
   AZANA — PAGES MARQUES
   HERO + TITRE + FILTRE + LOOP GRID + LOAD MORE
   ===================================================== */


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

.azana-brand-hero {
    position: relative;
    overflow: hidden;

    border-radius: 24px !important;

    background: #f7f4eb;

    box-shadow:
        0 10px 35px rgba(27, 75, 57, 0.05);
}


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

.azana-brand-products-title .elementor-heading-title {
    color: #175a46 !important;

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

    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;

    text-align: center !important;
}


/* =====================================================
   FILTRE DES CATÉGORIES
   ===================================================== */

.azana-brand-category-filter .e-filter {
    display: flex !important;
    flex-wrap: wrap !important;

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

    gap: 8px !important;

    width: 100% !important;

    margin: 0 auto !important;
}


/* Boutons */
.azana-brand-category-filter .e-filter-item {
    display: inline-flex !important;

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

    min-height: 36px !important;

    padding: 7px 14px !important;

    background: #ffffff !important;

    border: 1px solid #d7e1d3 !important;
    border-radius: 999px !important;

    color: #285e4b !important;

    font-size: 12px !important;
    font-weight: 400 !important;

    line-height: 1.2 !important;

    white-space: nowrap !important;

    box-shadow: none !important;

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


/* Hover */
.azana-brand-category-filter
.e-filter-item:hover:not([aria-pressed="true"]) {

    background: #f5f8f2 !important;

    border-color: #b9ccb1 !important;

    color: #174f3c !important;
}


/* Actif */
.azana-brand-category-filter
.e-filter-item[aria-pressed="true"] {

    background: #e8f0e3 !important;

    border-color: #c4d5bc !important;

    color: #174f3c !important;

    font-weight: 600 !important;
}


/* =====================================================
   LOOP GRID
   ===================================================== */

.azana-brand-products-grid {
    margin-top: 26px;
}


/* =====================================================
   BOUTON AFFICHER PLUS
   ===================================================== */

.azana-brand-products-grid .e-loop__load-more {
    margin-top: 32px !important;

    text-align: center !important;
}


.azana-brand-products-grid
.e-loop__load-more .elementor-button,

.azana-brand-products-grid
.e-loop__load-more a {

    display: inline-flex !important;

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

    min-width: 230px !important;
    min-height: 46px !important;

    padding: 12px 28px !important;

    background: #155a45 !important;

    border: 1px solid #155a45 !important;
    border-radius: 999px !important;

    color: #ffffff !important;

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

    text-decoration: none !important;

    box-shadow:
        0 6px 18px rgba(21, 90, 69, 0.14) !important;

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


.azana-brand-products-grid
.e-loop__load-more .elementor-button:hover,

.azana-brand-products-grid
.e-loop__load-more a:hover {

    background: #0f4938 !important;

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow:
        0 9px 22px rgba(21, 90, 69, 0.20) !important;
}


/* =====================================================
   TABLETTE
   ===================================================== */

@media (max-width: 1024px) {

    .azana-brand-hero {
        border-radius: 20px !important;
    }

    .azana-brand-products-title .elementor-heading-title {
        font-size: 28px !important;
    }
}


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

@media (max-width: 767px) {

    .azana-brand-hero {
        border-radius: 18px !important;
    }

    .azana-brand-products-title .elementor-heading-title {
        font-size: 23px !important;
        line-height: 1.1 !important;
    }

    .azana-brand-category-filter {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .azana-brand-category-filter .e-filter {
        display: flex !important;

        flex-wrap: wrap !important;

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

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

        gap: 7px !important;

        padding: 4px 6px !important;

        box-sizing: border-box !important;
    }

    .azana-brand-category-filter .e-filter-item {
        flex: 0 1 auto !important;

        width: auto !important;
        max-width: calc(100% - 12px) !important;

        min-height: 34px !important;

        padding: 7px 12px !important;

        white-space: normal !important;

        text-align: center !important;

        font-size: 11px !important;
        line-height: 1.2 !important;

        box-sizing: border-box !important;
    }

    .azana-brand-products-grid {
        margin-top: 18px;
    }

    .azana-brand-products-grid
    .e-loop__load-more {

        margin-top: 24px !important;
    }

    .azana-brand-products-grid
    .e-loop__load-more .elementor-button,

    .azana-brand-products-grid
    .e-loop__load-more a {

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

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

        padding: 11px 20px !important;

        font-size: 12px !important;
    }
}/* End custom CSS */