.elementor-4914 .elementor-element.elementor-element-295ffb94{--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 );}.elementor-4914 .elementor-element.elementor-element-cdbd70b{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-ccbaa77 */#clemy-miroir-2222 {
--amethyst: #8E44AD;
--wine: #9A2A5B;
--dark: #1A0B2E;
--white: #FFFFFF;
--soft-gray: #F9F7FA;

background: var(--white);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #333;
line-height: 1.8;
}

#clemy-miroir-2222 .inner-container {
max-width: 950px;
margin: 0 auto;
padding: 0 20px;
}

/* --- NAVIGATION --- */
#clemy-miroir-2222 .clemy-nav {
background: var(--white);
border-bottom: 1px solid #EEE;
padding: 20px 0;
position: sticky;
top: 0;
z-index: 100;
}
#clemy-miroir-2222 .nav-container {
max-width: 1160px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
}
#clemy-miroir-2222 .brand {
font-weight: 900;
text-transform: uppercase;
font-size: 0.9rem;
color: var(--dark);
letter-spacing: 1px;
}
#clemy-miroir-2222 .brand span { color: var(--amethyst); font-weight: 400; }
#clemy-miroir-2222 .menu { display: flex; gap: 15px; }
#clemy-miroir-2222 .menu a {
text-decoration: none;
font-size: 0.85rem;
font-weight: 700;
color: #555;
padding: 5px 10px;
transition: 0.3s;
}
#clemy-miroir-2222 .menu a:hover { color: var(--wine); }

/* --- HERO & H1 --- */
#clemy-miroir-2222 .clemy-hero {
padding: 80px 0 40px;
text-align: center;
}
#clemy-miroir-2222 .badge-amethyst {
background: #F4ECF7;
color: var(--amethyst);
padding: 6px 18px;
border-radius: 50px;
font-size: 0.8rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
}
#clemy-miroir-2222 .h1-signature {
font-size: 2.8rem;
color: var(--wine);
margin: 30px 0;
font-weight: 900;
line-height: 1.2;
}
#clemy-miroir-2222 .intro-text {
font-size: 1.25rem;
color: #555;
max-width: 800px;
margin: 0 auto;
}

/* --- CONTENU --- */
#clemy-miroir-2222 .clemy-content { padding: 40px 0 100px; }

#clemy-miroir-2222 .expert-card {
background: var(--white);
padding: 60px;
border-radius: 30px;
box-shadow: 0 20px 60px rgba(26, 11, 46, 0.08);
border-left: 8px solid var(--amethyst);
}

#clemy-miroir-2222 .mirror-focus {
font-size: 4rem;
font-weight: 900;
color: var(--dark);
text-align: center;
margin-bottom: 40px;
letter-spacing: 10px;
opacity: 0.9;
}

#clemy-miroir-2222 .expert-quote {
background: var(--soft-gray);
padding: 40px;
border-radius: 20px;
margin: 40px 0;
font-style: italic;
font-size: 1.3rem;
color: var(--dark);
border-left: 4px solid var(--wine);
}

/* --- LINKS --- */
#clemy-miroir-2222 .link-wine-bold { color: var(--wine); font-weight: 800; text-decoration: none; }
#clemy-miroir-2222 .link-amethyst-bold { color: var(--amethyst); font-weight: 800; text-decoration: none; }
#clemy-miroir-2222 .link-wine-underline { color: var(--wine); text-decoration: underline; font-weight: 600; }

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
#clemy-miroir-2222 .h1-signature { font-size: 2rem; }
#clemy-miroir-2222 .expert-card { padding: 30px 20px; }
#clemy-miroir-2222 .menu { display: none; }
#clemy-miroir-2222 .mirror-focus { font-size: 2.5rem; }/* ============================================================
   FORCE RESPONSIVE RADICAL : MIROIR 22:22 (#clemy-miroir-2222)
   ============================================================ */

    /* 1. RESET GLOBAL & NAVIGATION */
    #clemy-miroir-2222 {
        overflow-x: hidden !important;
    }

    #clemy-miroir-2222 .nav-container {
        padding: 12px 15px !important;
        justify-content: center !important; /* Centrage du logo pour le luxe mobile */
    }

    #clemy-miroir-2222 .brand {
        font-size: 0.8rem !important;
        letter-spacing: 2px !important;
    }

    /* 2. HERO : L'ÉQUILIBRE VISUEL */
    #clemy-miroir-2222 .clemy-hero {
        padding: 50px 15px 30px !important;
    }

    #clemy-miroir-2222 .badge-amethyst {
        font-size: 0.65rem !important;
        padding: 5px 15px !important;
        letter-spacing: 1.5px !important;
    }

    #clemy-miroir-2222 .h1-signature {
        font-size: 1.8rem !important; /* Calibrage anti-césure */
        line-height: 1.2 !important;
        margin: 20px 0 !important;
        letter-spacing: -0.5px !important;
    }

    #clemy-miroir-2222 .intro-text {
        font-size: 1.05rem !important;
        line-height: 1.5 !important;
        padding: 0 5px;
    }

    /* 3. EXPERT CARD (L'ÉCRIN DE VÉRITÉ) */
    #clemy-miroir-2222 .clemy-content {
        padding: 20px 0 60px !important;
    }

    #clemy-miroir-2222 .expert-card {
        padding: 30px 15px !important; /* Libération de l'espace de lecture */
        border-radius: 20px !important;
        border-left: none !important; /* Suppression de la bordure latérale encombrante */
        border-top: 6px solid var(--amethyst) !important; /* L'accent passe en haut */
        box-shadow: 0 15px 40px rgba(26, 11, 46, 0.05) !important;
    }

    /* Le focus 22:22 */
    #clemy-miroir-2222 .mirror-focus {
        font-size: 2.2rem !important;
        letter-spacing: 6px !important;
        margin-bottom: 30px !important;
        opacity: 1 !important;
    }

    #clemy-miroir-2222 p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin-bottom: 20px !important;
    }

    /* 4. EXPERT QUOTE (LE CONSEIL DE SAGESSE) */
    #clemy-miroir-2222 .expert-quote {
        padding: 25px 20px !important;
        border-radius: 15px !important;
        border-left: none !important;
        border-top: 4px solid var(--wine) !important; /* Alignement avec le style prestige */
        text-align: center !important;
        font-size: 1.05rem !important;
        margin: 30px 0 !important;
    }
}@media (max-width: 350px) {
        #clemy-miroir-2222 .h1-signature { font-size: 1.55rem !important; }
        #clemy-miroir-2222 .mirror-focus { font-size: 1.8rem !important; letter-spacing: 4px !important; }
    }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-452dcb4 */#clemy-symbolisme-2222 {
    --amethyst: #8E44AD;
    --wine: #9A2A5B;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --bg-soft: #FDFBFE;
    --gray-text: #4A4A4A;

    background: var(--white);
    padding: 100px 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--dark);
    line-height: 1.7;
}

#clemy-symbolisme-2222 .symbol-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 25px;
}

/* --- HEADER DESIGN --- */
#clemy-symbolisme-2222 .symbol-header {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 60px;
}

#clemy-symbolisme-2222 .giant-num {
    font-size: clamp(4rem, 10vw, 7rem);
    font-weight: 900;
    color: var(--dark);
    opacity: 0.05;
    line-height: 0.8;
}

#clemy-symbolisme-2222 .h2-manifesto {
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    margin: 0;
    line-height: 1.1;
    font-weight: 300;
}

#clemy-symbolisme-2222 .h2-manifesto strong {
    color: var(--wine);
    font-weight: 900;
}

#clemy-symbolisme-2222 .accent-line {
    width: 60px;
    height: 4px;
    background: var(--amethyst);
    margin-top: 20px;
}

/* --- LEAD TEXT --- */
#clemy-symbolisme-2222 .symbol-lead {
    max-width: 800px;
    font-size: 1.25rem;
    color: var(--gray-text);
    margin-bottom: 80px;
}

/* --- GRID SYSTEM (RESPONSIVE NATIF) --- */
#clemy-symbolisme-2222 .insight-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
    align-items: stretch;
}

#clemy-symbolisme-2222 .insight-card {
    background: var(--white);
    border-radius: 30px;
    padding: 50px 40px;
    border: 1px solid #F0F0F0;
    box-shadow: 0 20px 50px rgba(26, 11, 46, 0.04);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
}

#clemy-symbolisme-2222 .insight-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 70px rgba(142, 68, 173, 0.12);
    border-color: var(--amethyst);
}

#clemy-symbolisme-2222 .bio-card {
    border-top: 6px solid var(--amethyst);
}

#clemy-symbolisme-2222 .angel-card {
    border-top: 6px solid var(--wine);
    background: var(--bg-soft);
}

#clemy-symbolisme-2222 .card-tag {
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--amethyst);
    margin-bottom: 25px;
    display: block;
}

#clemy-symbolisme-2222 h3 {
    font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: var(--dark);
}

#clemy-symbolisme-2222 .insight-card p {
    font-size: 1.05rem;
    color: var(--gray-text);
}

/* --- LISTE ANGE --- */
#clemy-symbolisme-2222 .angel-list {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
}

#clemy-symbolisme-2222 .angel-list li {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    font-size: 0.95rem;
    color: var(--gray-text);
}

#clemy-symbolisme-2222 .angel-list li:last-child {
    border: none;
}

/* --- LIENS --- */
#clemy-symbolisme-2222 a {
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
}

#clemy-symbolisme-2222 .link-amethyst { color: var(--amethyst); border-bottom: 1px solid rgba(142, 68, 173, 0.3); }
#clemy-symbolisme-2222 .link-wine { color: var(--wine); border-bottom: 1px solid rgba(154, 42, 91, 0.3); }

/* --- FOOTER --- */
#clemy-symbolisme-2222 .symbol-footer {
    margin-top: 80px;
    text-align: center;
    border-top: 1px solid #F0F0F0;
    padding-top: 40px;
}

#clemy-symbolisme-2222 .symbol-footer p {
    font-family: serif;
    font-style: italic;
    font-size: 1.4rem;
    color: var(--wine);
    max-width: 700px;
    margin: 0 auto;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
/* ============================================================
   FORCE RESPONSIVE RADICAL : SYMBOLISME 22:22 (#clemy-symbolisme-2222)
   ============================================================ */

    /* 1. RESET & WRAPPER */
    #clemy-symbolisme-2222 {
        padding: 50px 0 !important;
        overflow-x: hidden !important;
    }

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

    /* 2. HEADER : L'HARMONIE DU 2222 (CENTRAGE FORCÉ) */
    #clemy-symbolisme-2222 .symbol-header {
        flex-direction: column !important;
        text-align: center !important;
        gap: 10px !important;
        margin-bottom: 40px !important;
    }

    #clemy-symbolisme-2222 .giant-num {
        font-size: 3.5rem !important; /* On réduit pour que ça tienne sur une ligne */
        opacity: 0.08 !important; /* Un peu plus visible car plus petit */
        margin-bottom: -10px !important;
        line-height: 1 !important;
    }

    #clemy-symbolisme-2222 .h2-manifesto {
        font-size: 1.7rem !important;
        line-height: 1.2 !important;
        max-width: 280px;
        margin: 0 auto !important;
    }

    #clemy-symbolisme-2222 .accent-line {
        margin: 15px auto 0 !important;
        width: 45px !important;
    }

    /* 3. LEAD TEXT */
    #clemy-symbolisme-2222 .symbol-lead {
        font-size: 1.05rem !important;
        text-align: center !important;
        margin-bottom: 50px !important;
        padding: 0 10px;
    }

    /* 4. INSIGHT GRID (LES CARTES DE RÉVÉLATION) */
    #clemy-symbolisme-2222 .insight-grid {
        grid-template-columns: 1fr !important; /* Stacking propre */
        gap: 25px !important;
    }

    #clemy-symbolisme-2222 .insight-card {
        padding: 35px 20px !important;
        border-radius: 20px !important;
        transform: none !important; /* SÉCURITÉ TACTILE : On bloque le saut vertical */
    }

    #clemy-symbolisme-2222 .insight-card:hover {
        transform: none !important; /* Pas d'effet hover sur mobile pour éviter le jitter */
        box-shadow: 0 15px 40px rgba(26, 11, 46, 0.04) !important;
    }

    #clemy-symbolisme-2222 h3 {
        font-size: 1.35rem !important;
        text-align: center;
    }

    #clemy-symbolisme-2222 .card-tag {
        text-align: center;
        letter-spacing: 1.5px !important;
    }

    /* 5. LISTE ANGE & FOOTER */
    #clemy-symbolisme-2222 .angel-list li {
        text-align: center;
        font-size: 0.9rem !important;
    }

    #clemy-symbolisme-2222 .symbol-footer {
        margin-top: 50px !important;
        padding-top: 30px !important;
    }

    #clemy-symbolisme-2222 .symbol-footer p {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
        padding: 0 10px;
    }
}@media (max-width: 350px) {
        #clemy-symbolisme-2222 .h2-manifesto { font-size: 1.45rem !important; }
        #clemy-symbolisme-2222 .giant-num { font-size: 2.8rem !important; }
    }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-22409e3 */#clemy-master-22 {
    --amethyst: #8E44AD;
    --wine: #9A2A5B;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --light-gray: #F4F4F9;
    
    background: var(--white);
    padding: 100px 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #333;
    line-height: 1.8;
}

#clemy-master-22 .edito-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 40px;
}

/* --- HEADER ÉDITO --- */
#clemy-master-22 .edito-header {
    margin-bottom: 80px;
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

#clemy-master-22 .edito-num {
    font-size: 6rem;
    font-weight: 900;
    line-height: 0.8;
    color: var(--dark);
    opacity: 0.05;
}

#clemy-master-22 .edito-title {
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1.1;
    font-weight: 300;
    margin: 0;
    letter-spacing: -1.5px;
    color: var(--dark);
}

#clemy-master-22 .edito-title strong {
    color: var(--wine);
    font-weight: 900;
}

/* --- GRID LAYOUT --- */
#clemy-master-22 .edito-grid {
    display: flex;
    gap: 80px;
    align-items: flex-start;
}

#clemy-master-22 .edito-col-text {
    flex: 1.5;
}

#clemy-master-22 .p-lead {
    font-size: 1.4rem;
    line-height: 1.5;
    color: var(--dark);
    margin-bottom: 40px;
    font-weight: 400;
}

#clemy-master-22 p {
    font-size: 1.15rem;
    color: #555;
    margin-bottom: 25px;
}

/* --- VIBRATION FOCUS (INTERNE) --- */
#clemy-master-22 .vibration-focus {
    margin-top: 50px;
    padding: 40px;
    background: var(--light-gray);
    border-left: 6px solid var(--amethyst);
    position: relative;
}

#clemy-master-22 .focus-label {
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--amethyst);
    margin-bottom: 15px;
}

#clemy-master-22 .vibration-focus p {
    font-size: 1.1rem;
    margin: 0;
    font-style: italic;
}

/* --- SIDEBAR VISUELLE --- */
#clemy-master-22 .edito-col-visual {
    flex: 1;
    position: relative;
}

#clemy-master-22 .image-frame {
    position: relative;
    margin-bottom: 40px;
}

#clemy-master-22 .image-frame img {
    width: 100%;
    border-radius: 4px;
    filter: grayscale(20%);
    transition: 0.5s ease;
    display: block;
}

#clemy-master-22 .image-frame:hover img {
    filter: grayscale(0%);
    transform: scale(1.02);
}

#clemy-master-22 .frame-accent {
    position: absolute;
    top: 20px;
    right: -20px;
    width: 100%;
    height: 100%;
    border: 2px solid var(--wine);
    z-index: -1;
    border-radius: 4px;
}

#clemy-master-22 .empire-note {
    padding-left: 20px;
    border-left: 1px solid #EEE;
}

#clemy-master-22 .h3-wine {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--wine);
    margin-bottom: 15px;
}

#clemy-master-22 .empire-note p {
    font-size: 1rem;
    line-height: 1.6;
}

/* --- LINKS --- */
#clemy-master-22 a { text-decoration: none; font-weight: 700; transition: 0.3s; }
#clemy-master-22 .link-wine-bold { color: var(--wine); border-bottom: 2px solid rgba(154, 42, 91, 0.2); }
#clemy-master-22 .link-amethyst { color: var(--amethyst); text-decoration: underline; }
#clemy-master-22 .link-dark-bold { color: var(--dark); border-bottom: 1px solid var(--dark); }

/* --- DIVIDER --- */
#clemy-master-22 .edito-divider {
    height: 1px;
    background: #EEE;
    margin-top: 80px;
}

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
    #clemy-master-22 .edito-grid { flex-direction: column; gap: 50px; }
    #clemy-master-22 .edito-header { flex-direction: column; gap: 0; }
    #clemy-master-22 .frame-accent { display: none; }
    #clemy-master-22 .edito-wrapper { padding: 0 25px; }
}@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : MAÎTRE NOMBRE 22 (#clemy-master-22)
   ============================================================ */

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

    #clemy-master-22 .edito-wrapper {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER : L'AUTORITÉ DU BÂTISSEUR (CENTRAGE) */
    #clemy-master-22 .edito-header {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: 40px !important;
        gap: 10px !important;
    }

    #clemy-master-22 .edito-num {
        font-size: 3.5rem !important; /* On réduit pour le focus vertical */
        opacity: 0.1 !important;
        margin-bottom: -15px !important;
        line-height: 1 !important;
    }

    #clemy-master-22 .edito-title {
        font-size: 1.7rem !important;
        line-height: 1.2 !important;
        max-width: 300px;
        margin: 0 auto !important;
    }

    /* 3. GRID & TEXTE */
    #clemy-master-22 .edito-grid {
        flex-direction: column !important; /* Empilement propre */
        gap: 40px !important;
    }

    #clemy-master-22 .p-lead {
        font-size: 1.15rem !important;
        line-height: 1.4 !important;
        text-align: center !important;
        padding: 0 10px;
        margin-bottom: 30px !important;
    }

    #clemy-master-22 p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin-bottom: 20px !important;
    }

    /* 4. VIBRATION FOCUS (LE BLOC DE RÉSONANCE) */
    #clemy-master-22 .vibration-focus {
        padding: 25px 20px !important;
        border-radius: 15px !important;
        border-left-width: 4px !important;
        margin-top: 30px !important;
        text-align: center !important;
    }

    #clemy-master-22 .focus-label {
        font-size: 0.65rem !important;
        letter-spacing: 2px !important;
        margin-bottom: 10px !important;
    }

    #clemy-master-22 .vibration-focus p {
        font-size: 1.05rem !important;
    }

    /* 5. SIDEBAR VISUELLE (L'ÉCRIN) */
    #clemy-master-22 .edito-col-visual {
        width: 100% !important;
    }

    #clemy-master-22 .image-frame {
        max-width: 300px !important;
        margin: 0 auto 30px !important;
    }

    #clemy-master-22 .image-frame img {
        filter: grayscale(0%) !important; /* On garde les couleurs sur mobile */
        transform: none !important;
    }

    /* Gestion de l'accent (On le remet mais sagement décalé) */
    #clemy-master-22 .frame-accent {
        display: block !important; /* On l'autorise mais on le réduit */
        top: 10px !important;
        right: -10px !important;
        border-width: 1px !important;
        opacity: 0.4 !important;
    }

    #clemy-master-22 .empire-note {
        padding-left: 0 !important;
        border-left: none !important;
        border-top: 1px solid #EEE !important;
        padding-top: 25px !important;
        text-align: center !important;
    }

    #clemy-master-22 .h3-wine {
        font-size: 1.25rem !important;
        margin-bottom: 15px !important;
    }
}@media (max-width: 350px) {
        #clemy-master-22 .edito-title { font-size: 1.4rem !important; }
        #clemy-master-22 .edito-num { font-size: 2.8rem !important; }
    }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-403508c */#clemy-flammes-sacrees {
    --amethyst: #8E44AD;
    --wine: #9A2A5B;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --soft-gray: #F9F9FB;
    
    background: var(--white);
    padding: 120px 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #333;
    line-height: 1.8;
}

#clemy-flammes-sacrees .edito-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 40px;
}

/* --- HEADER DESIGN --- */
#clemy-flammes-sacrees .edito-header {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 80px;
}

#clemy-flammes-sacrees .edito-num {
    font-size: 8rem;
    font-weight: 900;
    line-height: 0.8;
    color: var(--dark);
    opacity: 0.05;
}

#clemy-flammes-sacrees .edito-title {
    font-size: clamp(2rem, 5vw, 3.2rem);
    line-height: 1.1;
    font-weight: 300;
    margin: 0;
    letter-spacing: -2px;
    color: var(--dark);
}

#clemy-flammes-sacrees .edito-title strong {
    color: var(--wine);
    font-weight: 900;
}

#clemy-flammes-sacrees .header-line {
    width: 80px;
    height: 1px;
    background: var(--amethyst);
    margin-top: 25px;
}

/* --- INTRODUCTION --- */
#clemy-flammes-sacrees .edito-intro {
    max-width: 850px;
    margin-bottom: 100px;
}

#clemy-flammes-sacrees .p-dropcap::first-letter {
    font-size: 4.5rem;
    font-weight: 900;
    float: left;
    line-height: 0.8;
    margin-right: 15px;
    color: var(--dark);
}

#clemy-flammes-sacrees .edito-intro p {
    font-size: 1.4rem;
    font-weight: 400;
    color: #444;
}

/* --- GRID ASYMÉTRIQUE --- */
#clemy-flammes-sacrees .mirror-soul-grid {
    display: flex;
    gap: 80px;
    align-items: flex-start;
}

#clemy-flammes-sacrees .theory-side {
    flex: 1.4;
}

#clemy-flammes-sacrees .h3-wine {
    font-size: 1.8rem;
    font-weight: 900;
    color: var(--wine);
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: -1px;
}

#clemy-flammes-sacrees .theory-side p {
    font-size: 1.15rem;
    margin-bottom: 30px;
}

/* BLOC CONSEIL (PUR TYPO) */
#clemy-flammes-sacrees .expert-signature-note {
    margin-top: 60px;
    padding: 45px;
    background: var(--soft-gray);
    position: relative;
}

#clemy-flammes-sacrees .expert-tag {
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--wine);
    display: block;
    margin-bottom: 20px;
}

#clemy-flammes-sacrees .expert-signature-note p {
    font-family: serif;
    font-style: italic;
    font-size: 1.4rem;
    line-height: 1.5;
    color: var(--dark);
    margin: 0;
}

/* --- SIDEBAR DES PARCOURS --- */
#clemy-flammes-sacrees .pathway-side {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#clemy-flammes-sacrees .pathway-item {
    padding: 40px;
    background: #fff;
    border: 1px solid #EEE;
    transition: 0.4s ease;
}

#clemy-flammes-sacrees .pathway-item:hover {
    transform: translateX(-15px);
    box-shadow: 0 20px 40px rgba(26, 11, 46, 0.05);
}

#clemy-flammes-sacrees .border-amethyst { border-left: 6px solid var(--amethyst); }
#clemy-flammes-sacrees .border-wine { border-left: 6px solid var(--wine); }
#clemy-flammes-sacrees .border-dark { border-left: 6px solid var(--dark); }

#clemy-flammes-sacrees .pathway-item h4 {
    font-size: 1.3rem;
    font-weight: 900;
    color: var(--dark);
    margin-bottom: 15px;
    text-transform: uppercase;
}

#clemy-flammes-sacrees .pathway-item p {
    font-size: 0.95rem;
    margin: 0;
    line-height: 1.6;
}

/* --- LINKS --- */
#clemy-flammes-sacrees a { text-decoration: none; font-weight: 700; transition: 0.3s; }
#clemy-flammes-sacrees .link-wine { color: var(--wine); border-bottom: 1px solid var(--wine); }
#clemy-flammes-sacrees .link-dark { color: var(--dark); text-decoration: underline; }

/* --- FOOTER --- */
#clemy-flammes-sacrees .edito-footer-line {
    height: 1px;
    background: #EEE;
    margin-top: 100px;
}

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
    #clemy-flammes-sacrees .edito-header { flex-direction: column; gap: 0; }
    #clemy-flammes-sacrees .mirror-soul-grid { flex-direction: column; gap: 60px; }
    #clemy-flammes-sacrees .pathway-item:hover { transform: translateY(-10px); }
    #clemy-flammes-sacrees .edito-wrapper { padding: 0 25px; }
}@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : FLAMMES SACRÉES (#clemy-flammes-sacrees)
   ============================================================ */

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

    #clemy-flammes-sacrees .edito-wrapper {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER : L'AUTORITÉ DU FEU (CENTRAGE) */
    #clemy-flammes-sacrees .edito-header {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: 40px !important;
        gap: 10px !important;
    }

    #clemy-flammes-sacrees .edito-num {
        font-size: 4rem !important; /* Réduction drastique pour le focus vertical */
        opacity: 0.1 !important;
        margin-bottom: -10px !important;
        line-height: 1 !important;
    }

    #clemy-flammes-sacrees .edito-title {
        font-size: 1.8rem !important;
        line-height: 1.2 !important;
        max-width: 320px;
        margin: 0 auto !important;
        letter-spacing: -1px !important;
    }

    #clemy-flammes-sacrees .header-line {
        margin: 15px auto 0 !important;
        width: 45px !important;
    }

    /* 3. INTRODUCTION & LETTRINE */
    #clemy-flammes-sacrees .edito-intro {
        margin-bottom: 50px !important;
        text-align: left !important;
    }

    #clemy-flammes-sacrees .p-dropcap::first-letter {
        font-size: 3.5rem !important; /* Calibrage pour ne pas compresser le texte */
        margin-right: 12px !important;
        line-height: 0.9 !important;
    }

    #clemy-flammes-sacrees .edito-intro p {
        font-size: 1.1rem !important;
        line-height: 1.6 !important;
    }

    /* 4. GRID ASYMÉTRIQUE (EMPILEMENT MOBILE) */
    #clemy-flammes-sacrees .mirror-soul-grid {
        flex-direction: column !important;
        gap: 40px !important;
    }

    #clemy-flammes-sacrees .theory-side {
        width: 100% !important;
    }

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

    #clemy-flammes-sacrees .theory-side p {
        font-size: 1.05rem !important;
        margin-bottom: 20px !important;
    }

    /* 5. EXPERT NOTE (LE CONSEIL DE SAGESSE) */
    #clemy-flammes-sacrees .expert-signature-note {
        padding: 30px 20px !important;
        border-radius: 15px !important;
        text-align: center !important;
        margin-top: 40px !important;
    }

    #clemy-flammes-sacrees .expert-signature-note p {
        font-size: 1.15rem !important;
        line-height: 1.4 !important;
    }

    /* 6. PATHWAY ITEMS (LES CARTES DE PARCOURS) */
    #clemy-flammes-sacrees .pathway-side {
        width: 100% !important;
        gap: 20px !important;
    }

    #clemy-flammes-sacrees .pathway-item {
        padding: 30px 20px !important;
        border-radius: 15px !important;
        border-left: none !important; /* Suppression de la bordure latérale */
        border-top: 6px solid !important; /* Passage en bordure de tête */
        transform: none !important; /* SÉCURITÉ TACTILE : blocage du décalage */
        text-align: center !important;
    }

    #clemy-flammes-sacrees .pathway-item:hover {
        transform: none !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
    }

    #clemy-flammes-sacrees .pathway-item h4 {
        font-size: 1.1rem !important;
        margin-bottom: 10px !important;
    }

    #clemy-flammes-sacrees .pathway-item p {
        font-size: 0.9rem !important;
    }
}@media (max-width: 350px) {
        #clemy-flammes-sacrees .edito-title { font-size: 1.5rem !important; }
        #clemy-flammes-sacrees .p-dropcap::first-letter { font-size: 2.8rem !important; }
    }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f9b1de4 */#clemy-arcane-mat {
--amethyst: #8E44AD;
--wine: #9A2A5B;
--dark: #1A0B2E;
--white: #FFFFFF;
--soft-bg: #F9F7FB;

background: var(--white);
padding: 120px 0;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #333;
line-height: 1.8;
}

#clemy-arcane-mat .edito-wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
}

/* --- HEADER --- */
#clemy-arcane-mat .edito-header {
display: flex;
align-items: center;
gap: 40px;
margin-bottom: 100px;
}

#clemy-arcane-mat .edito-num {
font-size: 8rem;
font-weight: 900;
line-height: 0.8;
color: var(--dark);
opacity: 0.05;
}

#clemy-arcane-mat .edito-title {
font-size: clamp(2rem, 5vw, 3.5rem);
line-height: 1;
font-weight: 300;
letter-spacing: -2px;
color: var(--dark);
margin: 0;
}

#clemy-arcane-mat .edito-title strong {
color: var(--wine);
font-weight: 900;
}

#clemy-arcane-mat .header-line {
width: 100px;
height: 1px;
background: var(--amethyst);
margin-top: 25px;
}

/* --- GRID SYSTEM --- */
#clemy-arcane-mat .mat-grid {
display: flex;
gap: 80px;
align-items: flex-start;
}

#clemy-arcane-mat .mat-col-text {
flex: 1.6;
}

#clemy-arcane-mat .p-dropcap::first-letter {
font-size: 4.5rem;
font-weight: 900;
float: left;
line-height: 0.8;
margin-right: 15px;
color: var(--dark);
}

#clemy-arcane-mat .mat-col-text p {
font-size: 1.2rem;
color: #444;
margin-bottom: 30px;
}

/* --- ACTION MANIFESTO --- */
#clemy-arcane-mat .action-manifesto {
margin-top: 60px;
border-top: 1px solid #EEE;
padding-top: 50px;
}

#clemy-arcane-mat .h3-wine {
font-size: 1.4rem;
font-weight: 900;
color: var(--wine);
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 40px;
}

#clemy-arcane-mat .action-item {
margin-bottom: 35px;
display: flex;
flex-direction: column;
}

#clemy-arcane-mat .action-label {
font-size: 0.75rem;
font-weight: 900;
text-transform: uppercase;
color: var(--amethyst);
letter-spacing: 3px;
margin-bottom: 10px;
}

#clemy-arcane-mat .action-item p {
font-size: 1.05rem;
margin: 0;
color: #555;
}

/* --- SIDEBAR VISUELLE --- */
#clemy-arcane-mat .mat-col-visual {
flex: 1;
position: relative;
}

#clemy-arcane-mat .card-visual-frame {
position: relative;
padding: 20px;
}

#clemy-arcane-mat .card-visual-frame img {
width: 100%;
border-radius: 4px;
filter: sepia(20%);
box-shadow: 0 30px 60px rgba(0,0,0,0.1);
transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
position: relative;
z-index: 2;
}

#clemy-arcane-mat .card-visual-frame:hover img {
filter: sepia(0%);
transform: rotate(0deg) scale(1.05);
}

#clemy-arcane-mat .visual-deco {
position: absolute;
top: 0;
left: 0;
width: 80%;
height: 80%;
border: 1px solid var(--amethyst);
z-index: 1;
}

#clemy-arcane-mat .punchline-box {
margin-top: 60px;
padding: 40px;
background: var(--dark);
color: var(--white);
border-radius: 0 40px 0 40px;
}

#clemy-arcane-mat .punchline-box p {
font-family: serif;
font-style: italic;
font-size: 1.4rem;
line-height: 1.4;
margin: 0;
}

/* --- LINKS --- */
#clemy-arcane-mat a { text-decoration: none; font-weight: 800; transition: 0.3s; }
#clemy-arcane-mat .link-amethyst { color: var(--amethyst); border-bottom: 2px solid rgba(142, 68, 173, 0.2); }
#clemy-arcane-mat .link-dark { color: var(--dark); text-decoration: underline; }

/* --- FOOTER LINE --- */
#clemy-arcane-mat .edito-footer-line {
height: 1px;
background: #EEE;
margin-top: 100px;
}

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
#clemy-arcane-mat .edito-header { flex-direction: column; gap: 10px; text-align: center; }
#clemy-arcane-mat .mat-grid { flex-direction: column; gap: 60px; }
#clemy-arcane-mat .visual-deco { display: none; }
#clemy-arcane-mat .edito-wrapper { padding: 0 25px; }
#clemy-arcane-mat .punchline-box { padding: 30px 20px; }
}@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : L'ARCANE LE MAT (#clemy-arcane-mat)
   ============================================================ */

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

    #clemy-arcane-mat .edito-wrapper {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER : L'AUTORITÉ DU NÉANT (CENTRAGE PRESTIGE) */
    #clemy-arcane-mat .edito-header {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: 50px !important;
        gap: 15px !important;
    }

    #clemy-arcane-mat .edito-num {
        font-size: 4.5rem !important; /* On réduit pour le focus vertical */
        opacity: 0.08 !important;
        margin-bottom: -15px !important;
        line-height: 1 !important;
    }

    #clemy-arcane-mat .edito-title {
        font-size: 1.8rem !important;
        line-height: 1.2 !important;
        max-width: 320px;
        margin: 0 auto !important;
    }

    #clemy-arcane-mat .header-line {
        margin: 15px auto 0 !important;
        width: 60px !important;
    }

    /* 3. GRID & TEXTE */
    #clemy-arcane-mat .mat-grid {
        flex-direction: column !important; /* Empilement propre */
        gap: 45px !important;
    }

    #clemy-arcane-mat .mat-col-text {
        width: 100% !important;
    }

    /* Stabilisation de la lettrine */
    #clemy-arcane-mat .p-dropcap::first-letter {
        font-size: 3.5rem !important; 
        margin-right: 12px !important;
        line-height: 0.9 !important;
    }

    #clemy-arcane-mat .mat-col-text p {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
        margin-bottom: 25px !important;
    }

    /* 4. ACTION MANIFESTO (LA LISTE D'ACTION) */
    #clemy-arcane-mat .action-manifesto {
        padding-top: 35px !important;
        text-align: center !important;
    }

    #clemy-arcane-mat .h3-wine {
        font-size: 1.2rem !important;
        margin-bottom: 30px !important;
        letter-spacing: 1px !important;
    }

    #clemy-arcane-mat .action-item {
        margin-bottom: 25px !important;
    }

    #clemy-arcane-mat .action-label {
        font-size: 0.65rem !important;
        letter-spacing: 2px !important;
    }

    #clemy-arcane-mat .action-item p {
        font-size: 0.95rem !important;
    }

    /* 5. SIDEBAR VISUELLE (L'ÉCRIN DU MAT) */
    #clemy-arcane-mat .mat-col-visual {
        width: 100% !important;
    }

    #clemy-arcane-mat .card-visual-frame {
        padding: 0 !important; /* On retire le padding pour l'image mobile */
        max-width: 300px !important;
        margin: 0 auto !important;
    }

    #clemy-arcane-mat .card-visual-frame img {
        filter: sepia(0%) !important; /* On garde les couleurs sur mobile */
        transform: none !important; /* Sécurité tactile */
    }

    /* La Punchline Box (Le Sceau Final) */
    #clemy-arcane-mat .punchline-box {
        margin-top: 40px !important;
        padding: 30px 20px !important;
        border-radius: 20px !important; /* On simplifie l'asymétrie pour le mobile */
        text-align: center !important;
    }

    #clemy-arcane-mat .punchline-box p {
        font-size: 1.15rem !important;
        line-height: 1.5 !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a351cb2 */#clemy-ritual-scripting {
--amethyst: #8E44AD;
--wine: #9A2A5B;
--dark: #1A0B2E;
--white: #FFFFFF;
--paper: #FDFBFF;
--line: #EAEAEA;

background: var(--white);
padding: 120px 0;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #333;
line-height: 1.8;
}

#clemy-ritual-scripting .edito-wrapper {
max-width: 1100px;
margin: 0 auto;
padding: 0 40px;
}

/* --- HEADER --- */
#clemy-ritual-scripting .edito-header {
display: flex;
align-items: center;
gap: 40px;
margin-bottom: 80px;
}

#clemy-ritual-scripting .edito-num {
font-size: 8rem;
font-weight: 900;
line-height: 0.8;
color: var(--dark);
opacity: 0.05;
}

#clemy-ritual-scripting .edito-title {
font-size: clamp(2rem, 5vw, 3.2rem);
line-height: 1.1;
font-weight: 300;
color: var(--dark);
margin: 0;
letter-spacing: -2px;
}

#clemy-ritual-scripting .edito-title strong {
color: var(--wine);
font-weight: 900;
}

#clemy-ritual-scripting .header-line {
width: 100px;
height: 1px;
background: var(--amethyst);
margin-top: 25px;
}

/* --- INTRO --- */
#clemy-ritual-scripting .ritual-intro {
max-width: 850px;
margin-bottom: 80px;
}

#clemy-ritual-scripting .p-dropcap::first-letter {
font-size: 4.5rem;
font-weight: 900;
float: left;
line-height: 0.8;
margin-right: 15px;
color: var(--dark);
}

#clemy-ritual-scripting .ritual-intro p {
font-size: 1.25rem;
color: #444;
}

/* --- STATIONERY DESIGN (LE CAHIER) --- */
#clemy-ritual-scripting .scripting-stationery {
background: var(--paper);
padding: 80px 60px;
border-radius: 4px;
box-shadow: 0 40px 100px rgba(26, 11, 46, 0.05);
border: 1px solid var(--line);
position: relative;
overflow: hidden;
}

#clemy-ritual-scripting .stationery-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 60px;
border-bottom: 2px solid var(--dark);
padding-bottom: 20px;
}

#clemy-ritual-scripting .h3-wine {
font-size: 1.8rem;
font-weight: 900;
color: var(--wine);
margin: 0;
text-transform: uppercase;
letter-spacing: -1px;
}

#clemy-ritual-scripting .date-label {
font-size: 0.8rem;
font-weight: 800;
color: var(--amethyst);
letter-spacing: 3px;
text-transform: uppercase;
}

/* Steps Rows */
#clemy-ritual-scripting .step-row {
display: flex;
gap: 40px;
padding: 30px 0;
border-bottom: 1px solid var(--line);
align-items: flex-start;
}

#clemy-ritual-scripting .step-digit {
font-family: serif;
font-style: italic;
font-size: 2rem;
color: var(--wine);
opacity: 0.4;
min-width: 50px;
}

#clemy-ritual-scripting .step-text {
font-size: 1.15rem;
color: #555;
}

#clemy-ritual-scripting .step-text strong {
color: var(--dark);
font-weight: 800;
}

/* --- FOOTER --- */
#clemy-ritual-scripting .ritual-footer {
margin-top: 80px;
text-align: center;
}

#clemy-ritual-scripting .ritual-footer p {
font-size: 1.1rem;
font-style: italic;
color: #666;
max-width: 800px;
margin: 0 auto 50px;
}

#clemy-ritual-scripting .final-seal {
display: inline-block;
padding: 15px 40px;
border: 1px solid var(--dark);
font-size: 0.9rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 4px;
color: var(--dark);
}

/* --- LINKS --- */
#clemy-ritual-scripting a { text-decoration: none; font-weight: 700; transition: 0.3s; }
#clemy-ritual-scripting .link-amethyst { color: var(--amethyst); border-bottom: 1px solid var(--amethyst); }
#clemy-ritual-scripting .link-wine { color: var(--wine); text-decoration: underline; }
#clemy-ritual-scripting .link-dark-bold { color: var(--dark); font-weight: 900; }

/* --- RESPONSIVE --- */
@media (max-width: 850px) {
#clemy-ritual-scripting .edito-header { flex-direction: column; gap: 10px; text-align: center; }
#clemy-ritual-scripting .scripting-stationery { padding: 40px 20px; }
#clemy-ritual-scripting .step-row { gap: 20px; }
#clemy-ritual-scripting .stationery-header { flex-direction: column; align-items: flex-start; gap: 10px; }
#clemy-ritual-scripting .edito-wrapper { padding: 0 25px; }
}@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : RITUEL DE SCRIPTING (#clemy-ritual-scripting)
   ============================================================ */

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

    #clemy-ritual-scripting .edito-wrapper {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER : L'AUTORITÉ DE L'ÉCRIT (CENTRAGE PRESTIGE) */
    #clemy-ritual-scripting .edito-header {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: 40px !important;
        gap: 15px !important;
    }

    #clemy-ritual-scripting .edito-num {
        font-size: 4rem !important; /* Calibrage pour le focus vertical */
        opacity: 0.1 !important;
        margin-bottom: -15px !important;
        line-height: 1 !important;
    }

    #clemy-ritual-scripting .edito-title {
        font-size: 1.7rem !important;
        line-height: 1.2 !important;
        max-width: 320px;
        margin: 0 auto !important;
        letter-spacing: -1px !important;
    }

    #clemy-ritual-scripting .header-line {
        margin: 15px auto 0 !important;
        width: 60px !important;
    }

    /* 3. INTRODUCTION & LETTRINE */
    #clemy-ritual-scripting .ritual-intro {
        margin-bottom: 40px !important;
        text-align: left !important;
    }

    #clemy-ritual-scripting .p-dropcap::first-letter {
        font-size: 3.5rem !important; /* Empêche l'isolement des mots courts */
        margin-right: 12px !important;
        line-height: 0.9 !important;
    }

    #clemy-ritual-scripting .ritual-intro p {
        font-size: 1.1rem !important;
        line-height: 1.6 !important;
    }

    /* 4. STATIONERY (LE CARNET MOBILE) */
    #clemy-ritual-scripting .scripting-stationery {
        padding: 35px 15px !important;
        border-radius: 12px !important;
        box-shadow: 0 20px 50px rgba(0,0,0,0.03) !important;
    }

    #clemy-ritual-scripting .stationery-header {
        flex-direction: column !important;
        align-items: center !important; /* Centrage pour l'équilibre mobile */
        text-align: center !important;
        gap: 15px !important;
        margin-bottom: 35px !important;
        padding-bottom: 15px !important;
    }

    #clemy-ritual-scripting .h3-wine {
        font-size: 1.4rem !important;
        letter-spacing: 0px !important;
    }

    #clemy-ritual-scripting .date-label {
        font-size: 0.7rem !important;
        letter-spacing: 2px !important;
    }

    /* Lignes du rituel */
    #clemy-ritual-scripting .step-row {
        gap: 15px !important;
        padding: 20px 0 !important;
        flex-direction: row !important; /* On garde l'alignement horizontal */
    }

    #clemy-ritual-scripting .step-digit {
        font-size: 1.5rem !important;
        min-width: 35px !important;
    }

    #clemy-ritual-scripting .step-text {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    /* 5. FOOTER & SCEAU FINAL */
    #clemy-ritual-scripting .ritual-footer {
        margin-top: 50px !important;
    }

    #clemy-ritual-scripting .ritual-footer p {
        font-size: 0.95rem !important;
        padding: 0 10px;
        margin-bottom: 35px !important;
    }

    #clemy-ritual-scripting .final-seal {
        padding: 12px 30px !important;
        font-size: 0.8rem !important;
        letter-spacing: 3px !important;
        display: block !important; /* Le sceau prend toute la largeur utile */
        max-width: 250px;
        margin: 0 auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-23a87784 */#clemy-nexus-final {
--dark-void: #0D0D0D;
--wine: #9A2A5B;
--amethyst: #8E44AD;
--white: #FFFFFF;

background-color: var(--dark-void);
padding: 140px 20px;
font-family: 'Inter', -apple-system, sans-serif;
position: relative;
overflow: hidden;
text-align: center;
color: var(--white);
border-radius: 0 0 80px 80px; /* Courbure finale de la page */
}

/* L'aura de lumière en arrière-plan */
#clemy-nexus-final .nexus-aura {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 100%; height: 100%;
background: radial-gradient(circle, rgba(154, 42, 91, 0.2) 0%, rgba(142, 68, 173, 0.05) 50%, transparent 80%);
pointer-events: none;
z-index: 1;
}

#clemy-nexus-final .nexus-wrapper {
max-width: 900px;
margin: 0 auto;
position: relative;
z-index: 2;
}

/* --- TITRE --- */
#clemy-nexus-final .nexus-title {
font-size: clamp(2.2rem, 8vw, 4rem);
font-weight: 900;
line-height: 1.1;
text-transform: uppercase;
letter-spacing: -2px;
margin-bottom: 20px;
}

#clemy-nexus-final .nexus-highlight {
display: block;
color: transparent;
-webkit-text-stroke: 1px var(--white);
opacity: 0.9;
}

#clemy-nexus-final .nexus-line {
width: 80px;
height: 4px;
background: var(--wine);
margin: 40px auto;
box-shadow: 0 0 20px var(--wine);
}

/* --- CORPS --- */
#clemy-nexus-final .nexus-body p {
font-size: 1.4rem;
font-weight: 300;
line-height: 1.6;
max-width: 750px;
margin: 0 auto 60px;
color: rgba(255,255,255,0.8);
}

#clemy-nexus-final .nexus-body strong {
color: var(--white);
font-weight: 800;
}

/* --- BOUTON NEXUS --- */
#clemy-nexus-final .btn-nexus-main {
display: inline-block;
position: relative;
background: var(--white);
color: var(--dark-void);
padding: 28px 60px;
border-radius: 100px;
text-decoration: none;
font-weight: 950;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: 0 0 30px rgba(255,255,255,0.1);
}

#clemy-nexus-final .btn-nexus-main:hover {
transform: scale(1.05) translateY(-5px);
box-shadow: 0 20px 50px rgba(154, 42, 91, 0.4);
background: var(--wine);
color: var(--white);
}

/* Effet de brillance animé sur le bouton */
#clemy-nexus-final .btn-shine {
position: absolute;
top: 0; left: -100%;
width: 100%; height: 100%;
background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent);
transition: all 0.6s;
}

#clemy-nexus-final .btn-nexus-main:hover .btn-shine {
left: 100%;
}

/* --- FOOTER --- */
#clemy-nexus-final .nexus-sublinks {
margin-top: 40px;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: rgba(255,255,255,0.4);
}

#clemy-nexus-final .sep {
margin: 0 15px;
color: var(--wine);
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
#clemy-nexus-final { padding: 100px 20px; }
#clemy-nexus-final .btn-nexus-main {
padding: 22px 30px;
font-size: 1.1rem;
width: 100%;
box-sizing: border-box;
}
#clemy-nexus-final .nexus-sublinks {
display: flex;
flex-direction: column;
gap: 10px;
}
#clemy-nexus-final .sep { display: none; }/* ============================================================
   FORCE RESPONSIVE RADICAL : NEXUS FINAL (#clemy-nexus-final)
   ============================================================ */

    /* 1. RESET GLOBAL & CADRE IMMERSIF */
    #clemy-nexus-final {
        padding: 80px 15px !important;
        border-radius: 0 0 40px 40px !important; /* On réduit la courbure pour le mobile */
        overflow-x: hidden !important;
    }

    #clemy-nexus-final .nexus-wrapper {
        width: 100% !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }

    /* 2. L'AURA (OPTIMISATION VISUELLE) */
    #clemy-nexus-final .nexus-aura {
        width: 200% !important; /* On élargit le halo pour éviter les bords nets */
        height: 150% !important;
        opacity: 0.8 !important; /* Plus de présence sur petit écran */
    }

    /* 3. TITRE & TYPOGRAPHIE "STROKE" */
    #clemy-nexus-final .nexus-title {
        font-size: 1.8rem !important; /* Calibrage anti-débordement */
        letter-spacing: -1px !important;
        line-height: 1.1 !important;
        margin-bottom: 15px !important;
    }

    #clemy-nexus-final .nexus-highlight {
        -webkit-text-stroke: 0.5px var(--white) !important; /* Affinage du trait sur petit écran */
        font-size: 1.6rem !important;
        margin-top: 5px;
    }

    #clemy-nexus-final .nexus-line {
        margin: 30px auto !important;
        width: 45px !important;
        height: 3px !important;
    }

    /* 4. CORPS DE TEXTE */
    #clemy-nexus-final .nexus-body p {
        font-size: 1.05rem !important;
        line-height: 1.5 !important;
        margin-bottom: 45px !important;
        padding: 0 5px;
    }

    /* 5. LE BOUTON "NEXUS" (CONVERSION MAXIMALE) */
    #clemy-nexus-final .btn-nexus-main {
        display: block !important;
        width: 100% !important; /* Cible thumb-friendly */
        padding: 22px 20px !important;
        font-size: 1.1rem !important;
        letter-spacing: 2px !important;
        box-sizing: border-box !important;
        transform: none !important; /* Stabilité tactile */
        box-shadow: 0 10px 30px rgba(154, 42, 91, 0.3) !important;
    }

    #clemy-nexus-final .btn-nexus-main:hover {
        transform: none !important; /* Pas de scale sur mobile pour éviter le jitter */
        background: var(--white) !important; /* On garde le blanc pour la lisibilité mobile */
        color: var(--dark-void) !important;
    }

    /* 6. SUB-LINKS & NAVIGATION FINALE */
    #clemy-nexus-final .nexus-sublinks {
        margin-top: 35px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        font-size: 0.7rem !important;
        letter-spacing: 2px !important;
    }

    #clemy-nexus-final .sep {
        display: none !important; /* Suppression des barres verticales */
    }
}@media (max-width: 350px) {
        #clemy-nexus-final .nexus-title { font-size: 1.5rem !important; }
        #clemy-nexus-final .nexus-highlight { font-size: 1.3rem !important; }
        #clemy-nexus-final .btn-nexus-main { font-size: 1rem !important; }
    }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bc300f9 *//* --- FAQ 22H22 : CLEMY PRESTIGE SYSTEM --- */
#clemy-faq-22h22 {
    --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: var(--white);
    font-family: 'Inter', -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
}

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

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

#clemy-faq-22h22 .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-22h22 .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-22h22 .text-gradient {
    background: linear-gradient(135deg, var(--purple), var(--wine));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

#clemy-faq-22h22 .faq-intro { font-size: 1.1rem; color: #666; max-width: 600px; margin: 0 auto; line-height: 1.6; }

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

#clemy-faq-22h22 .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-22h22 .faq-item:hover {
    border-color: var(--purple);
    box-shadow: 0 15px 35px rgba(110, 27, 137, 0.06);
}

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

/* Item Specific Highlighting */
#clemy-faq-22h22 .featured-symmetry[open] { border-left: 6px solid var(--wine); }
#clemy-faq-22h22 .item-ritual[open] { border-left: 6px solid var(--purple); }

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

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

#clemy-faq-22h22 .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-22h22 .q-text {
    font-size: 1.05rem; font-weight: 700; color: var(--dark);
    flex-grow: 1; padding-right: 30px; line-height: 1.4;
}

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

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

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

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

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

    /* 1. RESET GLOBAL & CANVAS */
    #clemy-faq-22h22 {
        padding: 50px 0 !important;
        overflow-x: hidden !important;
    }

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

    /* 2. HEADER : L'HARMONIE DU BÂTISSEUR (CENTRAGE FORCÉ) */
    #clemy-faq-22h22 .faq-header {
        margin-bottom: 40px !important;
        text-align: center !important;
    }

    #clemy-faq-22h22 .display-title {
        font-size: 1.8rem !important; /* Calibrage anti-césure */
        line-height: 1.2 !important;
        text-align: center !important; /* On recentre pour la symétrie du 22 */
        padding: 0 10px;
    }

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

    #clemy-faq-22h22 .faq-intro {
        font-size: 1rem !important;
        line-height: 1.5 !important;
        text-align: center !important;
        padding: 0 10px;
    }

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

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

    #clemy-faq-22h22 summary {
        padding: 22px 15px !important; /* Cible thumb-friendly */
        gap: 12px !important;
    }

    #clemy-faq-22h22 .q-num {
        display: none !important; /* On gagne de la place pour la question */
    }

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

    /* 4. LE CONTENU : L'ESPACE DE LECTURE LIBÉRÉ */
    #clemy-faq-22h22 .faq-content {
        padding: 0 15px 25px 15px !important; /* Suppression du retrait de 85px */
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }

    /* Ajustement des bordures de focus pour le mobile */
    #clemy-faq-22h22 .featured-symmetry[open],
    #clemy-faq-22h22 .item-ritual[open] {
        border-left-width: 4px !important;
    }

    /* Chevron tactile */
    #clemy-faq-22h22 .q-chevron {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }
}@media (max-width: 350px) {
        #clemy-faq-22h22 .display-title { font-size: 1.5rem !important; }
        #clemy-faq-22h22 .q-text { font-size: 0.85rem !important; }
    }/* End custom CSS */