.elementor-9225 .elementor-element.elementor-element-ab33f3c{--display:flex;}@media(min-width:768px){.elementor-9225 .elementor-element.elementor-element-ab33f3c{--width:100%;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Les 7 superaliments à intégrer dans votre alimentation</title>
    <style>
        body {
            font-family: Georgia, serif;
            line-height: 1.6;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            color: #333;
            background: #fafafa;
        }
        .main-content {
            background: white;
            padding: 50px;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
        }
        .intro-box {
            padding: 24px;
            background: linear-gradient(135deg, #f5fff0 0%, #e8f5e8 100%);
            border-left: 6px solid #7cc36b;
            margin: 30px 0;
            border-radius: 8px;
            position: relative;
            overflow: hidden;
        }
        .intro-box::before {
            content: '💡';
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 24px;
        }
        .warning-box {
            padding: 20px;
            background: linear-gradient(135deg, #fff7e6 0%, #fef3e2 100%);
            border-left: 6px solid #f3ad2e;
            margin: 30px 0;
            border-radius: 8px;
            position: relative;
        }
        .warning-box::before {
            content: '⚠️';
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 20px;
        }
        .superfood-card {
            background: #fff;
            border: 2px solid #f0f0f0;
            border-radius: 12px;
            padding: 25px;
            margin: 25px 0;
            transition: all 0.3s ease;
            position: relative;
        }
        .superfood-card:hover {
            border-color: #7cc36b;
            box-shadow: 0 8px 25px rgba(124, 195, 107, 0.15);
            transform: translateY(-2px);
        }
        .superfood-icon {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 28px;
            opacity: 0.7;
        }
        .benefit-badge {
            display: inline-block;
            background: #7cc36b;
            color: white;
            padding: 4px 10px;
            border-radius: 15px;
            font-size: 12px;
            margin: 2px;
            font-weight: bold;
        }
        .portion-highlight {
            background: #f8f8f8;
            padding: 8px 12px;
            border-radius: 6px;
            display: inline-block;
            font-weight: bold;
            color: #2c3e50;
        }
        table {
            border-collapse: collapse;
            width: 100%;
            margin: 30px 0;
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        th {
            background: linear-gradient(135deg, #7cc36b 0%, #6bb35a 100%);
            color: white;
            padding: 15px 12px;
            text-align: left;
            font-weight: bold;
        }
        td {
            padding: 12px;
            border-bottom: 1px solid #f0f0f0;
        }
        tr:hover {
            background: #f8fff8;
        }
        .interactive-box {
            background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);
            border: 2px solid #e6e6e6;
            padding: 25px;
            border-radius: 12px;
            margin: 30px 0;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
        }
        .quiz-box {
            background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
            border: 2px solid #eee;
            padding: 25px;
            border-radius: 12px;
            margin: 30px 0;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
        }
        .result-box {
            margin-top: 15px;
            background: linear-gradient(135deg, #f8f8f8 0%, #e8e8e8 100%);
            padding: 20px;
            border-radius: 8px;
            display: none;
            border-left: 4px solid #7cc36b;
            animation: slideIn 0.3s ease;
        }
        .result-box.show {
            display: block;
        }
        @keyframes slideIn {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        button {
            background: linear-gradient(135deg, #7cc36b 0%, #6bb35a 100%);
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 8px;
            cursor: pointer;
            margin: 8px;
            font-weight: bold;
            transition: all 0.3s ease;
            box-shadow: 0 2px 8px rgba(124, 195, 107, 0.3);
        }
        button:hover {
            background: linear-gradient(135deg, #6bb35a 0%, #5a9d49 100%);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(124, 195, 107, 0.4);
        }
        select {
            padding: 10px 15px;
            margin-left: 10px;
            border: 2px solid #e6e6e6;
            border-radius: 6px;
            font-size: 14px;
            min-width: 200px;
        }
        details {
            margin: 15px 0;
            border: 2px solid #f0f0f0;
            border-radius: 8px;
            padding: 15px;
            background: white;
            transition: all 0.3s ease;
        }
        details:hover {
            border-color: #7cc36b;
        }
        summary {
            font-weight: bold;
            cursor: pointer;
            padding: 8px 0;
            color: #2c3e50;
            position: relative;
        }
        summary::before {
            content: '📋';
            margin-right: 8px;
        }
        details[open] summary::before {
            content: '📂';
        }
        h1 {
            color: #2c3e50;
            text-align: center;
            font-size: 2.5em;
            margin-bottom: 10px;
            background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        h2 {
            color: #2c3e50;
            border-bottom: 3px solid #7cc36b;
            padding-bottom: 8px;
            margin-top: 40px;
        }
        .nav-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 15px;
            margin: 30px 0;
            padding: 0;
            list-style: none;
        }
        .nav-list li {
            list-style: none;
            background: linear-gradient(135deg, #7cc36b 0%, #6bb35a 100%);
            border-radius: 8px;
            padding: 0;
        }
        .nav-list a {
            color: white;
            text-decoration: none;
            display: block;
            padding: 15px 20px;
            border-radius: 8px;
            transition: all 0.3s ease;
        }
        .nav-list a:hover {
            background: rgba(255,255,255,0.1);
            transform: translateX(5px);
        }
        .tip-box {
            background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
            border-left: 4px solid #2196f3;
            position: relative;
        }
        .tip-box::before {
            content: '💡';
            position: absolute;
            top: 15px;
            right: 15px;
            font-size: 20px;
        }
        .counter {
            display: inline-block;
            background: #7cc36b;
            color: white;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            text-align: center;
            line-height: 30px;
            font-weight: bold;
            margin-right: 10px;
        }
        .quiz-box label {
            display: inline-block;
            margin: 8px 15px 8px 0;
            cursor: pointer;
        }
        .quiz-box input[type="checkbox"], .quiz-box input[type="radio"] {
            margin-right: 8px;
        }
        @media (max-width: 768px) {
            body {
                max-width: 100%;
                padding: 10px;
            }
            .main-content {
                padding: 20px;
                margin: 5px;
            }
            .nav-list {
                grid-template-columns: 1fr;
            }
            select {
                min-width: auto;
                width: 100%;
                margin: 10px 0;
            }
        }
    </style>
</head>
<body>
    <div class="main-content">
        <h1>Les 7 superaliments à intégrer dans votre alimentation</h1>

        <div class="intro-box">
            Votre corps n'a pas besoin de miracles, mais de <strong>bons fondamentaux</strong>. Les "superaliments" sont simplement des aliments <em>très denses en nutriments</em> qu'on peut glisser au quotidien pour soutenir énergie, immunité, peau, digestion ou gestion du poids. Voici les 7 valeurs sûres, comment les utiliser en 2 minutes chrono, et des outils interactifs pour personnaliser votre approche.
        </div>

        <h2>🎯 Navigation rapide</h2>
        <ol class="nav-list">
            <li><a href="#baies">🫐 Baies (myrtilles, framboises)</a></li>
            <li><a href="#curcuma">🌶️ Curcuma (avec poivre noir)</a></li>
            <li><a href="#graines">🌰 Graines de chia & lin</a></li>
            <li><a href="#the-vert">🍵 Thé vert matcha</a></li>
            <li><a href="#oleagineux">🥜 Amandes & noix</a></li>
            <li><a href="#verts">🥬 Légumes verts à feuilles</a></li>
            <li><a href="#cacao">🍫 Cacao cru non sucré</a></li>
        </ol>

        <h2>📊 Les 7 Champions Nutritionnels</h2>

        <div class="superfood-card" id="baies">
            <div class="superfood-icon">🫐</div>
            <h3><span class="counter">1</span>Baies (myrtilles, framboises)</h3>
            <div style="margin: 15px 0;">
                <span class="benefit-badge">Antioxydants</span>
                <span class="benefit-badge">Vision</span>
                <span class="benefit-badge">Mémoire</span>
                <span class="benefit-badge">Anti-âge</span>
            </div>
            <p><strong>Pourquoi :</strong> bourrées d'anthocyanes (jusqu'à 300mg/100g) qui protègent vos cellules du vieillissement, soutiennent votre cerveau et donnent cet éclat à votre peau.</p>
            <p><strong>Portion optimale :</strong> <span class="portion-highlight">150-200g/jour</span> (1 tasse), fraîches ou surgelées</p>
            <p><strong>Idées express :</strong> smoothie antioxydant, topping yaourt grec, compote 2min (baies surgelées + citron)</p>
            <div class="tip-box">
                <strong>Astuce pro :</strong> Les baies surgelées ont souvent plus d'antioxydants que les fraîches ! Surgélation = préservation maximale.
            </div>
        </div>

        <div class="superfood-card" id="curcuma">
            <div class="superfood-icon">🌶️</div>
            <h3><span class="counter">2</span>Curcuma (avec poivre noir)</h3>
            <div style="margin: 15px 0;">
                <span class="benefit-badge">Anti-inflammatoire</span>
                <span class="benefit-badge">Articulations</span>
                <span class="benefit-badge">Digestion</span>
                <span class="benefit-badge">Récupération</span>
            </div>
            <p><strong>Pourquoi :</strong> la curcumine (3-5% du curcuma) est un anti-inflammatoire naturel puissant. Le poivre noir multiplie son absorption par 20 !</p>
            <p><strong>Portion optimale :</strong> <span class="portion-highlight">1/2 à 1 c.à.c/jour + pincée de poivre</span> + gras</p>
            <p><strong>Idées express :</strong> golden latte, œufs brouillés épicés, vinaigrette curcuma-miel</p>
            <div class="tip-box">
                <strong>Science :</strong> Sans poivre + gras, vous n'absorbez que 1% de la curcumine. Avec = jusqu'à 2000% d'augmentation !
            </div>
        </div>

        <div class="superfood-card" id="graines">
            <div class="superfood-icon">🌰</div>
            <h3><span class="counter">3</span>Graines de chia & lin</h3>
            <div style="margin: 15px 0;">
                <span class="benefit-badge">Oméga-3</span>
                <span class="benefit-badge">Fibres</span>
                <span class="benefit-badge">Satiété</span>
                <span class="benefit-badge">Transit</span>
            </div>
            <p><strong>Pourquoi :</strong> 30% d'oméga-3 ALA, 35g de fibres/100g. Elles gonflent 10x leur volume = satiété durable.</p>
            <p><strong>Portion optimale :</strong> <span class="portion-highlight">1-2 c.à.s/jour</span> (lin MOULU obligatoire !)</p>
            <p><strong>Idées express :</strong> pudding overnight, topping croquant, "œuf végétal" (1 c.à.s. chia + 3 c.à.s. eau)</p>
            <div class="tip-box">
                <strong>Différence clé :</strong> Chia = prêt à consommer. Lin = doit être moulu sinon traverse sans être digéré.
            </div>
        </div>

        <div class="superfood-card" id="the-vert">
            <div class="superfood-icon">🍵</div>
            <h3><span class="counter">4</span>Thé vert matcha</h3>
            <div style="margin: 15px 0;">
                <span class="benefit-badge">Focus calme</span>
                <span class="benefit-badge">Métabolisme</span>
                <span class="benefit-badge">Détox</span>
                <span class="benefit-badge">Énergie stable</span>
            </div>
            <p><strong>Pourquoi :</strong> catéchines EGCG + L-théanine = énergie sans nervosité. 137x plus d'antioxydants que le thé vert classique.</p>
            <p><strong>Portion optimale :</strong> <span class="portion-highlight">1/2 à 1 c.à.c/jour</span> dans eau 70-80°C</p>
            <p><strong>Idées express :</strong> matcha latte, smoothie vert détox, "ice matcha" (eau froide + matcha + citron)</p>
            <div class="tip-box">
                <strong>Timing parfait :</strong> 10h-16h pour profiter de la L-théanine. Évitez après 17h (peut perturber le sommeil).
            </div>
        </div>

        <div class="superfood-card" id="oleagineux">
            <div class="superfood-icon">🥜</div>
            <h3><span class="counter">5</span>Amandes & noix</h3>
            <div style="margin: 15px 0;">
                <span class="benefit-badge">Vitamine E</span>
                <span class="benefit-badge">Magnésium</span>
                <span class="benefit-badge">Protéines</span>
                <span class="benefit-badge">Cœur</span>
            </div>
            <p><strong>Pourquoi :</strong> graisses mono-insaturées (75%), magnésium (270mg/100g), vitamine E (26mg/100g). Cardioprotecteurs prouvés.</p>
            <p><strong>Portion optimale :</strong> <span class="portion-highlight">28-30g/jour</span> (23 amandes ou 14 cerneaux de noix)</p>
            <p><strong>Idées express :</strong> mix trail maison, pâte d'amande pure, "parmesan" d'amandes râpées</p>
            <div class="tip-box">
                <strong>Pré-trempage :</strong> 8h dans l'eau améliore digestibilité et absorption des nutriments de 30%.
            </div>
        </div>

        <div class="superfood-card" id="verts">
            <div class="superfood-icon">🥬</div>
            <h3><span class="counter">6</span>Légumes verts à feuilles</h3>
            <div style="margin: 15px 0;">
                <span class="benefit-badge">Folates</span>
                <span class="benefit-badge">Vitamine K</span>
                <span class="benefit-badge">Fer</span>
                <span class="benefit-badge">Nitrates</span>
            </div>
            <p><strong>Pourquoi :</strong> densité nutritionnelle record (ANDI score : épinards 707, kale 1000). Quasi 0 calorie, maximum de nutriments.</p>
            <p><strong>Portion optimale :</strong> <span class="portion-highlight">100-150g/jour</span> (2-3 grosses poignées)</p>
            <p><strong>Idées express :</strong> base smoothie invisible, salade massage (kale + citron + huile), épinards-flash (30sec à la poêle)</p>
            <div class="tip-box">
                <strong>Absorption fer :</strong> Vitamine C (citron, tomate) multiplie l'absorption du fer végétal par 4.
            </div>
        </div>

        <div class="superfood-card" id="cacao">
            <div class="superfood-icon">🍫</div>
            <h3><span class="counter">7</span>Cacao cru non sucré</h3>
            <div style="margin: 15px 0;">
                <span class="benefit-badge">Magnésium</span>
                <span class="benefit-badge">Théobromine</span>
                <span class="benefit-badge">Humeur</span>
                <span class="benefit-badge">Performance</span>
            </div>
            <p><strong>Pourquoi :</strong> 40x plus de polyphénols que le chocolat au lait, 272mg de magnésium/100g, théobromine pour l'humeur naturellement.</p>
            <p><strong>Portion optimale :</strong> <span class="portion-highlight">1-2 c.à.c/jour</span> (poudre ou éclats)</p>
            <p><strong>Idées express :</strong> chocolat chaud healthy, overnight oats cacao, "mousse" avocat-cacao-banane</p>
            <div class="tip-box">
                <strong>Cacao vs Coco :</strong> Cacao = fève du cacaoyer. Coco = noix de coco. Ne confondez pas dans vos recettes !
            </div>
        </div>

        <hr>

        <h2>📋 Tableau de référence ultra-pratique</h2>
        <table>
            <thead>
                <tr>
                    <th>Superaliment</th>
                    <th>Nutriment star</th>
                    <th>Portion/jour</th>
                    <th>Idée 2min</th>
                    <th>Coût/mois*</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>🫐 Baies</td>
                    <td>Anthocyanes (300mg)</td>
                    <td>150-200g</td>
                    <td>Topping yaourt</td>
                    <td>~25€</td>
                </tr>
                <tr>
                    <td>🌶️ Curcuma + poivre</td>
                    <td>Curcumine (3-5%)</td>
                    <td>1/2-1 c.à.c</td>
                    <td>Golden latte</td>
                    <td>~3€</td>
                </tr>
                <tr>
                    <td>🌰 Chia / Lin</td>
                    <td>ALA oméga-3 (30%)</td>
                    <td>1-2 c.à.s</td>
                    <td>Pudding overnight</td>
                    <td>~8€</td>
                </tr>
                <tr>
                    <td>🍵 Matcha</td>
                    <td>EGCG + L-théanine</td>
                    <td>1/2-1 c.à.c</td>
                    <td>Matcha latte</td>
                    <td>~15€</td>
                </tr>
                <tr>
                    <td>🥜 Amandes / Noix</td>
                    <td>Vit. E (26mg/100g)</td>
                    <td>28-30g</td>
                    <td>Snack poignée</td>
                    <td>~12€</td>
                </tr>
                <tr>
                    <td>🥬 Verts à feuilles</td>
                    <td>Folates (194µg/100g)</td>
                    <td>100-150g</td>
                    <td>Base smoothie</td>
                    <td>~10€</td>
                </tr>
                <tr>
                    <td>🍫 Cacao cru</td>
                    <td>Magnésium (272mg)</td>
                    <td>1-2 c.à.c</td>
                    <td>Chocolat chaud</td>
                    <td>~6€</td>
                </tr>
            </tbody>
        </table>
        <p><em>*Estimation basée sur qualité bio, prix moyens France 2024</em></p>

        <hr>

        <h2>🎯 Sélecteur express personnalisé</h2>
        <p>Choisissez votre objectif principal et découvrez <strong>votre trio gagnant personnalisé</strong> :</p>

        <div class="interactive-box">
            <label for="objectif"><strong>Mon objectif prioritaire :</strong></label><br>
            <select id="objectif">
                <option value="">-- Sélectionnez votre objectif --</option>
                <option value="energie">💪 Énergie & concentration durable</option>
                <option value="peau">✨ Peau éclatante & anti-âge</option>
                <option value="digestion">🌿 Digestion & transit optimal</option>
                <option value="poids">⚖️ Gestion du poids & satiété</option>
                <option value="coeur">❤️ Santé cardiovasculaire</option>
                <option value="sport">🏃‍♂️ Performance & récupération</option>
                <option value="stress">🧘‍♀️ Gestion du stress & humeur</option>
            </select><br>
            <button onclick="selectSuperfoods()">🎯 Voir mon plan personnalisé</button>
            
            <div id="resultSelect" class="result-box">
                <div id="recommendations"></div>
                <div id="whyThese" style="margin-top: 15px; font-style: italic;"></div>
                <div id="quickRecipes" style="margin-top: 20px;"></div>
            </div>
        </div>

        <hr>

        <h2>📝 Quiz personnalisé complet</h2>
        <p>Répondez aux questions pour obtenir des conseils sur-mesure :</p>
        
        <div class="quiz-box">
            <p><strong>1.</strong> Je veux surtout :</p>
            <label><input type="checkbox" name="q1" value="energie"> 💪 + d'énergie stable</label>
            <label><input type="checkbox" name="q1" value="peau"> ✨ une plus belle peau</label>
            <label><input type="checkbox" name="q1" value="digestion"> 🌿 mieux digérer</label>
            <label><input type="checkbox" name="q1" value="sport"> 🏃‍♂️ améliorer mes performances</label>

            <p><strong>2.</strong> Mon principal défi :</p>
            <label><input type="checkbox" name="q2" value="poids"> ⚖️ grignotage/satiété</label>
            <label><input type="checkbox" name="q2" value="coeur"> ❤️ cholestérol/tension</label>
            <label><input type="checkbox" name="q2" value="stress"> 🧘‍♀️ stress/anxiété</label>
            <label><input type="checkbox" name="q2" value="fatigue"> 😴 fatigue chronique</label>

            <p><strong>3.</strong> J'ai du temps pour préparer :</p>
            <label><input type="radio" name="q3" value="express" checked> ⏱️ 2 min max</label>
            <label><input type="radio" name="q3" value="moyen"> 🕐 5-10 min</label>
            <label><input type="radio" name="q3" value="elaborate"> 👨‍🍳 15+ min (j'aime cuisiner)</label>

            <p><strong>4.</strong> Mon budget mensuel réaliste :</p>
            <label><input type="radio" name="q4" value="petit" checked> 💰 Moins de 30€</label>
            <label><input type="radio" name="q4" value="moyen"> 💰💰 30-60€</label>
            <label><input type="radio" name="q4" value="flexible"> 💰💰💰 60€+ (qualité avant tout)</label>

            <button onclick="doAdvancedQuiz()">🎯 Mes recommandations personnalisées</button>
            
            <div id="quizResult" class="result-box">
                <div id="personalizedPlan"></div>
                <div id="budgetTips" style="margin-top: 15px;"></div>
                <div id="weekPlan" style="margin-top: 20px;"></div>
            </div>
        </div>

        <hr>

        <h2>📅 Plan d'intégration progressif (21 jours)</h2>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 30px 0;">
            <div class="tip-box">
                <strong>🗓️ Semaine 1 : Les Bases</strong><br>
                • Jour 1-2 : 1 tasse de baies au petit-déj<br>
                • Jour 3-4 : + curcuma dans un plat/jour<br>
                • Jour 5-7 : + 1 c.à.s. graines sur salade/yaourt
            </div>
            <div class="tip-box">
                <strong>🗓️ Semaine 2 : L'Expansion</strong><br>
                • Jour 8-10 : + matcha latte matinal<br>
                • Jour 11-13 : + poignée d'amandes en collation<br>
                • Jour 14 : + épinards dans vos plats
            </div>
            <div class="tip-box">
                <strong>🗓️ Semaine 3 : La Maîtrise</strong><br>
                • Jour 15-17 : + cacao dans desserts healthy<br>
                • Jour 18-21 : Combinaisons créatives<br>
                • Objectif : 3-4 superaliments/jour naturellement
            </div>
        </div>

        <div class="warning-box">
            <strong>⚠️ Rappel important :</strong> Ces conseils sont généraux et ne remplacent pas un avis médical personnalisé. Consultez un professionnel si vous avez des pathologies, suivez un traitement ou êtes enceinte/allaitante. Certains superaliments peuvent interagir avec des médicaments.
        </div>

        <hr>

        <h2>❓ FAQ Complète</h2>

        <details>
            <summary>Les superaliments font-ils vraiment "maigrir" ?</summary>
            <div style="margin-top: 10px;">
                <p>❌ <strong>Non, ils ne "font pas maigrir" par magie.</strong> Mais ils aident indirectement :</p>
                <p>✅ <strong>Leur densité nutritionnelle</strong> et leurs fibres favorisent la satiété<br>
                ✅ <strong>Ils régulent</strong> la glycémie et réduisent les fringales<br>
                ✅ <strong>Ils remplacent</strong> des aliments moins nutritifs et plus caloriques</p>
                <p><em>L'équation reste : déficit calorique + activité physique + alimentation équilibrée.</em></p>
            </div>
        </details>

        <details>
            <summary>Peut-on prendre tous les superaliments le même jour ?</summary>
            <div style="margin-top: 10px;">
                <p>📊 <strong>C'est inutile et coûteux.</strong> Mieux vaut :</p>
                <p>• Choisir <strong>2-3 priorités</strong> selon vos objectifs<br>
                • Les intégrer <strong>régulièrement</strong> (la constance prime sur la quantité)<br>
                • <strong>Varier</strong> selon les saisons et vos envies</p>
                <p><em>Exemple parfait : matcha le matin, amandes en collation, épinards le soir.</em></p>
            </div>
        </details>

        <details>
            <summary>Curcuma : le poivre noir est-il vraiment indispensable ?</summary>
            <div style="margin-top: 10px;">
                <p>🧪 <strong>Oui, c'est scientifiquement prouvé :</strong></p>
                <p>• La <strong>pipérine</strong> (poivre noir) augmente l'absorption de <strong>2000%</strong><br>
                • Sans poivre : vous n'absorbez que <strong>1% de la curcumine</strong><br>
                • Bonus : ajoutez du <strong>gras</strong> (huile, lait) pour optimiser encore plus</p>
                <p><em>Recette parfaite : 1 c.à.c curcuma + pincée poivre + lait de coco chaud</em></p>
            </div>
        </details>

        <details>
            <summary>Bio ou pas bio pour ces superaliments ?</summary>
            <div style="margin-top: 10px;">
                <p>🎯 <strong>Hiérarchisez selon votre budget :</strong></p>
                <p><strong>Priorité absolue BIO :</strong><br>
                • 🫐 Baies (peau fine = + pesticides absorbés)<br>
                • 🥬 Légumes verts à feuilles (idem)</p>
                <p><strong>Moins critique :</strong><br>
                • 🥜 Amandes/noix (coque protectrice)<br>
                • 🌰 Graines de chia/lin (moins traités)</p>
                <p><em>Astuce budget : baies surgelées bio souvent 50% moins chères que fraîches.</em></p>
            </div>
        </details>

        <details>
            <summary>Quelles sont les contre-indications importantes ?</summary>
            <div style="margin-top: 10px;">
                <p>⚠️ <strong>Précautions importantes :</strong></p>
                <p><strong>🌶️ Curcuma :</strong> Évitez si calculs biliaires ou anticoagulants<br>
                <strong>🍵 Matcha :</strong> Max 1 c.à.c/jour, pas après 17h, évitez si enceinte<br>
                <strong>🥜 Noix :</strong> Allergies croisées possibles<br>
                <strong>🌰 Graines :</strong> Buvez beaucoup d'eau (fibres = besoin hydratation)</p>
                <p><em>En cas de doute, consultez votre médecin avant l'intégration.</em></p>
            </div>
        </details>

        <details>
            <summary>Comment optimiser l'absorption des nutriments ?</summary>
            <div style="margin-top: 10px;">
                <p>🧪 <strong>Astuces scientifiques d'absorption :</strong></p>
                <p><strong>🍅 Avec vitamine C :</strong><br>
                • Épinards + citron = fer mieux absorbé<br>
                • Baies + kiwi = antioxydants renforcés</p>
                <p><strong>🥑 Avec des graisses :</strong><br>
                • Curcuma + huile d'olive = curcumine biodisponible<br>
                • Légumes verts + avocat = caroténoïdes optimisés</p>
                <p><strong>⏰ Question timing :</strong><br>
                • Matcha : 10h-16h (évite insomnie)<br>
                • Graines de chia : le soir (fibres = satiété nocturne)</p>
            </div>
        </details>

        <details>
            <summary>Peut-on donner ces superaliments aux enfants ?</summary>
            <div style="margin-top: 10px;">
                <p>👶 <strong>Adaptations pour les enfants :</strong></p>
                <p><strong>✅ Parfaits dès 12 mois :</strong><br>
                • 🫐 Baies (antioxydants + goût sucré)<br>
                • 🥬 Épinards mixés (fer + folates)<br>
                • 🥜 Poudre d'amandes (si pas d'allergie)</p>
                <p><strong>⚠️ Avec précautions :</strong><br>
                • 🍵 Matcha : pas avant 12 ans (caféine)<br>
                • 🌶️ Curcuma : doses réduites (1/4 c.à.c max)</p>
                <p><strong>🌰 Graines chia/lin :</strong> OK dès 6 mois en gel (1 c.à.s max/jour)</p>
            </div>
        </details>

        <hr>

        <h2>🛒 Guide d'achat malin</h2>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 30px 0;">
            <div class="superfood-card">
                <h4>💰 Budget Serré (< 30€/mois)</h4>
                <p><strong>Vos 3 champions :</strong></p>
                <p>• 🌶️ <strong>Curcuma en poudre</strong> (~2€/mois)<br>
                • 🌰 <strong>Graines de chia</strong> (~8€/mois)<br>
                • 🥬 <strong>Épinards surgelés</strong> (~6€/mois)</p>
                <p><em>Total : ~16€/mois pour des bénéfices maximaux</em></p>
            </div>
            
            <div class="superfood-card">
                <h4>💰💰 Budget Équilibré (30-60€/mois)</h4>
                <p><strong>Votre panier optimal :</strong></p>
                <p>• 🫐 <strong>Baies mix surgelées</strong> (~15€/mois)<br>
                • 🍵 <strong>Matcha culinaire</strong> (~12€/mois)<br>
                • 🥜 <strong>Mix amandes-noix</strong> (~18€/mois)<br>
                • 🌶️ <strong>Curcuma + poivre</strong> (~3€/mois)</p>
                <p><em>Total : ~48€/mois pour un panel complet</em></p>
            </div>
            
            <div class="superfood-card">
                <h4>💰💰💰 Budget Premium (60€+/mois)</h4>
                <p><strong>La crème de la crème :</strong></p>
                <p>• 🫐 <strong>Baies fraîches bio</strong> (~25€/mois)<br>
                • 🍵 <strong>Matcha cérémonial</strong> (~20€/mois)<br>
                • 🥜 <strong>Amandes premium trempées</strong> (~15€/mois)<br>
                • 🍫 <strong>Cacao cru Criollo</strong> (~12€/mois)<br>
                • 🌰 <strong>Graines bio variées</strong> (~10€/mois)</p>
                <p><em>Total : ~82€/mois pour l'excellence nutritionnelle</em></p>
            </div>
        </div>

        <div class="tip-box">
            <strong>🎯 Conseil pro :</strong> Commencez par le budget serré, puis montez en gamme progressivement selon vos résultats et votre motivation. L'important est la régularité, pas le prix !
        </div>

        <hr>

        <h2>🎉 Conclusion : Votre nouvelle routine en 3 étapes</h2>
        
        <div style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 30px; border-radius: 12px; margin: 30px 0; text-align: center;">
            <h3 style="color: #2c3e50; margin-bottom: 20px;">🚀 Prêt(e) à transformer votre alimentation ?</h3>
            
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 30px 0;">
                <div style="background: white; padding: 20px; border-radius: 8px; border-left: 4px solid #28a745;">
                    <div style="font-size: 2em; margin-bottom: 10px;">1️⃣</div>
                    <strong>CHOISISSEZ</strong><br>
                    Utilisez nos outils interactifs pour identifier vos 2-3 superaliments prioritaires
                </div>
                
                <div style="background: white; padding: 20px; border-radius: 8px; border-left: 4px solid #ffc107;">
                    <div style="font-size: 2em; margin-bottom: 10px;">2️⃣</div>
                    <strong>INTÉGREZ</strong><br>
                    Suivez notre plan 21 jours, 1 nouvel aliment par semaine maximum
                </div>
                
                <div style="background: white; padding: 20px; border-radius: 8px; border-left: 4px solid #dc3545;">
                    <div style="font-size: 2em; margin-bottom: 10px;">3️⃣</div>
                    <strong>PERSÉVÉREZ</strong><br>
                    La régularité bat l'intensité : mieux vaut 1 c.à.c de curcuma/jour que 1 kg/mois !
                </div>
            </div>
            
            <div style="background: #28a745; color: white; padding: 20px; border-radius: 8px; margin: 20px 0;">
                <strong style="font-size: 1.2em;">🎯 Votre défi 7 jours :</strong><br>
                Choisissez MAINTENANT 1 superaliment de cette liste et intégrez-le dès demain matin. Puis revenez nous dire lequel vous avez choisi et pourquoi !
            </div>
        </div>

        <div class="warning-box" style="text-align: center;">
            <strong>⚠️ Disclaimer final :</strong> Cet article est à visée informative et éducative. Les superaliments sont des compléments à une alimentation équilibrée, pas des remèdes miracles. En cas de pathologie, grossesse, allaitement ou prise de médicaments, consultez un professionnel de santé avant toute modification alimentaire importante.
        </div>

    </div>

    <script>
        // Données pour les recommandations
        const superfoodData = {
            energie: {
                superfoods: ['🍵 Matcha', '🥜 Amandes', '🌰 Graines de chia'],
                why: 'Pour l\'énergie stable : matcha = L-théanine + caféine douce, amandes = magnésium anti-fatigue, chia = fibres stabilisatrices de glycémie.',
                recipes: [
                    'Matcha latte : 1/2 c.à.c matcha + lait végétal chaud + miel',
                    'Energy balls : amandes + dattes + chia mixés',
                    'Pudding boost : chia + lait + fruits'
                ]
            },
            peau: {
                superfoods: ['🫐 Baies', '🥜 Amandes', '🥬 Épinards'],
                why: 'Pour l\'éclat : baies = antioxydants anti-âge, amandes = vitamine E protectrice, épinards = fer pour bonne mine.',
                recipes: [
                    'Smoothie glow : épinards + baies + lait d\'amande',
                    'Masque interne : yaourt + baies écrasées',
                    'Collation beauté : poignée d\'amandes + baies'
                ]
            },
            digestion: {
                superfoods: ['🌰 Graines de chia', '🌶️ Curcuma', '🥬 Épinards'],
                why: 'Pour le transit : chia = fibres douces, curcuma = anti-inflammatoire digestif, épinards = prébiotiques naturels.',
                recipes: [
                    'Golden milk : curcuma + poivre + lait tiède',
                    'Gel chia : 1 c.à.s chia + 3 c.à.s eau (15min)',
                    'Épinards flash : 30sec à la poêle avec ail'
                ]
            },
            poids: {
                superfoods: ['🌰 Graines de chia', '🍵 Matcha', '🥬 Épinards'],
                why: 'Pour la satiété : chia gonflent 10x (coupe-faim), matcha booste métabolisme, épinards = volume 0 calorie.',
                recipes: [
                    'Coupe-faim chia : 1 c.à.s dans 200ml eau (20min)',
                    'Ice matcha minceur : matcha + eau froide + citron',
                    'Salade volume : épinards + concombre + vinaigrette légère'
                ]
            },
            coeur: {
                superfoods: ['🥜 Amandes', '🫐 Baies', '🥬 Épinards'],
                why: 'Pour le cœur : amandes = graisses mono-insaturées, baies = anthocyanes protectrices, épinards = nitrates vasodilatateurs.',
                recipes: [
                    'Mix cardio : amandes + noix + baies séchées',
                    'Compote sans sucre : baies surgelées + citron',
                    'Salade nitrée : épinards + betterave + huile olive'
                ]
            },
            sport: {
                superfoods: ['🍫 Cacao', '🌰 Graines de chia', '🥜 Amandes'],
                why: 'Pour la performance : cacao = théobromine énergisante, chia = oméga-3 anti-inflammatoire, amandes = magnésium récupération.',
                recipes: [
                    'Récup chocolat : cacao + banane + lait végétal',
                    'Energy gel : chia + eau + miel (effort long)',
                    'Post-training : amandes + fruit pour glycogène'
                ]
            },
            stress: {
                superfoods: ['🍵 Matcha', '🍫 Cacao', '🥜 Amandes'],
                why: 'Pour le zen : matcha = L-théanine relaxante, cacao = théobromine bonne humeur, amandes = magnésium anti-stress.',
                recipes: [
                    'Latte zen : matcha + lait + cannelle',
                    'Choco-thérapie : cacao + avocat + banane (mousse)',
                    'SOS stress : 10 amandes + respiration'
                ]
            }
        };

        function selectSuperfoods() {
            const objectif = document.getElementById('objectif').value;
            const resultDiv = document.getElementById('resultSelect');
            const recommendationsDiv = document.getElementById('recommendations');
            const whyDiv = document.getElementById('whyThese');
            const recipesDiv = document.getElementById('quickRecipes');

            if (!objectif) {
                alert('Veuillez sélectionner un objectif !');
                return;
            }

            const data = superfoodData[objectif];
            
            recommendationsDiv.innerHTML = `
                <h4>🎯 Vos 3 superaliments prioritaires :</h4>
                <div style="display: flex; flex-wrap: wrap; gap: 10px;">
                    ${data.superfoods.map(food => `<span class="benefit-badge">${food}</span>`).join('')}
                </div>
            `;

            whyDiv.innerHTML = `<strong>Pourquoi ces 3 ?</strong> ${data.why}`;

            recipesDiv.innerHTML = `
                <h4>🍽️ 3 recettes express à tester :</h4>
                <ul>
                    ${data.recipes.map(recipe => `<li>${recipe}</li>`).join('')}
                </ul>
            `;

            resultDiv.classList.add('show');
        }

        function doAdvancedQuiz() {
            // Récupérer les réponses
            const q1Checked = Array.from(document.querySelectorAll('input[name="q1"]:checked')).map(el => el.value);
            const q2Checked = Array.from(document.querySelectorAll('input[name="q2"]:checked')).map(el => el.value);
            const q3Value = document.querySelector('input[name="q3"]:checked').value;
            const q4Value = document.querySelector('input[name="q4"]:checked').value;

            const resultDiv = document.getElementById('quizResult');
            const planDiv = document.getElementById('personalizedPlan');
            const budgetDiv = document.getElementById('budgetTips');
            const weekDiv = document.getElementById('weekPlan');

            // Logique de recommandation simplifiée
            let recommendedFoods = [];
            let priorityGoals = [...q1Checked, ...q2Checked];

            // Mapping des objectifs vers les superaliments
            const goalToSuperfood = {
                energie: ['🍵 Matcha', '🥜 Amandes'],
                peau: ['🫐 Baies', '🥜 Amandes'],
                digestion: ['🌰 Graines de chia', '🌶️ Curcuma'],
                sport: ['🍫 Cacao', '🌰 Graines de chia'],
                poids: ['🌰 Graines de chia', '🥬 Épinards'],
                coeur: ['🥜 Amandes', '🫐 Baies'],
                stress: ['🍵 Matcha', '🍫 Cacao'],
                fatigue: ['🍵 Matcha', '🥬 Épinards']
            };

            // Construire la liste de recommandations
            let superfoodCount = {};
            priorityGoals.forEach(goal => {
                if (goalToSuperfood[goal]) {
                    goalToSuperfood[goal].forEach(food => {
                        superfoodCount[food] = (superfoodCount[food] || 0) + 1;
                    });
                }
            });

            // Trier par popularité
            recommendedFoods = Object.keys(superfoodCount)
                .sort((a, b) => superfoodCount[b] - superfoodCount[a])
                .slice(0, 3);

            if (recommendedFoods.length === 0) {
                recommendedFoods = ['🌶️ Curcuma', '🌰 Graines de chia', '🥬 Épinards'];
            }

            planDiv.innerHTML = `
                <h4>🎯 Votre plan personnalisé :</h4>
                <div style="display: flex; flex-wrap: wrap; gap: 10px; margin: 15px 0;">
                    ${recommendedFoods.map(food => `<span class="benefit-badge">${food}</span>`).join('')}
                </div>
                <p><strong>Temps de préparation adapté :</strong> ${q3Value === 'express' ? 'Recettes 2min chrono' : q3Value === 'moyen' ? 'Préparations 5-10min' : 'Créations culinaires 15min+'}</p>
            `;

            // Conseils budget
            const budgetAdvice = {
                petit: 'Concentrez-vous sur curcuma (2€/mois) + graines de chia (8€/mois) + épinards surgelés (6€/mois). Maximum d\'impact pour 16€/mois !',
                moyen: 'Ajoutez matcha culinaire et amandes à votre sélection. Budget optimal : 40-50€/mois.',
                flexible: 'Choisissez la qualité premium : matcha cérémonial, baies fraîches bio, cacao cru. Investissement santé : 60-80€/mois.'
            };

            budgetDiv.innerHTML = `<h4>💰 Conseil budget :</h4><p>${budgetAdvice[q4Value]}</p>`;

            // Plan semaine
            weekDiv.innerHTML = `
                <h4>📅 Votre semaine type :</h4>
                <p><strong>Lundi-Mercredi :</strong> Intégrez le 1er superaliment de votre liste</p>
                <p><strong>Jeudi-Dimanche :</strong> Ajoutez le 2ème, gardez le 1er en routine</p>
                <p><strong>Semaine suivante :</strong> Intégrez le 3ème, maintenez les 2 premiers</p>
                <p><em>🎯 Objectif : 1 nouveau superaliment par semaine maximum !</em></p>
            `;

            resultDiv.classList.add('show');
        }

        // Navigation douce vers les sections
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });
    </script>
</body>
</html>/* End custom CSS */