.elementor-4960 .elementor-element.elementor-element-1b157c71{--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-3f00b48 */#clemy-guide-securite {
    --amethyst: #8E44AD;
    --wine: #9A2A5B;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --soft-gray: #F9F7FB;
    
    background: var(--white);
    font-family: 'Inter', -apple-system, sans-serif;
    color: #333;
    line-height: 1.8;
}

#clemy-guide-securite .inner-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 25px;
}

/* --- NAVIGATION STICKY --- */
#clemy-guide-securite .clemy-nav {
    position: sticky; top: 0; z-index: 1000;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #EEE;
}
#clemy-guide-securite .nav-wrap {
    max-width: 1200px; margin: 0 auto; padding: 15px 25px;
    display: flex; justify-content: space-between; align-items: center;
}
#clemy-guide-securite .brand { font-weight: 900; text-transform: uppercase; font-size: 0.85rem; color: var(--dark); letter-spacing: 1px; }
#clemy-guide-securite .brand span { color: var(--amethyst); font-weight: 400; }
#clemy-guide-securite .anchor-menu { display: flex; gap: 5px; }
#clemy-guide-securite .anchor-menu a {
    text-decoration: none; padding: 8px 15px; font-size: 0.8rem; font-weight: 700;
    color: #555; transition: 0.3s; border-radius: 4px;
}
#clemy-guide-securite .anchor-menu a:hover { color: var(--wine); background: var(--soft-gray); }

/* --- HERO --- */
#clemy-guide-securite .hero-local { padding: 80px 0 40px; text-align: center; }
#clemy-guide-securite .badge-amethyst {
    display: inline-block; background: #F4ECF7; color: var(--amethyst);
    padding: 6px 18px; border-radius: 50px; font-size: 0.75rem; font-weight: 800;
    text-transform: uppercase; letter-spacing: 2px; margin-bottom: 30px;
}
#clemy-guide-securite .h1-signature {
    font-size: clamp(2rem, 5vw, 3rem); font-weight: 900; color: var(--wine);
    line-height: 1.2; margin-bottom: 30px; letter-spacing: -1px;
}
#clemy-guide-securite .hero-lead {
    font-size: 1.25rem; color: #555; max-width: 850px; margin: 0 auto;
}

/* --- CONTENT CARD --- */
#clemy-guide-securite .content-monolith { padding-bottom: 100px; }
#clemy-guide-securite .protection-card {
    background: #FFF; border-radius: 30px; padding: 60px;
    box-shadow: 0 30px 70px rgba(26, 11, 46, 0.06);
    display: flex; gap: 40px; position: relative; border: 1px solid #F0F0F0;
}
#clemy-guide-securite .card-accent {
    width: 6px; background: var(--amethyst); border-radius: 10px; flex-shrink: 0;
}
#clemy-guide-securite .lead-wine {
    font-size: 1.4rem; color: var(--wine); font-weight: 600; line-height: 1.5; margin-bottom: 30px;
}
#clemy-guide-securite p { font-size: 1.15rem; color: #4A4A4A; margin-bottom: 25px; }

/* WARNING BOX */
#clemy-guide-securite .expert-warning {
    background: var(--soft-gray); padding: 40px; border-radius: 20px;
    border-left: 4px solid var(--wine); margin-top: 40px;
}
#clemy-guide-securite .expert-warning p { margin: 0; font-style: italic; color: var(--dark); }

/* LINKS */
#clemy-guide-securite a { text-decoration: none; font-weight: 700; transition: 0.3s; }
#clemy-guide-securite .link-amethyst-bold { color: var(--amethyst); border-bottom: 2px solid rgba(142, 68, 173, 0.2); }
#clemy-guide-securite .link-wine-under { color: var(--wine); text-decoration: underline; text-underline-offset: 4px; }
#clemy-guide-securite .link-dark-bold { color: var(--dark); border-bottom: 1px solid var(--dark); }

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
    #clemy-guide-securite .protection-card { flex-direction: column; padding: 40px 25px; gap: 20px; }
    #clemy-guide-securite .card-accent { width: 100%; height: 5px; }
    #clemy-guide-securite .anchor-menu { display: none; }
    #clemy-guide-securite .h1-signature { font-size: 2.2rem; }
    #clemy-guide-securite .lead-wine { font-size: 1.2rem; }
}@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : GUIDE SÉCURITÉ (#clemy-guide-securite)
   ============================================================ */

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

    #clemy-guide-securite .nav-wrap {
        padding: 12px 15px !important;
        justify-content: center !important; /* Centrage du logo puisque le menu disparaît */
    }

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

    /* 2. HERO : L'ACCUEIL SÉCURISÉ */
    #clemy-guide-securite .hero-local {
        padding: 50px 15px 30px !important;
    }

    #clemy-guide-securite .badge-amethyst {
        font-size: 0.65rem !important;
        margin-bottom: 20px !important;
    }

    #clemy-guide-securite .h1-signature {
        font-size: 1.8rem !important; /* Calibrage Prestige */
        line-height: 1.2 !important;
        margin-bottom: 25px !important;
    }

    #clemy-guide-securite .hero-lead {
        font-size: 1.05rem !important;
        line-height: 1.5 !important;
        padding: 0 5px;
    }

    /* 3. CONTENT MONOLITH (LA CARTE DE PROTECTION) */
    #clemy-guide-securite .content-monolith {
        padding-bottom: 60px !important;
    }

    #clemy-guide-securite .protection-card {
        flex-direction: column !important; /* Empilement vertical */
        padding: 30px 20px !important; /* Libération de l'espace de lecture */
        border-radius: 25px !important;
        gap: 25px !important;
    }

    #clemy-guide-securite .card-accent {
        width: 100% !important;
        height: 6px !important; /* L'accent passe d'une barre latérale à une barre de tête */
        border-radius: 50px !important;
    }

    #clemy-guide-securite .lead-wine {
        font-size: 1.2rem !important;
        line-height: 1.4 !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    #clemy-guide-securite p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
    }

    /* 4. WARNING BOX (L'AVERTISSEMENT EXPERT) */
    #clemy-guide-securite .expert-warning {
        padding: 25px 20px !important;
        margin-top: 30px !important;
        border-radius: 15px !important;
        text-align: center !important;
    }

    #clemy-guide-securite .expert-warning p {
        font-size: 0.95rem !important;
    }
}@media (max-width: 350px) {
    #clemy-guide-securite .h1-signature { font-size: 1.55rem !important; }
    #clemy-guide-securite .lead-wine { font-size: 1.1rem !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbab733 */#clemy-illusion-geoloc {
    --amethyst: #8E44AD;
    --wine: #9A2A5B;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --soft-gray: #F8F7FA;
    
    background: var(--white);
    padding: 80px 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: #333;
    line-height: 1.8;
}

#clemy-illusion-geoloc .edito-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 25px;
}

/* --- HEADER --- */
#clemy-illusion-geoloc .edito-header { margin-bottom: 50px; }
#clemy-illusion-geoloc .edito-step {
    font-size: 0.8rem; font-weight: 900; text-transform: uppercase; letter-spacing: 5px; color: var(--amethyst); display: block; margin-bottom: 10px;
}
#clemy-illusion-geoloc .edito-title {
    font-size: clamp(1.8rem, 5vw, 2.8rem); line-height: 1.1; font-weight: 300; color: var(--dark); margin: 0;
}
#clemy-illusion-geoloc .edito-title strong { color: var(--wine); font-weight: 900; }
#clemy-illusion-geoloc .header-divider-amethyst { width: 60px; height: 4px; background: var(--amethyst); margin-top: 20px; }

/* --- INTRO --- */
#clemy-illusion-geoloc .section-intro { margin-bottom: 50px; }
#clemy-illusion-geoloc .lead-text-wine { font-size: 1.4rem; font-weight: 600; color: var(--wine); margin-bottom: 20px; line-height: 1.4; }

/* --- CARD REVELATION --- */
#clemy-illusion-geoloc .revelation-card {
    background: var(--white);
    border-radius: 30px;
    padding: 60px;
    box-shadow: 0 30px 60px rgba(26, 11, 46, 0.05);
    border: 1px solid #EEE;
}

#clemy-illusion-geoloc .h3-wine-bold {
    font-size: 1.8rem; font-weight: 900; color: var(--wine); margin-bottom: 30px; letter-spacing: -1px;
}

/* TRAPS GRID */
#clemy-illusion-geoloc .traps-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 40px 0;
}

#clemy-illusion-geoloc .trap-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 25px;
    background: var(--soft-gray);
    border-radius: 15px;
}

#clemy-illusion-geoloc .trap-icon {
    background: var(--wine);
    color: var(--white);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 900;
    flex-shrink: 0;
}

#clemy-illusion-geoloc .trap-txt { font-size: 1.05rem; color: #555; }
#clemy-illusion-geoloc .trap-txt strong { color: var(--dark); display: block; margin-bottom: 5px; }

/* INSIGHT BOX */
#clemy-illusion-geoloc .clemy-insight-box {
    margin-top: 50px;
    padding: 40px;
    background: var(--dark);
    color: var(--white);
    border-radius: 20px;
    position: relative;
}

#clemy-illusion-geoloc .insight-label {
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--amethyst);
    margin-bottom: 15px;
}

#clemy-illusion-geoloc .clemy-insight-box p { color: rgba(255,255,255,0.8); margin: 0; font-size: 1.1rem; font-style: italic; }

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

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    #clemy-illusion-geoloc .revelation-card { padding: 40px 25px; }
    #clemy-illusion-geoloc .clemy-insight-box { padding: 30px 20px; }
    #clemy-illusion-geoloc .h3-wine-bold { font-size: 1.5rem; }/* ============================================================
   FORCE RESPONSIVE RADICAL : L'ILLUSION (#clemy-illusion-geoloc)
   ============================================================ */

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

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

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

    #clemy-illusion-geoloc .edito-step {
        font-size: 0.7rem !important;
        letter-spacing: 3px !important;
        margin-bottom: 8px !important;
    }

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

    #clemy-illusion-geoloc .header-divider-amethyst {
        margin: 15px auto 0 !important;
        width: 45px !important;
    }

    /* 3. INTRO */
    #clemy-illusion-geoloc .section-intro {
        margin-bottom: 35px !important;
        text-align: center !important;
    }

    #clemy-illusion-geoloc .lead-text-wine {
        font-size: 1.15rem !important;
        line-height: 1.4 !important;
        padding: 0 10px;
    }

    /* 4. REVELATION CARD (L'ÉCRIN DE VÉRITÉ) */
    #clemy-illusion-geoloc .revelation-card {
        padding: 35px 20px !important;
        border-radius: 25px !important;
        box-shadow: 0 15px 40px rgba(26, 11, 46, 0.04) !important;
    }

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

    /* Les Pièges (Traps Grid) */
    #clemy-illusion-geoloc .traps-grid {
        gap: 20px !important;
        margin: 30px 0 !important;
    }

    #clemy-illusion-geoloc .trap-item {
        flex-direction: column !important; /* On empile pour donner de l'air au texte */
        align-items: center !important;
        text-align: center !important;
        padding: 20px 15px !important;
        gap: 15px !important;
    }

    #clemy-illusion-geoloc .trap-icon {
        width: 24px !important;
        height: 24px !important;
        font-size: 0.8rem !important;
    }

    #clemy-illusion-geoloc .trap-txt {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    #clemy-illusion-geoloc .trap-txt strong {
        font-size: 1rem !important;
        margin-bottom: 8px !important;
    }

    /* 5. INSIGHT BOX (LE BLOC SOMBRE FINAL) */
    #clemy-illusion-geoloc .clemy-insight-box {
        margin-top: 35px !important;
        padding: 30px 20px !important;
        border-radius: 18px !important;
        text-align: center !important;
    }

    #clemy-illusion-geoloc .insight-label {
        font-size: 0.65rem !important;
        letter-spacing: 1.5px !important;
    }

    #clemy-illusion-geoloc .clemy-insight-box p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-93edf82 */#clemy-scanner-2026 {
    --amethyst: #8E44AD;
    --wine: #9A2A5B;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --soft-bg: #F9F8FB;
    
    background: var(--white);
    padding: 100px 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: #333;
    line-height: 1.8;
}

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

/* --- HEADER --- */
#clemy-scanner-2026 .edito-header { margin-bottom: 60px; }
#clemy-scanner-2026 .edito-step {
    font-size: 0.8rem; font-weight: 900; text-transform: uppercase; letter-spacing: 5px; color: var(--amethyst); display: block; margin-bottom: 10px;
}
#clemy-scanner-2026 .edito-title {
    font-size: clamp(1.8rem, 5vw, 2.8rem); line-height: 1.1; font-weight: 300; color: var(--dark); margin: 0;
}
#clemy-scanner-2026 .edito-title strong { color: var(--wine); font-weight: 900; }
#clemy-scanner-2026 .header-line-amethyst { width: 60px; height: 4px; background: var(--amethyst); margin-top: 25px; }

/* --- INTRO --- */
#clemy-scanner-2026 .section-intro { margin-bottom: 60px; max-width: 850px; font-size: 1.15rem; color: #555; }

/* --- SCANNER GRID --- */
#clemy-scanner-2026 .scanner-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 80px;
}

#clemy-scanner-2026 .scan-card {
    background: var(--white);
    padding: 40px;
    border-radius: 25px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.05);
    border: 1px solid #EEE;
    position: relative;
    transition: transform 0.3s ease;
}
#clemy-scanner-2026 .scan-card:hover { transform: translateY(-10px); }

#clemy-scanner-2026 .card-num {
    font-size: 3rem; font-weight: 900; color: var(--dark); opacity: 0.05;
    position: absolute; top: 20px; right: 30px;
}

#clemy-scanner-2026 .scan-card h3 {
    font-size: 1.2rem; font-weight: 900; color: var(--dark); margin: 0 0 20px 0; line-height: 1.3;
}
#clemy-scanner-2026 .scan-card h3 span { color: var(--wine); }
#clemy-scanner-2026 .scan-card p { font-size: 1rem; color: #666; margin: 0; }

#clemy-scanner-2026 .card-amethyst { border-top: 6px solid var(--amethyst); }
#clemy-scanner-2026 .card-wine { border-top: 6px solid var(--wine); }
#clemy-scanner-2026 .card-dark { border-top: 6px solid var(--dark); }

/* --- RED FLAGS MONOLITH --- */
#clemy-scanner-2026 .red-flags-monolith {
    background: var(--dark);
    padding: 60px;
    border-radius: 40px;
    color: var(--white);
    position: relative;
    overflow: hidden;
}

#clemy-scanner-2026 .h3-white {
    font-size: 1.8rem; font-weight: 900; color: var(--white); margin-bottom: 40px; text-align: center;
}

#clemy-scanner-2026 .flag-list {
    list-style: none; padding: 0; margin: 0;
    display: grid; gap: 30px;
}

#clemy-scanner-2026 .flag-list li {
    display: flex; gap: 20px; align-items: flex-start;
    padding: 20px; background: rgba(255, 255, 255, 0.05); border-radius: 15px;
}

#clemy-scanner-2026 .flag-icon { font-size: 1.5rem; }
#clemy-scanner-2026 .flag-txt { font-size: 1.05rem; line-height: 1.6; }
#clemy-scanner-2026 .flag-txt strong { color: var(--wine); display: block; margin-bottom: 5px; }

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

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
    #clemy-scanner-2026 .edito-wrapper { padding: 0 25px; }
    #clemy-scanner-2026 .red-flags-monolith { padding: 40px 20px; border-radius: 25px; }
    #clemy-scanner-2026 .flag-list li { flex-direction: column; gap: 10px; text-align: center; }
}@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : SCANNER (#clemy-scanner-2026)
   ============================================================ */

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

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

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

    #clemy-scanner-2026 .edito-step {
        font-size: 0.7rem !important;
        letter-spacing: 3px !important;
        margin-bottom: 8px !important;
    }

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

    #clemy-scanner-2026 .header-line-amethyst {
        margin: 15px auto 0 !important;
        width: 45px !important;
    }

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

    /* 4. SCANNER GRID (LES CARTES D'AUTO-ÉVALUATION) */
    #clemy-scanner-2026 .scanner-grid {
        grid-template-columns: 1fr !important; /* Empilement forcé */
        gap: 20px !important;
        margin-bottom: 50px !important;
    }

    #clemy-scanner-2026 .scan-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
        transform: none !important; /* SÉCURITÉ TACTILE : On bloque le saut au scroll */
        text-align: center !important;
    }

    #clemy-scanner-2026 .scan-card:hover {
        transform: none !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
    }

    #clemy-scanner-2026 .card-num {
        font-size: 2.2rem !important;
        top: 15px !important;
        right: 20px !important;
    }

    #clemy-scanner-2026 .scan-card h3 {
        font-size: 1.15rem !important;
        padding-right: 0 !important; /* On rééquilibre l'espace pris par le numéro */
    }

    /* 5. RED FLAGS MONOLITH (LE BLOC DE VIGILANCE) */
    #clemy-scanner-2026 .red-flags-monolith {
        padding: 40px 20px !important;
        border-radius: 25px !important;
    }

    #clemy-scanner-2026 .h3-white {
        font-size: 1.4rem !important;
        margin-bottom: 30px !important;
    }

    #clemy-scanner-2026 .flag-list {
        gap: 15px !important;
    }

    #clemy-scanner-2026 .flag-list li {
        flex-direction: column !important; /* Icône au-dessus du texte */
        align-items: center !important;
        text-align: center !important;
        padding: 20px 15px !important;
        gap: 12px !important;
        border-radius: 15px !important;
    }

    #clemy-scanner-2026 .flag-icon {
        font-size: 1.3rem !important;
    }

    #clemy-scanner-2026 .flag-txt {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    #clemy-scanner-2026 .flag-txt strong {
        font-size: 1.05rem !important;
        margin-bottom: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5f6c583 */#clemy-duel-energetique {
    --amethyst: #8E44AD;
    --wine: #9A2A5B;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --soft-gray: #F8F7FA;
    --danger: #9A2A5B; /* Utilisation du Wine pour le risque */
    --safe: #8E44AD;   /* Utilisation de l'Améthyste pour la sécurité */
    
    background: var(--white);
    padding: 100px 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: #333;
    line-height: 1.8;
}

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

/* --- HEADER --- */
#clemy-duel-energetique .edito-header { margin-bottom: 60px; }
#clemy-duel-energetique .edito-step {
    font-size: 0.8rem; font-weight: 900; text-transform: uppercase; letter-spacing: 5px; color: var(--amethyst); display: block; margin-bottom: 10px;
}
#clemy-duel-energetique .edito-title {
    font-size: clamp(1.8rem, 5vw, 2.8rem); line-height: 1.1; font-weight: 300; color: var(--dark); margin: 0;
}
#clemy-duel-energetique .edito-title strong { color: var(--wine); font-weight: 900; }
#clemy-duel-energetique .header-line-wine { width: 60px; height: 4px; background: var(--wine); margin-top: 25px; }

/* --- INTRO --- */
#clemy-duel-energetique .section-intro { margin-bottom: 60px; max-width: 850px; }
#clemy-duel-energetique .lead-text-wine { font-size: 1.4rem; font-weight: 600; color: var(--wine); margin-bottom: 20px; line-height: 1.4; }

/* --- DUEL SYSTEM (GRID-FLEX) --- */
#clemy-duel-energetique .duel-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 80px;
}

#clemy-duel-energetique .duel-row {
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(26, 11, 46, 0.05);
    border: 1px solid #F0F0F0;
}

#clemy-duel-energetique .duel-label {
    background: var(--dark);
    color: var(--white);
    padding: 15px;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.85rem;
}

#clemy-duel-energetique .duel-sides {
    display: flex;
}

#clemy-duel-energetique .side {
    flex: 1;
    padding: 35px;
}

#clemy-duel-energetique .cabinet {
    border-right: 1px solid #EEE;
    background: #FCFBFF;
}

#clemy-duel-energetique .side-tag {
    display: block;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: 1px;
    opacity: 0.6;
}

#clemy-duel-energetique .risk-high { color: var(--wine); }
#clemy-duel-energetique .risk-null { color: #2E7D32; }

/* --- EXPERT BLOCK --- */
#clemy-duel-energetique .clemy-expert-block {
    background: var(--soft-gray);
    padding: 50px;
    border-radius: 40px;
    position: relative;
    border: 1px solid #EEE;
}

#clemy-duel-energetique .expert-label {
    font-size: 0.8rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--wine);
    margin-bottom: 20px;
}

#clemy-duel-energetique .expert-inner p {
    font-size: 1.2rem;
    color: var(--dark);
    margin: 0;
    font-style: italic;
}

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

/* --- RESPONSIVE --- */
@media (max-width: 800px) {
    #clemy-duel-energetique .duel-sides { flex-direction: column; }
    #clemy-duel-energetique .cabinet { border-right: none; border-bottom: 1px solid #EEE; }
    #clemy-duel-energetique .edito-wrapper { padding: 0 20px; }
    #clemy-duel-energetique .side { padding: 25px; }
    #clemy-duel-energetique .clemy-expert-block { padding: 30px 20px; border-radius: 20px; }
}@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : DUEL ÉNERGÉTIQUE (#clemy-duel-energetique)
   ============================================================ */

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

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

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

    #clemy-duel-energetique .edito-step {
        font-size: 0.7rem !important;
        letter-spacing: 3px !important;
        margin-bottom: 8px !important;
    }

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

    #clemy-duel-energetique .header-line-wine {
        margin: 15px auto 0 !important;
        width: 45px !important;
    }

    /* 3. INTRO */
    #clemy-duel-energetique .section-intro {
        margin-bottom: 40px !important;
        text-align: center !important;
    }

    #clemy-duel-energetique .lead-text-wine {
        font-size: 1.15rem !important;
        line-height: 1.4 !important;
        padding: 0 10px;
    }

    /* 4. DUEL GRID (CONFRONTATION CABINET vs DISTANCE) */
    #clemy-duel-energetique .duel-grid {
        gap: 20px !important;
        margin-bottom: 50px !important;
    }

    #clemy-duel-energetique .duel-row {
        border-radius: 15px !important;
    }

    #clemy-duel-energetique .duel-label {
        padding: 12px !important;
        font-size: 0.75rem !important;
        letter-spacing: 1.5px !important;
    }

    #clemy-duel-energetique .duel-sides {
        flex-direction: column !important; /* Empilement forcé */
    }

    #clemy-duel-energetique .side {
        padding: 25px 20px !important;
        text-align: center !important; /* On centre pour l'équilibre mobile */
    }

    #clemy-duel-energetique .cabinet {
        border-right: none !important;
        border-bottom: 1px solid #EEE !important; /* Séparation horizontale */
    }

    #clemy-duel-energetique .side-tag {
        font-size: 0.65rem !important;
        margin-bottom: 10px !important;
    }

    #clemy-duel-energetique .side p {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
        margin: 0 !important;
    }

    /* 5. EXPERT BLOCK (L'INSIGHT SAGESSE) */
    #clemy-duel-energetique .clemy-expert-block {
        padding: 30px 20px !important;
        border-radius: 20px !important;
        text-align: center !important;
    }

    #clemy-duel-energetique .expert-label {
        font-size: 0.7rem !important;
        letter-spacing: 2px !important;
        margin-bottom: 15px !important;
    }

    #clemy-duel-energetique .expert-inner p {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1c5849b */#clemy-tresors-locaux {
    --amethyst: #8E44AD;
    --wine: #9A2A5B;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --soft-gray: #F9F7FB;
    
    background: var(--white);
    padding: 100px 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: #333;
    line-height: 1.8;
}

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

/* --- HEADER --- */
#clemy-tresors-locaux .edito-header { margin-bottom: 60px; }
#clemy-tresors-locaux .edito-step {
    font-size: 0.8rem; font-weight: 900; text-transform: uppercase; letter-spacing: 5px; color: var(--amethyst); display: block; margin-bottom: 10px;
}
#clemy-tresors-locaux .edito-title {
    font-size: clamp(1.8rem, 5vw, 2.8rem); line-height: 1.1; font-weight: 300; color: var(--dark); margin: 0;
}
#clemy-tresors-locaux .edito-title strong { color: var(--wine); font-weight: 900; }
#clemy-tresors-locaux .header-line-wine { width: 60px; height: 4px; background: var(--wine); margin-top: 25px; }

/* --- INTRO --- */
#clemy-tresors-locaux .section-intro { margin-bottom: 60px; max-width: 850px; }
#clemy-tresors-locaux .lead-text-wine { font-size: 1.4rem; font-weight: 600; color: var(--wine); margin-bottom: 20px; line-height: 1.4; }

/* --- DISCOVERY LAYOUT --- */
#clemy-tresors-locaux .discovery-layout {
    display: flex;
    gap: 60px;
    align-items: center;
    margin-bottom: 80px;
}
#clemy-tresors-locaux .discovery-text { flex: 1.5; }
#clemy-tresors-locaux .discovery-visual { flex: 1; }

#clemy-tresors-locaux .treasure-list {
    list-style: none; padding: 0; margin: 0;
}
#clemy-tresors-locaux .treasure-list li {
    display: flex; gap: 20px; align-items: flex-start; margin-bottom: 30px;
}
#clemy-tresors-locaux .treasure-icon { font-size: 1.5rem; }
#clemy-tresors-locaux .treasure-content { font-size: 1.05rem; color: #555; }
#clemy-tresors-locaux .treasure-content strong { color: var(--dark); display: block; margin-bottom: 5px; }
#clemy-tresors-locaux .treasure-content a { color: var(--amethyst); font-weight: 700; text-decoration: underline; }

/* IMAGE FRAME */
#clemy-tresors-locaux .image-frame-luxury { position: relative; }
#clemy-tresors-locaux .image-frame-luxury img {
    width: 100%; border-radius: 15px; position: relative; z-index: 2; box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}
#clemy-tresors-locaux .frame-accent-amethyst {
    position: absolute; top: 15px; left: -15px; width: 100%; height: 100%;
    border: 2px solid var(--amethyst); border-radius: 15px; opacity: 0.3; z-index: 1;
}

/* --- TACTIC BOX --- */
#clemy-tresors-locaux .expert-tactic-box {
    background: var(--soft-gray);
    padding: 60px;
    border-radius: 40px;
    border: 1px solid #EEE;
}
#clemy-tresors-locaux .h3-wine { color: var(--wine); font-size: 1.8rem; font-weight: 900; margin-bottom: 25px; }
#clemy-tresors-locaux .pro-answer-highlight {
    margin-top: 35px;
    padding: 30px;
    background: var(--white);
    border-left: 6px solid var(--wine);
    border-radius: 0 15px 15px 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}
#clemy-tresors-locaux .pro-answer-highlight p { margin: 0; font-size: 1.1rem; }
#clemy-tresors-locaux .link-wine-bold { color: var(--wine); font-weight: 800; text-decoration: underline; }

/* --- LINKS --- */
#clemy-tresors-locaux a.link-amethyst { color: var(--amethyst); font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--amethyst); }

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
    #clemy-tresors-locaux .discovery-layout { flex-direction: column; gap: 40px; }
    #clemy-tresors-locaux .edito-wrapper { padding: 0 25px; }
    #clemy-tresors-locaux .expert-tactic-box { padding: 40px 25px; border-radius: 20px; }
} @media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : TRÉSORS LOCAUX (#clemy-tresors-locaux)
   ============================================================ */

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

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

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

    #clemy-tresors-locaux .edito-step {
        font-size: 0.7rem !important;
        letter-spacing: 3px !important;
        margin-bottom: 8px !important;
    }

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

    #clemy-tresors-locaux .header-line-wine {
        margin: 15px auto 0 !important;
        width: 45px !important;
    }

    /* 3. DISCOVERY LAYOUT (IMAGE EN TÊTE) */
    #clemy-tresors-locaux .discovery-layout {
        flex-direction: column !important; /* On confirme l'empilement */
        gap: 35px !important;
        margin-bottom: 40px !important;
    }

    #clemy-tresors-locaux .discovery-visual {
        order: -1 !important; /* L'image passe au-dessus du texte */
        max-width: 320px !important;
        margin: 0 auto !important;
    }

    /* Ajustement du cadre de luxe pour éviter le débordement */
    #clemy-tresors-locaux .frame-accent-amethyst {
        top: 8px !important;
        left: -8px !important; /* Décalage réduit pour mobile */
        border-width: 1px !important;
    }

    /* 4. LISTE DES TRÉSORS (TEXTE) */
    #clemy-tresors-locaux .treasure-list li {
        gap: 15px !important;
        margin-bottom: 25px !important;
        align-items: center !important; /* Centrage icône/titre pour mobile */
        text-align: center !important;
        flex-direction: column !important;
    }

    #clemy-tresors-locaux .treasure-icon {
        font-size: 1.3rem !important;
        margin-bottom: 5px !important;
    }

    #clemy-tresors-locaux .treasure-content {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    #clemy-tresors-locaux .treasure-content strong {
        font-size: 1.05rem !important;
        margin-bottom: 8px !important;
    }

    /* 5. TACTIC BOX (L'INSIGHT EXPERT) */
    #clemy-tresors-locaux .expert-tactic-box {
        padding: 35px 20px !important;
        border-radius: 20px !important;
        text-align: center !important;
    }

    #clemy-tresors-locaux .h3-wine {
        font-size: 1.4rem !important;
        margin-bottom: 20px !important;
    }

    #clemy-tresors-locaux .pro-answer-highlight {
        padding: 20px !important;
        border-left: none !important;
        border-top: 5px solid var(--wine) !important; /* La bordure passe en haut */
        border-radius: 15px !important;
        margin-top: 25px !important;
    }

    #clemy-tresors-locaux .pro-answer-highlight p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-54144095 */#clemy-security-nexus {
    --amethyst: #8E44AD;
    --wine: #9A2A5B;
    --dark: #1A0B2E;
    --white: #FFFFFF;
    --soft-gray: #F8F7FA;
    --alert-bg: #FFF5F7;
    
    background: var(--white);
    padding: 100px 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: #333;
    line-height: 1.8;
}

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

/* --- HEADER --- */
#clemy-security-nexus .edito-header { margin-bottom: 50px; }
#clemy-security-nexus .edito-step {
    font-size: 0.8rem; font-weight: 900; text-transform: uppercase; letter-spacing: 5px; color: var(--amethyst); display: block; margin-bottom: 10px;
}
#clemy-security-nexus .edito-title {
    font-size: clamp(1.8rem, 5vw, 2.8rem); line-height: 1.1; font-weight: 300; color: var(--dark); margin: 0;
}
#clemy-security-nexus .edito-title strong { color: var(--wine); font-weight: 900; }
#clemy-security-nexus .header-divider-wine { width: 60px; height: 4px; background: var(--wine); margin-top: 25px; }

/* --- INTRO --- */
#clemy-security-nexus .section-intro { margin-bottom: 60px; max-width: 850px; font-size: 1.15rem; color: #555; }

/* --- SECURITY BLOCKS --- */
#clemy-security-nexus .security-blocks {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 100px;
}

#clemy-security-nexus .monolith-alert, 
#clemy-security-nexus .monolith-wisdom {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.03);
    border: 1px solid #EEE;
}

#clemy-security-nexus .monolith-head {
    padding: 25px 40px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--white);
}

#clemy-security-nexus .monolith-alert .monolith-head { background: var(--wine); }
#clemy-security-nexus .monolith-wisdom .monolith-head { background: var(--amethyst); }

#clemy-security-nexus .monolith-body { padding: 40px; }
#clemy-security-nexus .monolith-alert .monolith-body { background: var(--alert-bg); }

#clemy-security-nexus ul { list-style: none; padding: 0; margin: 0; }
#clemy-security-nexus li { padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,0.05); font-size: 1.05rem; }
#clemy-security-nexus li:last-child { border-bottom: none; }
#clemy-security-nexus li strong { color: var(--dark); }

/* --- NEXUS FINAL --- */
#clemy-security-nexus .cta-nexus-final {
    background: var(--dark);
    padding: 100px 40px;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
    color: var(--white);
    text-align: center;
}

#clemy-security-nexus .nexus-aura {
    position: absolute;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 100%; height: 100%;
    background: radial-gradient(circle, rgba(142, 68, 173, 0.2) 0%, transparent 70%);
}

#clemy-security-nexus .nexus-inner { position: relative; z-index: 2; }
#clemy-security-nexus .h3-white { font-size: 3rem; font-weight: 300; margin-bottom: 30px; line-height: 1.1; }
#clemy-security-nexus .h3-white span { font-weight: 900; color: var(--amethyst); }

#clemy-security-nexus .nexus-inner p {
    font-size: 1.3rem; color: rgba(255,255,255,0.8); max-width: 800px; margin: 0 auto 50px;
}

#clemy-security-nexus .btn-nexus {
    display: inline-block;
    background: var(--white);
    color: var(--dark);
    padding: 25px 60px;
    border-radius: 100px;
    text-decoration: none;
    font-weight: 900;
    font-size: 1.3rem;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#clemy-security-nexus .btn-nexus:hover { transform: scale(1.05) translateY(-5px); }

#clemy-security-nexus .nexus-seal {
    margin-top: 50px;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 4px;
    opacity: 0.5;
}

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

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
    #clemy-security-nexus .edito-wrapper { padding: 0 25px; }
    #clemy-security-nexus .cta-nexus-final { padding: 60px 25px; border-radius: 20px; }
    #clemy-security-nexus .h3-white { font-size: 2rem; }
    #clemy-security-nexus .monolith-body { padding: 25px; }
    #clemy-security-nexus .btn-nexus { width: 100%; box-sizing: border-box; padding: 20px; font-size: 1.1rem; }
}@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : SECURITY NEXUS (#clemy-security-nexus)
   ============================================================ */

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

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

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

    #clemy-security-nexus .edito-step {
        font-size: 0.7rem !important;
        letter-spacing: 3px !important;
        margin-bottom: 8px !important;
    }

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

    #clemy-security-nexus .header-divider-wine {
        margin: 15px auto 0 !important;
        width: 45px !important;
    }

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

    /* 4. SECURITY BLOCKS (MONOLITHS) */
    #clemy-security-nexus .security-blocks {
        gap: 25px !important;
        margin-bottom: 60px !important;
    }

    #clemy-security-nexus .monolith-alert, 
    #clemy-security-nexus .monolith-wisdom {
        border-radius: 20px !important;
    }

    #clemy-security-nexus .monolith-head {
        padding: 15px 20px !important;
        font-size: 0.75rem !important;
        text-align: center !important;
    }

    #clemy-security-nexus .monolith-body {
        padding: 25px 20px !important;
    }

    #clemy-security-nexus li {
        padding: 12px 0 !important;
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    /* 5. CTA NEXUS FINAL (LE PORTAIL MAGNÉTIQUE) */
    #clemy-security-nexus .cta-nexus-final {
        padding: 50px 20px !important;
        border-radius: 25px !important;
        margin: 0 5px !important; /* Petit retrait pour ne pas coller aux bords */
    }

    #clemy-security-nexus .nexus-aura {
        width: 150% !important;
        height: 150% !important;
        opacity: 0.6 !important;
    }

    #clemy-security-nexus .h3-white {
        font-size: 1.8rem !important;
        line-height: 1.1 !important;
        margin-bottom: 25px !important;
    }

    #clemy-security-nexus .nexus-inner p {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
        margin-bottom: 35px !important;
    }

    #clemy-security-nexus .btn-nexus {
        display: block !important;
        width: 100% !important; /* Le bouton prend toute la largeur pour le confort du pouce */
        padding: 20px 15px !important;
        font-size: 1.15rem !important;
        box-sizing: border-box !important;
        transform: none !important; /* SÉCURITÉ TACTILE : On bloque le scale() */
    }

    #clemy-security-nexus .btn-nexus:hover {
        transform: none !important;
        box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important;
    }

    #clemy-security-nexus .nexus-seal {
        margin-top: 35px !important;
        font-size: 0.65rem !important;
        letter-spacing: 2px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1c14989 *//* --- FAQ VOYANTE AUTOUR DE MOI : CLEMY PRESTIGE SYSTEM --- */
#clemy-local-safety-faq {
    --purple: #6e1b89;
    --dark: #1e1036;
    --wine: #641235;
    --lavender: #f3e5f5;
    --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-local-safety-faq .faq-canvas {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 25px;
}

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

#clemy-local-safety-faq .kicker-badge {
    display: inline-block;
    background: var(--dark);
    color: #ffffff;
    padding: 8px 22px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 25px;
    box-shadow: 0 10px 20px rgba(30, 16, 54, 0.2);
}

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

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

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

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

#clemy-local-safety-faq .faq-item:hover {
    border-color: var(--wine);
    box-shadow: 0 15px 35px rgba(100, 18, 53, 0.05);
}

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

/* Item Specific Styling */
#clemy-local-safety-faq .item-health[open] {
    border-left: 6px solid var(--wine);
}

#clemy-local-safety-faq .featured-cycle[open] {
    border-left: 6px solid var(--purple);
}

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

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

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

#clemy-local-safety-faq .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-local-safety-faq .q-chevron {
    width: 20px;
    height: 20px;
    position: relative;
    transition: 0.4s;
    flex-shrink: 0;
}

#clemy-local-safety-faq .q-chevron::before,
#clemy-local-safety-faq .q-chevron::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    background: var(--wine);
    transition: 0.4s;
}

#clemy-local-safety-faq .q-chevron::before {
    transform: translate(-50%, -50%) rotate(0deg);
}

#clemy-local-safety-faq .q-chevron::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

#clemy-local-safety-faq .faq-item[open] .q-chevron {
    transform: rotate(45deg);
}

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

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

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

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    #clemy-local-safety-faq {
        padding: 60px 0 80px 0 !important;
        overflow-x: hidden !important;
    }

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

    #clemy-local-safety-faq .faq-header {
        margin-bottom: 45px !important;
        text-align: center !important;
    }

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

    #clemy-local-safety-faq .display-title {
        font-size: 1.85rem !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }

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

    #clemy-local-safety-faq .faq-accordion-group {
        gap: 12px !important;
    }

    #clemy-local-safety-faq .faq-item {
        border-radius: 12px !important;
    }

    #clemy-local-safety-faq summary {
        padding: 22px 20px !important;
        gap: 15px !important;
    }

    #clemy-local-safety-faq .q-num {
        display: none !important;
    }

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

    #clemy-local-safety-faq .q-chevron {
        width: 16px !important;
        height: 16px !important;
    }

    #clemy-local-safety-faq .faq-content {
        padding: 0 20px 25px 20px !important;
        font-size: 0.9rem !important;
        line-height: 1.6 !important;
    }

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

    #clemy-local-safety-faq .faq-item[open] .faq-content {
        animation: faqLocalFadeMobile 0.4s ease-out;
    }

    #clemy-local-safety-faq .faq-item[open] summary {
        background: rgba(110, 27, 137, 0.02);
    }
}/* End custom CSS */