/* ==========================================================
     * Tokens DA unifiés (basés sur ea6-* qui est la référence)
     * ========================================================== */
    :root {
        --ea-text-h1:        rgb(30, 30, 36);    /* Noir/anthracite — H1 */
        --ea-text-body:      rgb(64, 66, 77);    /* Gris ardoise — body */
        --ea-text-muted:     rgb(124, 128, 138); /* Gris muted */
        --ea-card-bg:        rgb(237, 239, 247); /* Bleu pâle — cards stats/specs/badges */
        --ea-card-bg-soft:   rgb(248, 249, 252); /* Bleu très pâle — backgrounds doux */
        --ea-border-soft:    rgb(211, 214, 224); /* Border cards */
        --ea-navy:           #0D1144;            /* Navy primaire (CTA, accents) */
        --ea-yellow:         #FFD60A;            /* Jaune accent */
    }

    /* ==========================================================
     * 1. PDP V8.2 — alignement sur la DA L2
     * ========================================================== */

    /* H1 du Hero PDP : weight 800 + couleur anthracite (comme L2 .ea6-h1) */
    .ea-pdp-hero-v82__h1 {
        color: var(--ea-text-h1) !important;
        font-weight: 800 !important;
        letter-spacing: -0.02em !important;
    }

    /* Sous-titre PDP : couleur body harmonisée */
    .ea-pdp-hero-v82__subtitle {
        color: var(--ea-text-body) !important;
    }

    /* Trust strip : texte body + accent Navy harmonisé */
    .ea-pdp-hero-v82__trust-strip {
        color: var(--ea-text-body) !important;
    }

    /* Bundle box : passer du beige au bleu pâle (comme spec cards L2) */
    .ea-pdp-hero-v82__bundle {
        background: var(--ea-card-bg) !important;
        border-radius: 12px !important;
    }

    /* CTA primary : weight 700 (comme .ea6-btn-primary) */
    .ea-pdp-hero-v82__btn--primary {
        font-weight: 700 !important;
        font-size: 15px !important;
        padding: 12px 20px !important;
        border-radius: 8px !important;
    }
    /* CTA ghost : pareil weight + border 1.5px Navy */
    .ea-pdp-hero-v82__btn--ghost {
        font-weight: 700 !important;
        font-size: 15px !important;
        padding: 12px 20px !important;
        border: 1.5px solid var(--ea-navy) !important;
        color: var(--ea-navy) !important;
        border-radius: 8px !important;
    }

    /* Hero container : card légère pour structurer visuellement (bordure subtile) */
    .ea-pdp-hero-v82 {
        border: 1px solid rgba(13, 17, 68, 0.06) !important;
        border-radius: 16px !important;
        padding: 28px !important;
        background: #fff !important;
        box-shadow: 0 2px 12px rgba(13, 17, 68, 0.03) !important;
    }
    @media (max-width: 768px) {
        .ea-pdp-hero-v82 { padding: 20px !important; border-radius: 12px !important; }
    }

    /* Tabs Anchor — accent Navy + weight cohérent */
    .ea-pdp-hero-v82__tabs a {
        color: var(--ea-text-body) !important;
        font-weight: 600 !important;
    }
    .ea-pdp-hero-v82__tabs a.is-active,
    .ea-pdp-hero-v82__tabs a:hover {
        color: var(--ea-navy) !important;
    }

    /* ==========================================================
     * 2. Section Compatibilité V8.2 — même DA
     * ========================================================== */
    /* Section compat : même traitement card légère que le hero */
    .ea-compat-v82 {
        border: 1px solid rgba(13, 17, 68, 0.06) !important;
        border-radius: 16px !important;
        padding: 28px !important;
        background: #fff !important;
        box-shadow: 0 2px 12px rgba(13, 17, 68, 0.03) !important;
        margin-top: 20px !important;
    }
    @media (max-width: 768px) {
        .ea-compat-v82 { padding: 20px !important; border-radius: 12px !important; }
    }
    .ea-compat-v82__title {
        color: var(--ea-text-h1) !important;
        font-weight: 800 !important;
        letter-spacing: -0.01em !important;
    }
    .ea-compat-v82__block-title {
        color: var(--ea-text-h1) !important;
        font-weight: 700 !important;
    }
    .ea-compat-v82__line,
    .ea-compat-v82__adj-title,
    .ea-compat-v82__adj-note {
        color: var(--ea-text-body) !important;
    }

    /* Mini-cards exclusions : fond bleu pâle harmonisé */
    .ea-compat-v82__exclusion {
        background: var(--ea-card-bg-soft) !important;
        border: 1px solid var(--ea-border-soft) !important;
        border-radius: 12px !important;
    }
    .ea-compat-v82__exclusion-thumb {
        border: 1px solid var(--ea-border-soft) !important;
    }

    /* Bloc trust en bas de section */
    .ea-compat-v82__trust {
        background: var(--ea-card-bg) !important;
        border: 1px solid var(--ea-border-soft) !important;
        border-radius: 12px !important;
    }
    .ea-compat-v82__trust-title {
        color: var(--ea-text-h1) !important;
        font-weight: 700 !important;
    }
    .ea-compat-v82__trust-text {
        color: var(--ea-text-body) !important;
    }

    /* Tip "Comment savoir ?" */
    .ea-compat-v82__adj-tip {
        background: var(--ea-card-bg-soft) !important;
        border-radius: 8px !important;
    }
    .ea-compat-v82__adj-tip-label {
        color: var(--ea-text-h1) !important;
    }

    /* ==========================================================
     * 3. Hero L3 V8.2 (déjà aux classes ea6-*) — garde tel quel
     *    mais on s'assure des tokens partagés
     * ========================================================== */
    .ea6-h1 {
        color: var(--ea-text-h1) !important;
        font-weight: 800 !important;
    }

    /* ==========================================================
     * Mobile : préserve les ajustements tailles
     * ========================================================== */
    @media (max-width: 768px) {
        .ea-pdp-hero-v82__h1 { font-size: 24px !important; }
        .ea-compat-v82__title { font-size: 22px !important; }
    }