.elementor-151019 .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-151019 .elementor-element.elementor-element-1fee5de1:not(.elementor-motion-effects-element-type-background), .elementor-151019 .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-RITUELS-DE-MAISON.webp?lossy=1&strip=1&webp=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-151019 .elementor-element.elementor-element-1fee5de1::before, .elementor-151019 .elementor-element.elementor-element-1fee5de1 > .elementor-background-video-container::before, .elementor-151019 .elementor-element.elementor-element-1fee5de1 > .e-con-inner > .elementor-background-video-container::before, .elementor-151019 .elementor-element.elementor-element-1fee5de1 > .elementor-background-slideshow::before, .elementor-151019 .elementor-element.elementor-element-1fee5de1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-151019 .elementor-element.elementor-element-1fee5de1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F3F6ED;--background-overlay:'';}.elementor-151019 .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-151019 .elementor-element.elementor-element-7dd8a74 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:70px;font-weight:900;text-transform:uppercase;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-151019 .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-151019 .elementor-element.elementor-element-3afccaeb{text-align:center;}.elementor-151019 .elementor-element.elementor-element-3afccaeb img{width:50%;}.elementor-151019 .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-151019 .elementor-element.elementor-element-98dabcf > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-151019 .elementor-element.elementor-element-98dabcf{text-align:center;}.elementor-151019 .elementor-element.elementor-element-98dabcf .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:900;}.elementor-151019 .elementor-element.elementor-element-a8a1466{--grid-columns:5;--load-more-button-align:center;}@media(min-width:769px){.elementor-151019 .elementor-element.elementor-element-41781904{--width:70%;}.elementor-151019 .elementor-element.elementor-element-4d1439da{--width:50%;}}@media(max-width:1024px){.elementor-151019 .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-151019 .elementor-element.elementor-element-a8a1466{--grid-columns:3;}}@media(max-width:768px){.elementor-151019 .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-151019 .elementor-element.elementor-element-7dd8a74{text-align:center;}.elementor-151019 .elementor-element.elementor-element-19cf8c3{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-151019 .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-151019 .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 loop-grid, class: .elementor-element-a8a1466 */<script>
document.addEventListener('DOMContentLoaded', function () {

    const categoriesAutorisees = [
        'tout',
        'all',
        'bougies parfumees',
        'diffuseurs',
        'huiles parfumees',
        'coffrets maison',
        'accessoires parfumes',
        'entretien maison'
    ];

    function normaliser(texte) {
        return texte
            .trim()
            .toLowerCase()
            .normalize('NFD')
            .replace(/[\u0300-\u036f]/g, '')
            .replace(/&/g, ' et ')
            .replace(/\//g, ' ')
            .replace(/[–—-]/g, ' ')
            .replace(/[^\w\s]/g, ' ')
            .replace(/\s+/g, ' ')
            .trim();
    }

    function nettoyerFiltre() {

        const filtre = document.querySelector('.azana-rituels-maison-filter');

        if (!filtre) return;

        filtre.querySelectorAll('.e-filter-item').forEach(function(bouton) {

            const nom = normaliser(bouton.textContent);

            if (categoriesAutorisees.includes(nom)) {
                bouton.style.removeProperty('display');
            } else {
                bouton.style.setProperty('display', 'none', 'important');
            }

        });
    }

    nettoyerFiltre();

    setTimeout(nettoyerFiltre, 500);
    setTimeout(nettoyerFiltre, 1500);

});
</script>/* 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 */