.elementor-5188 .elementor-element.elementor-element-6377764d{--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-a2b9c04 *//* --- Variables & Reset Local --- */
#clemy-atelier-crystal {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --bg-main: #FBF8FF;           
    --text-dark: #2D1E40;         
    --text-muted: #564D65;
    
    position: relative;
    background-color: var(--bg-main);
    padding: 120px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    overflow: hidden;
}

#clemy-atelier-crystal .ux-container {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- EFFETS DE FOND --- */
#clemy-atelier-crystal .aura-glow {
    position: absolute;
    top: -10%;
    right: -5%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(142, 68, 173, 0.1) 0%, rgba(251, 248, 255, 0) 70%);
    filter: blur(60px);
    z-index: 1;
    pointer-events: none;
}

/* --- TYPOGRAPHIE HERO --- */
#clemy-atelier-crystal .hero-reveal {
    margin-bottom: 70px;
}

#clemy-atelier-crystal .kicker-bordeaux {
    display: inline-block;
    color: var(--wine);
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 3px;
    font-size: 0.75rem;
    margin-bottom: 15px;
}

#clemy-atelier-crystal .h1-crystal-gradient {
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    font-weight: 900;
    color: var(--text-dark);
    line-height: 1.1;
    letter-spacing: -2px;
    margin: 0 0 25px 0;
}

#clemy-atelier-crystal .sub-h1 {
    background: linear-gradient(135deg, var(--amethyst) 0%, var(--wine) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#clemy-atelier-crystal .lead-text {
    font-size: 1.2rem;
    color: var(--text-muted);
    line-height: 1.7;
    max-width: 750px;
}

#clemy-atelier-crystal .ux-neon-divider {
    width: 60px;
    height: 4px;
    background: var(--amethyst);
    margin-top: 25px;
    border-radius: 2px;
}

/* --- DISPOSITION DUAL --- */
#clemy-atelier-crystal .dual-layout {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 60px;
    align-items: center;
}

/* --- CARTE PROTOCOLE (GLASS) --- */
#clemy-atelier-crystal .protocol-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 40px;
    padding: 50px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 25px 50px rgba(45, 30, 64, 0.05);
    position: relative;
    overflow: hidden;
}

#clemy-atelier-crystal .quote-serif {
    font-size: 1.5rem;
    color: var(--text-dark);
    line-height: 1.4;
    margin-bottom: 30px;
    font-family: serif; /* Look editorial chic */
    font-style: italic;
}

#clemy-atelier-crystal .body-standard {
    font-size: 1.1rem;
    color: var(--text-muted);
    line-height: 1.8;
    margin-bottom: 20px;
}

#clemy-atelier-crystal .footer-emphasis {
    margin-top: 35px;
    padding-top: 30px;
    border-top: 1px solid rgba(142, 68, 173, 0.1);
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

#clemy-atelier-crystal .footer-emphasis p {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--text-dark);
    margin: 0;
}

#clemy-atelier-crystal .corner-accent {
    position: absolute;
    bottom: 0; right: 0;
    width: 100px; height: 100px;
    background: linear-gradient(135deg, transparent 50%, rgba(142, 68, 173, 0.05) 50%);
}

/* --- PORTAIL VISUEL --- */
#clemy-atelier-crystal .visual-portal {
    position: relative;
    display: flex;
    justify-content: center;
}

#clemy-atelier-crystal .portal-frame {
    width: 100%;
    aspect-ratio: 4/5;
    border-radius: 160px 40px 160px 40px;
    overflow: hidden;
    box-shadow: 0 40px 80px rgba(45, 30, 64, 0.15);
    transform: rotate(1deg);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#clemy-atelier-crystal .visual-portal:hover .portal-frame {
    transform: rotate(0deg) scale(1.02);
}

#clemy-atelier-crystal .portal-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#clemy-atelier-crystal .floating-label {
    position: absolute;
    top: 20px;
    right: -10px;
    background: var(--text-dark);
    color: #fff;
    padding: 10px 20px;
    border-radius: 100px;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    #clemy-atelier-crystal .dual-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    #clemy-atelier-crystal .visual-portal {
        order: -1; /* Image en premier sur mobile */
        max-width: 500px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    #clemy-atelier-crystal { padding: 60px 15px; }
    #clemy-atelier-crystal .protocol-card { padding: 30px 20px; }
    #clemy-atelier-crystal .h1-crystal-gradient { font-size: 2rem; }
    #clemy-atelier-crystal .quote-serif { font-size: 1.25rem; }
    #clemy-atelier-crystal .portal-frame { border-radius: 80px 30px; }
}/* ============================================================
   FORCE RESPONSIVE RADICAL : ATELIER CRYSTAL (#clemy-atelier-crystal)
   ============================================================ */

@media (max-width: 768px) {
    /* 1. RESET GLOBAL & ANTI-DÉBORDEMENT */
    #clemy-atelier-crystal {
        padding: 50px 0 !important; /* On divise les marges par 2.4 */
        overflow-x: hidden !important; /* Verrouillage de sécurité */
    }

    #clemy-atelier-crystal .ux-container {
        padding: 0 20px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. EFFETS DE FOND (AURA) */
    #clemy-atelier-crystal .aura-glow {
        width: 250px !important; /* On réduit l'aura de moitié */
        height: 250px !important;
        top: 0 !important;
        right: 0 !important; /* On la ramène dans le cadre */
        opacity: 0.5;
    }

    /* 3. HERO REVEAL : TYPOGRAPHIE */
    #clemy-atelier-crystal .hero-reveal {
        margin-bottom: 40px !important;
        text-align: center;
    }

    #clemy-atelier-crystal .h1-crystal-gradient {
        font-size: 1.85rem !important; /* Taille de sécurité mobile */
        line-height: 1.15 !important;
        letter-spacing: -1px !important;
    }

    #clemy-atelier-crystal .lead-text {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        text-align: center;
    }

    #clemy-atelier-crystal .ux-neon-divider {
        margin: 20px auto 0 !important; /* Centrage de la ligne */
    }

    /* 4. DUAL LAYOUT : ORDRE DE LECTURE */
    #clemy-atelier-crystal .dual-layout {
        grid-template-columns: 1fr !important;
        gap: 35px !important;
    }

    /* 5. VISUAL PORTAL : LE POINT CRITIQUE */
    #clemy-atelier-crystal .visual-portal {
        order: -1 !important; /* L'image passe au-dessus du texte */
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
    }

    #clemy-atelier-crystal .portal-frame {
        aspect-ratio: 1/1 !important; /* Carré sur mobile pour gagner de la place */
        border-radius: 40px 15px !important; /* On adoucit les courbes massives */
        transform: none !important; /* On enlève la rotation qui crée le scroll */
    }

    #clemy-atelier-crystal .floating-label {
        /* CRITIQUE : On ramène le badge à l'intérieur */
        right: 15px !important; 
        top: 15px !important;
        font-size: 0.6rem !important;
        padding: 6px 12px !important;
        letter-spacing: 1px !important;
    }

    /* 6. CARTE PROTOCOLE (GLASSMORPHISM) */
    #clemy-atelier-crystal .protocol-card {
        padding: 30px 20px !important;
        border-radius: 24px !important;
        margin: 0 !important;
    }

    #clemy-atelier-crystal .quote-serif {
        font-size: 1.2rem !important;
        text-align: center;
        margin-bottom: 20px !important;
    }

    #clemy-atelier-crystal .body-standard {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        text-align: left;
    }

    #clemy-atelier-crystal .footer-emphasis {
        margin-top: 25px !important;
        padding-top: 20px !important;
        flex-direction: column; /* Empilement des éléments de footer */
        align-items: center;
        text-align: center;
    }

    #clemy-atelier-crystal .corner-accent {
        display: none; /* On épure le design sur mobile */
    }
}

/* Fix spécifique iPhone SE / Écrans < 350px */
@media (max-width: 350px) {
    #clemy-atelier-crystal .h1-crystal-gradient { font-size: 1.6rem !important; }
    #clemy-atelier-crystal .quote-serif { font-size: 1.1rem !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2392824 */#ux-calibration-ritual {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #2D1E40;
    --text-muted: #564D65;
    --bg-light: #FBF8FF;

    background-color: #ffffff;
    padding: 120px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: relative;
    overflow: hidden;
}

#ux-calibration-ritual .ritual-container {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- HEADER --- */
#ux-calibration-ritual .ritual-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 100px;
}

#ux-calibration-ritual .ritual-overline {
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: var(--amethyst);
    margin-bottom: 20px;
    display: block;
}

#ux-calibration-ritual .h2-gradient-ritual {
    font-size: clamp(2.2rem, 5vw, 3.5rem);
    font-weight: 950;
    color: var(--text-dark);
    line-height: 1.1;
    letter-spacing: -2px;
    margin-bottom: 25px;
}

#ux-calibration-ritual .ritual-lead-text {
    font-size: 1.2rem;
    line-height: 1.7;
    color: var(--text-muted);
}

/* --- GRID LAYOUT --- */
#ux-calibration-ritual .ritual-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

/* --- VISUAL DIAMOND --- */
#ux-calibration-ritual .ritual-visual {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ux-calibration-ritual .diamond-wrapper {
    position: relative;
    width: 350px;
    height: 350px;
}

#ux-calibration-ritual .diamond-frame {
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    overflow: hidden;
    position: relative;
    z-index: 2;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}

#ux-calibration-ritual .diamond-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    transition: transform 0.8s ease;
}

#ux-calibration-ritual .diamond-wrapper:hover img {
    transform: scale(1.2);
}

/* LIGNES GÉOMÉTRIQUES */
#ux-calibration-ritual .geo-line {
    position: absolute;
    z-index: 1;
    background: linear-gradient(90deg, transparent, currentColor, transparent);
    opacity: 0.4;
}

#ux-calibration-ritual .amethyst-line {
    top: 50%; left: -20%;
    width: 140%; height: 1px;
    color: var(--amethyst);
    transform: rotate(-45deg);
}

#ux-calibration-ritual .bordeaux-line {
    top: 50%; left: -20%;
    width: 140%; height: 1px;
    color: var(--wine);
    transform: rotate(45deg);
}

/* --- STEPS / PATH --- */
#ux-calibration-ritual .calibration-path {
    position: relative;
    padding-left: 40px;
}

#ux-calibration-ritual .vertical-axis {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 1px;
    background: linear-gradient(to bottom, var(--amethyst), var(--wine), transparent);
}

#ux-calibration-ritual .step-item {
    position: relative;
    margin-bottom: 50px;
    padding-left: 30px;
}

#ux-calibration-ritual .step-marker {
    position: absolute;
    left: -40px;
    top: 0;
    width: 20px; height: 20px;
    background: #fff;
    border: 2px solid var(--amethyst);
    border-radius: 50%;
    z-index: 2;
}

#ux-calibration-ritual .step-num {
    position: absolute;
    left: -45px;
    top: -5px;
    font-size: 0.8rem;
    font-weight: 900;
    color: var(--amethyst);
    opacity: 0.5;
}

#ux-calibration-ritual .step-content strong {
    display: block;
    font-size: 1.3rem;
    color: var(--text-dark);
    margin-bottom: 8px;
}

#ux-calibration-ritual .step-content p {
    font-size: 1.05rem;
    color: var(--text-muted);
    margin: 0;
    line-height: 1.6;
}

/* --- INTENTION CARD --- */
#ux-calibration-ritual .intention-card {
    margin-top: 60px;
    padding: 2px; /* Pour le dégradé de bordure */
    background: linear-gradient(135deg, var(--amethyst), var(--wine));
    border-radius: 20px;
    position: relative;
}

#ux-calibration-ritual .intention-inner {
    background: #ffffff;
    padding: 35px;
    border-radius: 18px;
    text-align: center;
}

#ux-calibration-ritual .intention-label {
    display: inline-block;
    padding: 5px 15px;
    background: rgba(142, 68, 173, 0.1);
    color: var(--amethyst);
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 100px;
    margin-bottom: 15px;
}

#ux-calibration-ritual .intention-quote {
    font-family: serif;
    font-style: italic;
    font-size: 1.4rem;
    color: var(--text-dark);
    margin: 0;
    line-height: 1.4;
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    #ux-calibration-ritual .ritual-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    #ux-calibration-ritual .ritual-visual {
        order: 2;
    }
}

@media (max-width: 768px) {
    #ux-calibration-ritual { padding: 80px 15px; }
    #ux-calibration-ritual .ritual-header { margin-bottom: 60px; }
    #ux-calibration-ritual .diamond-wrapper { width: 280px; height: 280px; }
    #ux-calibration-ritual .intention-inner { padding: 25px; }
    #ux-calibration-ritual .intention-quote { font-size: 1.2rem; }
}/* ============================================================
   FORCE RESPONSIVE RADICAL : RITUEL (#ux-calibration-ritual)
   ============================================================ */

@media (max-width: 768px) {
    /* 1. RESET GLOBAL & ANTI-SCROLL */
    #ux-calibration-ritual {
        padding: 60px 0 !important;
        overflow: hidden !important; /* Indispensable pour couper les lignes géo */
    }

    #ux-calibration-ritual .ritual-container {
        padding: 0 20px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER : ON ÉPURE POUR LE MOBILE */
    #ux-calibration-ritual .ritual-header {
        margin-bottom: 50px !important;
        padding: 0 10px;
    }

    #ux-calibration-ritual .h2-gradient-ritual {
        font-size: 1.85rem !important; /* Taille de sécurité */
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    #ux-calibration-ritual .ritual-lead-text {
        font-size: 1rem !important;
        line-height: 1.6 !important;
    }

    /* 3. GRID & VISUAL DIAMOND */
    #ux-calibration-ritual .ritual-grid {
        grid-template-columns: 1fr !important;
        gap: 50px !important;
    }

    #ux-calibration-ritual .ritual-visual {
        order: -1 !important; /* L'image repasse au-dessus des étapes */
        margin-bottom: 20px;
    }

    #ux-calibration-ritual .diamond-wrapper {
        width: 260px !important; /* On réduit pour iPhone SE */
        height: 260px !important;
    }

    /* On raccourcit les lignes géo pour éviter les bugs de collision */
    #ux-calibration-ritual .geo-line {
        width: 110% !important;
        left: -5% !important;
    }

    /* 4. CALIBRATION PATH (L'axe vertical) */
    #ux-calibration-ritual .calibration-path {
        padding-left: 35px !important; /* On sécurise l'espace pour les marqueurs */
        margin-right: 5px;
    }

    #ux-calibration-ritual .vertical-axis {
        left: 5px !important; /* On décale l'axe pour qu'il soit bien visible */
    }

    #ux-calibration-ritual .step-item {
        margin-bottom: 35px !important;
        padding-left: 15px !important;
    }

    #ux-calibration-ritual .step-marker {
        left: -30px !important; /* On ramène le cercle dans le cadre */
        width: 16px !important;
        height: 16px !important;
    }

    #ux-calibration-ritual .step-num {
        display: none; /* On cache le numéro pour épurer sur mobile */
    }

    #ux-calibration-ritual .step-content strong {
        font-size: 1.15rem !important;
        margin-bottom: 5px !important;
    }

    #ux-calibration-ritual .step-content p {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    /* 5. INTENTION CARD */
    #ux-calibration-ritual .intention-card {
        margin-top: 40px !important;
        padding: 1px !important; /* Bordure plus fine */
    }

    #ux-calibration-ritual .intention-inner {
        padding: 25px 15px !important;
    }

    #ux-calibration-ritual .intention-quote {
        font-size: 1.1rem !important;
        line-height: 1.5 !important;
    }
}

/* Fix pour iPhone SE / Écrans < 350px */
@media (max-width: 350px) {
    #ux-calibration-ritual .diamond-wrapper {
        width: 220px !important;
        height: 220px !important;
    }
    #ux-calibration-ritual .h2-gradient-ritual { font-size: 1.6rem !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-42f766b */#reves {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #2D1E40;
    --text-muted: #564D65;
    --bg-main: #FBF8FF;
    
    background-color: var(--bg-main);
    padding: 100px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    position: relative;
    overflow: hidden;
}

#reves .bento-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- DECORATIVE GLOW --- */
#reves .dream-glow {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(142, 68, 173, 0.08) 0%, transparent 70%);
    filter: blur(80px);
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* --- HEADER --- */
#reves .bento-header {
    margin-bottom: 60px;
    text-align: center;
}

#reves .step-badge {
    background: var(--wine);
    color: white;
    padding: 6px 16px;
    border-radius: 100px;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
}

#reves .h2-precision {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 950;
    color: var(--text-dark);
    line-height: 1.1;
    letter-spacing: -2px;
    margin: 15px 0;
}

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

#reves .bordeaux-line-thick {
    width: 80px;
    height: 4px;
    background: var(--wine);
    margin: 20px auto;
    border-radius: 2px;
}

/* --- GRID BENTO --- */
#reves .bento-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto auto;
    gap: 24px;
}

#reves .bento-box {
    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.03);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

#reves .bento-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(45, 30, 64, 0.08);
}

/* --- CASE 01: CONTEXTE --- */
#reves .context-box {
    grid-column: span 5;
    background: linear-gradient(135deg, #ffffff 0%, #f9f6ff 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

#reves .label-bordeaux {
    color: var(--wine);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#reves .p-main {
    font-size: 1.2rem;
    line-height: 1.6;
    color: var(--text-muted);
    margin: 0;
}

#reves .box-icon {
    position: absolute;
    top: 30px;
    right: 40px;
    font-size: 2rem;
    color: var(--amethyst);
    opacity: 0.2;
}

/* --- CASE 02: IMAGE --- */
#reves .image-box {
    grid-column: span 7;
    padding: 0;
    overflow: hidden;
}

#reves .image-wrapper {
    height: 100%;
    width: 100%;
    position: relative;
}

#reves .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

#reves .image-box:hover img {
    transform: scale(1.05);
}

/* --- CASE 03: EXERCICE --- */
#reves .exercise-box {
    grid-column: span 7;
    background: white;
    border-left: 8px solid var(--amethyst);
}

#reves .label-amethyst {
    color: var(--amethyst);
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 25px;
}

#reves .onirique-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#reves .onirique-list li {
    padding-left: 30px;
    position: relative;
    font-size: 1.1rem;
    color: var(--text-muted);
    margin-bottom: 15px;
    line-height: 1.5;
}

#reves .onirique-list li::before {
    content: "◈";
    position: absolute;
    left: 0;
    color: var(--amethyst);
    font-weight: bold;
}

/* --- CASE 04: ANALYSE --- */
#reves .analysis-box {
    grid-column: span 5;
    background: var(--text-dark);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#reves .analysis-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

#reves .marker-bordeaux {
    width: 12px;
    height: 12px;
    background: var(--wine);
    border-radius: 50%;
}

#reves .analysis-tag {
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 2px;
    font-weight: 700;
    opacity: 0.7;
}

#reves #analysis-text {
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 0;
}

#reves #analysis-text strong {
    color: var(--wine);
}

/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
    #reves .context-box, #reves .image-box, 
    #reves .exercise-box, #reves .analysis-box {
        grid-column: span 12;
    }
    
    #reves .image-box {
        height: 300px;
        order: -1;
    }
}

@media (max-width: 768px) {
    #reves { padding: 60px 15px; }
    #reves .bento-box { padding: 30px 20px; }
    #reves .h2-precision { font-size: 1.8rem; }
    #reves .p-main { font-size: 1.1rem; }
}/* ============================================================
   FORCE RESPONSIVE BENTO : ANALYSE DES RÊVES (#reves)
   ============================================================ */

@media (max-width: 768px) {
    /* 1. RESET GLOBAL & ANTI-SCROLL */
    #reves {
        padding: 60px 0 !important;
        overflow: hidden !important; /* Verrouille l'aura pour éviter le scroll horizontal */
    }

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

    /* 2. DÉCORATIVE GLOW (L'AURA) */
    #reves .dream-glow {
        width: 300px !important; /* On réduit la taille pour mobile */
        height: 300px !important;
        top: 15% !important;
        opacity: 0.6;
    }

    /* 3. HEADER : ÉQUILIBRE VISUEL */
    #reves .bento-header {
        margin-bottom: 40px !important;
        padding: 0 10px;
    }

    #reves .h2-precision {
        font-size: 1.85rem !important; /* Taille de sécurité mobile */
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    #reves .bordeaux-line-thick {
        width: 50px !important;
        margin: 15px auto !important;
    }

    /* 4. GRID BENTO : PASSAGE EN COLONNE */
    #reves .bento-grid {
        display: flex !important; /* Flexbox est plus stable que Grid pour 1 colonne mobile */
        flex-direction: column !important;
        gap: 16px !important; /* On réduit le gap de 24px à 16px */
    }

    /* 5. LES BOXES (LE STYLE BENTO MOBILE) */
    #reves .bento-box {
        padding: 25px 20px !important; /* On réduit le padding 40px */
        border-radius: 24px !important; /* Arrondis plus doux pour les petits écrans */
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Ordre de lecture optimisé */
    #reves .image-box { 
        order: -1 !important; /* L'image en premier pour capter l'attention */
        height: 250px !important; /* Hauteur fixe pour éviter les images trop longues */
    }

    #reves .context-box { order: 1 !important; }
    #reves .exercise-box { order: 2 !important; }
    #reves .analysis-box { order: 3 !important; }

    /* 6. DÉTAILS TYPO */
    #reves .label-bordeaux {
        font-size: 0.7rem !important;
        margin-bottom: 12px !important;
    }

    #reves .p-main {
        font-size: 1.05rem !important;
        line-height: 1.5 !important;
    }

    #reves .label-amethyst {
        font-size: 1.3rem !important;
        margin-bottom: 20px !important;
    }

    #reves .onirique-list li {
        font-size: 0.95rem !important;
        padding-left: 25px !important;
        margin-bottom: 10px !important;
    }

    #reves .box-icon {
        top: 20px !important;
        right: 25px !important;
        font-size: 1.5rem !important;
    }

    /* 7. ANALYSIS BOX (BOX NOIRE) */
    #reves .analysis-box {
        padding: 30px 20px !important;
        background: var(--text-dark) !important;
    }

    #reves #analysis-text {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }
}

/* Fix spécifique iPhone SE / Écrans < 350px */
@media (max-width: 350px) {
    #reves .h2-precision { font-size: 1.6rem !important; }
    #reves .image-box { height: 200px !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a8dfb45 */#cartes {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #2D1E40;
    --text-muted: #564D65;
    --bg-main: #FBF8FF;
    
    background-color: #ffffff;
    padding: 120px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: relative;
    overflow: hidden;
}

#cartes .ux-container {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- EFFET MAGNÉTIQUE --- */
#cartes .magnetic-field {
    position: absolute;
    top: 50%; left: -10%;
    width: 400px; height: 400px;
    background: radial-gradient(circle, rgba(154, 42, 91, 0.05) 0%, transparent 70%);
    filter: blur(50px);
    pointer-events: none;
}

/* --- HEADER --- */
#cartes .test-header {
    text-align: center;
    margin-bottom: 80px;
}

#cartes .step-badge {
    background: var(--amethyst);
    color: white;
    padding: 6px 18px;
    border-radius: 100px;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#cartes .h2-precision {
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 950;
    color: var(--text-dark);
    line-height: 1.1;
    letter-spacing: -2px;
    margin: 20px 0;
}

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

#cartes .test-divider {
    width: 60px; height: 4px;
    background: var(--wine);
    margin: 0 auto;
    border-radius: 10px;
}

/* --- GRID & CARDS --- */
#cartes .test-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 60px;
    align-items: start;
    margin-bottom: 80px;
}

#cartes .exercise-card {
    background: #ffffff;
    padding: 50px;
    border-radius: 40px;
    box-shadow: 0 30px 60px rgba(45, 30, 64, 0.08);
    border: 1px solid rgba(142, 68, 173, 0.1);
    position: relative;
}

#cartes .card-tag {
    position: absolute;
    top: -15px; right: 40px;
    background: var(--text-dark);
    color: white;
    padding: 8px 20px;
    border-radius: 100px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

#cartes .label-amethyst {
    color: var(--amethyst);
    font-size: 1.8rem;
    font-weight: 900;
    margin-bottom: 30px;
}

#cartes .magnetic-list {
    list-style: none;
    padding: 0;
}

#cartes .magnetic-list li {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
    align-items: flex-start;
}

#cartes .list-num {
    width: 32px; height: 32px;
    background: rgba(142, 68, 173, 0.1);
    color: var(--amethyst);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    flex-shrink: 0;
    font-size: 0.9rem;
}

#cartes .magnetic-list p {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.6;
    color: var(--text-muted);
}

/* --- ANALYSE METER --- */
#cartes .info-column {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#cartes .context-box h3 {
    color: var(--wine);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 800;
    margin-bottom: 15px;
}

#cartes .context-box p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--text-muted);
}

#cartes .analysis-meter {
    background: var(--bg-main);
    padding: 40px;
    border-radius: 30px;
    border: 1px solid rgba(0,0,0,0.02);
}

#cartes .meter-title {
    font-weight: 800;
    font-size: 0.9rem;
    color: var(--text-dark);
    display: block;
    margin-bottom: 20px;
}

#cartes .meter-bar-container {
    height: 12px;
    background: #e0e0e0;
    border-radius: 100px;
    display: flex;
    overflow: hidden;
    margin-bottom: 25px;
    position: relative;
}

#cartes .meter-segment {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
    font-weight: 900;
    color: white;
    text-transform: uppercase;
}

#cartes .segment.hazard { background: #bbb; width: 50%; }
#cartes .segment.potential { background: var(--amethyst); width: 20%; opacity: 0.7; }
#cartes .segment.proven { background: var(--wine); width: 30%; }

#cartes .analysis-legend p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--text-dark);
    margin: 0;
}

/* --- VISION IMAGE --- */
#cartes .portal-vision {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

#cartes .vision-frame {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1);
}

#cartes .vision-frame img {
    width: 100%;
    display: block;
}

#cartes .vision-scan-line {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 2px;
    background: rgba(142, 68, 173, 0.5);
    box-shadow: 0 0 15px var(--amethyst);
    animation: scan 4s linear infinite;
}

@keyframes scan {
    0% { top: 0%; }
    100% { top: 100%; }
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    #cartes .test-grid { grid-template-columns: 1fr; }
    #cartes .exercise-card { padding: 35px 25px; }
}

@media (max-width: 768px) {
    #cartes .h2-precision { font-size: 1.8rem; }
    #cartes .label-amethyst { font-size: 1.5rem; }
}/* ============================================================
   FORCE RESPONSIVE RADICAL : CARTES (#cartes)
   ============================================================ */

@media (max-width: 768px) {
    /* 1. RESET GLOBAL & ANTI-SCROLL */
    #cartes {
        padding: 60px 0 !important; /* On réduit le padding 120px */
        overflow: hidden !important;
    }

    #cartes .ux-container {
        padding: 0 20px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. EFFET MAGNÉTIQUE (SÉCURITÉ) */
    #cartes .magnetic-field {
        width: 250px !important; /* On réduit la taille du halo */
        height: 250px !important;
        left: -20px !important; /* On le plaque contre le bord */
        top: 10% !important;
    }

    /* 3. HEADER : ÉQUILIBRE VISUEL */
    #cartes .test-header {
        margin-bottom: 40px !important;
    }

    #cartes .h2-precision {
        font-size: 1.8rem !important; /* Taille de sécurité */
        line-height: 1.15 !important;
        letter-spacing: -1px !important;
    }

    /* 4. GRID : PASSAGE EN COLONNE */
    #cartes .test-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
        margin-bottom: 50px !important;
    }

    /* 5. EXERCISE CARD : ADAPTATION TACTILE */
    #cartes .exercise-card {
        padding: 35px 20px !important; /* On réduit le padding 50px */
        border-radius: 24px !important;
        margin-top: 20px;
    }

    #cartes .card-tag {
        right: 20px !important; /* On ramène le badge vers l'intérieur */
        top: -12px !important;
        padding: 6px 15px !important;
        font-size: 0.65rem !important;
    }

    #cartes .label-amethyst {
        font-size: 1.4rem !important;
        text-align: center;
        margin-bottom: 25px !important;
    }

    #cartes .magnetic-list li {
        gap: 15px !important;
        margin-bottom: 20px !important;
    }

    #cartes .list-num {
        width: 28px !important;
        height: 28px !important;
        font-size: 0.8rem !important;
    }

    #cartes .magnetic-list p {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    /* 6. INFO COLUMN & ANALYSIS METER */
    #cartes .info-column {
        gap: 30px !important;
    }

    #cartes .analysis-meter {
        padding: 25px 20px !important;
        border-radius: 20px !important;
    }

    #cartes .meter-bar-container {
        height: 16px !important; /* On l'épaissit légèrement pour le tactile */
    }

    /* On cache le texte dans les segments si l'écran est trop petit */
    #cartes .meter-segment {
        font-size: 0.5rem !important;
        letter-spacing: 0px !important;
    }

    /* 7. VISION PORTAL & SCAN LINE */
    #cartes .portal-vision {
        width: 100% !important;
    }

    #cartes .vision-frame {
        border-radius: 20px !important;
    }
}

/* Fix spécifique iPhone SE / Écrans < 350px */
@media (max-width: 350px) {
    #cartes .h2-precision { font-size: 1.5rem !important; }
    #cartes .meter-segment { text-indent: -9999px; } /* On cache le texte des segments */
    #cartes .exercise-card { padding: 30px 15px !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64a2791 */#telepathie-quantum {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #2D1E40;
    --text-muted: #564D65;
    --bg-main: #FBF8FF;
    
    background-color: var(--bg-main);
    padding: 120px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: relative;
    overflow: hidden;
}

#telepathie-quantum .ux-container {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- ANIMATION ONDES DE SIGNAL --- */
#telepathie-quantum .signal-propagation {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

#telepathie-quantum .wave {
    position: absolute;
    border: 1px solid var(--amethyst);
    border-radius: 50%;
    opacity: 0;
    animation: ripple 6s infinite;
}

#telepathie-quantum .wave-1 { width: 200px; height: 200px; }
#telepathie-quantum .wave-2 { width: 400px; height: 400px; animation-delay: 2s; }

@keyframes ripple {
    0% { transform: scale(0.5); opacity: 0.3; }
    100% { transform: scale(2.5); opacity: 0; }
}

/* --- HEADER --- */
#telepathie-quantum .test-header {
    text-align: center;
    margin-bottom: 80px;
}

#telepathie-quantum .step-badge {
    background: var(--wine);
    color: white;
    padding: 6px 16px;
    border-radius: 100px;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 2px;
}

#telepathie-quantum .h2-precision {
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 950;
    color: var(--text-dark);
    line-height: 1.1;
    letter-spacing: -2px;
    margin: 20px 0;
}

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

/* --- QUANTUM GRID --- */
#telepathie-quantum .quantum-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 50px;
    margin-bottom: 80px;
}

#telepathie-quantum .quantum-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 60px;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 40px 100px rgba(45, 30, 64, 0.08);
}

#telepathie-quantum .quantum-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}

#telepathie-quantum .pulse-icon {
    width: 24px; height: 24px;
    background: rgba(142, 68, 173, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#telepathie-quantum .inner-dot {
    width: 8px; height: 8px;
    background: var(--amethyst);
    border-radius: 50%;
    animation: pulse-dot 2s infinite;
}

@keyframes pulse-dot {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.4); }
    70% { transform: scale(1.2); box-shadow: 0 0 0 10px rgba(142, 68, 173, 0); }
    100% { transform: scale(1); }
}

#telepathie-quantum .label-amethyst {
    color: var(--amethyst);
    font-size: 1.8rem;
    font-weight: 900;
    margin: 0;
}

#telepathie-quantum .exercise-steps {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#telepathie-quantum .step-line {
    display: flex;
    gap: 20px;
    align-items: center;
}

#telepathie-quantum .step-circle {
    width: 40px; height: 40px;
    border: 1px solid var(--amethyst);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.8rem;
    color: var(--amethyst);
    flex-shrink: 0;
}

#telepathie-quantum .step-line p {
    font-size: 1.1rem;
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0;
}

/* --- INFO & ANALYSE --- */
#telepathie-quantum .why-box {
    margin-bottom: 40px;
}

#telepathie-quantum .label-bordeaux {
    color: var(--wine);
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 3px;
    font-weight: 800;
    margin-bottom: 15px;
    display: block;
}

#telepathie-quantum .p-context {
    font-size: 1.15rem;
    line-height: 1.7;
    color: var(--text-muted);
}

#telepathie-quantum .analysis-box-dark {
    background: var(--text-dark);
    color: white;
    padding: 40px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

#telepathie-quantum .analysis-icon {
    font-size: 2rem;
    display: block;
    margin-bottom: 15px;
}

#telepathie-quantum .analysis-box-dark p {
    font-size: 1.05rem;
    line-height: 1.6;
    margin: 0;
}

#telepathie-quantum .box-accent-line {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; height: 6px;
    background: linear-gradient(90deg, var(--amethyst), var(--wine));
}

/* --- VISUAL PORTAL --- */
#telepathie-quantum .visual-portal {
    max-width: 900px;
    margin: 0 auto;
}

#telepathie-quantum .portal-frame {
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}

#telepathie-quantum .portal-frame img {
    width: 100%;
    display: block;
}

#telepathie-quantum .overlay-scan {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle, transparent 30%, rgba(45, 30, 64, 0.2));
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    #telepathie-quantum .quantum-grid { grid-template-columns: 1fr; }
    #telepathie-quantum .quantum-card { padding: 40px 30px; }
}

@media (max-width: 768px) {
    #telepathie-quantum { padding: 80px 15px; }
    #telepathie-quantum .h2-precision { font-size: 1.8rem; }
    #telepathie-quantum .label-amethyst { font-size: 1.5rem; }
}/* ============================================================
   FORCE RESPONSIVE QUANTUM : TÉLÉPATHIE (#telepathie-quantum)
   ============================================================ */

@media (max-width: 768px) {
    /* 1. RESET GLOBAL & ANTI-SCROLL */
    #telepathie-quantum {
        padding: 60px 0 !important; /* On divise le padding par 2 */
        overflow: hidden !important; /* On verrouille les ondes */
    }

    #telepathie-quantum .ux-container {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. SIGNAL PROPAGATION (Les ondes) */
    #telepathie-quantum .signal-propagation {
        left: 50% !important; /* On recentre les ondes pour le mobile */
        top: 30% !important;
    }

    #telepathie-quantum .wave-2 {
        width: 280px !important; /* On réduit le cercle de 400px */
        height: 280px !important;
    }

    /* 3. HEADER : ÉQUILIBRE VISUEL */
    #telepathie-quantum .test-header {
        margin-bottom: 40px !important;
        padding: 0 10px;
    }

    #telepathie-quantum .h2-precision {
        font-size: 1.8rem !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    /* 4. QUANTUM GRID : PASSAGE EN COLONNE */
    #telepathie-quantum .quantum-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        margin-bottom: 50px !important;
    }

    /* 5. QUANTUM CARD (GLASSMORPHISM) */
    #telepathie-quantum .quantum-card {
        padding: 30px 20px !important; /* On réduit le padding 60px */
        border-radius: 24px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #telepathie-quantum .quantum-header {
        flex-direction: column !important;
        gap: 15px !important;
        text-align: center;
        margin-bottom: 30px !important;
    }

    #telepathie-quantum .label-amethyst {
        font-size: 1.4rem !important;
    }

    /* 6. EXERCISE STEPS */
    #telepathie-quantum .exercise-steps {
        gap: 20px !important;
    }

    #telepathie-quantum .step-line {
        gap: 15px !important;
    }

    #telepathie-quantum .step-circle {
        width: 32px !important;
        height: 32px !important;
        font-size: 0.75rem !important;
    }

    #telepathie-quantum .step-line p {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    /* 7. INFO & ANALYSE BOX */
    #telepathie-quantum .analysis-box-dark {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }

    #telepathie-quantum .p-context {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
        text-align: left;
    }

    /* 8. VISUAL PORTAL */
    #telepathie-quantum .portal-frame {
        border-radius: 20px !important;
    }
}

/* Fix spécifique iPhone SE / Écrans < 350px */
@media (max-width: 350px) {
    #telepathie-quantum .h2-precision { font-size: 1.5rem !important; }
    #telepathie-quantum .label-amethyst { font-size: 1.25rem !important; }
    #telepathie-quantum .wave-2 { width: 220px !important; height: 220px !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-dd62090 */#scan-emotionnel {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #2D1E40;
    --text-muted: #564D65;
    --bg-main: #FBF8FF;
    
    background-color: var(--bg-main);
    padding: 120px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: relative;
    overflow: hidden;
}

#scan-emotionnel .ux-container {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- ANIMATION DE FOND --- */
#scan-emotionnel .heartbeat-bg {
    position: absolute;
    top: 30%; right: 10%;
    z-index: 1;
}

#scan-emotionnel .pulse-ring {
    width: 300px; height: 300px;
    border: 2px solid rgba(154, 42, 91, 0.05);
    border-radius: 50%;
    animation: heart-pulse 4s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes heart-pulse {
    0% { transform: scale(0.8); opacity: 0.8; }
    50% { transform: scale(1.2); opacity: 0.2; }
    100% { transform: scale(1.5); opacity: 0; }
}

/* --- HEADER --- */
#scan-emotionnel .test-header {
    text-align: left;
    margin-bottom: 80px;
}

#scan-emotionnel .step-badge {
    color: var(--wine);
    border: 1px solid var(--wine);
    padding: 5px 15px;
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 2px;
}

#scan-emotionnel .h2-precision {
    font-size: clamp(2.2rem, 5vw, 3.5rem);
    font-weight: 950;
    color: var(--text-dark);
    line-height: 1;
    letter-spacing: -3px;
    margin-top: 25px;
}

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

/* --- GRID LAYOUT --- */
#scan-emotionnel .scan-grid {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 60px;
    margin-bottom: 80px;
    align-items: center;
}

/* --- SIDEBAR GOAL --- */
#scan-emotionnel .goal-card {
    background: var(--text-dark);
    color: #fff;
    padding: 40px;
    border-radius: 30px;
    margin-bottom: 30px;
    box-shadow: 0 20px 40px rgba(45, 30, 64, 0.15);
}

#scan-emotionnel .goal-label {
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 3px;
    color: var(--wine);
    display: block;
    margin-bottom: 15px;
}

#scan-emotionnel .goal-card p {
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 0;
    opacity: 0.9;
}

/* --- EXERCISE FOCUS --- */
#scan-emotionnel .exercise-focus {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 60px;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    position: relative;
    box-shadow: 0 40px 80px rgba(45, 30, 64, 0.05);
}

#scan-emotionnel .label-amethyst {
    font-size: 1.8rem;
    font-weight: 900;
    color: var(--amethyst);
    margin-bottom: 40px;
}

#scan-emotionnel .instruction-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#scan-emotionnel .instruction-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

#scan-emotionnel .item-icon {
    font-size: 1.5rem;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1));
}

#scan-emotionnel .instruction-item p {
    font-size: 1.15rem;
    line-height: 1.6;
    color: var(--text-muted);
    margin: 0;
}

#scan-emotionnel .instruction-item strong {
    color: var(--text-dark);
}

/* --- VISUAL REVEAL --- */
#scan-emotionnel .visual-reveal {
    max-width: 950px;
    margin: 0 auto;
}

#scan-emotionnel .reveal-frame {
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}

#scan-emotionnel .reveal-frame img {
    width: 100%;
    display: block;
    filter: saturate(0.8);
    transition: filter 0.5s ease;
}

#scan-emotionnel .reveal-frame:hover img {
    filter: saturate(1.2);
}

#scan-emotionnel .reveal-overlay {
    position: absolute;
    bottom: 30px; left: 30px;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px 25px;
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    #scan-emotionnel .scan-grid { grid-template-columns: 1fr; }
    #scan-emotionnel .goal-sidebar { order: 2; }
    #scan-emotionnel .exercise-focus { order: 1; padding: 40px 30px; }
}

@media (max-width: 768px) {
    #scan-emotionnel .h2-precision { font-size: 1.8rem; letter-spacing: -1.5px; }
    #scan-emotionnel .label-amethyst { font-size: 1.5rem; }
}/* ============================================================
   FORCE RESPONSIVE RADICAL : SCAN (#scan-emotionnel)
   ============================================================ */

@media (max-width: 768px) {
    /* 1. RESET GLOBAL & ANTI-SCROLL */
    #scan-emotionnel {
        padding: 60px 0 !important; /* On divise les marges par 2 */
        overflow: hidden !important; /* Verrouille les anneaux de pulsation */
    }

    #scan-emotionnel .ux-container {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. ANIMATION DE FOND (SÉCURITÉ) */
    #scan-emotionnel .heartbeat-bg {
        top: 10% !important;
        right: -10% !important;
        opacity: 0.5;
    }

    #scan-emotionnel .pulse-ring {
        width: 200px !important; /* On réduit le cercle de 300px */
        height: 200px !important;
    }

    /* 3. HEADER : ÉQUILIBRE VISUEL */
    #scan-emotionnel .test-header {
        margin-bottom: 40px !important;
        text-align: center; /* Plus stable sur mobile */
    }

    #scan-emotionnel .h2-precision {
        font-size: 1.85rem !important;
        line-height: 1.1 !important;
        letter-spacing: -1px !important;
    }

    /* 4. GRID LAYOUT : PASSAGE EN COLONNE */
    #scan-emotionnel .scan-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        margin-bottom: 50px !important;
    }

    /* 5. SIDEBAR GOAL (LA CARTE NOIRE) */
    #scan-emotionnel .goal-sidebar {
        order: 2 !important; /* Passe après l'exercice */
    }

    #scan-emotionnel .goal-card {
        padding: 30px 20px !important;
        border-radius: 24px !important;
    }

    #scan-emotionnel .goal-card p {
        font-size: 1rem !important;
        line-height: 1.5 !important;
    }

    /* 6. EXERCISE FOCUS (GLASSMORPHISM) */
    #scan-emotionnel .exercise-focus {
        order: 1 !important; /* Priorité à l'action sur mobile */
        padding: 35px 20px !important; /* On réduit le padding 60px */
        border-radius: 24px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #scan-emotionnel .label-amethyst {
        font-size: 1.4rem !important;
        text-align: center;
        margin-bottom: 30px !important;
    }

    #scan-emotionnel .instruction-list {
        gap: 20px !important;
    }

    #scan-emotionnel .instruction-item {
        gap: 15px !important;
    }

    #scan-emotionnel .item-icon {
        font-size: 1.25rem !important;
    }

    #scan-emotionnel .instruction-item p {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    /* 7. VISUAL REVEAL & BADGE */
    #scan-emotionnel .reveal-frame {
        border-radius: 24px !important;
    }

    #scan-emotionnel .reveal-overlay {
        bottom: 15px !important;
        left: 15px !important;
        font-size: 0.65rem !important;
        padding: 8px 15px !important;
        letter-spacing: 1px !important;
    }
}

/* Fix spécifique iPhone SE / Écrans < 350px */
@media (max-width: 350px) {
    #scan-emotionnel .h2-precision { font-size: 1.6rem !important; }
    #scan-emotionnel .label-amethyst { font-size: 1.2rem !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cf9deb3 */#carnet-predictions {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #2D1E40;
    --text-muted: #564D65;
    --bg-main: #FBF8FF;
    --paper: #FFFFFF;
    
    background-color: var(--bg-main);
    padding: 120px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: relative;
    overflow: hidden;
}

#carnet-predictions .ux-container {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- DECORATION ARRIÈRE-PLAN --- */
#carnet-predictions .ink-trace {
    position: absolute;
    top: 10%;
    left: -5%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(142, 68, 173, 0.03) 0%, transparent 70%);
    z-index: 1;
}

/* --- HEADER --- */
#carnet-predictions .test-header {
    margin-bottom: 80px;
    text-align: center;
}

#carnet-predictions .step-badge {
    color: var(--amethyst);
    font-weight: 800;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-size: 0.7rem;
    display: block;
    margin-bottom: 15px;
}

#carnet-predictions .h2-precision {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 900;
    color: var(--text-dark);
    line-height: 1.1;
    letter-spacing: -2px;
}

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

#carnet-predictions .test-divider {
    width: 50px; height: 3px;
    background: var(--wine);
    margin: 20px auto;
}

/* --- LAYOUT JOURNAL --- */
#carnet-predictions .journal-layout {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 80px;
    align-items: center;
    margin-bottom: 80px;
}

#carnet-predictions .manifesto-text {
    font-family: serif;
    font-style: italic;
    font-size: 1.8rem;
    line-height: 1.4;
    color: var(--text-dark);
    border-left: 4px solid var(--wine);
    padding-left: 30px;
    margin-bottom: 40px;
}

#carnet-predictions .ritual-time-indicator {
    display: flex;
    align-items: center;
    gap: 15px;
}

#carnet-predictions .time-tag {
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--text-muted);
    letter-spacing: 1px;
}

#carnet-predictions .time-arrow {
    height: 1px; width: 40px;
    background: var(--text-muted);
    opacity: 0.3;
}

/* --- PAPER CARD --- */
#carnet-predictions .paper-card {
    background: var(--paper);
    padding: 60px;
    border-radius: 4px; /* Look carnet */
    position: relative;
    box-shadow: 20px 20px 60px rgba(45, 30, 64, 0.05);
    border-left: 10px solid var(--amethyst);
}

#carnet-predictions .label-amethyst {
    font-size: 1.4rem;
    font-weight: 900;
    color: var(--amethyst);
    margin-bottom: 40px;
    text-transform: uppercase;
}

#carnet-predictions .step-row {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

#carnet-predictions .step-icon {
    font-size: 1.5rem;
    opacity: 0.8;
}

#carnet-predictions .step-row p {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.6;
    color: var(--text-muted);
}

#carnet-predictions .step-row strong {
    color: var(--text-dark);
}

#carnet-predictions .seal-ritual {
    position: absolute;
    bottom: 30px; right: 30px;
    width: 80px; height: 80px;
    border: 2px dashed rgba(154, 42, 91, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
    text-transform: uppercase;
    font-weight: 900;
    color: var(--wine);
    transform: rotate(-15deg);
}

/* --- VISUAL PORTAL --- */
#carnet-predictions .journal-portal {
    max-width: 900px;
    margin: 0 auto;
}

#carnet-predictions .portal-frame-refined {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 40px 80px rgba(45, 30, 64, 0.1);
}

#carnet-predictions .portal-frame-refined img {
    width: 100%;
    display: block;
    transition: transform 0.8s ease;
}

#carnet-predictions .portal-frame-refined:hover img {
    transform: scale(1.03);
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    #carnet-predictions .journal-layout { grid-template-columns: 1fr; gap: 40px; }
    #carnet-predictions .paper-card { padding: 40px 30px; }
    #carnet-predictions .manifesto-text { font-size: 1.4rem; }
}

@media (max-width: 768px) {
    #carnet-predictions .h2-precision { font-size: 1.8rem; }
}/* ============================================================
   FORCE RESPONSIVE ÉDITORIAL : CARNET (#carnet-predictions)
   ============================================================ */

@media (max-width: 768px) {
    /* 1. RESET GLOBAL & ANTI-SCROLL */
    #carnet-predictions {
        padding: 60px 0 !important; /* On divise le padding par 2 */
        overflow: hidden !important;
    }

    #carnet-predictions .ux-container {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. DÉCORATION (L'ink-trace) */
    #carnet-predictions .ink-trace {
        width: 250px !important;
        height: 250px !important;
        left: -10px !important;
        top: 5% !important;
        opacity: 0.5;
    }

    /* 3. HEADER : ÉQUILIBRE VISUEL */
    #carnet-predictions .test-header {
        margin-bottom: 40px !important;
        padding: 0 10px;
    }

    #carnet-predictions .h2-precision {
        font-size: 1.8rem !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    /* 4. LAYOUT JOURNAL : PASSAGE EN COLONNE */
    #carnet-predictions .journal-layout {
        grid-template-columns: 1fr !important;
        gap: 35px !important;
        margin-bottom: 50px !important;
    }

    #carnet-predictions .manifesto-text {
        font-size: 1.3rem !important; /* Réduction du 1.8rem */
        padding-left: 20px !important;
        margin-bottom: 30px !important;
        line-height: 1.5 !important;
    }

    /* 5. PAPER CARD (L'effet carnet mobile) */
    #carnet-predictions .paper-card {
        padding: 35px 20px !important; /* On réduit le padding 60px */
        border-radius: 8px !important;
        border-left: 6px solid var(--amethyst) !important; /* Bordure plus fine */
        box-shadow: 10px 10px 30px rgba(45, 30, 64, 0.05) !important;
    }

    #carnet-predictions .label-amethyst {
        font-size: 1.1rem !important;
        margin-bottom: 25px !important;
        text-align: center;
    }

    #carnet-predictions .step-row {
        gap: 15px !important;
        margin-bottom: 20px !important;
    }

    #carnet-predictions .step-icon {
        font-size: 1.25rem !important;
    }

    #carnet-predictions .step-row p {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    /* 6. LE SCEAU (SEAL RITUAL) */
    #carnet-predictions .seal-ritual {
        position: relative !important; /* On le sort du flux absolute */
        bottom: auto !important;
        right: auto !important;
        margin: 20px auto 0 !important; /* On le centre en bas du texte */
        width: 60px !important;
        height: 60px !important;
        font-size: 0.5rem !important;
        transform: rotate(0deg) !important; /* On le remet droit pour la lecture */
    }

    /* 7. VISUAL PORTAL */
    #carnet-predictions .journal-portal {
        padding: 0 5px !important;
    }
}

/* Fix spécifique iPhone SE / Écrans < 350px */
@media (max-width: 350px) {
    #carnet-predictions .h2-precision { font-size: 1.6rem !important; }
    #carnet-predictions .manifesto-text { font-size: 1.15rem !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d1691cc */#remote-viewing-test {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #2D1E40;
    --text-muted: #564D65;
    --bg-main: #FBF8FF;
    
    background-color: var(--bg-main);
    padding: 120px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: relative;
    overflow: hidden;
}

#remote-viewing-test .ux-container {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- ANIMATION RADAR PING --- */
#remote-viewing-test .radar-ping {
    position: absolute;
    top: 50%;
    right: 10%;
    width: 2px;
    height: 2px;
    background: var(--amethyst);
    box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.4);
    border-radius: 50%;
    animation: ping 4s infinite;
}

@keyframes ping {
    0% { box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.4); }
    70% { box-shadow: 0 0 0 300px rgba(142, 68, 173, 0); }
    100% { box-shadow: 0 0 0 0 rgba(142, 68, 173, 0); }
}

/* --- HEADER --- */
#remote-viewing-test .test-header {
    text-align: center;
    margin-bottom: 80px;
}

#remote-viewing-test .step-badge {
    background: var(--text-dark);
    color: #fff;
    padding: 6px 16px;
    border-radius: 100px;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 2px;
}

#remote-viewing-test .h2-precision {
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 950;
    color: var(--text-dark);
    line-height: 1.1;
    margin: 20px 0;
}

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

/* --- GRID LAYOUT --- */
#remote-viewing-test .remote-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 60px;
    margin-bottom: 80px;
}

/* --- VIEWFINDER CARD --- */
#remote-viewing-test .protocol-card-viewfinder {
    background: #ffffff;
    padding: 60px;
    border-radius: 40px;
    position: relative;
    box-shadow: 0 40px 80px rgba(45, 30, 64, 0.05);
}

#remote-viewing-test .viewfinder-corner {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 2px solid var(--amethyst);
    opacity: 0.3;
}

#remote-viewing-test .top-left { top: 30px; left: 30px; border-right: 0; border-bottom: 0; }
#remote-viewing-test .top-right { top: 30px; right: 30px; border-left: 0; border-bottom: 0; }
#remote-viewing-test .bottom-left { bottom: 30px; left: 30px; border-right: 0; border-top: 0; }
#remote-viewing-test .bottom-right { bottom: 30px; right: 30px; border-left: 0; border-top: 0; }

#remote-viewing-test .label-amethyst {
    font-size: 1.8rem;
    font-weight: 900;
    color: var(--amethyst);
    margin-bottom: 40px;
}

#remote-viewing-test .instruction-path {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

#remote-viewing-test .path-item {
    display: flex;
    gap: 20px;
    align-items: center;
}

#remote-viewing-test .path-coord {
    font-family: monospace;
    font-size: 0.7rem;
    color: var(--wine);
    background: rgba(154, 42, 91, 0.05);
    padding: 4px 8px;
    border-radius: 4px;
}

#remote-viewing-test .path-item p {
    font-size: 1.1rem;
    line-height: 1.6;
    color: var(--text-muted);
    margin: 0;
}

/* --- ANALYSIS SIDEBAR --- */
#remote-viewing-test .purpose-box {
    margin-bottom: 40px;
}

#remote-viewing-test .label-bordeaux {
    color: var(--wine);
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 3px;
    font-weight: 800;
    margin-bottom: 15px;
    display: block;
}

#remote-viewing-test .analysis-result-card {
    background: var(--text-dark);
    color: white;
    padding: 40px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

#remote-viewing-test .result-glow {
    position: absolute;
    top: -50%; right: -50%;
    width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(142, 68, 173, 0.2) 0%, transparent 70%);
}

#remote-viewing-test .result-icon {
    font-size: 2rem;
    display: block;
    margin-bottom: 15px;
}

#remote-viewing-test .result-content p {
    font-size: 1.05rem;
    line-height: 1.6;
    margin: 0;
}

/* --- VISION TARGET IMAGE --- */
#remote-viewing-test .vision-target {
    max-width: 950px;
    margin: 0 auto;
}

#remote-viewing-test .target-frame {
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}

#remote-viewing-test .target-frame img {
    width: 100%;
    display: block;
    filter: brightness(0.8);
}

#remote-viewing-test .target-crosshair {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

#remote-viewing-test .target-crosshair::before,
#remote-viewing-test .target-crosshair::after {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
}

#remote-viewing-test .target-crosshair::before { top: 50%; left: -20px; width: 140px; height: 1px; }
#remote-viewing-test .target-crosshair::after { left: 50%; top: -20px; height: 140px; width: 1px; }

#remote-viewing-test .target-label {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: white;
    opacity: 0.6;
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    #remote-viewing-test .remote-grid { grid-template-columns: 1fr; }
    #remote-viewing-test .protocol-card-viewfinder { padding: 40px 30px; }
}

@media (max-width: 768px) {
    #remote-viewing-test .h2-precision { font-size: 1.8rem; }
    #remote-viewing-test .target-crosshair { width: 60px; height: 60px; }
}/* ============================================================
   FORCE RESPONSIVE RADICAL : REMOTE VIEWING (#remote-viewing-test)
   ============================================================ */

@media (max-width: 768px) {
    /* 1. RESET GLOBAL & ANTI-SCROLL */
    #remote-viewing-test {
        padding: 60px 0 !important; /* On divise les marges par 2 */
        overflow: hidden !important;
    }

    #remote-viewing-test .ux-container {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. RADAR PING (SÉCURITÉ) */
    #remote-viewing-test .radar-ping {
        right: 50% !important; /* On centre le ping sur mobile */
        top: 20% !important;
    }

    @keyframes ping {
        0% { box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.4); }
        70% { box-shadow: 0 0 0 150px rgba(142, 68, 173, 0); } /* Réduction du spread (300px -> 150px) */
        100% { box-shadow: 0 0 0 0 rgba(142, 68, 173, 0); }
    }

    /* 3. HEADER : ÉQUILIBRE VISUEL */
    #remote-viewing-test .test-header {
        margin-bottom: 45px !important;
    }

    #remote-viewing-test .h2-precision {
        font-size: 1.8rem !important;
        line-height: 1.15 !important;
        letter-spacing: -1px !important;
    }

    /* 4. REMOTE GRID : PASSAGE EN COLONNE */
    #remote-viewing-test .remote-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        margin-bottom: 50px !important;
    }

    /* 5. VIEWFINDER CARD (L'EFFET DE VISÉE) */
    #remote-viewing-test .protocol-card-viewfinder {
        padding: 35px 20px !important; /* Réduction drastique du padding 60px */
        border-radius: 24px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* On rapproche les coins pour le mobile */
    #remote-viewing-test .viewfinder-corner {
        width: 20px !important;
        height: 20px !important;
    }

    #remote-viewing-test .top-left { top: 15px !important; left: 15px !important; }
    #remote-viewing-test .top-right { top: 15px !important; right: 15px !important; }
    #remote-viewing-test .bottom-left { bottom: 15px !important; left: 15px !important; }
    #remote-viewing-test .bottom-right { bottom: 15px !important; right: 15px !important; }

    #remote-viewing-test .label-amethyst {
        font-size: 1.4rem !important;
        text-align: center;
        margin-bottom: 30px !important;
    }

    #remote-viewing-test .path-item {
        gap: 15px !important;
    }

    #remote-viewing-test .path-item p {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    /* 6. ANALYSIS RESULT CARD */
    #remote-viewing-test .analysis-result-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }

    /* 7. VISION TARGET & CROSSHAIR */
    #remote-viewing-test .target-frame {
        border-radius: 20px !important;
    }

    #remote-viewing-test .target-crosshair {
        width: 60px !important; /* Déjà amorcé, on verrouille */
        height: 60px !important;
    }

    #remote-viewing-test .target-crosshair::before { width: 90px !important; left: -15px !important; }
    #remote-viewing-test .target-crosshair::after { height: 90px !important; top: -15px !important; }

    #remote-viewing-test .target-label {
        font-size: 0.5rem !important;
        top: 10px !important;
        left: 10px !important;
    }
}

/* Fix spécifique iPhone SE / Écrans < 350px */
@media (max-width: 350px) {
    #remote-viewing-test .h2-precision { font-size: 1.55rem !important; }
    #remote-viewing-test .protocol-card-viewfinder { padding: 30px 15px !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1e170 */#lieux {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #2D1E40;
    --text-muted: #564D65;
    --bg-main: #FBF8FF;
    
    background-color: var(--bg-main);
    padding: 120px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: relative;
    overflow: hidden;
}

#lieux .ux-container {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- EFFET FLUIDIQUE --- */
#lieux .fluidic-impregnation {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 70% 20%, rgba(142, 68, 173, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 10% 80%, rgba(154, 42, 91, 0.05) 0%, transparent 50%);
    pointer-events: none;
}

/* --- HEADER --- */
#lieux .test-header {
    text-align: center;
    margin-bottom: 80px;
}

#lieux .step-badge {
    color: var(--wine);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 0.75rem;
    border-bottom: 2px solid var(--wine);
    padding-bottom: 5px;
}

#lieux .h2-precision {
    font-size: clamp(2.2rem, 5vw, 3.5rem);
    font-weight: 950;
    color: var(--text-dark);
    letter-spacing: -2px;
    margin: 25px 0;
}

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

/* --- GRID LAYOUT --- */
#lieux .memory-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 60px;
    margin-bottom: 80px;
    align-items: center;
}

/* --- CONCEPT CARD --- */
#lieux .concept-card {
    position: relative;
    padding-right: 20px;
}

#lieux .label-bordeaux {
    display: block;
    color: var(--wine);
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

#lieux .p-philosophy {
    font-size: 1.25rem;
    line-height: 1.7;
    color: var(--text-muted);
    font-family: serif;
    font-style: italic;
}

#lieux .vibration-lines {
    display: flex;
    gap: 5px;
    margin-top: 30px;
}

#lieux .vibration-lines span {
    height: 3px;
    background: var(--wine);
    border-radius: 10px;
    opacity: 0.3;
}
#lieux .vibration-lines span:nth-child(1) { width: 40px; }
#lieux .vibration-lines span:nth-child(2) { width: 20px; }
#lieux .vibration-lines span:nth-child(3) { width: 10px; }

/* --- RITUAL CARD --- */
#lieux .ritual-card-glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 60px;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 40px 100px rgba(45, 30, 64, 0.05);
}

#lieux .label-amethyst {
    font-size: 1.8rem;
    font-weight: 900;
    color: var(--amethyst);
    margin-bottom: 40px;
}

#lieux .memory-steps {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#lieux .memory-step {
    display: flex;
    gap: 20px;
    position: relative;
}

#lieux .memory-node {
    width: 12px; height: 12px;
    background: var(--amethyst);
    border-radius: 50%;
    margin-top: 8px;
    flex-shrink: 0;
    box-shadow: 0 0 15px rgba(142, 68, 173, 0.4);
}

#lieux .memory-step p {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.6;
    color: var(--text-muted);
}

#lieux .memory-step strong {
    color: var(--text-dark);
}

/* --- PORTAL IMAGE --- */
#lieux .memorial-portal {
    max-width: 950px;
    margin: 0 auto;
}

#lieux .portal-frame-ancient {
    position: relative;
    border-radius: 60px 10px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}

#lieux .portal-frame-ancient img {
    width: 100%;
    display: block;
    filter: sepia(0.2) contrast(1.1);
    transition: all 0.6s ease;
}

#lieux .portal-frame-ancient:hover img {
    filter: sepia(0) contrast(1);
    transform: scale(1.02);
}

#lieux .time-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, rgba(154, 42, 91, 0.2), transparent);
    mix-blend-mode: overlay;
}

#lieux .portal-caption {
    position: absolute;
    top: 30px; right: 30px;
    background: white;
    padding: 8px 20px;
    border-radius: 100px;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--text-dark);
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    #lieux .memory-grid { grid-template-columns: 1fr; }
    #lieux .concept-card { order: 2; padding: 0; }
    #lieux .ritual-card-glass { order: 1; padding: 40px 30px; }
}

@media (max-width: 768px) {
    #lieux .h2-precision { font-size: 1.8rem; }
    #lieux .portal-frame-ancient { border-radius: 40px 10px; }
}/* ============================================================
   FORCE RESPONSIVE RADICAL : LIEUX (#lieux)
   ============================================================ */

@media (max-width: 768px) {
    /* 1. RESET GLOBAL & ANTI-SCROLL */
    #lieux {
        padding: 60px 0 !important; /* On divise les marges par 2 */
        overflow: hidden !important;
    }

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

    /* 2. HEADER : ÉQUILIBRE VISUEL */
    #lieux .test-header {
        margin-bottom: 45px !important;
        text-align: center;
    }

    #lieux .h2-precision {
        font-size: 1.85rem !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    /* 3. GRID LAYOUT : PASSAGE EN COLONNE */
    #lieux .memory-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
        margin-bottom: 50px !important;
    }

    /* 4. CONCEPT CARD (PHILOSOPHIE) */
    #lieux .concept-card {
        order: 2 !important; /* Passe après le rituel pour conclure l'idée */
        text-align: center;
        padding-right: 0 !important;
    }

    #lieux .p-philosophy {
        font-size: 1.1rem !important;
        line-height: 1.6 !important;
    }

    #lieux .vibration-lines {
        justify-content: center !important;
        margin-top: 20px !important;
    }

    /* 5. RITUAL CARD (GLASSMORPHISM) */
    #lieux .ritual-card-glass {
        order: 1 !important; /* Priorité à la pratique sur mobile */
        padding: 35px 20px !important; /* Réduction drastique du padding 60px */
        border-radius: 24px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #lieux .label-amethyst {
        font-size: 1.4rem !important;
        text-align: center;
        margin-bottom: 30px !important;
    }

    #lieux .memory-steps {
        gap: 20px !important;
    }

    #lieux .memory-step {
        gap: 15px !important;
    }

    #lieux .memory-step p {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    /* 6. PORTAL IMAGE & CAPTION */
    #lieux .portal-frame-ancient {
        border-radius: 30px 10px !important; /* On adoucit l'asymétrie */
    }

    #lieux .portal-caption {
        top: 15px !important;
        right: 15px !important;
        font-size: 0.65rem !important;
        padding: 6px 15px !important;
        letter-spacing: 1px !important;
    }
}

/* Fix spécifique iPhone SE / Écrans < 350px */
@media (max-width: 350px) {
    #lieux .h2-precision { font-size: 1.6rem !important; }
    #lieux .p-philosophy { font-size: 1rem !important; }
    #lieux .ritual-card-glass { padding: 30px 15px !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-539e3cf */#resultats {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #2D1E40;
    --text-muted: #564D65;
    --bg-white: #ffffff;
    
    background-color: var(--bg-white);
    padding: 100px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: relative;
    overflow: hidden;
    /* Bordure Crystal Thématique */
    border: 1px solid rgba(142, 68, 173, 0.1);
}

#resultats .results-container {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- DECOR --- */
#resultats .final-glow {
    position: absolute;
    top: 50%; left: 50%;
    width: 800px; height: 800px;
    background: radial-gradient(circle, rgba(142, 68, 173, 0.05) 0%, transparent 70%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* --- HEADER --- */
#resultats .results-header {
    text-align: center;
    margin-bottom: 60px;
}

#resultats .crown-icon {
    font-size: 2rem;
    color: var(--wine);
    margin-bottom: 10px;
}

#resultats .h2-crystal-gradient {
    font-size: clamp(1.8rem, 5vw, 2.8rem);
    font-weight: 900;
    color: var(--text-dark);
    letter-spacing: -1.5px;
    background: linear-gradient(135deg, var(--text-dark), var(--amethyst));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#resultats .results-divider {
    width: 100px; height: 4px;
    background: linear-gradient(90deg, transparent, var(--wine), transparent);
    margin: 20px auto;
}

/* --- GRID CONTENT --- */
#resultats .results-content-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 50px;
    align-items: center;
    margin-bottom: 80px;
}

#resultats .main-verdict {
    font-size: 1.25rem;
    line-height: 1.7;
    color: var(--text-dark);
}

/* --- GAUGE VISUELLE --- */
#resultats .potential-gauge {
    margin: 40px 0;
}

#resultats .gauge-track {
    height: 10px;
    background: #f0f0f0;
    border-radius: 100px;
    position: relative;
    margin-bottom: 15px;
}

#resultats .gauge-fill {
    position: absolute;
    left: 0; top: 0;
    height: 100%;
    width: 60%; /* Animation possible ici */
    background: linear-gradient(90deg, var(--amethyst), var(--wine));
    border-radius: 100px;
}

#resultats .marker {
    position: absolute;
    top: -25px;
    font-size: 0.7rem;
    font-weight: 900;
    color: var(--text-muted);
}
#resultats .m-3 { left: 42%; }
#resultats .m-7 { right: 0; }

#resultats .gauge-labels {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--text-muted);
}

/* --- WISDOM ASIDE --- */
#resultats .wisdom-note {
    background: #FBF8FF;
    border-radius: 30px;
    padding: 40px;
    border: 1px dashed var(--amethyst);
    position: relative;
}

#resultats .wisdom-tag {
    display: inline-block;
    background: var(--wine);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 5px 15px;
    border-radius: 100px;
    margin-bottom: 20px;
}

#resultats .wisdom-note p {
    font-size: 1.05rem;
    line-height: 1.6;
    color: var(--text-muted);
}

#resultats .wisdom-footer {
    margin-top: 15px !important;
    font-weight: 700;
    color: var(--text-dark) !important;
}

/* --- CTA SECTION --- */
#resultats .results-cta {
    text-align: center;
    background: white;
    padding: 60px 40px;
    border-radius: 40px;
    box-shadow: 0 40px 100px rgba(45, 30, 64, 0.1);
    border: 1px solid rgba(142, 68, 173, 0.1);
}

#resultats .cta-text-block h3 {
    font-size: 1.8rem;
    font-weight: 900;
    color: var(--text-dark);
    margin-bottom: 15px;
}

#resultats .cta-text-block p {
    color: var(--text-muted);
    max-width: 600px;
    margin: 0 auto 40px;
    line-height: 1.6;
}

#resultats .btn-phone-pulse {
    display: inline-flex;
    flex-direction: column;
    background: var(--amethyst);
    color: #ffffff;
    padding: 20px 60px;
    border-radius: 100px;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 20px 40px rgba(142, 68, 173, 0.3);
}

#resultats .btn-phone-pulse:hover {
    transform: translateY(-5px);
    background: var(--wine);
    box-shadow: 0 25px 50px rgba(154, 42, 91, 0.4);
}

#resultats .btn-label {
    font-family: serif;
    font-style: italic;
    font-size: 1rem;
    opacity: 0.9;
}

#resultats .btn-number {
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: 1px;
}

#resultats .cta-subtext {
    margin-top: 25px;
    font-size: 0.85rem;
    color: var(--text-muted);
    font-style: italic;
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    #resultats .results-content-grid { grid-template-columns: 1fr; }
    #resultats .results-cta { padding: 40px 20px; }
}

@media (max-width: 768px) {
    #resultats .h2-crystal-gradient { font-size: 1.8rem; }
    #resultats .btn-phone-pulse { padding: 15px 30px; width: 90%; }
    #resultats .btn-number { font-size: 1.3rem; }
}/* ============================================================
   FORCE RESPONSIVE RADICAL : RÉSULTATS (#resultats)
   ============================================================ */

@media (max-width: 768px) {
    /* 1. RESET GLOBAL & ANTI-DÉBORDEMENT */
    #resultats {
        padding: 50px 0 !important; /* On réduit le padding 100px */
        overflow: hidden !important;
    }

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

    /* 2. DÉCOR (L'AURA FINALE) */
    #resultats .final-glow {
        width: 300px !important; /* On réduit l'aura de 800px */
        height: 300px !important;
        opacity: 0.4;
    }

    /* 3. HEADER & TITRE CRYSTAL */
    #resultats .results-header {
        margin-bottom: 35px !important;
    }

    #resultats .crown-icon {
        font-size: 1.5rem !important;
    }

    #resultats .h2-crystal-gradient {
        font-size: 1.6rem !important; /* Taille de sécurité */
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    #resultats .results-divider {
        width: 60px !important;
        margin: 15px auto !important;
    }

    /* 4. CONTENT GRID : PASSAGE EN COLONNE */
    #resultats .results-content-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        margin-bottom: 50px !important;
    }

    #resultats .main-verdict {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
        text-align: left; /* Plus naturel pour un long texte */
    }

    /* 5. GAUGE VISUELLE (PRÉCISION MOBILE) */
    #resultats .potential-gauge {
        margin: 30px 0 !important;
        padding: 0 5px;
    }

    #resultats .gauge-track {
        height: 12px !important; /* Plus épais pour le visuel mobile */
    }

    #resultats .marker {
        font-size: 0.6rem !important;
        top: -20px !important;
    }

    #resultats .gauge-labels {
        font-size: 0.65rem !important;
        letter-spacing: 0.5px !important;
    }

    /* 6. WISDOM NOTE (L'encadré de sagesse) */
    #resultats .wisdom-note {
        padding: 30px 20px !important; /* On réduit le padding 40px */
        border-radius: 20px !important;
        margin: 0 !important;
    }

    #resultats .wisdom-note p {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    /* 7. CTA SECTION (LE CONVERTISSEUR) */
    #resultats .results-cta {
        padding: 40px 20px !important; /* Réduction du padding 60px */
        border-radius: 24px !important;
        margin-top: 20px !important;
    }

    #resultats .cta-text-block h3 {
        font-size: 1.4rem !important;
        margin-bottom: 12px !important;
    }

    #resultats .cta-text-block p {
        font-size: 0.95rem !important;
        margin-bottom: 30px !important;
    }

    /* 8. LE BOUTON PULSE (ÉDITION MOBILE) */
    #resultats .btn-phone-pulse {
        width: 100% !important; /* Pleine largeur pour le clic facile */
        padding: 18px 20px !important;
        box-sizing: border-box !important;
        border-radius: 16px !important; /* Moins "pilule", plus "bouton" */
    }

    #resultats .btn-label {
        font-size: 0.85rem !important;
    }

    #resultats .btn-number {
        font-size: 1.3rem !important;
        letter-spacing: 0.5px !important;
    }
}

/* Fix spécifique iPhone SE / Écrans < 350px */
@media (max-width: 350px) {
    #resultats .h2-crystal-gradient { font-size: 1.45rem !important; }
    #resultats .btn-number { font-size: 1.15rem !important; }
    #resultats .m-3 { display: none; } /* On cache le marqueur intermédiaire si trop étroit */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7ed94ca *//* --- FAQ TESTER SON DON : CLEMY PRESTIGE SYSTEM --- */
#clemy-faq-test-don {
    --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-test-don .faq-canvas {
    max-width: 900px; margin: 0 auto; padding: 0 25px;
}

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

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

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

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

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

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

/* Featured Highlighting for Protocol and Results */
#clemy-faq-test-don .featured-alpha[open] { border-left: 6px solid var(--purple); }
#clemy-faq-test-don .featured-results[open] { border-left: 6px solid var(--wine); border-right: 6px solid var(--wine); }

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

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

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

#clemy-faq-test-don .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-test-don .q-chevron {
    width: 20px; height: 20px; position: relative; transition: 0.4s;
}
#clemy-faq-test-don .q-chevron::before, 
#clemy-faq-test-don .q-chevron::after {
    content: ''; position: absolute; top: 50%; left: 50%;
    width: 12px; height: 2px; background: var(--purple); transition: 0.4s;
}
#clemy-faq-test-don .q-chevron::before { transform: translate(-50%, -50%) rotate(0deg); }
#clemy-faq-test-don .q-chevron::after { transform: translate(-50%, -50%) rotate(90deg); }
#clemy-faq-test-don .faq-item[open] .q-chevron { transform: rotate(45deg); }

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

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

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

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

@media (max-width: 768px) {
    /* 1. RESET GLOBAL & ANTI-DÉBORDEMENT */
    #clemy-faq-test-don {
        padding: 50px 0 !important; /* On réduit le padding 120px */
        overflow-x: hidden !important;
    }

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

    /* 2. HEADER : LISIBILITÉ DU TITRE */
    #clemy-faq-test-don .faq-header {
        margin-bottom: 35px !important;
        text-align: center; /* On centre pour l'équilibre mobile */
    }

    #clemy-faq-test-don .display-title {
        font-size: 1.8rem !important; /* Taille de sécurité */
        line-height: 1.2 !important;
        text-align: center;
    }

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

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

    #clemy-faq-test-don summary {
        padding: 22px 15px !important; /* On réduit le padding 30px */
        gap: 12px !important;
    }

    /* On cache le numéro (déjà prévu, mais on sécurise) */
    #clemy-faq-test-don .q-num {
        display: none !important;
    }

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

    /* 4. LE CONTENU : LIBÉRATION DE L'ESPACE (CRITIQUE) */
    #clemy-faq-test-don .faq-content {
        /* On passe de 85px à 15px pour libérer le texte */
        padding: 0 15px 25px 15px !important; 
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }

    /* 5. GESTION DES BORDURES "FEATURED" */
    #clemy-faq-test-don .featured-alpha[open] {
        border-left-width: 4px !important;
    }

    #clemy-faq-test-don .featured-results[open] {
        /* On garde uniquement la bordure gauche sur mobile pour laisser respirer */
        border-left: 4px solid var(--wine) !important;
        border-right: none !important; 
    }

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

/* Fix spécifique iPhone SE / Écrans < 350px */
@media (max-width: 350px) {
    #clemy-faq-test-don .display-title { font-size: 1.55rem !important; }
    #clemy-faq-test-don .q-text { font-size: 0.85rem !important; }
}/* End custom CSS */