.elementor-150460 .elementor-element.elementor-element-1fee5de1{--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-150460 .elementor-element.elementor-element-1fee5de1:not(.elementor-motion-effects-element-type-background), .elementor-150460 .elementor-element.elementor-element-1fee5de1 > .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/CATEGORIE-AZANA-MAIN-PIEDS.webp?lossy=1&strip=1&webp=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-150460 .elementor-element.elementor-element-1fee5de1::before, .elementor-150460 .elementor-element.elementor-element-1fee5de1 > .elementor-background-video-container::before, .elementor-150460 .elementor-element.elementor-element-1fee5de1 > .e-con-inner > .elementor-background-video-container::before, .elementor-150460 .elementor-element.elementor-element-1fee5de1 > .elementor-background-slideshow::before, .elementor-150460 .elementor-element.elementor-element-1fee5de1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-150460 .elementor-element.elementor-element-1fee5de1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F3F6ED;--background-overlay:'';}.elementor-150460 .elementor-element.elementor-element-41781904{--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-150460 .elementor-element.elementor-element-7dd8a74 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:70px;font-weight:900;}.elementor-150460 .elementor-element.elementor-element-4d1439da{--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-150460 .elementor-element.elementor-element-3afccaeb{text-align:center;}.elementor-150460 .elementor-element.elementor-element-3afccaeb img{width:50%;}.elementor-150460 .elementor-element.elementor-element-19cf8c3{--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-150460 .elementor-element.elementor-element-98dabcf > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-150460 .elementor-element.elementor-element-98dabcf{text-align:center;}.elementor-150460 .elementor-element.elementor-element-98dabcf .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:900;}.elementor-150460 .elementor-element.elementor-element-9205d9a{--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-150460 .elementor-element.elementor-element-a8a1466{--grid-columns:5;--load-more-button-align:center;}@media(min-width:769px){.elementor-150460 .elementor-element.elementor-element-41781904{--width:70%;}.elementor-150460 .elementor-element.elementor-element-4d1439da{--width:50%;}}@media(max-width:1024px){.elementor-150460 .elementor-element.elementor-element-1fee5de1{--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-150460 .elementor-element.elementor-element-a8a1466{--grid-columns:3;}}@media(max-width:768px){.elementor-150460 .elementor-element.elementor-element-1fee5de1{--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-150460 .elementor-element.elementor-element-7dd8a74{text-align:center;}.elementor-150460 .elementor-element.elementor-element-19cf8c3{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-150460 .elementor-element.elementor-element-a8a1466{--grid-columns:2;--grid-row-gap:12px;--grid-column-gap:10px;}}/* Start custom CSS for heading, class: .elementor-element-98dabcf */.elementor-150460 .elementor-element.elementor-element-98dabcf .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-9205d9a *//* =========================================================
   AZANA — FILTRE GLOBAL CATÉGORIES
   Style léger / premium
   ========================================================= */


/* CONTENEUR */
body.tax-product_cat .elementor-widget-taxonomy-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 */
body.tax-product_cat .elementor-widget-taxonomy-filter .e-filter-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 36px !important;

    padding: 7px 14px !important;
    margin: 0 !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;

    cursor: pointer !important;

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


/* HOVER */
body.tax-product_cat
.elementor-widget-taxonomy-filter
.e-filter-item:hover:not([aria-pressed="true"]) {

    background: #f5f8f2 !important;
    border-color: #b9ccb1 !important;
    color: #174f3c !important;

    transform: none !important;
    box-shadow: none !important;
}


/* BOUTON ACTIF — comme celui qu'on avait avant */
body.tax-product_cat
.elementor-widget-taxonomy-filter
.e-filter-item[aria-pressed="true"] {

    background: #e9f0e4 !important;

    border-color: #c5d6bd !important;

    color: #174f3c !important;

    font-weight: 500 !important;

    box-shadow: none !important;
}


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

@media (max-width: 1024px) {

    body.tax-product_cat
    .elementor-widget-taxonomy-filter
    .e-filter {
        gap: 7px !important;
    }

    body.tax-product_cat
    .elementor-widget-taxonomy-filter
    .e-filter-item {
        min-height: 35px !important;
        padding: 7px 12px !important;
        font-size: 11.5px !important;
    }
}


/* =========================================================
   MOBILE
   Scroll horizontal propre
   ========================================================= */

@media (max-width: 767px) {

    body.tax-product_cat
    .elementor-widget-taxonomy-filter
    .e-filter {

        flex-wrap: nowrap !important;
        justify-content: flex-start !important;

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

        gap: 7px !important;

        padding-bottom: 5px !important;

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


    body.tax-product_cat
    .elementor-widget-taxonomy-filter
    .e-filter::-webkit-scrollbar {
        display: none !important;
    }


    body.tax-product_cat
    .elementor-widget-taxonomy-filter
    .e-filter-item {

        flex: 0 0 auto !important;

        min-height: 34px !important;

        padding: 7px 12px !important;

        font-size: 11.5px !important;

        white-space: nowrap !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a8a1466 *//* ======================================
   AZANA — PRODUCT GRID MOBILE
   ====================================== */

@media (max-width: 767px) {

    /* Grille : 2 produits par ligne */
    .azana-soin-grid .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 10px !important;
    }

    /* Chaque élément doit utiliser toute sa colonne */
    .azana-soin-grid .e-loop-item {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* Carte produit */
    .azana-product-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

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

        padding: 10px !important;
    }

    /* Empêche les éléments internes de dépasser */
    .azana-product-card .elementor-widget,
    .azana-product-card .elementor-widget-container,
    .azana-product-card img {
        max-width: 100% !important;
    }

    /* Images */
    .azana-product-card img {
        width: 100% !important;
        height: 150px !important;

        object-fit: contain !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   AZANA — PAGE CATÉGORIE SOIN DE VISAGE
   Hero + Taxonomy Filter + Afficher plus
   ========================================================= */


/* =========================================================
   1. HERO
   ========================================================= */

.azana-soin-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    border-radius: 24px;
    border: 1px solid rgba(28, 84, 62, 0.06);

    box-shadow:
        0 10px 35px rgba(36, 72, 55, 0.06);
}


/* Dégradé pour rendre le texte parfaitement lisible */
.azana-soin-hero::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(248, 244, 231, 0.96) 0%,
        rgba(248, 244, 231, 0.85) 25%,
        rgba(248, 244, 231, 0.40) 47%,
        rgba(248, 244, 231, 0.05) 67%,
        rgba(248, 244, 231, 0) 100%
    );

    z-index: 0;
    pointer-events: none;
}


/* Place le contenu au-dessus du dégradé */
.azana-soin-hero > .e-con-inner,
.azana-soin-hero > .elementor-element {
    position: relative;
    z-index: 1;
}


/* Titre SOIN DE VISAGE */
.azana-soin-hero-title .elementor-heading-title {
    color: #0F5844 !important;

    font-size: clamp(42px, 4.2vw, 66px) !important;
    font-weight: 600 !important;

    line-height: 1.04 !important;
    letter-spacing: -0.025em !important;

    text-shadow:
        0 2px 12px rgba(255, 255, 255, 0.55);
}


/* =========================================================
   2. ZONE SOUS-CATÉGORIES
   ========================================================= */

.azana-filter-zone {
    margin-top: 28px;
    margin-bottom: 34px;

    padding: 28px 30px;

    background: #FAFBF8;

    border: 1px solid #EDF1EA;
    border-radius: 20px;
}


/* Titre "Explorer les soins de visage" */
.azana-filter-title .elementor-heading-title {
    color: #175B46 !important;

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

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

    margin-bottom: 4px !important;
}


/* =========================================================
   3. TAXONOMY FILTER
   ========================================================= */

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

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

    gap: 10px !important;

    width: 100%;
    max-width: 1180px;

    margin-left: auto;
    margin-right: auto;
}


/* Boutons normaux */
.azana-soin-filter .e-filter-item {
    box-sizing: border-box !important;

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

    min-height: 42px;

    padding: 10px 17px !important;

    background: #FFFFFF !important;

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

    color: #285E4B !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;

    cursor: pointer !important;

    box-shadow:
        0 3px 12px rgba(34, 82, 62, 0.035);

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


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

    border-color: #A9C39C !important;

    color: #174F3C !important;

    transform: translateY(-1px);

    box-shadow:
        0 5px 16px rgba(34, 82, 62, 0.07);
}


/* Catégorie actuellement sélectionnée */
.azana-soin-filter .e-filter-item[aria-pressed="true"] {
    background: #155A45 !important;

    border-color: #155A45 !important;

    color: #FFFFFF !important;

    font-weight: 600 !important;

    box-shadow:
        0 6px 18px rgba(21, 90, 69, 0.18);
}


/* =========================================================
   4. BOUTON AFFICHER PLUS
   ========================================================= */

.azana-soin-grid .elementor-button-wrapper,
.azana-soin-grid .e-loop__load-more {
    margin-top: 38px !important;
    margin-bottom: 18px !important;

    text-align: center !important;
}


/* Bouton */
.azana-soin-grid .elementor-button-wrapper .elementor-button,
.azana-soin-grid .e-loop__load-more .elementor-button {
    display: inline-flex !important;

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

    min-width: 220px;
    min-height: 48px;

    padding: 13px 32px !important;

    background: #155A45 !important;

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

    color: #FFFFFF !important;

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

    line-height: 1 !important;

    text-decoration: none !important;

    box-shadow:
        0 7px 20px rgba(21, 90, 69, 0.15);

    cursor: pointer !important;

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


/* Hover Afficher plus */
.azana-soin-grid .elementor-button-wrapper .elementor-button:hover,
.azana-soin-grid .e-loop__load-more .elementor-button:hover {
    background: #0F4938 !important;

    border-color: #0F4938 !important;

    color: #FFFFFF !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(21, 90, 69, 0.22);
}


/* =========================================================
   5. TABLETTE
   ========================================================= */

@media (max-width: 1024px) {

    .azana-soin-hero {
        border-radius: 20px;
    }

    .azana-soin-hero-title .elementor-heading-title {
        font-size: 44px !important;
    }

    .azana-filter-zone {
        padding: 24px;
    }

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

    .azana-soin-filter .e-filter-item {
        padding: 9px 14px !important;
        font-size: 12.5px !important;
    }
}


/* =========================================================
   6. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /* Hero */

    .azana-soin-hero {
        border-radius: 18px;
    }

    .azana-soin-hero::before {
        background: linear-gradient(
            90deg,
            rgba(248, 244, 231, 0.96) 0%,
            rgba(248, 244, 231, 0.78) 55%,
            rgba(248, 244, 231, 0.12) 100%
        );
    }

    .azana-soin-hero-title .elementor-heading-title {
        font-size: 34px !important;
        line-height: 1.05 !important;
    }


    /* Zone filtres */

    .azana-filter-zone {
        margin-top: 20px;
        margin-bottom: 26px;

        padding: 20px 16px;

        border-radius: 16px;
    }

    .azana-filter-title .elementor-heading-title {
        font-size: 24px !important;
    }


    /* Scroll horizontal des catégories */

    .azana-soin-filter .e-filter {
        flex-wrap: nowrap !important;

        justify-content: flex-start !important;

        overflow-x: auto !important;

        gap: 8px !important;

        padding-bottom: 7px;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }

    .azana-soin-filter .e-filter::-webkit-scrollbar {
        display: none;
    }

    .azana-soin-filter .e-filter-item {
        flex: 0 0 auto !important;

        min-height: 40px;

        padding: 9px 14px !important;

        font-size: 13px !important;
    }


    /* Afficher plus */

    .azana-soin-grid .elementor-button-wrapper .elementor-button,
    .azana-soin-grid .e-loop__load-more .elementor-button {
        width: calc(100% - 32px) !important;
        max-width: 320px !important;

        min-height: 48px;
    }
}/* End custom CSS */