.elementor-5852 .elementor-element.elementor-element-30f4cd15{--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-5852 .elementor-element.elementor-element-d8777cd{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-d1c7676 */#ux-alerte-tiktok-2026 {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #1A0B2E;
    --text-soft: #564D65;
    --bg-white: #FFFFFF;
    
    position: relative;
    padding: 100px 0;
    background-color: var(--bg-white);
    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--text-dark);
    overflow: hidden;
}

#ux-alerte-tiktok-2026 .ux-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 25px;
    position: relative;
    z-index: 2;
}

/* --- TITRE MONUMENTAL --- */
#ux-alerte-tiktok-2026 .main-title {
    font-size: clamp(2rem, 7vw, 4.2rem);
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -2px; /* On desserre un peu pour le mobile */
    margin-bottom: 60px;
}

#ux-alerte-tiktok-2026 .gradient-text {
    background: linear-gradient(135deg, var(--wine), var(--amethyst));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- GRID ÉDITORIALE --- */
#ux-alerte-tiktok-2026 .content-editorial-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 60px;
}

#ux-alerte-tiktok-2026 .p-accent {
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: 500;
    color: var(--text-dark);
}

#ux-alerte-tiktok-2026 .p-standard {
    font-size: 1.15rem;
    line-height: 1.8;
    color: var(--text-soft);
}

/* --- FOOTER GLASS --- */
#ux-alerte-tiktok-2026 .questions-box {
    background: rgba(142, 68, 173, 0.03);
    border: 1px solid rgba(142, 68, 173, 0.1);
    border-radius: 40px;
    padding: 50px;
    text-align: left;
}

#ux-alerte-tiktok-2026 .footer-h3 {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--wine);
    margin-bottom: 25px;
}

#ux-alerte-tiktok-2026 .questions-list {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

#ux-alerte-tiktok-2026 .questions-list li {
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
}

#ux-alerte-tiktok-2026 .questions-list li::before {
    content: "—";
    position: absolute;
    left: 0;
    color: var(--amethyst);
}

#ux-alerte-tiktok-2026 .final-lead {
    font-size: 1.1rem;
    font-style: italic;
    color: var(--text-soft);
    margin-bottom: 35px;
}

/* --- BOUTON MINIMALISTE --- */
#ux-alerte-tiktok-2026 .btn-luxe-slim {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 14px 30px;
    border: 1.5px solid var(--wine);
    border-radius: 100px;
    color: var(--wine);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: all 0.3s;
}

#ux-alerte-tiktok-2026 .btn-luxe-slim:hover {
    background: var(--wine);
    color: white;
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    #ux-alerte-tiktok-2026 .content-editorial-grid {
        grid-template-columns: 1fr;
    }
    #ux-alerte-tiktok-2026 .main-title {
        letter-spacing: -1px;
    }
}

@media (max-width: 480px) {
    #ux-alerte-tiktok-2026 .questions-box {
        padding: 30px 20px;
    }
    #ux-alerte-tiktok-2026 .questions-list li {
        font-size: 1.1rem;
    }
}

/* --- OPTIMISATION RESPONSIVE : ALERTE TIKTOK 2026 --- */

@media (max-width: 768px) {
    #ux-alerte-tiktok-2026 {
        padding: 60px 0; /* On réduit le souffle vertical pour le scroll mobile */
    }

    #ux-alerte-tiktok-2026 .ux-container {
        padding: 0 20px;
    }

    /* Titre Monumental : On desserre l'étau */
    #ux-alerte-tiktok-2026 .main-title {
        font-size: 2.2rem; /* Stabilisation de la taille clamp */
        line-height: 1.15; /* Plus d'air entre les lignes pour la lisibilité */
        letter-spacing: -0.5px; /* On évite que les lettres ne se chevauchent */
        margin-bottom: 40px;
    }

    /* Grid Éditoriale : On soigne la hiérarchie */
    #ux-alerte-tiktok-2026 .content-editorial-grid {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 45px;
    }

    #ux-alerte-tiktok-2026 .p-accent {
        font-size: 1.2rem; /* Un peu moins imposant pour ne pas faire "titre" */
        line-height: 1.5;
    }

    #ux-alerte-tiktok-2026 .p-standard {
        font-size: 1.05rem;
        line-height: 1.7;
    }

    /* Questions Box (Le Footer Glass) */
    #ux-alerte-tiktok-2026 .questions-box {
        padding: 35px 20px;
        border-radius: 24px; /* Rayon plus cohérent avec la taille de l'écran */
        background: rgba(142, 68, 137, 0.05); /* On renforce un poil l'opacité */
    }

    #ux-alerte-tiktok-2026 .footer-h3 {
        font-size: 0.75rem;
        letter-spacing: 1.5px;
        margin-bottom: 20px;
    }

    #ux-alerte-tiktok-2026 .questions-list li {
        font-size: 1.1rem;
        padding-left: 20px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    #ux-alerte-tiktok-2026 .final-lead {
        font-size: 1rem;
        margin-bottom: 30px;
    }

    /* Bouton : On l'adapte à la "Thumb-Zone" */
    #ux-alerte-tiktok-2026 .btn-luxe-slim {
        display: flex;
        justify-content: center; /* Centrage pour le clic facile au pouce */
        width: 100%; /* Pleine largeur sur mobile pour maximiser le CTA */
        padding: 16px 20px;
        box-sizing: border-box;
    }
}

/* Optimisation pour les écrans ultra-fins (iPhone SE / mini) */
@media (max-width: 380px) {
    #ux-alerte-tiktok-2026 .main-title {
        font-size: 1.85rem;
    }

    #ux-alerte-tiktok-2026 .p-accent {
        font-size: 1.1rem;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fa58750 */#mecanique-piege-2026 {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #1A0B2E;
    --text-soft: #564D65;
    --bg-light: #FBF8FF;
    
    position: relative;
    padding: 120px 0;
    background-color: var(--bg-light);
    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--text-dark);
    overflow: hidden;
}

#mecanique-piege-2026 .ux-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

/* --- FILIGRANE --- */
#mecanique-piege-2026 .watermark-bg {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20vw;
    font-weight: 900;
    color: rgba(154, 42, 91, 0.02);
    letter-spacing: -0.05em;
    z-index: 0;
    pointer-events: none;
}

/* --- HEADER --- */
#mecanique-piege-2026 .chapter-header-modern {
    margin-bottom: 80px;
    position: relative;
    z-index: 2;
}

#mecanique-piege-2026 .meta-label {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

#mecanique-piege-2026 .label-line {
    width: 40px; height: 2px;
    background: var(--wine);
}

#mecanique-piege-2026 .label-text {
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--wine);
}

#mecanique-piege-2026 .h2-monumental {
    font-size: clamp(2.2rem, 6vw, 3.8rem);
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -3px;
    margin-bottom: 30px;
}

#mecanique-piege-2026 .gradient-text {
    background: linear-gradient(135deg, var(--wine), var(--amethyst));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#mecanique-piege-2026 .p-intro {
    font-size: clamp(1.1rem, 3vw, 1.35rem);
    line-height: 1.6;
    color: var(--text-soft);
    max-width: 800px;
}

/* --- BENTO GRID SYSTEM --- */
#mecanique-piege-2026 .bento-piege-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 30px;
    position: relative;
    z-index: 2;
}

#mecanique-piege-2026 .bento-item {
    padding: 50px;
    border-radius: 40px;
    border: 1px solid rgba(0,0,0,0.04);
    box-shadow: 0 20px 50px rgba(45, 30, 64, 0.03);
    transition: transform 0.4s ease;
}

#mecanique-piege-2026 .box-dopamine { background: #ffffff; }

#mecanique-piege-2026 .box-dark-patterns {
    background: var(--text-dark);
    color: rgba(255,255,255,0.8);
    border: none;
}

#mecanique-piege-2026 .box-head {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 35px;
}

#mecanique-piege-2026 .box-num {
    font-size: 0.9rem;
    font-weight: 900;
    color: var(--wine);
    border: 1px solid var(--wine);
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
}

#mecanique-piege-2026 .box-title {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.2;
}

#mecanique-piege-2026 p {
    font-size: 1.1rem;
    line-height: 1.7;
    margin-bottom: 20px;
}

/* --- ELEMENTS DE STYLE SPECIFIQUES --- */
#mecanique-piege-2026 .experience-simul {
    background: var(--bg-light);
    padding: 25px;
    border-radius: 24px;
    margin: 25px 0;
    border-left: 4px solid var(--amethyst);
}

#mecanique-piege-2026 .simul-content em {
    font-family: serif;
    font-style: italic;
    color: var(--text-dark);
    font-size: 1.2rem;
}

#mecanique-piege-2026 .warning-callout {
    background: rgba(154, 42, 91, 0.15);
    padding: 25px;
    border-radius: 20px;
    margin: 25px 0;
}

#mecanique-piege-2026 .warning-callout p {
    margin: 0;
    color: #fff;
    font-weight: 700;
}

/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
    #mecanique-piege-2026 .bento-piege-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    #mecanique-piege-2026 .bento-item { padding: 30px 20px; }
    #mecanique-piege-2026 .h2-monumental { letter-spacing: -1px; }
}

/* --- OPTIMISATION RESPONSIVE : MÉCANIQUE DU PIÈGE --- */

@media (max-width: 768px) {
    #mecanique-piege-2026 {
        padding: 60px 0; /* Réduction du souffle pour le flux mobile */
    }

    #mecanique-piege-2026 .ux-container {
        padding: 0 20px;
    }

    /* Filigrane : On le stabilise pour éviter qu'il ne "mange" le texte */
    #mecanique-piege-2026 .watermark-bg {
        font-size: 35vw; /* On l'agrandit pour qu'il soit plus abstrait sur mobile */
        opacity: 0.015; /* On baisse encore l'opacité pour la lisibilité */
    }

    /* Header & Titre */
    #mecanique-piege-2026 .chapter-header-modern {
        margin-bottom: 40px;
    }

    #mecanique-piege-2026 .h2-monumental {
        font-size: 2.1rem;
        line-height: 1.1;
        letter-spacing: -0.5px; /* Indispensable pour la lecture sur petit écran */
        margin-bottom: 20px;
    }

    #mecanique-piege-2026 .p-intro {
        font-size: 1.1rem;
        line-height: 1.5;
    }

    /* Bento Grid : Empilement et Espacement */
    #mecanique-piege-2026 .bento-piege-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    #mecanique-piege-2026 .bento-item {
        padding: 35px 20px;
        border-radius: 30px; /* On réduit l'arrondi pour maximiser l'espace interne */
    }

    #mecanique-piege-2026 .box-head {
        margin-bottom: 25px;
    }

    #mecanique-piege-2026 .box-title {
        font-size: 1.4rem;
    }

    /* Blocs Spécifiques */
    #mecanique-piege-2026 .experience-simul {
        padding: 20px;
        margin: 20px 0;
    }

    #mecanique-piege-2026 .simul-content em {
        font-size: 1.1rem;
    }

    #mecanique-piege-2026 .warning-callout {
        padding: 20px;
        margin: 20px 0;
        background: rgba(154, 42, 91, 0.1); /* On adoucit pour le contraste */
    }

    #mecanique-piege-2026 .warning-callout p {
        color: var(--wine); /* Correction accessibilité : texte foncé sur fond clair */
        font-size: 0.95rem;
    }
}

/* Optimisation pour les écrans ultra-fins (iPhone SE / mini) */
@media (max-width: 380px) {
    #mecanique-piege-2026 .h2-monumental {
        font-size: 1.8rem;
    }

    #mecanique-piege-2026 .box-title {
        font-size: 1.25rem;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-761719e */#business-detresse-2026 {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #1A0B2E;
    --text-muted: #564D65;
    --bg-white: #FFFFFF;
    
    position: relative;
    padding: 100px 0;
    background-color: #FBF8FF;
    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--text-dark);
    overflow: hidden;
}

#business-detresse-2026 .ux-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

/* --- FILIGRANE --- */
#business-detresse-2026 .watermark-text {
    position: absolute;
    top: -20px; right: -50px;
    font-size: 20rem;
    font-weight: 900;
    color: rgba(154, 42, 91, 0.03);
    pointer-events: none;
    z-index: 0;
}

/* --- HEADER --- */
#business-detresse-2026 .chapter-header-luxe {
    margin-bottom: 80px;
    position: relative;
    z-index: 2;
}

#business-detresse-2026 .badge-investigation {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

#business-detresse-2026 .line-gold {
    width: 30px; height: 1.5px; background: var(--wine);
}

#business-detresse-2026 .label {
    font-size: 0.75rem; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: var(--wine);
}

#business-detresse-2026 .h2-monumental {
    font-size: clamp(2.2rem, 6vw, 4rem);
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -3px;
    margin-bottom: 30px;
}

#business-detresse-2026 .text-gradient-wine {
    background: linear-gradient(135deg, var(--wine) 0%, var(--amethyst) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#business-detresse-2026 .p-intro-lead {
    font-size: clamp(1.1rem, 3vw, 1.35rem);
    line-height: 1.7;
    color: var(--text-muted);
    max-width: 800px;
}

/* --- GRID LAYOUT --- */
#business-detresse-2026 .escalade-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    z-index: 2;
    position: relative;
}

#business-detresse-2026 .escalade-card {
    padding: 50px;
    border-radius: 40px;
    transition: all 0.4s ease;
}

#business-detresse-2026 .card-light {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.04);
    box-shadow: 0 20px 50px rgba(45, 30, 64, 0.03);
}

#business-detresse-2026 .card-dark {
    background: var(--text-dark);
    color: #ffffff;
}

#business-detresse-2026 .step-num {
    font-size: 0.8rem; font-weight: 900; color: var(--wine);
    border: 1px solid var(--wine);
    width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%; margin-bottom: 25px;
}

#business-detresse-2026 .step-num-wine {
    font-size: 0.8rem; font-weight: 900; color: #fff;
    background: var(--wine);
    width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%; margin-bottom: 25px;
}

#business-detresse-2026 .card-title {
    font-size: 1.6rem; font-weight: 900; margin-bottom: 25px; line-height: 1.2;
}

#business-detresse-2026 .service-list-box {
    background: #FBF8FF;
    padding: 30px;
    border-radius: 24px;
    margin: 25px 0;
}

#business-detresse-2026 .ux-check-list {
    list-style: none; padding: 0; margin-top: 15px;
}

#business-detresse-2026 .ux-check-list li {
    font-weight: 700; margin-bottom: 10px; color: var(--text-dark); position: relative; padding-left: 25px;
}

#business-detresse-2026 .ux-check-list li::before {
    content: "→"; position: absolute; left: 0; color: var(--wine);
}

#business-detresse-2026 .impact-alert-box {
    background: rgba(154, 42, 91, 0.15);
    border: 1px solid rgba(154, 42, 91, 0.2);
    padding: 25px;
    border-radius: 24px;
    display: flex; gap: 20px; align-items: center; margin: 30px 0;
}

#business-detresse-2026 .alert-icon { font-size: 2rem; }
#business-detresse-2026 .alert-text p { margin: 0; line-height: 1.5; font-size: 1.05rem; }
#business-detresse-2026 .alert-text strong { color: #fff; font-size: 1.2rem; }

#business-detresse-2026 .text-silver { color: rgba(255,255,255,0.7); }

/* --- RESPONSIVE --- */
/* --- OPTIMISATION RESPONSIVE : BUSINESS DÉTRESSE 2026 --- */

@media (max-width: 768px) {
    #business-detresse-2026 {
        padding: 60px 0; /* On réduit pour un flux plus rapide */
    }

    #business-detresse-2026 .ux-container {
        padding: 0 20px;
    }

    /* Filigrane : On le réduit drastiquement pour le mobile */
    #business-detresse-2026 .watermark-text {
        font-size: 8rem;
        top: 0;
        right: -20px;
        opacity: 0.02; /* Encore plus discret pour ne pas gêner */
    }

    /* Header & Titre Monumental */
    #business-detresse-2026 .chapter-header-luxe {
        margin-bottom: 50px;
    }

    #business-detresse-2026 .h2-monumental {
        font-size: 2.1rem;
        line-height: 1.1;
        letter-spacing: -0.5px; /* Correction vitale pour la lisibilité mobile */
        margin-bottom: 25px;
    }

    #business-detresse-2026 .p-intro-lead {
        font-size: 1.1rem;
        line-height: 1.6;
    }

    /* Grille et Cartes d'Escalade */
    #business-detresse-2026 .escalade-grid {
        grid-template-columns: 1fr; /* Empilement vertical */
        gap: 25px;
    }

    #business-detresse-2026 .escalade-card {
        padding: 35px 20px;
        border-radius: 28px; /* On réduit l'arrondi pour gagner de l'espace interne */
    }

    #business-detresse-2026 .card-title {
        font-size: 1.4rem;
        margin-bottom: 20px;
    }

    /* Box de Services et Listes */
    #business-detresse-2026 .service-list-box {
        padding: 20px;
        border-radius: 16px;
        margin: 20px 0;
    }

    #business-detresse-2026 .ux-check-list li {
        font-size: 0.95rem;
    }

    /* --- Impact Alert Box (Le Point de Bascule) --- */
    #business-detresse-2026 .impact-alert-box {
        flex-direction: column; /* On empile l'icône et le texte */
        text-align: center;
        padding: 25px 20px;
        gap: 15px;
        margin: 25px 0;
        background: rgba(154, 42, 91, 0.1); /* Plus doux pour le contraste */
    }

    #business-detresse-2026 .alert-text strong {
        font-size: 1.1rem;
        color: var(--wine); /* On utilise le Wine pour la lisibilité sur fond clair */
        display: block;
        margin-bottom: 5px;
    }

    #business-detresse-2026 .alert-text p {
        font-size: 0.95rem;
        color: var(--text-dark);
    }
}

/* Optimisation pour les terminaux ultra-fins (iPhone SE / mini) */
@media (max-width: 380px) {
    #business-detresse-2026 .h2-monumental {
        font-size: 1.8rem;
    }

    #business-detresse-2026 .card-title {
        font-size: 1.25rem;
    }

    #business-detresse-2026 .escalade-card {
        padding: 30px 15px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cf1c3c4 */#digital-natives-2026 {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #1A0B2E;
    --text-soft: #564D65;
    --bg-white: #FFFFFF;
    
    position: relative;
    padding: 100px 0;
    background-color: var(--bg-white);
    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--text-dark);
    overflow: hidden;
}

#digital-natives-2026 .ux-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

/* --- EFFETS DE FOND NOCTURNES --- */
#digital-natives-2026 .nocturnal-auras {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

#digital-natives-2026 .aura-pulse-amethyst {
    position: absolute;
    top: -100px; right: -50px;
    width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(142, 68, 173, 0.06) 0%, transparent 70%);
    filter: blur(80px);
    animation: pulse-aura 8s infinite alternate;
}

@keyframes pulse-aura {
    0% { opacity: 0.3; transform: scale(1); }
    100% { opacity: 0.6; transform: scale(1.1); }
}

/* --- HEADER --- */
#digital-natives-2026 .chapter-header-modern {
    margin-bottom: 80px;
    position: relative;
    z-index: 2;
}

#digital-natives-2026 .ux-badge-capsule {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

#digital-natives-2026 .badge-line {
    width: 40px; height: 1.5px;
    background: var(--wine);
}

#digital-natives-2026 .label {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--wine);
}

#digital-natives-2026 .title-monumental {
    font-size: clamp(2rem, 7vw, 3.8rem);
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -3px;
    margin-bottom: 30px;
}

#digital-natives-2026 .gradient-text {
    background: linear-gradient(135deg, var(--wine), var(--amethyst));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#digital-natives-2026 .p-intro-editorial {
    font-size: clamp(1.1rem, 3vw, 1.35rem);
    line-height: 1.6;
    color: var(--text-soft);
    max-width: 800px;
}

/* --- BENTO GRID --- */
#digital-natives-2026 .bento-natives-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 30px;
    z-index: 2;
    position: relative;
}

#digital-natives-2026 .bento-card {
    border-radius: 40px;
    padding: 50px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#digital-natives-2026 .card-witchy {
    background: #ffffff;
    border: 1px solid rgba(142, 68, 173, 0.1);
    box-shadow: 0 20px 50px rgba(142, 68, 173, 0.03);
}

#digital-natives-2026 .card-night {
    background: var(--text-dark);
    color: #ffffff;
}

#digital-natives-2026 .icon-tag {
    font-size: 2rem;
    display: block;
    margin-bottom: 25px;
}

#digital-natives-2026 .h3-modern {
    font-size: 1.6rem;
    font-weight: 900;
    margin-bottom: 25px;
    line-height: 1.2;
}

#digital-natives-2026 p {
    font-size: 1.15rem;
    line-height: 1.7;
    margin-bottom: 20px;
}

/* --- HIGHLIGHTS --- */
#digital-natives-2026 .highlight-quote-wine {
    background: rgba(154, 42, 91, 0.05);
    padding: 30px;
    border-radius: 24px;
    border-left: 5px solid var(--wine);
    margin-top: 25px;
}

#digital-natives-2026 .nocturnal-alert {
    background: rgba(142, 68, 173, 0.15);
    padding: 30px;
    border-radius: 24px;
    color: #fff;
    margin-top: 25px;
}

#digital-natives-2026 .text-silver { color: rgba(255,255,255,0.7); }

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
    #digital-natives-2026 .bento-natives-grid { grid-template-columns: 1fr; }
    #digital-natives-2026 .bento-card { padding: 35px 25px; }
    #digital-natives-2026 .title-monumental { letter-spacing: -1px; }
}/* --- OPTIMISATION RESPONSIVE : DIGITAL NATIVES 2026 --- */

@media (max-width: 768px) {
    #digital-natives-2026 {
        padding: 60px 0; /* Plus compact pour le mobile */
    }

    #digital-natives-2026 .ux-container {
        padding: 0 20px;
    }

    /* Aura nocturne : On la réduit pour ne pas surcharger le processeur mobile */
    #digital-natives-2026 .aura-pulse-amethyst {
        width: 300px;
        height: 300px;
        top: -50px;
        right: -100px;
        filter: blur(50px);
    }

    /* Header & Titre Monumental */
    #digital-natives-2026 .chapter-header-modern {
        margin-bottom: 45px;
    }

    #digital-natives-2026 .title-monumental {
        font-size: 2.1rem;
        line-height: 1.1;
        letter-spacing: -0.5px; /* Correction indispensable pour éviter l'effet "lettres écrasées" */
        margin-bottom: 25px;
    }

    #digital-natives-2026 .ux-badge-capsule {
        margin-bottom: 20px;
    }

    #digital-natives-2026 .p-intro-editorial {
        font-size: 1.1rem;
        line-height: 1.5;
    }

    /* Bento Grid : Mode "Feed" vertical */
    #digital-natives-2026 .bento-natives-grid {
        grid-template-columns: 1fr; /* Une seule colonne propre */
        gap: 20px;
        margin-bottom: 50px;
    }

    #digital-natives-2026 .bento-card {
        padding: 35px 20px;
        border-radius: 30px; /* On réduit légèrement l'arrondi */
    }

    /* On désactive le hover pour la stabilité tactile */
    #digital-natives-2026 .bento-card:hover {
        transform: none;
    }

    #digital-natives-2026 .h3-modern {
        font-size: 1.4rem;
        margin-bottom: 20px;
    }

    #digital-natives-2026 p {
        font-size: 1rem;
        line-height: 1.6;
    }

    /* --- Citations et Alertes --- */
    #digital-natives-2026 .highlight-quote-wine {
        padding: 25px 20px;
        border-radius: 16px;
        margin-top: 20px;
    }

    #digital-natives-2026 .nocturnal-alert {
        padding: 25px 20px;
        border-radius: 16px;
        background: rgba(142, 68, 173, 0.1); /* Plus doux */
        color: var(--amethyst); /* CORRECTION : Texte violet foncé pour le contraste */
        font-weight: 700;
        margin-top: 20px;
        border: 1px solid rgba(142, 68, 173, 0.2);
    }

    #digital-natives-2026 .text-silver {
        color: rgba(255, 255, 255, 0.85); /* Plus lisible sur la carte sombre */
    }
}

/* Optimisation pour les terminaux ultra-fins (iPhone SE / mini) */
@media (max-width: 380px) {
    #digital-natives-2026 .title-monumental {
        font-size: 1.8rem;
    }

    #digital-natives-2026 .h3-modern {
        font-size: 1.25rem;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ffa1bce */#red-flags-2026-modern {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #1A0B2E;
    --text-soft: #564D65;
    --bg-white: #FFFFFF;
    
    position: relative;
    padding: 100px 0;
    background-color: var(--bg-white);
    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--text-dark);
    overflow: hidden;
}

#red-flags-2026-modern .ux-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

/* --- FILIGRANE --- */
#red-flags-2026-modern .watermark-alert {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18vw;
    font-weight: 950;
    color: rgba(154, 42, 91, 0.02);
    z-index: 0;
    pointer-events: none;
}

/* --- HEADER & BADGE --- */
#red-flags-2026-modern .badge-security {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    padding: 8px 18px;
    border-radius: 100px;
    border: 1px solid rgba(154, 42, 91, 0.15);
    margin-bottom: 30px;
}

#red-flags-2026-modern .pulse-red {
    width: 8px; height: 8px;
    background: var(--wine);
    border-radius: 50%;
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.6); opacity: 0; box-shadow: 0 0 10px var(--wine); }
    100% { transform: scale(1); opacity: 1; }
}

#red-flags-2026-modern .title-monumental {
    font-size: clamp(2.2rem, 6vw, 4rem);
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -3px;
    margin-bottom: 40px;
}

#red-flags-2026-modern .gradient-text {
    background: linear-gradient(135deg, var(--wine), var(--amethyst));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#red-flags-2026-modern .miviludes-report {
    background: #FBF8FF;
    padding: 25px 35px;
    border-radius: 24px;
    border-left: 4px solid var(--amethyst);
    max-width: 800px;
    margin-bottom: 60px;
}

/* --- RED FLAGS GRID --- */
#red-flags-2026-modern .red-flags-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    z-index: 2;
    position: relative;
}

#red-flags-2026-modern .flag-card {
    background: #ffffff;
    border-radius: 32px;
    padding: 40px;
    border: 1px solid rgba(0,0,0,0.04);
    box-shadow: 0 10px 30px rgba(45, 30, 64, 0.02);
    transition: transform 0.4s ease;
}

#red-flags-2026-modern .flag-card:hover {
    transform: translateY(-5px);
    border-color: var(--wine);
}

#red-flags-2026-modern .flag-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

#red-flags-2026-modern .flag-icon { font-size: 1.8rem; }

#red-flags-2026-modern .flag-card h3 {
    font-size: 1.3rem;
    font-weight: 800;
    margin: 0;
}

#red-flags-2026-modern .flag-card p {
    font-size: 1.05rem;
    line-height: 1.6;
    color: var(--text-soft);
}

/* Highlight Card */
#red-flags-2026-modern .flag-highlight {
    grid-column: span 2;
    background: var(--text-dark);
    color: #fff;
}

#red-flags-2026-modern .flag-highlight .flag-icon.pulse-icon {
    animation: rotate 4s infinite linear;
}

@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
    #red-flags-2026-modern .red-flags-grid { grid-template-columns: 1fr; }
    #red-flags-2026-modern .flag-highlight { grid-column: span 1; }
    #red-flags-2026-modern .title-monumental { letter-spacing: -1.5px; }
}/* --- OPTIMISATION RESPONSIVE : RED FLAGS 2026 --- */

@media (max-width: 768px) {
    #red-flags-2026-modern {
        padding: 60px 0; /* Plus compact pour le mobile */
    }

    #red-flags-2026-modern .ux-container {
        padding: 0 20px;
    }

    /* Filigrane : On le rend plus abstrait pour ne pas gêner la lecture */
    #red-flags-2026-modern .watermark-alert {
        font-size: 30vw; 
        opacity: 0.015;
    }

    /* Badge & Header */
    #red-flags-2026-modern .badge-security {
        padding: 6px 14px;
        margin-bottom: 25px;
    }

    #red-flags-2026-modern .title-monumental {
        font-size: 2.1rem;
        line-height: 1.1;
        letter-spacing: -0.5px; /* Indispensable pour la lecture sur petit écran */
        margin-bottom: 30px;
    }

    /* Rapport Miviludes : On soigne la lisibilité de la caution */
    #red-flags-2026-modern .miviludes-report {
        padding: 25px 20px;
        border-radius: 18px;
        margin-bottom: 40px;
        font-size: 0.95rem;
        line-height: 1.6;
    }

    /* Grille de Flags : Passage au flux vertical */
    #red-flags-2026-modern .red-flags-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    #red-flags-2026-modern .flag-card {
        padding: 30px 20px;
        border-radius: 24px;
    }

    /* On désactive l'effet de levée pour le tactile */
    #red-flags-2026-modern .flag-card:hover {
        transform: none;
        border-color: rgba(154, 42, 91, 0.1);
    }

    #red-flags-2026-modern .flag-header {
        margin-bottom: 15px;
        gap: 12px;
    }

    #red-flags-2026-modern .flag-icon {
        font-size: 1.5rem;
    }

    #red-flags-2026-modern .flag-card h3 {
        font-size: 1.2rem;
    }

    #red-flags-2026-modern .flag-card p {
        font-size: 0.95rem;
        margin: 0;
    }

    /* Highlight Card (La carte noire de conclusion) */
    #red-flags-2026-modern .flag-highlight {
        grid-column: span 1;
        margin-top: 10px;
        padding: 40px 20px;
    }
}

/* Optimisation pour les terminaux ultra-fins (iPhone SE / mini) */
@media (max-width: 380px) {
    #red-flags-2026-modern .title-monumental {
        font-size: 1.8rem;
    }

    #red-flags-2026-modern .flag-card h3 {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    #red-flags-2026-modern .flag-card { padding: 30px 20px; }
    #red-flags-2026-modern .miviludes-report { padding: 20px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8534c12 */#guide-survie-2026 {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #1A0B2E;
    --text-soft: #564D65;
    --bg-white: #FFFFFF;
    
    position: relative;
    padding: 120px 0;
    background-color: var(--bg-white);
    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--text-dark);
    overflow: hidden;
}

#guide-survie-2026 .ux-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

/* --- FILIGRANE --- */
#guide-survie-2026 .watermark-bg {
    position: absolute;
    top: 50%; left: 0;
    font-size: 25rem;
    font-weight: 950;
    color: rgba(142, 68, 173, 0.02);
    z-index: 0;
    pointer-events: none;
    line-height: 1;
}

/* --- HEADER --- */
#guide-survie-2026 .ux-badge-survival {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

#guide-survie-2026 .badge-line-amethyst {
    width: 40px; height: 1.5px;
    background: var(--amethyst);
}

#guide-survie-2026 .label {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--amethyst);
}

#guide-survie-2026 .title-monumental {
    font-size: clamp(2rem, 7vw, 3.8rem);
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -0.04em;
    margin-bottom: 35px;
}

#guide-survie-2026 .text-gradient-amethyst {
    background: linear-gradient(135deg, var(--amethyst), var(--wine));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#guide-survie-2026 .p-survival-lead {
    font-size: clamp(1.1rem, 3vw, 1.3rem);
    line-height: 1.6;
    color: var(--text-soft);
    max-width: 800px;
    margin-bottom: 60px;
}

/* --- SURVIVAL GRID --- */
#guide-survie-2026 .survival-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    z-index: 2;
    position: relative;
}

#guide-survie-2026 .survival-card {
    background: #ffffff;
    border-radius: 40px;
    padding: 40px;
    border: 1px solid rgba(0,0,0,0.04);
    box-shadow: 0 10px 40px rgba(45, 30, 64, 0.02);
    transition: transform 0.3s ease;
}

#guide-survie-2026 .card-head {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

#guide-survie-2026 .card-num {
    font-size: 0.8rem; font-weight: 900; color: var(--wine);
    border: 1px solid var(--wine);
    width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
}

#guide-survie-2026 .survival-card h3 {
    font-size: 1.4rem; font-weight: 800; line-height: 1.2;
}

/* Éléments de boîte spécifiques */
#guide-survie-2026 .pro-tip-box {
    background: #FBF8FF;
    padding: 25px;
    border-radius: 24px;
    margin-top: 25px;
    border-left: 4px solid var(--wine);
}

#guide-survie-2026 .tip-tag {
    font-size: 0.7rem; font-weight: 900; text-transform: uppercase; color: var(--wine);
    display: block; margin-bottom: 5px;
}

#guide-survie-2026 .stat-callout {
    margin-top: 25px;
    padding: 20px;
    background: rgba(142, 68, 173, 0.05);
    border-radius: 20px;
    text-align: center;
    font-weight: 700;
    color: var(--amethyst);
}

/* Card EEAT (Full Width) */
#guide-survie-2026 .card-full-width {
    grid-column: span 2;
}

#guide-survie-2026 .dark-mode-wine {
    background: var(--text-dark);
    color: #fff;
    border: none;
}

#guide-survie-2026 .card-num-light {
    font-size: 0.8rem; font-weight: 900; color: #fff;
    background: var(--wine);
    width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
}

#guide-survie-2026 .eeat-list {
    list-style: none; padding: 0; margin-top: 30px;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;
}

#guide-survie-2026 .eeat-list li {
    font-size: 0.95rem; line-height: 1.6; opacity: 0.9;
}

#guide-survie-2026 .text-silver { color: rgba(255,255,255,0.6); }

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    #guide-survie-2026 .eeat-list { grid-template-columns: 1fr; gap: 20px; }
}

/* --- OPTIMISATION RESPONSIVE : GUIDE DE SURVIE 2026 --- */

@media (max-width: 768px) {
    #guide-survie-2026 {
        padding: 60px 0; /* Plus compact pour le mobile */
    }

    #guide-survie-2026 .ux-container {
        padding: 0 20px;
    }

    /* Filigrane : On le déplace et on réduit l'opacité pour la lisibilité */
    #guide-survie-2026 .watermark-bg {
        font-size: 12rem;
        top: 10%;
        left: -10%;
        opacity: 0.015;
    }

    /* Header & Titre */
    #guide-survie-2026 .title-monumental {
        font-size: 2.1rem;
        line-height: 1.1;
        letter-spacing: -0.5px; /* On desserre pour le petit écran */
        margin-bottom: 25px;
    }

    #guide-survie-2026 .p-survival-lead {
        font-size: 1.05rem;
        line-height: 1.6;
        margin-bottom: 40px;
    }

    /* Survival Grid : Empilement Logique */
    #guide-survie-2026 .survival-grid {
        grid-template-columns: 1fr; /* Une seule colonne propre */
        gap: 20px;
    }

    #guide-survie-2026 .survival-card {
        padding: 30px 20px;
        border-radius: 28px; /* On adoucit l'arrondi sur mobile */
    }

    /* On désactive le hover pour éviter les bugs tactiles */
    #guide-survie-2026 .survival-card:hover {
        transform: none;
    }

    #guide-survie-2026 .card-head {
        margin-bottom: 20px;
        gap: 15px;
    }

    #guide-survie-2026 .survival-card h3 {
        font-size: 1.25rem;
    }

    /* Boîtes de contenu internes */
    #guide-survie-2026 .pro-tip-box {
        padding: 20px;
        border-radius: 16px;
        margin-top: 20px;
    }

    #guide-survie-2026 .stat-callout {
        padding: 15px;
        font-size: 0.95rem;
        margin-top: 20px;
    }

    /* --- Card EEAT (Le bloc final) --- */
    #guide-survie-2026 .card-full-width {
        grid-column: span 1; /* Aligné sur la colonne unique */
        padding: 40px 20px;
    }

    #guide-survie-2026 .eeat-list {
        grid-template-columns: 1fr; /* On empile les 3 points d'expertise */
        gap: 25px;
        margin-top: 25px;
    }

    #guide-survie-2026 .eeat-list li {
        font-size: 0.9rem;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    #guide-survie-2026 .eeat-list li:last-child {
        border-bottom: none;
    }
}

/* Optimisation pour les terminaux ultra-fins (iPhone SE / mini) */
@media (max-width: 380px) {
    #guide-survie-2026 .title-monumental {
        font-size: 1.8rem;
    }

    #guide-survie-2026 .survival-card h3 {
        font-size: 1.15rem;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5d46624 */#conclusion-ethique-2026 {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #1A0B2E;
    --text-soft: #564D65;
    
    position: relative;
    padding: 140px 0;
    background-color: #FFFFFF;
    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--text-dark);
    text-align: center;
    overflow: hidden;
}

#conclusion-ethique-2026 .ux-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 25px;
    position: relative;
    z-index: 2;
}

/* --- TITRE MONUMENTAL --- */
#conclusion-ethique-2026 .title-monumental {
    font-size: clamp(2.2rem, 7vw, 4.2rem);
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -0.04em;
    margin-bottom: 40px;
}

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

/* --- TEXTE --- */
#conclusion-ethique-2026 .p-lead {
    font-size: clamp(1.2rem, 4vw, 1.5rem);
    line-height: 1.6;
    margin-bottom: 30px;
}

#conclusion-ethique-2026 .p-standard {
    font-size: 1.15rem;
    line-height: 1.8;
    color: var(--text-soft);
    margin-bottom: 60px;
}

/* --- MANTRA CARD (GLASS) --- */
#conclusion-ethique-2026 .mantra-glass-card {
    background: rgba(142, 68, 173, 0.04);
    backdrop-filter: blur(10px);
    border-radius: 40px;
    padding: 50px 40px;
    border: 1px solid rgba(142, 68, 173, 0.1);
    margin-bottom: 80px;
}

#conclusion-ethique-2026 .mantra-glass-card p {
    font-size: clamp(1.3rem, 5vw, 1.8rem);
    font-weight: 800;
    line-height: 1.4;
    color: var(--text-dark);
    margin: 0;
}

/* --- BOUTON BIJOU MINIMAL --- */
#conclusion-ethique-2026 .btn-bijou-minimal {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 16px 35px;
    border: 1.5px solid var(--wine);
    border-radius: 100px;
    color: var(--wine);
    text-decoration: none;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.85rem;
    transition: all 0.4s ease;
    margin-bottom: 60px;
}

#conclusion-ethique-2026 .btn-bijou-minimal:hover {
    background: var(--wine);
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(154, 42, 91, 0.2);
}

/* --- ADVICE BOX --- */
#conclusion-ethique-2026 .social-advice-box {
    background: #FBF8FF;
    border-radius: 30px;
    padding: 40px;
    text-align: left;
    border-left: 6px solid var(--wine);
    max-width: 700px;
    margin: 0 auto;
}

#conclusion-ethique-2026 .advice-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

#conclusion-ethique-2026 .advice-title {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
    color: var(--wine);
}

#conclusion-ethique-2026 .social-advice-box p {
    font-size: 1rem;
    line-height: 1.7;
    margin: 0;
    color: var(--text-soft);
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    #conclusion-ethique-2026 { padding: 80px 0; }
    #conclusion-ethique-2026 .title-monumental { letter-spacing: -1.5px; }
    #conclusion-ethique-2026 .mantra-glass-card { padding: 35px 20px; }
    #conclusion-ethique-2026 .social-advice-box { padding: 30px 20px; border-left-width: 4px; }
    #conclusion-ethique-2026 .btn-bijou-minimal { width: auto; min-width: 260px; }
}

/* --- AURAS --- */
#conclusion-ethique-2026 .final-glow-engine div {
    position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.08; pointer-events: none;
}
.sphere-wine { width: 400px; height: 400px; background: var(--wine); top: -100px; left: -100px; }
.sphere-amethyst { width: 300px; height: 300px; background: var(--amethyst); bottom: -50px; right: -50px; }/* --- OPTIMISATION RESPONSIVE : CONCLUSION ÉTHIQUE 2026 --- */

@media (max-width: 768px) {
    #conclusion-ethique-2026 {
        padding: 60px 0 80px; /* On réduit pour finir sur une note dynamique */
    }

    #conclusion-ethique-2026 .ux-container {
        padding: 0 20px;
    }

    /* Titre Monumental : On libère la lecture */
    #conclusion-ethique-2026 .title-monumental {
        font-size: 2.1rem;
        line-height: 1.15;
        letter-spacing: -0.5px; /* Indispensable pour éviter que les lettres ne s'écrasent */
        margin-bottom: 30px;
    }

    /* Texte de transition */
    #conclusion-ethique-2026 .p-lead {
        font-size: 1.15rem;
        line-height: 1.5;
        margin-bottom: 25px;
    }

    #conclusion-ethique-2026 .p-standard {
        font-size: 1.05rem;
        line-height: 1.7;
        margin-bottom: 45px;
    }

    /* --- Mantra Glass Card : L'impact visuel mobile --- */
    #conclusion-ethique-2026 .mantra-glass-card {
        padding: 40px 20px;
        border-radius: 24px; /* On réduit l'arrondi pour le format vertical */
        margin-bottom: 50px;
        background: rgba(142, 68, 173, 0.06); /* On force un poil l'opacité */
    }

    #conclusion-ethique-2026 .mantra-glass-card p {
        font-size: 1.4rem;
        line-height: 1.35;
    }

    /* --- Bouton Bijou : Ergonomie du pouce --- */
    #conclusion-ethique-2026 .btn-bijou-minimal {
        display: flex; /* On passe en flex pour centrer proprement */
        justify-content: center;
        width: 100%; /* Pleine largeur pour un CTA final immanquable */
        max-width: 320px; /* Mais on garde une limite pour ne pas être trop massif */
        margin: 0 auto 50px;
        padding: 18px 25px;
        box-sizing: border-box;
    }

    /* On désactive le hover:translate pour la stabilité tactile */
    #conclusion-ethique-2026 .btn-bijou-minimal:hover {
        transform: none;
    }

    /* --- Social Advice Box : La touche finale --- */
    #conclusion-ethique-2026 .social-advice-box {
        padding: 25px 20px;
        border-radius: 20px;
        border-left-width: 4px;
        margin: 0 auto;
        text-align: center; /* On centre le texte sur mobile pour l'harmonie visuelle */
    }

    #conclusion-ethique-2026 .advice-header {
        justify-content: center; /* Centrage des éléments du header */
    }

    #conclusion-ethique-2026 .social-advice-box p {
        font-size: 0.95rem;
    }

    /* Auras de fond : On les calme sur mobile pour la performance */
    .sphere-wine { width: 250px; height: 250px; top: -50px; left: -50px; }
    .sphere-amethyst { width: 200px; height: 200px; bottom: -30px; right: -30px; }
}

/* Optimisation pour les terminaux ultra-fins (iPhone SE / mini) */
@media (max-width: 380px) {
    #conclusion-ethique-2026 .title-monumental {
        font-size: 1.8rem;
    }

    #conclusion-ethique-2026 .mantra-glass-card p {
        font-size: 1.25rem;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8813bdf *//* --- FAQ TIKTOK DANGER : CLEMY PRESTIGE SYSTEM --- */
#clemy-faq-tiktok-danger {
    --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-tiktok-danger .faq-canvas {
    max-width: 900px; margin: 0 auto; padding: 0 25px;
}

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

#clemy-faq-tiktok-danger .kicker-badge {
    display: inline-block; background: var(--lavender); color: var(--wine);
    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(100, 18, 53, 0.1);
}

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

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

#clemy-faq-tiktok-danger .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-tiktok-danger .faq-item:hover {
    border-color: var(--wine);
    box-shadow: 0 15px 35px rgba(100, 18, 53, 0.05);
}

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

/* Featured Highlighting for Danger Zones */
#clemy-faq-tiktok-danger .featured-dark-patterns[open] { border-left: 6px solid var(--dark); }
#clemy-faq-tiktok-danger .featured-red-flags[open] { border-left: 6px solid var(--wine); border-right: 6px solid var(--wine); }
#clemy-faq-tiktok-danger .featured-reflexes[open] { border-left: 6px solid var(--purple); }

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

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

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

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

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

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

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

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

/* --- RESPONSIVE ADAPTATION --- */
/* --- OPTIMISATION RESPONSIVE : FAQ TIKTOK DANGER --- */

@media (max-width: 768px) {
    #clemy-faq-tiktok-danger {
        padding: 50px 0; /* On réduit pour un accès direct aux réponses */
    }

    #clemy-faq-tiktok-danger .faq-canvas {
        padding: 0 20px;
    }

    /* Header : On stabilise l'impact visuel */
    #clemy-faq-tiktok-danger .faq-header {
        margin-bottom: 40px;
        text-align: left; /* Alignement plus "rapport officiel" sur mobile */
    }

    #clemy-faq-tiktok-danger .display-title {
        font-size: 1.85rem;
        line-height: 1.2;
    }

    #clemy-faq-tiktok-danger .kicker-badge {
        padding: 6px 16px;
        font-size: 0.7rem;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    /* --- Accordéon : Ergonomie Mobile --- */
    #clemy-faq-tiktok-danger .faq-accordion-group {
        gap: 12px;
    }

    #clemy-faq-tiktok-danger .faq-item {
        border-radius: 16px;
    }

    #clemy-faq-tiktok-danger summary {
        padding: 22px 18px; /* On gagne de la place pour le texte */
        gap: 15px;
    }

    /* On restaure le numéro en version compacte au lieu de le cacher */
    #clemy-faq-tiktok-danger .q-num {
        display: block; 
        font-size: 1.1rem;
        min-width: 25px;
        opacity: 0.6;
    }

    #clemy-faq-tiktok-danger .q-text {
        font-size: 0.95rem;
        padding-right: 10px; /* On laisse de la place pour le chevron */
    }

    /* Le Chevron personnalisé */
    #clemy-faq-tiktok-danger .q-chevron {
        width: 16px;
        height: 16px;
    }

    /* --- Contenu de Réponse --- */
    #clemy-faq-tiktok-danger .faq-content {
        /* On retire l'énorme padding de 85px pour utiliser toute la largeur */
        padding: 0 18px 25px 58px; /* Aligné proprement sous le texte de la question */
        font-size: 0.95rem;
        line-height: 1.6;
    }

    /* --- Zones de Danger (Featured Borders) --- */
    /* Sur mobile, on réduit l'épaisseur pour ne pas déséquilibrer la carte */
    #clemy-faq-tiktok-danger .featured-dark-patterns[open] { border-left-width: 4px; }
    #clemy-faq-tiktok-danger .featured-red-flags[open] { 
        border-left-width: 4px; 
        border-right-width: 0; /* On retire la bordure droite sur mobile pour la clarté */
    }
    #clemy-faq-tiktok-danger .featured-reflexes[open] { border-left-width: 4px; }
}

/* Optimisation pour les terminaux ultra-fins (iPhone SE / mini) */
@media (max-width: 380px) {
    #clemy-faq-tiktok-danger .display-title {
        font-size: 1.65rem;
    }

    #clemy-faq-tiktok-danger .q-text {
        font-size: 0.9rem;
    }

    #clemy-faq-tiktok-danger .faq-content {
        padding: 0 15px 20px 15px; /* On abandonne l'indentation pour gagner chaque pixel */
    }
    
    #clemy-faq-tiktok-danger .q-num {
        display: none; /* Là, on peut le cacher si c'est vraiment trop étroit */
    }
}/* End custom CSS */