.elementor-5041 .elementor-element.elementor-element-2b89b1a{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-614054e *//* VARIABLES DE CHARTE */
#clemy-guide-frequence {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --soft-bg: #F9F8FB;
    --nav-bg: rgba(255, 255, 255, 0.85);
    
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--dark);
    line-height: 1.8;
    background-color: var(--white);
}

/* TITRE H1 */
#clemy-guide-frequence .main-title {
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 3rem);
    font-weight: 900;
    color: var(--dark);
    line-height: 1.1;
    margin: 60px 0 40px;
    padding: 0 20px;
}

#clemy-guide-frequence .main-title span {
    color: var(--wine);
}

/* NAVIGATION GLASSMORPHISM */
#clemy-guide-frequence .clemy-nav-luxe {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: var(--nav-bg);
    backdrop-filter: blur(15px) saturate(180%);
    -webkit-backdrop-filter: blur(15px) saturate(180%);
    border-bottom: 1px solid rgba(142, 68, 173, 0.1);
    margin-bottom: 60px;
}

#clemy-guide-frequence .nav-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

#clemy-guide-frequence .nav-brand {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 1px;
    color: var(--amethyst);
    white-space: nowrap;
}

#clemy-guide-frequence .nav-brand span {
    color: var(--wine);
    font-weight: 400;
}

#clemy-guide-frequence .nav-links {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

#clemy-guide-frequence .nav-links a {
    text-decoration: none;
    padding: 8px 14px;
    border-radius: 8px;
    color: #555;
    font-weight: 700;
    font-size: 0.8rem;
    transition: all 0.3s ease;
}

#clemy-guide-frequence .nav-links a:hover {
    background: var(--wine);
    color: white;
    transform: translateY(-2px);
}

/* HERO SECTION */
#clemy-guide-frequence .hero-intro {
    text-align: center;
    padding: 0 25px;
    margin-bottom: 60px;
}

#clemy-guide-frequence .badge-amethyst {
    background: #F4ECF7;
    color: var(--amethyst);
    padding: 8px 24px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    margin-bottom: 25px;
}

#clemy-guide-frequence .lead-text {
    font-size: 1.25rem;
    color: #444;
    max-width: 850px;
    margin: 0 auto;
    line-height: 1.6;
}

/* INTRO CARD MONOLITHE */
#clemy-guide-frequence .monolith-container {
    max-width: 1000px;
    margin: 0 auto 100px;
    padding: 0 25px;
}

#clemy-guide-frequence .intro-card {
    background: white;
    border-radius: 30px;
    box-shadow: 0 30px 70px rgba(26, 11, 46, 0.08);
    display: flex;
    overflow: hidden;
    border: 1px solid #F0F0F0;
}

#clemy-guide-frequence .card-accent {
    width: 10px;
    background: linear-gradient(to bottom, var(--wine), var(--amethyst));
    flex-shrink: 0;
}

#clemy-guide-frequence .card-content {
    padding: 50px;
}

#clemy-guide-frequence .p-first {
    font-size: 1.15rem;
    margin-bottom: 25px;
}

#clemy-guide-frequence .intro-quote {
    margin: 40px 0 0 0;
    padding: 30px;
    background: var(--soft-bg);
    border-radius: 20px;
    border-left: 4px solid var(--wine);
    font-size: 1.1rem;
    color: #555;
}

#clemy-guide-frequence .link-wine-bold {
    color: var(--wine);
    font-weight: 800;
    text-decoration: underline;
}

/* RESPONSIVE DESIGN */
@media (max-width: 900px) {
    #clemy-guide-frequence .nav-wrapper {
        flex-direction: column;
        padding: 15px;
    }
    
    #clemy-guide-frequence .intro-card {
        flex-direction: column;
    }
    
    #clemy-guide-frequence .card-accent {
        width: 100%;
        height: 8px;
    }
    
    #clemy-guide-frequence .card-content {
        padding: 30px 20px;
    }
}

@media (max-width: 600px) {
    #clemy-guide-frequence .nav-links {
        gap: 5px;
    }
    
    #clemy-guide-frequence .nav-links a {
        font-size: 0.7rem;
        padding: 6px 10px;
    }
    
    #clemy-guide-frequence .main-title {
        font-size: 1.8rem;
    }
}/* ============================================================
   FORCE RESPONSIVE RADICAL : GUIDE FRÉQUENCE (INTRO)
   ============================================================ */

@media (max-width: 768px) {
    /* 1. RESET GLOBAL & ANTI-DÉBORDEMENT */
    #clemy-guide-frequence {
        overflow-x: hidden !important;
    }

    /* 2. NAVIGATION COMPACTE (CRITIQUE) */
    #clemy-guide-frequence .clemy-nav-luxe {
        margin-bottom: 30px !important;
        /* On réduit le flou pour soulager le processeur mobile */
        backdrop-filter: blur(10px) saturate(150%) !important; 
        -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
    }

    #clemy-guide-frequence .nav-wrapper {
        flex-direction: row !important; /* On force l'alignement horizontal sur une ligne */
        justify-content: space-between !important;
        padding: 10px 15px !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    #clemy-guide-frequence .nav-brand {
        font-size: 0.8rem !important;
        width: 100% !important; /* Le logo prend toute la ligne du haut */
        text-align: center !important;
        margin-bottom: 5px !important;
    }

    #clemy-guide-frequence .nav-links {
        width: 100% !important; /* Les liens s'alignent en dessous */
        justify-content: center !important;
        gap: 4px !important;
    }

    #clemy-guide-frequence .nav-links a {
        font-size: 0.7rem !important;
        padding: 6px 10px !important;
    }

    #clemy-guide-frequence .nav-links a:hover {
        transform: none !important; /* Pas de saut tactile */
    }

    /* 3. TITRE & HERO INTRO */
    #clemy-guide-frequence .main-title {
        font-size: 1.6rem !important;
        margin: 30px 0 25px !important;
        padding: 0 15px !important;
    }

    #clemy-guide-frequence .hero-intro {
        margin-bottom: 40px !important;
        padding: 0 15px !important;
    }

    #clemy-guide-frequence .badge-amethyst {
        font-size: 0.65rem !important;
        padding: 6px 18px !important;
        letter-spacing: 1px !important;
        margin-bottom: 20px !important;
    }

    #clemy-guide-frequence .lead-text {
        font-size: 1.05rem !important;
        line-height: 1.5 !important;
    }

    /* 4. MONOLITHE INTRO */
    #clemy-guide-frequence .monolith-container {
        padding: 0 15px !important;
        margin-bottom: 50px !important;
    }

    #clemy-guide-frequence .intro-card {
        border-radius: 20px !important;
        flex-direction: column !important;
    }

    #clemy-guide-frequence .card-accent {
        width: 100% !important;
        height: 6px !important; /* Barre supérieure fine */
        background: linear-gradient(to right, var(--wine), var(--amethyst)) !important;
    }

    #clemy-guide-frequence .card-content {
        padding: 25px 20px !important; /* Aération du texte */
    }

    #clemy-guide-frequence .p-first {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin-bottom: 20px !important;
    }

    #clemy-guide-frequence .intro-quote {
        margin: 25px 0 0 0 !important;
        padding: 20px 15px !important;
        border-radius: 15px !important;
        border-left-width: 4px !important;
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bef169b *//* --- SECTION 01 : DIGESTION SPIRITUELLE 2026 --- */
#clemy-digestion-spirituelle {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --soft-bg: #F9F7FB;
    
    background-color: var(--white);
    padding: 80px 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #333;
    line-height: 1.8;
}

#clemy-digestion-spirituelle .inner-wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 25px;
}

/* --- HEADER MONUMENTAL --- */
#clemy-digestion-spirituelle .section-header {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
}

#clemy-digestion-spirituelle .step-num {
    font-size: clamp(4rem, 10vw, 6rem);
    font-weight: 900;
    color: var(--amethyst);
    opacity: 0.15;
    line-height: 1;
}

#clemy-digestion-spirituelle .h2-title {
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 300;
    color: var(--dark);
    margin: 0;
    line-height: 1.2;
}

#clemy-digestion-spirituelle .h2-title strong {
    color: var(--wine);
    font-weight: 900;
}

#clemy-digestion-spirituelle .divider-amethyst {
    width: 60px;
    height: 5px;
    background: var(--amethyst);
    margin-top: 15px;
    border-radius: 10px;
}

/* --- INTRO BLOCKS --- */
#clemy-digestion-spirituelle .section-intro {
    margin-bottom: 60px;
}

#clemy-digestion-spirituelle .lead-text {
    font-size: 1.2rem;
    color: #444;
}

#clemy-digestion-spirituelle .manifesto-text {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--wine);
    margin-top: 20px;
    letter-spacing: -0.5px;
}

/* --- DIGESTION CARD --- */
#clemy-digestion-spirituelle .digestion-card {
    background: var(--white);
    border-radius: 40px;
    border: 1px solid #EEE;
    padding: 60px;
    box-shadow: 0 30px 60px rgba(26, 11, 46, 0.04);
    margin-bottom: 80px;
}

#clemy-digestion-spirituelle .h3-wine {
    color: var(--wine);
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 25px;
    margin-top: 0;
}

/* METAPHOR BOX */
#clemy-digestion-spirituelle .metaphor-signature {
    background: var(--soft-bg);
    padding: 40px;
    border-radius: 25px;
    display: flex;
    gap: 25px;
    margin: 40px 0;
    border-left: 6px solid var(--amethyst);
}

#clemy-digestion-spirituelle .metaphor-icon {
    font-size: 2.5rem;
    line-height: 1;
}

#clemy-digestion-spirituelle .metaphor-content {
    font-style: italic;
    font-size: 1.1rem;
    color: #555;
}

#clemy-digestion-spirituelle .metaphor-content strong {
    color: var(--amethyst);
    font-style: normal;
    display: block;
    margin-bottom: 5px;
}

/* EXCEPTION BOX */
#clemy-digestion-spirituelle .exception-box {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #EEE;
}

/* --- IMAGE INTEGRATION --- */
#clemy-digestion-spirituelle .visual-integration {
    text-align: center;
}

#clemy-digestion-spirituelle .image-frame {
    display: inline-block;
    padding: 15px;
    background: var(--soft-bg);
    border-radius: 35px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.05);
}

#clemy-digestion-spirituelle .image-frame img {
    border-radius: 25px;
    max-width: 400px;
    width: 100%;
    height: auto;
    display: block;
}

/* --- LINKS --- */
#clemy-digestion-spirituelle a { text-decoration: none; transition: 0.3s; }
#clemy-digestion-spirituelle .link-amethyst-bold { color: var(--amethyst); font-weight: 800; }
#clemy-digestion-spirituelle .link-wine-under { color: var(--wine); text-decoration: underline; font-weight: 700; }

/* --- RESPONSIVE DESIGN --- */
@media (max-width: 850px) {
    #clemy-digestion-spirituelle { padding: 60px 0; }
    #clemy-digestion-spirituelle .section-header { gap: 15px; }
    #clemy-digestion-spirituelle .digestion-card { padding: 30px 20px; border-radius: 25px; }
    #clemy-digestion-spirituelle .metaphor-signature { flex-direction: column; gap: 15px; padding: 25px; }
    #clemy-digestion-spirituelle .h2-title { font-size: 1.8rem; }
    #clemy-digestion-spirituelle .h3-wine { font-size: 1.4rem; }
    #clemy-digestion-spirituelle .manifesto-text { font-size: 1.25rem; }
    #clemy-digestion-spirituelle .image-frame { padding: 10px; border-radius: 20px; }
}

/* ============================================================
   FORCE RESPONSIVE RADICAL : DIGESTION SPIRITUELLE 
   ============================================================ */

    /* 1. RESET GLOBAL & ANTI-DÉBORDEMENT */
@media (max-width: 768px)    {

#clemy-digestion-spirituelle {
        padding: 50px 0 !important;
        overflow-x: hidden !important;
    }

    #clemy-digestion-spirituelle .inner-wrap {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER : L'HARMONIE "PRESTIGE" */
    #clemy-digestion-spirituelle .section-header {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
        gap: 0 !important;
        margin-bottom: 35px !important;
    }

    #clemy-digestion-spirituelle .step-num {
        font-size: 3.5rem !important; /* Calibrage du numéro géant */
        opacity: 0.12 !important;
        margin-bottom: -10px !important;
        line-height: 1 !important;
    }

    #clemy-digestion-spirituelle .h2-title {
        font-size: 1.6rem !important;
        line-height: 1.2 !important;
        max-width: 290px;
        margin: 0 auto !important;
    }

    #clemy-digestion-spirituelle .divider-amethyst {
        margin: 15px auto 0 !important;
        width: 45px !important;
    }

    /* 3. INTRO & MANIFESTO */
    #clemy-digestion-spirituelle .section-intro {
        margin-bottom: 40px !important;
    }

    #clemy-digestion-spirituelle .lead-text {
        font-size: 1.05rem !important;
        text-align: center !important;
        line-height: 1.6 !important;
    }

    #clemy-digestion-spirituelle .manifesto-text {
        font-size: 1.2rem !important;
        text-align: center !important;
        margin-top: 15px !important;
    }

    /* 4. DIGESTION CARD (L'ÉCRIN BLANC) */
    #clemy-digestion-spirituelle .digestion-card {
        padding: 30px 20px !important; /* Adieu le 60px qui écrase le texte */
        border-radius: 25px !important;
        margin-bottom: 40px !important;
    }

    #clemy-digestion-spirituelle .h3-wine {
        font-size: 1.45rem !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    /* 5. METAPHOR BOX (LE FOCUS VISUEL) */
    #clemy-digestion-spirituelle .metaphor-signature {
        flex-direction: column !important; /* Empilement forcé icône/texte */
        text-align: center !important; /* Centrage pour l'équilibre mobile */
        padding: 25px 20px !important;
        gap: 15px !important;
        border-radius: 18px !important;
        border-left-width: 4px !important; /* Bordure affinée */
        margin: 30px 0 !important;
    }

    #clemy-digestion-spirituelle .metaphor-icon {
        font-size: 2rem !important;
        margin-bottom: 5px !important;
    }

    #clemy-digestion-spirituelle .metaphor-content {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    #clemy-digestion-spirituelle .metaphor-content strong {
        font-size: 1.05rem !important;
    }

    #clemy-digestion-spirituelle .exception-box {
        margin-top: 25px !important;
        padding-top: 25px !important;
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }

    /* 6. VISUEL (IMAGE FRAME) */
    #clemy-digestion-spirituelle .image-frame {
        padding: 8px !important; /* Cadre plus fin sur mobile */
        border-radius: 20px !important;
    }

    #clemy-digestion-spirituelle .image-frame img {
        border-radius: 15px !important;
    } }
    
    @media (max-width: 350px)    {#clemy-digestion-spirituelle .h2-title { font-size: 1.4rem !important; }
    #clemy-digestion-spirituelle .h3-wine { font-size: 1.3rem !important; }
        
    }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6096e6b *//* --- SECTION 02 : AUTONOMIE & ADDICTION 2026 --- */
#clemy-autonomie-voyance {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --soft-bg: #F9F7FB;
    --alert-light: #FFF5F7;
    --wisdom-light: #F4ECF7;
    
    background-color: var(--white);
    padding: 80px 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #333;
    line-height: 1.8;
}

#clemy-autonomie-voyance .inner-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 25px;
}

/* --- HEADER MONUMENTAL --- */
#clemy-autonomie-voyance .section-header {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
}

#clemy-autonomie-voyance .step-num {
    font-size: clamp(4rem, 10vw, 6rem);
    font-weight: 900;
    color: var(--amethyst);
    opacity: 0.15;
    line-height: 1;
}

#clemy-autonomie-voyance .h2-title {
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 300;
    color: var(--dark);
    margin: 0;
    line-height: 1.2;
}

#clemy-autonomie-voyance .h2-title strong {
    color: var(--wine);
    font-weight: 900;
}

#clemy-autonomie-voyance .divider-amethyst {
    width: 60px;
    height: 5px;
    background: var(--amethyst);
    margin-top: 15px;
    border-radius: 10px;
}

/* --- INTRO --- */
#clemy-autonomie-voyance .section-intro {
    margin-bottom: 60px;
}

#clemy-autonomie-voyance .lead-text {
    font-size: 1.2rem;
    color: #444;
    margin-bottom: 10px;
}

/* --- GRID CARDS --- */
#clemy-autonomie-voyance .autonomie-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
}

#clemy-autonomie-voyance .status-card {
    border-radius: 40px;
    padding: 50px;
    position: relative;
    border: 1px solid #F0F0F0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#clemy-autonomie-voyance .status-card:hover {
    transform: translateY(-10px);
}

#clemy-autonomie-voyance .card-alert {
    background-color: var(--alert-light);
    border-top: 6px solid var(--wine);
}

#clemy-autonomie-voyance .card-wisdom {
    background-color: var(--wisdom-light);
    border-top: 6px solid var(--amethyst);
}

#clemy-autonomie-voyance .h3-wine { color: var(--wine); margin: 0 0 20px 0; font-size: 1.5rem; font-weight: 800; }
#clemy-autonomie-voyance .h3-amethyst { color: var(--amethyst); margin: 0 0 20px 0; font-size: 1.5rem; font-weight: 800; }

#clemy-autonomie-voyance .card-highlight-wine {
    margin-top: 25px;
    padding: 20px;
    background: white;
    border-radius: 20px;
    font-size: 0.95rem;
    color: #555;
    border-left: 4px solid var(--wine);
}

#clemy-autonomie-voyance .card-highlight-wine a { color: var(--wine); font-weight: 800; text-decoration: underline; }

#clemy-autonomie-voyance .card-quote-amethyst {
    margin-top: 25px;
    padding: 20px;
    background: white;
    border-radius: 20px;
    font-size: 0.95rem;
    color: #555;
    font-style: italic;
    border-left: 4px solid var(--amethyst);
}

#clemy-autonomie-voyance .card-quote-amethyst a { color: var(--amethyst); font-weight: 800; text-decoration: underline; }

/* --- FOOTER CTA --- */
#clemy-autonomie-voyance .autonomie-footer {
    text-align: center;
    background: var(--soft-bg);
    padding: 50px 30px;
    border-radius: 30px;
}

#clemy-autonomie-voyance .autonomie-footer p {
    margin-bottom: 20px;
    font-size: 1.1rem;
    color: #666;
}

#clemy-autonomie-voyance .btn-cleanse {
    display: inline-block;
    color: var(--amethyst);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    border-bottom: 2px solid var(--amethyst);
    padding-bottom: 5px;
    transition: all 0.3s ease;
}

#clemy-autonomie-voyance .btn-cleanse:hover {
    color: var(--wine);
    border-color: var(--wine);
}

/* --- RESPONSIVE DESIGN --- */
@media (max-width: 900px) {
    #clemy-autonomie-voyance .autonomie-grid {
        grid-template-columns: 1fr;
    }
    
    #clemy-autonomie-voyance .status-card {
        padding: 30px 20px;
    }
    
    #clemy-autonomie-voyance .step-num {
        font-size: 3.5rem;
    }
}

@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : AUTONOMIE (#clemy-autonomie-voyance)
   ============================================================ */

    /* 1. RESET GLOBAL & ANTI-DÉBORDEMENT */
    #clemy-autonomie-voyance {
        padding: 50px 0 !important;
        overflow-x: hidden !important;
    }

    #clemy-autonomie-voyance .inner-wrap {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER : L'HARMONIE "PRESTIGE" */
    #clemy-autonomie-voyance .section-header {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
        gap: 0 !important;
        margin-bottom: 35px !important;
    }

    #clemy-autonomie-voyance .step-num {
        font-size: 3.5rem !important; /* Calibrage du numéro géant */
        opacity: 0.12 !important;
        margin-bottom: -10px !important;
        line-height: 1 !important;
    }

    #clemy-autonomie-voyance .h2-title {
        font-size: 1.6rem !important;
        line-height: 1.2 !important;
        max-width: 290px;
        margin: 0 auto !important;
    }

    #clemy-autonomie-voyance .divider-amethyst {
        margin: 15px auto 0 !important;
        width: 45px !important;
    }

    /* 3. INTRO */
    #clemy-autonomie-voyance .section-intro {
        margin-bottom: 40px !important;
    }

    #clemy-autonomie-voyance .lead-text {
        font-size: 1.05rem !important;
        text-align: center !important;
        line-height: 1.6 !important;
    }

    /* 4. GRID CARDS : LE DUEL WINE VS AMETHYST */
    #clemy-autonomie-voyance .autonomie-grid {
        grid-template-columns: 1fr !important; /* Annulation du minmax(400px) ! */
        gap: 25px !important;
        margin-bottom: 40px !important;
    }

    #clemy-autonomie-voyance .status-card {
        padding: 30px 20px !important; /* Libération de l'espace texte (adieu 50px) */
        border-radius: 24px !important;
        transform: none !important; /* Stabilité tactile */
    }

    #clemy-autonomie-voyance .status-card:hover {
        transform: none !important; /* On annule le saut au scroll */
    }

    #clemy-autonomie-voyance .h3-wine, 
    #clemy-autonomie-voyance .h3-amethyst {
        font-size: 1.4rem !important;
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    #clemy-autonomie-voyance .status-card p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }

    /* 5. HIGHLIGHTS & QUOTES INTERNES */
    #clemy-autonomie-voyance .card-highlight-wine, 
    #clemy-autonomie-voyance .card-quote-amethyst {
        padding: 20px 15px !important; /* Optimisation de l'espace dans la carte */
        border-radius: 18px !important;
        border-left-width: 4px !important;
        margin-top: 20px !important;
    }

    #clemy-autonomie-voyance .card-highlight-wine p, 
    #clemy-autonomie-voyance .card-quote-amethyst p {
        font-size: 0.9rem !important;
        text-align: left !important;
    }

    /* 6. FOOTER CTA */
    #clemy-autonomie-voyance .autonomie-footer {
        padding: 35px 20px !important;
        border-radius: 20px !important;
    }

    #clemy-autonomie-voyance .autonomie-footer p {
        font-size: 1rem !important;
        margin-bottom: 25px !important;
        line-height: 1.5 !important;
    }

    #clemy-autonomie-voyance .btn-cleanse {
        font-size: 0.95rem !important;
        padding-bottom: 8px !important;
        display: block !important; /* Prend toute la largeur sur mobile pour le confort du pouce */
        width: fit-content !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 350px) {
    #clemy-autonomie-voyance .h2-title { font-size: 1.4rem !important; }
    #clemy-autonomie-voyance .h3-wine, #clemy-autonomie-voyance .h3-amethyst { font-size: 1.3rem !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-33736f1 *//* --- SECTION 03 : BROUILLAGE VIBRATOIRE 2026 --- */
#clemy-brouillard-vibratoire {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --soft-gray: #F9F7FB;
    
    background-color: var(--white);
    padding: 80px 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: #333;
    line-height: 1.8;
}

#clemy-brouillard-vibratoire .inner-wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 25px;
}

/* --- HEADER MONUMENTAL --- */
#clemy-brouillard-vibratoire .section-header {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
}

#clemy-brouillard-vibratoire .step-num {
    font-size: clamp(4rem, 10vw, 6rem);
    font-weight: 900;
    color: var(--amethyst);
    opacity: 0.15;
    line-height: 1;
}

#clemy-brouillard-vibratoire .h2-title {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 300;
    color: var(--dark);
    margin: 0;
    line-height: 1.2;
}

#clemy-brouillard-vibratoire .h2-title strong {
    color: var(--wine);
    font-weight: 900;
}

#clemy-brouillard-vibratoire .divider-amethyst {
    width: 60px;
    height: 5px;
    background: var(--amethyst);
    margin-top: 15px;
    border-radius: 10px;
}

/* --- INTRO --- */
#clemy-brouillard-vibratoire .section-intro {
    margin-bottom: 50px;
    font-size: 1.15rem;
    color: #444;
}

/* --- METAPHOR MONOLITH --- */
#clemy-brouillard-vibratoire .metaphor-monolith {
    background: var(--white);
    border-radius: 40px;
    border: 1px solid #EEE;
    padding: 60px;
    box-shadow: 0 30px 60px rgba(26, 11, 46, 0.04);
    margin-bottom: 60px;
    position: relative;
    border-top: 6px solid var(--amethyst);
}

#clemy-brouillard-vibratoire .h3-wine {
    color: var(--wine);
    font-size: 1.8rem;
    font-weight: 800;
    margin: 0 0 30px 0;
}

#clemy-brouillard-vibratoire .metaphor-text p {
    margin-bottom: 20px;
    font-size: 1.1rem;
    color: #555;
}

/* MANIFESTO BOX */
#clemy-brouillard-vibratoire .manifesto-box-amethyst {
    background: var(--soft-gray);
    padding: 35px;
    border-radius: 25px;
    margin-top: 40px;
    border-left: 6px solid var(--amethyst);
    position: relative;
}

#clemy-brouillard-vibratoire .manifesto-content {
    font-weight: 700;
    color: var(--dark);
    font-size: 1.15rem;
    line-height: 1.6;
}

#clemy-brouillard-vibratoire .manifesto-content a {
    color: var(--amethyst);
    text-decoration: underline;
}

/* --- VISUAL INTEGRATION --- */
#clemy-brouillard-vibratoire .visual-container {
    text-align: center;
}

#clemy-brouillard-vibratoire .image-frame {
    display: inline-block;
    padding: 12px;
    background: var(--soft-gray);
    border-radius: 30px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.05);
}

#clemy-brouillard-vibratoire .image-frame img {
    border-radius: 20px;
    max-width: 100%;
    height: auto;
    display: block;
}

/* --- LINKS --- */
#clemy-brouillard-vibratoire a { text-decoration: none; transition: 0.3s; }
#clemy-brouillard-vibratoire .link-amethyst-bold { color: var(--amethyst); font-weight: 800; }

/* --- RESPONSIVE --- */
@media (max-width: 850px) {
    #clemy-brouillard-vibratoire { padding: 60px 0; }
    #clemy-brouillard-vibratoire .metaphor-monolith { padding: 35px 20px; border-radius: 25px; }
    #clemy-brouillard-vibratoire .h3-wine { font-size: 1.4rem; }
    #clemy-brouillard-vibratoire .manifesto-content { font-size: 1.05rem; }
    #clemy-brouillard-vibratoire .step-num { font-size: 4rem; }
}

@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : BROUILLAGE VIBRATOIRE 
   ============================================================ */

    /* 1. RESET GLOBAL & ANTI-DÉBORDEMENT */
    #clemy-brouillard-vibratoire {
        padding: 50px 0 !important;
        overflow-x: hidden !important;
    }

    #clemy-brouillard-vibratoire .inner-wrap {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER : L'HARMONIE "PRESTIGE" */
    #clemy-brouillard-vibratoire .section-header {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
        gap: 0 !important;
        margin-bottom: 35px !important;
    }

    #clemy-brouillard-vibratoire .step-num {
        font-size: 3.5rem !important; /* Calibrage du numéro géant */
        opacity: 0.12 !important;
        margin-bottom: -10px !important;
        line-height: 1 !important;
    }

    #clemy-brouillard-vibratoire .h2-title {
        font-size: 1.6rem !important;
        line-height: 1.2 !important;
        max-width: 290px;
        margin: 0 auto !important;
    }

    #clemy-brouillard-vibratoire .divider-amethyst {
        margin: 15px auto 0 !important;
        width: 45px !important;
    }

    /* 3. INTRO */
    #clemy-brouillard-vibratoire .section-intro {
        font-size: 1.05rem !important;
        text-align: center !important;
        margin-bottom: 40px !important;
        padding: 0 10px;
    }

    /* 4. METAPHOR MONOLITH (L'ÉCRIN BLANC) */
    #clemy-brouillard-vibratoire .metaphor-monolith {
        padding: 30px 20px !important; /* Libération maximale de l'espace texte */
        border-radius: 25px !important;
        margin-bottom: 40px !important;
        border-top-width: 4px !important; /* Bordure légèrement affinée sur mobile */
    }

    #clemy-brouillard-vibratoire .h3-wine {
        font-size: 1.45rem !important;
        text-align: center !important;
        margin-bottom: 25px !important;
    }

    #clemy-brouillard-vibratoire .metaphor-text p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        text-align: left !important; /* La lecture alignée à gauche repose les yeux */
    }

    /* 5. MANIFESTO BOX (LA MISE EN GARDE) */
    #clemy-brouillard-vibratoire .manifesto-box-amethyst {
        padding: 25px 20px !important;
        border-radius: 18px !important;
        border-left-width: 4px !important; /* Affinage de la bordure améthyste */
        margin-top: 30px !important;
    }

    #clemy-brouillard-vibratoire .manifesto-content {
        font-size: 1rem !important;
        line-height: 1.5 !important;
    }

    /* 6. VISUEL (IMAGE FRAME) */
    #clemy-brouillard-vibratoire .image-frame {
        padding: 8px !important; /* Cadre visuel plus fin pour maximiser l'image */
        border-radius: 20px !important;
    }

    #clemy-brouillard-vibratoire .image-frame img {
        border-radius: 15px !important;
    }
}

@media (max-width: 350px) {
    #clemy-brouillard-vibratoire .h2-title { font-size: 1.4rem !important; }
    #clemy-brouillard-vibratoire .h3-wine { font-size: 1.35rem !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-70f5076 *//* --- CONFIGURATION CHARTE CLEMY --- */
#clemy-budget-section {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --soft-gray: #F9F7FB;
    
    background-color: var(--white);
    padding: clamp(40px, 8vw, 80px) 0;
    color: var(--dark);
    line-height: 1.6;
}

#clemy-budget-section .clemy-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* HEADER STYLE */
#clemy-budget-section .clemy-header {
    display: flex;
    align-items: center;
    gap: clamp(15px, 3vw, 30px);
    margin-bottom: 40px;
}

#clemy-budget-section .clemy-step-number {
    font-size: clamp(3rem, 10vw, 5rem);
    font-weight: 900;
    color: var(--amethyst);
    opacity: 0.15;
    line-height: 1;
}

#clemy-budget-section .clemy-title {
    font-size: clamp(1.4rem, 4vw, 2.2rem);
    margin: 0;
    color: var(--dark);
    font-weight: 300;
}

#clemy-budget-section .clemy-title strong {
    color: var(--wine);
    font-weight: 900;
}

#clemy-budget-section .clemy-underline-wine {
    width: 60px;
    height: 4px;
    background-color: var(--wine);
    margin-top: 10px;
    border-radius: 2px;
}

/* TYPOGRAPHIE */
#clemy-budget-section .clemy-p {
    font-size: 1.1rem;
    margin-bottom: 25px;
}

#clemy-budget-section .clemy-h3 {
    color: var(--wine);
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 800;
}

/* FEATURE CARD */
#clemy-budget-section .clemy-feature-card {
    background-color: var(--soft-gray);
    border-top: 6px solid var(--amethyst);
    border-radius: 20px;
    padding: clamp(20px, 5vw, 45px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    margin-top: 40px;
}

#clemy-budget-section .clemy-list-label {
    font-weight: 700;
    margin-top: 30px;
    color: var(--dark);
}

/* LIST STYLE */
#clemy-budget-section .clemy-benefit-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

#clemy-budget-section .clemy-benefit-list li {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    align-items: flex-start;
}

#clemy-budget-section .clemy-bullet {
    color: var(--amethyst);
    font-weight: bold;
    font-size: 1.2rem;
}

#clemy-budget-section .clemy-li-content {
    font-size: 1rem;
}

/* ETHICS BLOCK */
#clemy-budget-section .clemy-ethics-block {
    background-color: var(--dark);
    color: var(--white);
    padding: 30px;
    border-radius: 15px;
    font-style: italic;
    text-align: center;
    margin: 40px 0 0 0;
    font-size: 1.1rem;
    line-height: 1.5;
}

/* LINKS */
#clemy-budget-section .clemy-link-amethyst {
    color: var(--amethyst);
    font-weight: 800;
    text-decoration: none;
    border-bottom: 1px solid var(--amethyst);
}

#clemy-budget-section .clemy-link-wine {
    color: var(--wine);
    font-weight: 800;
    text-decoration: underline;
}

/* MEDIA QUERIES RESPONSIVE */
@media (max-width: 600px) {
    #clemy-budget-section .clemy-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    #clemy-budget-section .clemy-ethics-block {
        font-size: 1rem;
        padding: 20px;
    }
}

@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : BUDGET & ÉTHIQUE
   ============================================================ */

    /* 1. RESET GLOBAL & ANTI-DÉBORDEMENT */
    #clemy-budget-section {
        padding: 50px 0 !important;
        overflow-x: hidden !important;
    }

    #clemy-budget-section .clemy-container {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER : L'HARMONIE "PRESTIGE" (ON CENTRE TOUT) */
    #clemy-budget-section .clemy-header {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
        gap: 0 !important;
        margin-bottom: 35px !important;
    }

    #clemy-budget-section .clemy-step-number {
        font-size: 3.5rem !important; /* Calibrage du numéro géant */
        opacity: 0.12 !important;
        margin-bottom: -10px !important;
        line-height: 1 !important;
    }

    #clemy-budget-section .clemy-title {
        font-size: 1.6rem !important;
        line-height: 1.2 !important;
        max-width: 290px;
        margin: 0 auto !important;
    }

    #clemy-budget-section .clemy-underline-wine {
        margin: 15px auto 0 !important;
        width: 45px !important;
    }

    /* 3. TEXTES D'INTRODUCTION */
    #clemy-budget-section .clemy-p {
        font-size: 1.05rem !important;
        text-align: center !important;
        margin-bottom: 30px !important;
    }

    /* 4. FEATURE CARD (L'ÉCRIN DU BUDGET) */
    #clemy-budget-section .clemy-feature-card {
        padding: 30px 20px !important; /* On libère de l'espace texte */
        border-radius: 24px !important;
        margin-top: 30px !important;
        border-top-width: 4px !important; /* Affinage de la bordure améthyste */
    }

    #clemy-budget-section .clemy-h3 {
        font-size: 1.4rem !important;
        text-align: center !important;
        margin-bottom: 25px !important;
    }

    #clemy-budget-section .clemy-list-label {
        font-size: 1.05rem !important;
        text-align: center !important;
        margin-top: 25px !important;
        margin-bottom: 15px !important;
    }

    /* 5. LISTES DES BÉNÉFICES */
    #clemy-budget-section .clemy-benefit-list {
        margin: 15px 0 !important;
    }

    #clemy-budget-section .clemy-benefit-list li {
        gap: 12px !important; /* Rapprochement puce / texte pour éviter la fragmentation visuelle */
        margin-bottom: 15px !important;
    }

    #clemy-budget-section .clemy-bullet {
        font-size: 1.2rem !important;
        line-height: 1.2 !important; /* Alignement parfait avec la 1ère ligne de texte */
    }

    #clemy-budget-section .clemy-li-content {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    /* 6. ETHICS BLOCK (LE SERMENT NOIR) */
    #clemy-budget-section .clemy-ethics-block {
        padding: 25px 20px !important;
        border-radius: 20px !important;
        margin-top: 30px !important;
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
}

@media (max-width: 350px) {
    #clemy-budget-section .clemy-title { font-size: 1.4rem !important; }
    #clemy-budget-section .clemy-h3 { font-size: 1.3rem !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4f7c45b3 *//* --- CONFIGURATION CHARTE CLEMY --- */
#clemy-signals-section {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --soft-gray: #F9F7FB;
    
    background-color: var(--white);
    padding: clamp(40px, 8vw, 80px) 0;
    color: var(--dark);
    line-height: 1.6;
}

#clemy-signals-section .clemy-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* HEADER STYLE */
#clemy-signals-section .clemy-header {
    display: flex;
    align-items: center;
    gap: clamp(15px, 3vw, 30px);
    margin-bottom: 40px;
}

#clemy-signals-section .clemy-step-number {
    font-size: clamp(3rem, 10vw, 5rem);
    font-weight: 900;
    color: var(--amethyst);
    opacity: 0.15;
    line-height: 1;
}

#clemy-signals-section .clemy-title {
    font-size: clamp(1.4rem, 4vw, 2.2rem);
    margin: 0;
    color: var(--dark);
    font-weight: 300;
}

#clemy-signals-section .clemy-title strong {
    color: var(--wine);
    font-weight: 900;
}

#clemy-signals-section .clemy-underline-amethyst {
    width: 60px;
    height: 4px;
    background-color: var(--amethyst);
    margin-top: 10px;
    border-radius: 2px;
}

/* TYPOGRAPHIE */
#clemy-signals-section .clemy-p {
    font-size: 1.1rem;
    margin-bottom: 30px;
}

/* SIGNALS GRID */
.clemy-signals-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 50px;
}

.clemy-signal-item {
    background-color: var(--soft-gray);
    padding: 25px;
    border-radius: 15px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    transition: transform 0.3s ease;
}

.clemy-signal-item:hover {
    transform: translateY(-5px);
}

.clemy-check {
    color: var(--amethyst);
    font-weight: 900;
    font-size: 1.2rem;
}

/* IMAGE BOX */
.clemy-image-box {
    text-align: center;
    margin-top: 50px;
}

.clemy-img-wrapper {
    display: inline-block;
    padding: 10px;
    background-color: var(--soft-gray);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.clemy-img-wrapper img {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
    display: block;
}

/* --- BLOC DE CONCLUSION (CTA FINAL) --- */
#clemy-final-cta {
    background: linear-gradient(135deg, var(--wine) 0%, var(--dark) 100%);
    margin: 80px 20px;
    padding: clamp(40px, 8vw, 80px) 20px;
    border-radius: 30px;
    color: var(--white);
    text-align: center;
    box-shadow: 0 20px 50px rgba(26, 11, 46, 0.25);
}

.clemy-cta-container {
    max-width: 800px;
    margin: 0 auto;
}

.clemy-cta-title {
    font-size: clamp(1.8rem, 5vw, 2.8rem);
    margin: 0 0 20px 0;
    font-weight: 800;
}

.clemy-cta-desc {
    font-size: 1.2rem;
    opacity: 0.9;
    margin-bottom: 40px;
    line-height: 1.6;
}

.clemy-main-button {
    display: inline-block;
    background-color: var(--white);
    color: var(--wine);
    padding: 20px clamp(30px, 5vw, 55px);
    border-radius: 100px;
    font-weight: 900;
    font-size: clamp(1.1rem, 3vw, 1.4rem);
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.clemy-main-button:hover {
    transform: scale(1.05);
}

.clemy-cta-footer {
    margin-top: 30px;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 0.7;
}

/* LINKS */
.clemy-link-amethyst {
    color: var(--amethyst);
    font-weight: 800;
    text-decoration: none;
}

.clemy-link-wine {
    color: var(--wine);
    font-weight: 800;
    text-decoration: none;
}

/* MEDIA QUERIES RESPONSIVE */
@media (max-width: 768px) {
    .clemy-signals-grid {
        grid-template-columns: 1fr;
    }
    
    #clemy-signals-section .clemy-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    /* ============================================================
   FORCE RESPONSIVE RADICAL : SIGNAUX & CTA FINAL
   ============================================================ */

    /* 1. RESET GLOBAL & ANTI-DÉBORDEMENT */
    #clemy-signals-section {
        padding: 50px 0 !important;
        overflow-x: hidden !important;
    }

    #clemy-signals-section .clemy-container {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER : L'HARMONIE "PRESTIGE" (CENTRAGE FORCÉ) */
    #clemy-signals-section .clemy-header {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
        gap: 0 !important;
        margin-bottom: 35px !important;
    }

    #clemy-signals-section .clemy-step-number {
        font-size: 3.5rem !important; /* Calibrage du numéro géant */
        opacity: 0.12 !important;
        margin-bottom: -10px !important;
        line-height: 1 !important;
    }

    #clemy-signals-section .clemy-title {
        font-size: 1.6rem !important;
        line-height: 1.2 !important;
        max-width: 290px;
        margin: 0 auto !important;
    }

    #clemy-signals-section .clemy-underline-amethyst {
        margin: 15px auto 0 !important;
        width: 45px !important;
    }

    /* 3. TEXTES D'INTRODUCTION */
    #clemy-signals-section .clemy-p {
        font-size: 1.05rem !important;
        text-align: center !important;
        margin-bottom: 35px !important;
    }

    /* 4. SIGNALS GRID : PASSAGE EN COLONNE */
    .clemy-signals-grid {
        grid-template-columns: 1fr !important; /* Empilement forcé sur mobile */
        gap: 15px !important;
        margin-bottom: 40px !important;
    }

    .clemy-signal-item {
        padding: 20px 15px !important; /* Optimisation de l'espace */
        border-radius: 16px !important;
        gap: 12px !important;
        transform: none !important; /* Stabilité tactile */
    }

    .clemy-signal-item:hover {
        transform: none !important; /* Annulation du saut au scroll */
    }

    .clemy-check {
        font-size: 1.1rem !important;
        line-height: 1.2 !important; /* Alignement parfait avec le texte */
    }

    .clemy-signal-item div {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    /* 5. IMAGE BOX */
    .clemy-image-box {
        margin-top: 30px !important;
    }

    .clemy-img-wrapper {
        padding: 8px !important; /* Cadre plus fin sur mobile */
        border-radius: 15px !important;
    }

    /* 6. BLOC CTA FINAL (LA CONCLUSION) */
    #clemy-final-cta {
        margin: 50px 10px 30px 10px !important; /* Marges réduites pour petits écrans */
        padding: 50px 20px !important;
        border-radius: 25px !important;
    }

    .clemy-cta-title {
        font-size: 1.7rem !important;
        line-height: 1.1 !important;
        margin-bottom: 20px !important;
    }

    .clemy-cta-desc {
        font-size: 1.05rem !important;
        margin-bottom: 35px !important;
    }

    /* Bouton d'action massive */
    .clemy-main-button {
        display: block !important; /* Prend toute la largeur pour le confort du pouce */
        width: 100% !important;
        padding: 20px 15px !important;
        font-size: 1.15rem !important;
        box-sizing: border-box !important;
    }

    .clemy-main-button:hover {
        transform: none !important; /* Suppression de l'effet de saut tactile */
    }

    .clemy-cta-footer {
        margin-top: 25px !important;
        font-size: 0.7rem !important;
        letter-spacing: 1px !important;
    }
}

@media (max-width: 350px) {
    #clemy-signals-section .clemy-title { font-size: 1.4rem !important; }
    .clemy-cta-title { font-size: 1.45rem !important; }
    .clemy-main-button { font-size: 1.05rem !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9433441 *//* --- FAQ ÉTHIQUE : CLEMY PRESTIGE SYSTEM --- */
#clemy-faq-ethique {
    --purple: #6e1b89;
    --dark: #1e1036;
    --wine: #641235;
    --lavender: #f3e5f5;
    --white: #ffffff;
    --border-lux: rgba(110, 27, 137, 0.15);
    
    padding: clamp(60px, 12vw, 120px) 0;
    background: #ffffff;
    font-family: 'Inter', -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
}

#clemy-faq-ethique .faq-canvas {
    max-width: 900px; margin: 0 auto; padding: 0 25px;
}

/* --- HEADER --- */
#clemy-faq-ethique .faq-header { text-align: center; margin-bottom: 60px; }

#clemy-faq-ethique .kicker-badge {
    display: inline-block; background: var(--lavender); color: var(--purple);
    padding: 8px 22px; border-radius: 50px; font-size: 0.75rem; 
    font-weight: 900; text-transform: uppercase; letter-spacing: 3px;
    margin-bottom: 25px; border: 1px solid rgba(110, 27, 137, 0.1);
}

#clemy-faq-ethique .display-title {
    font-family: 'Playfair Display', serif; font-size: clamp(2.4rem, 6vw, 3.5rem);
    font-weight: 900; line-height: 1.1; margin-bottom: 20px; color: var(--dark);
}

#clemy-faq-ethique .text-gradient {
    background: linear-gradient(135deg, var(--purple), var(--wine));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

/* --- ACCORDION SYSTEM --- */
#clemy-faq-ethique .faq-accordion-group { display: flex; flex-direction: column; gap: 15px; }

#clemy-faq-ethique .faq-item {
    background: #ffffff; border: 1px solid var(--border-lux); border-radius: 20px;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); overflow: hidden;
}

#clemy-faq-ethique .faq-item:hover {
    border-color: var(--purple);
    box-shadow: 0 15px 35px rgba(110, 27, 137, 0.06);
}

#clemy-faq-ethique .faq-item[open] {
    border-color: var(--purple);
    box-shadow: 0 25px 60px rgba(30, 16, 54, 0.08);
}

/* Highlight for Vigilance & Cycle */
#clemy-faq-ethique .featured-vigilance[open] { border-left: 6px solid var(--wine); }
#clemy-faq-ethique .item-cycle[open] { border-left: 6px solid var(--purple); }

/* Summary Styling */
#clemy-faq-ethique summary {
    padding: 28px 30px; cursor: pointer; list-style: none;
    display: flex; align-items: center; gap: 20px;
}

#clemy-faq-ethique summary::-webkit-details-marker { display: none; }

#clemy-faq-ethique .q-num {
    font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 900;
    color: var(--purple); opacity: 0.4; min-width: 35px;
}

#clemy-faq-ethique .q-text {
    font-size: 1.05rem; font-weight: 700; color: var(--dark);
    flex-grow: 1; padding-right: 30px; line-height: 1.4;
}

/* Custom Chevron */
#clemy-faq-ethique .q-chevron {
    width: 20px; height: 20px; position: relative; transition: 0.4s;
}
#clemy-faq-ethique .q-chevron::before, 
#clemy-faq-ethique .q-chevron::after {
    content: ''; position: absolute; top: 50%; left: 50%;
    width: 12px; height: 2px; background: var(--purple); transition: 0.4s;
}
#clemy-faq-ethique .q-chevron::before { transform: translate(-50%, -50%) rotate(0deg); }
#clemy-faq-ethique .q-chevron::after { transform: translate(-50%, -50%) rotate(90deg); }
#clemy-faq-ethique .faq-item[open] .q-chevron { transform: rotate(45deg); }

/* Content Animation */
#clemy-faq-ethique .faq-content {
    padding: 0 35px 35px 85px; color: #555;
    line-height: 1.8; font-size: 1rem;
    animation: faqEthicIn 0.5s ease-out;
}

@keyframes faqEthicIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

#clemy-faq-ethique .faq-content strong { color: var(--wine); font-weight: 800; }

/* --- RESPONSIVE ADAPTATION --- */
@media (max-width: 768px) {
    #clemy-faq-ethique .faq-canvas { padding: 0 20px; }
    #clemy-faq-ethique .q-num { display: none; }
    #clemy-faq-ethique .faq-content { padding: 0 25px 30px 25px; }
    #clemy-faq-ethique .display-title { text-align: left; }
    /* ============================================================
   FORCE RESPONSIVE RADICAL : FAQ ÉTHIQUE (#clemy-faq-ethique)
   ============================================================ */

    /* 1. RESET GLOBAL & ANTI-DÉBORDEMENT */
    #clemy-faq-ethique {
        padding: 50px 0 !important; /* Marges réduites pour mobile */
        overflow-x: hidden !important;
    }

    #clemy-faq-ethique .faq-canvas {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER : HARMONIE ET CENTRAGE */
    #clemy-faq-ethique .faq-header {
        margin-bottom: 35px !important;
        text-align: center !important;
    }

    #clemy-faq-ethique .display-title {
        font-size: 1.8rem !important;
        line-height: 1.2 !important;
        text-align: center !important; /* On force le centrage pour coller au reste du site */
    }

    #clemy-faq-ethique .kicker-badge {
        font-size: 0.65rem !important;
        padding: 6px 15px !important;
        letter-spacing: 2px !important;
    }

    /* 3. ACCORDÉONS : STRUCTURE TACTILE */
    #clemy-faq-ethique .faq-accordion-group {
        gap: 12px !important;
    }

    #clemy-faq-ethique .faq-item {
        border-radius: 16px !important;
    }

    #clemy-faq-ethique summary {
        padding: 22px 15px !important; /* Optimisation de la zone de clic (Fat-finger friendly) */
        gap: 12px !important;
    }

    #clemy-faq-ethique .q-num {
        display: none !important; /* Adieu le numéro sur mobile, on laisse la place à la question */
    }

    #clemy-faq-ethique .q-text {
        font-size: 0.95rem !important;
        padding-right: 10px !important;
        line-height: 1.4 !important;
    }

    /* 4. LE CONTENU : MAXIMISATION DE L'ESPACE (LE FIX CRITIQUE) */
    #clemy-faq-ethique .faq-content {
        padding: 0 15px 25px 15px !important; /* On passe à 15px pour gagner de la largeur de lecture */
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }

    /* 5. GESTION DES BORDURES "FEATURED" */
    #clemy-faq-ethique .featured-vigilance[open],
    #clemy-faq-ethique .item-cycle[open] {
        border-left-width: 4px !important; /* Plus fin et élégant sur smartphone */
    }

    /* Chevron tactile */
    #clemy-faq-ethique .q-chevron {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }
}

@media (max-width: 350px) {
    #clemy-faq-ethique .display-title { font-size: 1.55rem !important; }
    #clemy-faq-ethique .q-text { font-size: 0.85rem !important; }
}/* End custom CSS */