{"id":37654,"date":"2025-02-13T11:20:35","date_gmt":"2025-02-13T10:20:35","guid":{"rendered":"https:\/\/yuboost.com\/?page_id=37654"},"modified":"2026-10-24T14:12:00","modified_gmt":"2026-10-24T12:12:00","slug":"bilan-des-carences","status":"publish","type":"page","link":"https:\/\/staging.yuboost.com\/de\/bilan-des-carences\/","title":{"rendered":"Mangeltest"},"content":{"rendered":"<div><!-- ============================================================\n   SECTION 1 \u2014 HERO + TEST INTERACTIF\n   ============================================================\n   \u00c0 coller dans un module YooTheme \"Code\/HTML\" pleine largeur\n   Contient toute la logique du test (30 questions)\n   ============================================================ --><\/p>\n<style>\n.yb-s1 *, .yb-s1 *::before, .yb-s1 *::after { box-sizing: border-box; }\n.yb-s1 { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; color: #172944; line-height: 1.6; }\n.yb-s1 h1, .yb-s1 h3 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }\n.yb-s1 button { font-family: inherit; cursor: pointer; }\n.yb-s1-hero {\n  background: transparent;\n  padding: 64px 0;\n  position: relative;\n  overflow: hidden;\n}\n.yb-s1-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n.yb-s1-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }\n.yb-s1-badge {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: #FFFFFF; border: 1px solid rgba(23,41,68,0.1);\n  padding: 8px 14px; border-radius: 100px;\n  margin-bottom: 24px; font-size: 13px; color: #172944; font-weight: 500;\n}<\/p>\n<p>.yb-s1-hero h1 {\n  font-size: 48px; line-height: 1.1; color: #172944;\n  margin-bottom: 20px; letter-spacing: -0.5px;\n}\n.yb-s1-accent { color: #FB8F67; font-style: italic; }\n.yb-s1-subtitle { font-size: 17px; color: #4A5568; margin-bottom: 28px; line-height: 1.6; max-width: 520px; }\n.yb-s1-bullets { margin-bottom: 28px; }\n.yb-s1-bullet { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-size: 15px; color: #172944; }\n.yb-s1-bullet-icon {\n  width: 22px; height: 22px; background: #172944; border-radius: 50%;\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.yb-s1-stats {\n  display: flex; gap: 32px;\n  padding-top: 24px;\n  border-top: 1px solid rgba(23,41,68,0.1);\n}\n.yb-s1-stat { font-size: 13px; color: #6B7280; }\n.yb-s1-stat strong {\n  display: block; font-family: Georgia, serif; font-size: 24px;\n  color: #172944; font-weight: 400; margin-bottom: 2px;\n}<\/p>\n<p>\/* Test card *\/\n.yb-s1-test-wrap { position: relative; }\n.yb-s1-blob {\n  position: absolute; top: -40px; right: -20px;\n  width: 120px; height: 140px;\n  background: #FB8F67; opacity: 0.15;\n  border-radius: 50% 50% 50% 0; transform: rotate(-15deg); z-index: 0;\n}\n.yb-s1-card {\n  position: relative; background: #FFFFFF;\n  border-radius: 20px; padding: 32px;\n  box-shadow: 0 20px 60px rgba(23,41,68,0.12);\n  border: 1px solid rgba(23,41,68,0.06); z-index: 1;\n}\n.yb-s1-card-header {\n  display: flex; align-items: center; justify-content: space-between;\n  margin-bottom: 20px;\n}\n.yb-s1-label {\n  font-size: 11px; color: #6B7280; letter-spacing: 1.5px;\n  text-transform: uppercase; font-weight: 600;\n}\n.yb-s1-progress-text { font-size: 12px; color: #FB8F67; font-weight: 600; }\n.yb-s1-progress-bar {\n  width: 100%; height: 5px; background: #F7F2EC;\n  border-radius: 100px; margin-bottom: 32px; overflow: hidden;\n}\n.yb-s1-progress-fill {\n  width: 0%; height: 100%; background: #FB8F67;\n  border-radius: 100px; transition: width 0.4s ease;\n}\n.yb-s1-question-slide { animation: ybS1Fade 0.35s ease; }\n@keyframes ybS1Fade {\n  from { opacity: 0; transform: translateY(8px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n.yb-s1-question {\n  font-family: Georgia, serif; font-size: 22px; color: #172944;\n  margin-bottom: 24px; line-height: 1.35; min-height: 60px;\n}\n.yb-s1-options { display: flex; flex-direction: column; gap: 10px; }\n.yb-s1-option-btn {\n  width: 100%; text-align: left;\n  padding: 14px 18px; background: #FFFFFF;\n  border: 1px solid rgba(23,41,68,0.15); border-radius: 10px;\n  font-size: 15px; color: #172944;\n  display: flex; align-items: center; justify-content: space-between;\n  transition: all 0.2s ease;\n}\n.yb-s1-option-btn:hover {\n  border-color: #FB8F67;\n  background: rgba(251,143,103,0.04);\n  transform: translateX(2px);\n}\n.yb-s1-arrow { opacity: 0; transition: opacity 0.2s ease; }\n.yb-s1-option-btn:hover .yb-s1-arrow { opacity: 1; }<\/p>\n<p>\/* Email + loading *\/\n.yb-s1-email-screen, .yb-s1-loading-screen { animation: ybS1Fade 0.4s ease; }\n.yb-s1-email-icon {\n  width: 56px; height: 56px; background: rgba(251,143,103,0.12);\n  border-radius: 50%; display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 20px;\n}\n.yb-s1-email-title {\n  font-family: Georgia, serif; font-size: 24px; color: #172944;\n  text-align: center; margin-bottom: 8px;\n}\n.yb-s1-email-sub { font-size: 14px; color: #6B7280; text-align: center; margin-bottom: 24px; }\n.yb-s1-input {\n  width: 100%; padding: 14px 16px;\n  border: 1px solid rgba(23,41,68,0.15); border-radius: 10px;\n  font-size: 15px; color: #172944; background: #FFFFFF;\n  margin-bottom: 12px; font-family: inherit;\n  transition: border-color 0.2s ease;\n}\n.yb-s1-input:focus {\n  outline: none; border-color: #FB8F67;\n  box-shadow: 0 0 0 3px rgba(251,143,103,0.15);\n}\n.yb-s1-consent {\n  display: flex; gap: 10px; margin: 16px 0 20px;\n  font-size: 12px; color: #6B7280; line-height: 1.5;\n  align-items: flex-start;\n}\n.yb-s1-consent input[type=\"checkbox\"] {\n  margin-top: 3px; flex-shrink: 0; accent-color: #FB8F67;\n}\n.yb-s1-submit {\n  width: 100%; padding: 16px;\n  background: #172944; color: #FFFFFF; border: none;\n  border-radius: 10px; font-size: 16px; font-weight: 600;\n  display: flex; align-items: center; justify-content: center; gap: 10px;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.yb-s1-submit:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 8px 24px rgba(23,41,68,0.2);\n}\n.yb-s1-submit:disabled { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: none; }\n.yb-s1-trust-mini { margin-top: 14px; text-align: center; font-size: 11px; color: #6B7280; }\n.yb-s1-loading-screen { text-align: center; padding: 20px 0; }\n.yb-s1-spinner {\n  width: 48px; height: 48px;\n  border: 3px solid rgba(251,143,103,0.2);\n  border-top-color: #FB8F67;\n  border-radius: 50%; margin: 0 auto 20px;\n  animation: ybS1Spin 0.8s linear infinite;\n}\n@keyframes ybS1Spin { to { transform: rotate(360deg); } }\n.yb-s1-loading-text { font-family: Georgia, serif; font-size: 18px; color: #172944; }\n.yb-s1-hidden { display: none !important; }<\/p>\n<p>\/* Responsive *\/\n@media (max-width: 960px) {\n  .yb-s1-hero { padding: 40px 0 56px; }\n  .yb-s1-grid { grid-template-columns: 1fr; gap: 40px; }\n  .yb-s1-hero h1 { font-size: 34px; }\n  .yb-s1-subtitle { font-size: 16px; }\n  .yb-s1-card { padding: 24px; }\n}\n@media (max-width: 600px) {\n  .yb-s1-hero h1 { font-size: 28px; }\n  .yb-s1-stats { gap: 20px; }\n  .yb-s1-stat strong { font-size: 20px; }\n  .yb-s1-question { font-size: 18px; min-height: 50px; }\n  .yb-s1-blob { width: 80px; height: 100px; top: -30px; }\n}\n<\/style>\n<section class=\"yb-s1\">\n<div class=\"yb-s1-hero\">\n<div class=\"yb-s1-container\">\n<div class=\"yb-s1-grid\">\n<p>        <!-- LEFT : copy --><\/p>\n<div>\n<div class=\"yb-s1-badge\">\n            <span>Bilan des carences<\/span>\n          <\/div>\n<h1>Fatigue qui ne passe pas&nbsp;?<br \/><span class=\"yb-s1-accent\">Identifiez la cause<\/span> en 5 minutes.<\/h1>\n<p class=\"yb-s1-subtitle\">\n            Les carences en vitamines et min\u00e9raux passent inaper\u00e7ues jusqu&rsquo;\u00e0 impacter votre quotidien. Notre test identifie vos d\u00e9ficits potentiels et vous oriente vers la solution adapt\u00e9e.\n          <\/p>\n<div class=\"yb-s1-bullets\">\n<div class=\"yb-s1-bullet\">\n              <span class=\"yb-s1-bullet-icon\"><br \/>\n                <svg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2.5 6L5 8.5L9.5 3.5\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><br \/>\n              <\/span><br \/>\n              <span>Quelles vitamines ou min\u00e9raux vous manquent<\/span>\n            <\/div>\n<div class=\"yb-s1-bullet\">\n              <span class=\"yb-s1-bullet-icon\"><br \/>\n                <svg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2.5 6L5 8.5L9.5 3.5\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><br \/>\n              <\/span><br \/>\n              <span>Pourquoi vous ressentez ces sympt\u00f4mes<\/span>\n            <\/div>\n<div class=\"yb-s1-bullet\">\n              <span class=\"yb-s1-bullet-icon\"><br \/>\n                <svg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2.5 6L5 8.5L9.5 3.5\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><br \/>\n              <\/span><br \/>\n              <span>Les premiers gestes pour agir d\u00e8s aujourd&rsquo;hui<\/span>\n            <\/div>\n<\/p><\/div>\n<div class=\"yb-s1-stats\">\n<div class=\"yb-s1-stat\"><strong>+3 000<\/strong>tests r\u00e9alis\u00e9s<\/div>\n<div class=\"yb-s1-stat\"><strong>5 min<\/strong>chrono<\/div>\n<div class=\"yb-s1-stat\"><strong>100%<\/strong>gratuit<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- RIGHT : test --><\/p>\n<div class=\"yb-s1-test-wrap\">\n<div class=\"yb-s1-blob\"><\/div>\n<div class=\"yb-s1-card\" id=\"ybTestCard\">\n<div class=\"yb-s1-card-header\">\n<div class=\"yb-s1-label\">Test des carences<\/div>\n<div class=\"yb-s1-progress-text\" id=\"ybS1ProgressText\">0%<\/div>\n<\/p><\/div>\n<div class=\"yb-s1-progress-bar\">\n<div class=\"yb-s1-progress-fill\" id=\"ybS1ProgressFill\"><\/div>\n<\/div>\n<div id=\"ybS1QuestionContainer\"><\/div>\n<div id=\"ybS1EmailScreen\" class=\"yb-s1-email-screen yb-s1-hidden\">\n<div class=\"yb-s1-email-icon\">\n                <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 7l9 6 9-6M5 19h14a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2z\" stroke=\"#FB8F67\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/div>\n<div class=\"yb-s1-email-title\">Vos r\u00e9sultats sont pr\u00eats&nbsp;!<\/div>\n<div class=\"yb-s1-email-sub\">Recevez votre rapport personnalis\u00e9 imm\u00e9diatement<\/div>\n<p>              <input id=\"ybS1Prenom\" type=\"text\" class=\"yb-s1-input\" placeholder=\"Votre pr\u00e9nom\" required><br \/>\n              <input id=\"ybS1Email\" type=\"email\" class=\"yb-s1-input\" placeholder=\"Votre email\" required><\/p>\n<div class=\"yb-s1-consent\">\n                <input type=\"checkbox\" id=\"ybS1Consent\" required><br \/>\n                <label for=\"ybS1Consent\">J&rsquo;accepte que mes donn\u00e9es soient trait\u00e9es par Yuboost pour cr\u00e9er mon bilan personnalis\u00e9.<\/label>\n              <\/div>\n<p>              <button type=\"button\" class=\"yb-s1-submit\" id=\"ybS1SubmitBtn\"><br \/>\n                Voir mes r\u00e9sultats<br \/>\n                <svg width=\"16\" height=\"12\" viewBox=\"0 0 18 14\" fill=\"none\"><path d=\"M1 7H17M17 7L11 1M17 7L11 13\" stroke=\"#FB8F67\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><br \/>\n              <\/button><\/p>\n<div class=\"yb-s1-trust-mini\">\ud83d\udd12 100% confidentiel \u00b7 RGPD \u00b7 Aucune donn\u00e9e revendue<\/div>\n<\/p><\/div>\n<div id=\"ybS1LoadingScreen\" class=\"yb-s1-loading-screen yb-s1-hidden\">\n<div class=\"yb-s1-spinner\"><\/div>\n<div class=\"yb-s1-loading-text\">Analyse de vos r\u00e9ponses&#8230;<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script>\n(function(){\n  \/\/ \u26a0\ufe0f URL Google Apps Script \u2014 conserver depuis ton script existant\n  var googleScriptURL = \"https:\/\/script.google.com\/macros\/s\/AKfycby8CJ6LwZtpqLLwNvggWhkHoq5hT2F6YvAbj_nLxzN-Ng-EwDM87XJnB9P8040droa6\/exec\";\n  var resultsURL = \"https:\/\/staging.yuboost.com\/resultats-bilan\/\";<\/p>\n<p>  var questions = {\n    \"B3\": [\"Sensation de fatigue ?\", \"Difficult\u00e9 de concentration ?\", \"Troubles gastro-intestinaux ?\"],\n    \"B5\": [\"Fourmillement dans les mains ou les pieds ?\", \"Perte d'app\u00e9tit ?\", \"Maux de t\u00eate ?\"],\n    \"B6\": [\"Fissures aux coins de la bouche ?\", \"Sympt\u00f4me d'anxi\u00e9t\u00e9 ?\", \"Tombez-vous malade facilement ?\"],\n    \"Biotine\": [\"Chute de cheveux ?\", \"Cheveux fragiles, cassants ?\", \"Conjonctivites (yeux) ?\"],\n    \"B9\": [\"Aphtes buccaux ?\", \"Irritation de la langue ?\", \"Mauvaise m\u00e9moire ?\"],\n    \"B12\": [\"Essoufflement, palpitations rapides \u00e0 l'effort ?\", \"Sensation de manque d'\u00e9nergie ?\", \"Vertiges, \u00e9tourdissements ?\"],\n    \"Vitamine C\": [\"Difficult\u00e9 \u00e0 contr\u00f4ler ses \u00e9motions ?\", \"Sensibilit\u00e9 \u00e0 la lumi\u00e8re ?\", \"Bleus faciles ou saignements des gencives ?\"],\n    \"Zinc\": [\"Perte du go\u00fbt ou de l'odorat ?\", \"Acn\u00e9, ecz\u00e9ma ou mauvaise cicatrisation ?\", \"Taches blanches sur les ongles ?\"],\n    \"Fer\": [\"Sensation de sommeil non r\u00e9parateur ?\", \"Froideur des extr\u00e9mit\u00e9s ?\", \"Visage p\u00e2le ?\"],\n    \"Magnesium\": [\"Difficult\u00e9 \u00e0 s'endormir le soir ?\", \"Crampes musculaires ?\", \"Contractions involontaires des paupi\u00e8res ?\"]\n  };<\/p>\n<p>  var flatQuestions = [];\n  Object.keys(questions).forEach(function(cat){\n    questions[cat].forEach(function(q){ flatQuestions.push({ category: cat, text: q }); });\n  });<\/p>\n<p>  var totalQuestions = flatQuestions.length;\n  var currentIndex = 0;\n  var scores = {};<\/p>\n<p>  var $container = document.getElementById('ybS1QuestionContainer');\n  var $progressFill = document.getElementById('ybS1ProgressFill');\n  var $progressText = document.getElementById('ybS1ProgressText');\n  var $emailScreen = document.getElementById('ybS1EmailScreen');\n  var $loadingScreen = document.getElementById('ybS1LoadingScreen');<\/p>\n<p>  function renderQuestion() {\n    var q = flatQuestions[currentIndex];\n    var labels = ['Jamais', 'Parfois', 'Souvent', 'Toujours'];\n    var optionsHTML = labels.map(function(label, i){\n      return '<button type=\"button\" class=\"yb-s1-option-btn\" data-value=\"' + i + '\">' +\n        '<span>' + label + '<\/span>' +\n        '<svg class=\"yb-s1-arrow\" width=\"14\" height=\"11\" viewBox=\"0 0 18 14\" fill=\"none\"><path d=\"M1 7H17M17 7L11 1M17 7L11 13\" stroke=\"#FB8F67\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>' +\n      '<\/button>';\n    }).join('');<\/p>\n<p>    $container.innerHTML =\n      '<\/p>\n<div class=\"yb-s1-question-slide\">' +\n        '<\/p>\n<h3 class=\"yb-s1-question\">' + q.text + '<\/h3>\n<p>' +\n        '<\/p>\n<div class=\"yb-s1-options\">' + optionsHTML + '<\/div>\n<p>' +\n      '<\/p><\/div>\n<p>';<\/p>\n<p>    $container.querySelectorAll('.yb-s1-option-btn').forEach(function(btn){\n      btn.addEventListener('click', function(){\n        var val = parseInt(this.getAttribute('data-value'), 10);\n        scores[q.category] = (scores[q.category] || 0) + val;\n        nextQuestion();\n      });\n    });\n    updateProgress();\n  }<\/p>\n<p>  function updateProgress() {\n    var percent = Math.round((currentIndex \/ totalQuestions) * 100);\n    $progressFill.style.width = percent + '%';\n    $progressText.textContent = Math.round((currentIndex \/ totalQuestions) * 100) + '%';\n  }<\/p>\n<p>  function nextQuestion() {\n    if (currentIndex < totalQuestions - 1) {\n      currentIndex++;\n      renderQuestion();\n    } else {\n      $progressFill.style.width = '100%';\n      $progressText.textContent = '100% \u2713';\n      $container.classList.add('yb-s1-hidden');\n      $emailScreen.classList.remove('yb-s1-hidden');\n    }\n  }\n\n  function calculateScores() {\n    var email = document.getElementById('ybS1Email').value.trim();\n    var prenom = document.getElementById('ybS1Prenom').value.trim();\n    var consent = document.getElementById('ybS1Consent').checked;\n\n    if (!prenom) { alert('Veuillez entrer votre pr\u00e9nom.'); return; }\n    if (!email || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) { alert('Veuillez entrer un email valide.'); return; }\n    if (!consent) { alert('Veuillez accepter le traitement des donn\u00e9es pour continuer.'); return; }\n\n    document.getElementById('ybS1SubmitBtn').disabled = true;\n    $emailScreen.classList.add('yb-s1-hidden');\n    $loadingScreen.classList.remove('yb-s1-hidden');\n\n    \/\/ Ajustement scores sur 16 (logique identique au script existant)\n    var adjustedScores = {};\n    for (var key in scores) {\n      adjustedScores[key] = scores[key] > 0 ? Math.round((scores[key] \/ 9) * 16) : 0;\n    }<\/p>\n<p>    \/\/ ============================================================\n    \/\/ CALCUL DU DIAGNOSTIC + NB CARENCES + PERFUSIONS\n    \/\/ (envoy\u00e9s au backend pour Mailchimp + Sheets)\n    \/\/ ============================================================\n    var carencesFortes = [];\n    var carencesModerees = [];\n    for (var k in adjustedScores) {\n      if (adjustedScores[k] > 6) carencesFortes.push(k);\n      else if (adjustedScores[k] >= 4) carencesModerees.push(k);\n    }\n    var nbCarences = carencesFortes.length + carencesModerees.length;<\/p>\n<p>    function joinList(arr) {\n      if (arr.length === 0) return '';\n      if (arr.length === 1) return arr[0];\n      if (arr.length === 2) return arr[0] + ' et ' + arr[1];\n      return arr.slice(0, -1).join(', ') + ' et ' + arr[arr.length - 1];\n    }<\/p>\n<p>    \/\/ Mapping pour l'affichage utilisateur (avec accents)\n    var displayNames = {\n      \"Magnesium\": \"Magn\u00e9sium\"\n    };\n    function pretty(arr) {\n      return arr.map(function(name){ return displayNames[name] || name; });\n    }<\/p>\n<p>    var diagnosticText;\n    if (carencesFortes.length === 0 && carencesModerees.length === 0) {\n      diagnosticText = \"Aucune carence significative d\u00e9tect\u00e9e. Votre profil nutritionnel semble \u00e9quilibr\u00e9.\";\n    } else {\n      var phrases = [];\n      if (carencesFortes.length > 0) phrases.push(\"fort risque de carence en \" + joinList(pretty(carencesFortes)));\n      if (carencesModerees.length > 0) phrases.push(\"risque possible de carence en \" + joinList(pretty(carencesModerees)));\n      diagnosticText = \"Vos r\u00e9ponses indiquent un \" + phrases.join(\", ainsi qu'un \") + \".\";\n    }<\/p>\n<p>    \/\/ Calcul perfusions (logique identique \u00e0 R1)\n    var selectedPerfusions = [];\n    var bComplexVitamins = [\"B3\", \"B5\", \"B6\", \"B9\", \"B12\"];\n    var hasOnlyBComplex = bComplexVitamins.some(function(v){ return adjustedScores[v] >= 4; }) &&\n      Object.keys(adjustedScores).filter(function(v){ return bComplexVitamins.indexOf(v) === -1; })\n        .every(function(v){ return adjustedScores[v] < 4; });\n\n    if (nbCarences === 0) {\n      selectedPerfusions.push(\"Longevity\");\n    } else if (hasOnlyBComplex) {\n      selectedPerfusions.push(\"Energy\", \"All Inclusive\");\n    } else {\n      if (adjustedScores[\"Vitamine C\"] >= 4) selectedPerfusions.push(\"High Dose Vitamin C\", \"Super Immunity\");\n      if (adjustedScores[\"Biotine\"] >= 4) selectedPerfusions.push(\"Strong Hair\");\n      if (adjustedScores[\"Magnesium\"] >= 4) selectedPerfusions.push(\"Myers Cocktail\", \"Post Workout\", \"All Inclusive\");\n      if (adjustedScores[\"Fer\"] >= 4) selectedPerfusions.push(\"Iron\");\n      if (adjustedScores[\"Zinc\"] >= 4) selectedPerfusions.push(\"Super Immunity\", \"All Inclusive\");\n    }\n    selectedPerfusions = selectedPerfusions.filter(function(item, pos){ return selectedPerfusions.indexOf(item) === pos; });\n    var perfusionList = selectedPerfusions.length > 0\n      ? selectedPerfusions.join(\", \")\n      : \"Aucune recommandation sp\u00e9cifique\";<\/p>\n<p>    \/\/ Envoi Google Sheets + Mailchimp (via Apps Script)\n    var data = Object.assign(\n      { email: email, prenom: prenom },\n      adjustedScores,\n      { diagnostic: diagnosticText, nbCarences: nbCarences, perfusions: perfusionList }\n    );\n    fetch(googleScriptURL, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify(data),\n      mode: 'no-cors'\n    }).catch(function(err){ console.error('Erreur envoi:', err); });<\/p>\n<p>    if (typeof fbq !== 'undefined') { fbq('trackCustom', 'BilanRempli'); }<\/p>\n<p>    \/\/ Mapping cl\u00e9s vers param\u00e8tres URL (correspondance avec R1)\n    var urlParamMap = {\n      \"B3\": \"b3\",\n      \"B5\": \"b5\",\n      \"B6\": \"b6\",\n      \"Biotine\": \"biotine\",\n      \"B9\": \"b9\",\n      \"B12\": \"b12\",\n      \"Vitamine C\": \"vitc\",\n      \"Zinc\": \"zinc\",\n      \"Fer\": \"fer\",\n      \"Magnesium\": \"magnesium\"\n    };\n    var queryString = Object.keys(adjustedScores)\n      .map(function(k){ return (urlParamMap[k] || k.toLowerCase()) + '=' + adjustedScores[k]; })\n      .join('&');<\/p>\n<p>    setTimeout(function(){\n      window.location.href = resultsURL + '?email=' + encodeURIComponent(email) + '&prenom=' + encodeURIComponent(prenom) + '&' + queryString;\n    }, 1200);\n  }<\/p>\n<p>  document.getElementById('ybS1SubmitBtn').addEventListener('click', calculateScores);\n  renderQuestion();\n})();\n<\/script><\/div>\n<div><!-- ============================================================\n   SECTION 2 \u2014 TRUST BAR (bandeau bleu nuit, 4 signaux)\n   ============================================================\n   \u00c0 placer juste apr\u00e8s le hero\n   ============================================================ --><\/p>\n<style>\n.yb-s2 *, .yb-s2 *::before, .yb-s2 *::after { box-sizing: border-box; }\n.yb-s2 {\n  padding: 22px 0;\n  color: #FFFFFF;\n}\n.yb-s2-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n.yb-s2-inner {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 24px;\n}\n.yb-s2-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 14px;\n}\n.yb-s2-divider {\n  width: 1px;\n  height: 22px;\n  background: rgba(255,255,255,0.2);\n}<\/p>\n<p>@media (max-width: 960px) {\n  .yb-s2-inner { gap: 14px; }\n  .yb-s2-divider { display: none; }\n  .yb-s2-item { font-size: 13px; }\n}\n<\/style>\n<section class=\"yb-s2\">\n<div class=\"yb-s2-container\">\n<div class=\"yb-s2-inner\">\n<div class=\"yb-s2-item\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2L4 6v6c0 5.5 3.8 10.7 8 12 4.2-1.3 8-6.5 8-12V6l-8-4z\" stroke=\"#FB8F67\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg><br \/>\n        <span>100% confidentiel \u2014 RGPD<\/span>\n      <\/div>\n<div class=\"yb-s2-divider\"><\/div>\n<div class=\"yb-s2-item\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#FB8F67\" stroke-width=\"1.8\"\/><path d=\"M8 12l3 3 5-5\" stroke=\"#FB8F67\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><br \/>\n        <span>Con\u00e7u par une \u00e9quipe m\u00e9dicale<\/span>\n      <\/div>\n<div class=\"yb-s2-divider\"><\/div>\n<div class=\"yb-s2-item\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"#FB8F67\" stroke-width=\"1.8\"\/><path d=\"M3 12h18M12 3v18\" stroke=\"#FB8F67\" stroke-width=\"1.8\"\/><\/svg><br \/>\n        <span>Made in Switzerland \ud83c\udde8\ud83c\udded<\/span>\n      <\/div>\n<div class=\"yb-s2-divider\"><\/div>\n<div class=\"yb-s2-item\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#FB8F67\" stroke-width=\"1.8\"\/><path d=\"M12 7v5l3 2\" stroke=\"#FB8F67\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><br \/>\n        <span>R\u00e9sultat en 5 min<\/span>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<\/div>\n<div>\n<p>    <!-- ============================================================\n   SECTION 3 \u2014 APR\u00c8S LE TEST (mockup rapport + 3 b\u00e9n\u00e9fices)\n   ============================================================ --><\/p>\n<style>\n.yb-s3 *, .yb-s3 *::before, .yb-s3 *::after { box-sizing: border-box; }\n.yb-s3 {\n  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;\n  color: #172944;\n  line-height: 1.6;\n  background: #FFFFFF;\n  padding: 80px 0;\n}<\/p>\n<p>.yb-s3 h2 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }\n.yb-s3-container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }\n.yb-s3-grid {\n  display: grid;\n  grid-template-columns: 1fr 1.1fr;\n  gap: 56px;\n  align-items: center;\n}\n.yb-s3-eyebrow {\n  display: inline-block;\n  font-size: 12px;\n  color: #FB8F67;\n  font-weight: 600;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n}\n.yb-s3-text h2 {\n  font-size: 36px;\n  color: #172944;\n  margin-bottom: 20px;\n  line-height: 1.2;\n}\n.yb-s3-accent { color: #FB8F67; font-style: italic; }\n.yb-s3-intro {\n  font-size: 16px;\n  color: #4A5568;\n  margin-bottom: 28px;\n}\n.yb-s3-feature {\n  display: flex;\n  gap: 14px;\n  margin-bottom: 18px;\n  align-items: flex-start;\n}\n.yb-s3-feature-icon {\n  width: 36px; height: 36px;\n  background: #F7F2EC;\n  border-radius: 10px;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.yb-s3-feature-title {\n  font-size: 15px; font-weight: 600;\n  color: #172944;\n  margin-bottom: 2px;\n}\n.yb-s3-feature-desc {\n  font-size: 14px; color: #6B7280;\n  line-height: 1.5;\n}<\/p>\n<p>\/* Report mockup *\/\n.yb-s3-report {\n  background: #FFFFFF;\n  border-radius: 16px;\n  padding: 28px;\n  box-shadow: 0 20px 60px rgba(23,41,68,0.12);\n  border: 1px solid rgba(23,41,68,0.06);\n}\n.yb-s3-report-eyebrow {\n  font-size: 11px;\n  color: #FB8F67;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  font-weight: 600;\n  margin-bottom: 6px;\n}\n.yb-s3-report-title {\n  font-family: Georgia, serif;\n  font-size: 22px;\n  color: #172944;\n  margin-bottom: 24px;\n}\n.yb-s3-row { margin-bottom: 18px; }\n.yb-s3-row-header {\n  display: flex; justify-content: space-between;\n  margin-bottom: 6px;\n}\n.yb-s3-name { font-size: 14px; color: #172944; font-weight: 500; }\n.yb-s3-status { font-size: 13px; font-weight: 600; }\n.yb-s3-status-high { color: #D85A30; }\n.yb-s3-status-mod { color: #FB8F67; }\n.yb-s3-bar {\n  width: 100%; height: 8px;\n  background: #F7F2EC;\n  border-radius: 100px; overflow: hidden;\n}\n.yb-s3-fill { height: 100%; border-radius: 100px; }\n.yb-s3-fill-high { background: #D85A30; }\n.yb-s3-fill-mod { background: #FB8F67; }\n.yb-s3-recommend {\n  background: #F7F2EC;\n  border-radius: 12px;\n  padding: 16px;\n  margin-top: 24px;\n}\n.yb-s3-recommend-label {\n  font-size: 12px; color: #172944;\n  font-weight: 600; margin-bottom: 4px;\n}\n.yb-s3-recommend-text {\n  font-size: 13px; color: #4A5568;\n}<\/p>\n<p>@media (max-width: 960px) {\n  .yb-s3 { padding: 56px 0; }\n  .yb-s3-grid { grid-template-columns: 1fr; gap: 40px; }\n  .yb-s3-text h2 { font-size: 28px; }\n}\n@media (max-width: 600px) {\n  .yb-s3-text h2 { font-size: 24px; }\n}\n<\/style>\n<section class=\"yb-s3\">\n<div class=\"yb-s3-container\">\n<div class=\"yb-s3-grid\">\n<p>      <!-- LEFT : mockup rapport --><\/p>\n<div>\n<div class=\"yb-s3-report\">\n<div class=\"yb-s3-report-eyebrow\">Votre rapport personnalis\u00e9<\/div>\n<div class=\"yb-s3-report-title\">Carences potentielles d\u00e9tect\u00e9es<\/div>\n<div class=\"yb-s3-row\">\n<div class=\"yb-s3-row-header\">\n              <span class=\"yb-s3-name\">Vitamine D<\/span><br \/>\n              <span class=\"yb-s3-status yb-s3-status-high\">Carence \u00e9lev\u00e9e<\/span>\n            <\/div>\n<div class=\"yb-s3-bar\">\n<div class=\"yb-s3-fill yb-s3-fill-high\" style=\"width: 85%;\"><\/div>\n<\/div><\/div>\n<div class=\"yb-s3-row\">\n<div class=\"yb-s3-row-header\">\n              <span class=\"yb-s3-name\">Magn\u00e9sium<\/span><br \/>\n              <span class=\"yb-s3-status yb-s3-status-mod\">Carence mod\u00e9r\u00e9e<\/span>\n            <\/div>\n<div class=\"yb-s3-bar\">\n<div class=\"yb-s3-fill yb-s3-fill-mod\" style=\"width: 60%;\"><\/div>\n<\/div><\/div>\n<div class=\"yb-s3-row\">\n<div class=\"yb-s3-row-header\">\n              <span class=\"yb-s3-name\">Fer<\/span><br \/>\n              <span class=\"yb-s3-status yb-s3-status-mod\">Carence mod\u00e9r\u00e9e<\/span>\n            <\/div>\n<div class=\"yb-s3-bar\">\n<div class=\"yb-s3-fill yb-s3-fill-mod\" style=\"width: 55%;\"><\/div>\n<\/div><\/div>\n<div class=\"yb-s3-recommend\">\n<div class=\"yb-s3-recommend-label\">\u2192 Perfusion recommand\u00e9e<\/div>\n<div class=\"yb-s3-recommend-text\">Myers Cocktail Premium \u2014 comble vos 3 carences en une session<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- RIGHT : texte --><\/p>\n<div class=\"yb-s3-text\">\n<div class=\"yb-s3-eyebrow\">Ce que vous recevez<\/div>\n<h2>Bien plus qu&rsquo;un test.<br \/><span class=\"yb-s3-accent\">Un plan d&rsquo;action.<\/span><\/h2>\n<p class=\"yb-s3-intro\">\n          \u00c0 la fin du test, vous obtenez un rapport personnalis\u00e9 imm\u00e9diat avec des recommandations concr\u00e8tes, valid\u00e9es par notre \u00e9quipe m\u00e9dicale.\n        <\/p>\n<div class=\"yb-s3-feature\">\n<div class=\"yb-s3-feature-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" stroke=\"#172944\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M14 2v6h6M9 13h6M9 17h6\" stroke=\"#172944\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\n          <\/div>\n<div>\n<div class=\"yb-s3-feature-title\">Rapport personnalis\u00e9<\/div>\n<div class=\"yb-s3-feature-desc\">Identification pr\u00e9cise des carences potentielles selon votre profil<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"yb-s3-feature\">\n<div class=\"yb-s3-feature-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2a10 10 0 1 0 10 10\" stroke=\"#172944\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><path d=\"M12 6v6l4 2\" stroke=\"#172944\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\n          <\/div>\n<div>\n<div class=\"yb-s3-feature-title\">Recommandations nutritionnelles<\/div>\n<div class=\"yb-s3-feature-desc\">Aliments \u00e0 privil\u00e9gier, gestes simples \u00e0 adopter d\u00e8s demain<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"yb-s3-feature\">\n<div class=\"yb-s3-feature-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2v6M9 5l3-3 3 3M5 13a7 7 0 1 0 14 0c0-3-2-5-5-6\" stroke=\"#172944\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/div>\n<div>\n<div class=\"yb-s3-feature-title\">Perfusions IV adapt\u00e9es<\/div>\n<div class=\"yb-s3-feature-desc\">Si n\u00e9cessaire, acc\u00e8s \u00e0 nos formules cibl\u00e9es sur vos carences r\u00e9elles<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- ============================================================\\n   SECTION 1 \u2014 HERO + TEST INTERACTIF\\n   ============================================================\\n   \u00c0 coller dans un module YooTheme \\\"Code\/HTML\\\" pleine largeur\\n   Contient toute la logique du test (30 questions)\\n   ============================================================ -->\\n\\n<\/p>\n<style>\\n.yb-s1 *, .yb-s1 *::before, .yb-s1 *::after { box-sizing: border-box; }\\n.yb-s1 { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; color: #172944; line-height: 1.6; }\\n.yb-s1 h1, .yb-s1 h3 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }\\n.yb-s1 button { font-family: inherit; cursor: pointer; }\\n.yb-s1-hero {\\n  background: transparent;\\n  padding: 64px 0;\\n  position: relative;\\n  overflow: hidden;\\n}\\n.yb-s1-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\\n.yb-s1-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }\\n.yb-s1-badge {\\n  display: inline-flex; align-items: center; gap: 8px;\\n  background: #FFFFFF; border: 1px solid rgba(23,41,68,0.1);\\n  padding: 8px 14px; border-radius: 100px;\\n  margin-bottom: 24px; font-size: 13px; color: #172944; font-weight: 500;\\n}\\n\\n.yb-s1-hero h1 {\\n  font-size: 48px; line-height: 1.1; color: #172944;\\n  margin-bottom: 20px; letter-spacing: -0.5px;\\n}\\n.yb-s1-accent { color: #FB8F67; font-style: italic; }\\n.yb-s1-subtitle { font-size: 17px; color: #4A5568; margin-bottom: 28px; line-height: 1.6; max-width: 520px; }\\n.yb-s1-bullets { margin-bottom: 28px; }\\n.yb-s1-bullet { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-size: 15px; color: #172944; }\\n.yb-s1-bullet-icon {\\n  width: 22px; height: 22px; background: #172944; border-radius: 50%;\\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\\n}\\n.yb-s1-stats {\\n  display: flex; gap: 32px;\\n  padding-top: 24px;\\n  border-top: 1px solid rgba(23,41,68,0.1);\\n}\\n.yb-s1-stat { font-size: 13px; color: #6B7280; }\\n.yb-s1-stat strong {\\n  display: block; font-family: Georgia, serif; font-size: 24px;\\n  color: #172944; font-weight: 400; margin-bottom: 2px;\\n}\\n\\n\/* Test card *\/\\n.yb-s1-test-wrap { position: relative; }\\n.yb-s1-blob {\\n  position: absolute; top: -40px; right: -20px;\\n  width: 120px; height: 140px;\\n  background: #FB8F67; opacity: 0.15;\\n  border-radius: 50% 50% 50% 0; transform: rotate(-15deg); z-index: 0;\\n}\\n.yb-s1-card {\\n  position: relative; background: #FFFFFF;\\n  border-radius: 20px; padding: 32px;\\n  box-shadow: 0 20px 60px rgba(23,41,68,0.12);\\n  border: 1px solid rgba(23,41,68,0.06); z-index: 1;\\n}\\n.yb-s1-card-header {\\n  display: flex; align-items: center; justify-content: space-between;\\n  margin-bottom: 20px;\\n}\\n.yb-s1-label {\\n  font-size: 11px; color: #6B7280; letter-spacing: 1.5px;\\n  text-transform: uppercase; font-weight: 600;\\n}\\n.yb-s1-progress-text { font-size: 12px; color: #FB8F67; font-weight: 600; }\\n.yb-s1-progress-bar {\\n  width: 100%; height: 5px; background: #F7F2EC;\\n  border-radius: 100px; margin-bottom: 32px; overflow: hidden;\\n}\\n.yb-s1-progress-fill {\\n  width: 0%; height: 100%; background: #FB8F67;\\n  border-radius: 100px; transition: width 0.4s ease;\\n}\\n.yb-s1-question-slide { animation: ybS1Fade 0.35s ease; }\\n@keyframes ybS1Fade {\\n  from { opacity: 0; transform: translateY(8px); }\\n  to { opacity: 1; transform: translateY(0); }\\n}\\n.yb-s1-question {\\n  font-family: Georgia, serif; font-size: 22px; color: #172944;\\n  margin-bottom: 24px; line-height: 1.35; min-height: 60px;\\n}\\n.yb-s1-options { display: flex; flex-direction: column; gap: 10px; }\\n.yb-s1-option-btn {\\n  width: 100%; text-align: left;\\n  padding: 14px 18px; background: #FFFFFF;\\n  border: 1px solid rgba(23,41,68,0.15); border-radius: 10px;\\n  font-size: 15px; color: #172944;\\n  display: flex; align-items: center; justify-content: space-between;\\n  transition: all 0.2s ease;\\n}\\n.yb-s1-option-btn:hover {\\n  border-color: #FB8F67;\\n  background: rgba(251,143,103,0.04);\\n  transform: translateX(2px);\\n}\\n.yb-s1-arrow { opacity: 0; transition: opacity 0.2s ease; }\\n.yb-s1-option-btn:hover .yb-s1-arrow { opacity: 1; }\\n\\n\/* Email + loading *\/\\n.yb-s1-email-screen, .yb-s1-loading-screen { animation: ybS1Fade 0.4s ease; }\\n.yb-s1-email-icon {\\n  width: 56px; height: 56px; background: rgba(251,143,103,0.12);\\n  border-radius: 50%; display: flex; align-items: center; justify-content: center;\\n  margin: 0 auto 20px;\\n}\\n.yb-s1-email-title {\\n  font-family: Georgia, serif; font-size: 24px; color: #172944;\\n  text-align: center; margin-bottom: 8px;\\n}\\n.yb-s1-email-sub { font-size: 14px; color: #6B7280; text-align: center; margin-bottom: 24px; }\\n.yb-s1-input {\\n  width: 100%; padding: 14px 16px;\\n  border: 1px solid rgba(23,41,68,0.15); border-radius: 10px;\\n  font-size: 15px; color: #172944; background: #FFFFFF;\\n  margin-bottom: 12px; font-family: inherit;\\n  transition: border-color 0.2s ease;\\n}\\n.yb-s1-input:focus {\\n  outline: none; border-color: #FB8F67;\\n  box-shadow: 0 0 0 3px rgba(251,143,103,0.15);\\n}\\n.yb-s1-consent {\\n  display: flex; gap: 10px; margin: 16px 0 20px;\\n  font-size: 12px; color: #6B7280; line-height: 1.5;\\n  align-items: flex-start;\\n}\\n.yb-s1-consent input[type=\\\"checkbox\\\"] {\\n  margin-top: 3px; flex-shrink: 0; accent-color: #FB8F67;\\n}\\n.yb-s1-submit {\\n  width: 100%; padding: 16px;\\n  background: #172944; color: #FFFFFF; border: none;\\n  border-radius: 10px; font-size: 16px; font-weight: 600;\\n  display: flex; align-items: center; justify-content: center; gap: 10px;\\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\\n}\\n.yb-s1-submit:hover {\\n  transform: translateY(-1px);\\n  box-shadow: 0 8px 24px rgba(23,41,68,0.2);\\n}\\n.yb-s1-submit:disabled { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: none; }\\n.yb-s1-trust-mini { margin-top: 14px; text-align: center; font-size: 11px; color: #6B7280; }\\n.yb-s1-loading-screen { text-align: center; padding: 20px 0; }\\n.yb-s1-spinner {\\n  width: 48px; height: 48px;\\n  border: 3px solid rgba(251,143,103,0.2);\\n  border-top-color: #FB8F67;\\n  border-radius: 50%; margin: 0 auto 20px;\\n  animation: ybS1Spin 0.8s linear infinite;\\n}\\n@keyframes ybS1Spin { to { transform: rotate(360deg); } }\\n.yb-s1-loading-text { font-family: Georgia, serif; font-size: 18px; color: #172944; }\\n.yb-s1-hidden { display: none !important; }\\n\\n\/* Responsive *\/\\n@media (max-width: 960px) {\\n  .yb-s1-hero { padding: 40px 0 56px; }\\n  .yb-s1-grid { grid-template-columns: 1fr; gap: 40px; }\\n  .yb-s1-hero h1 { font-size: 34px; }\\n  .yb-s1-subtitle { font-size: 16px; }\\n  .yb-s1-card { padding: 24px; }\\n}\\n@media (max-width: 600px) {\\n  .yb-s1-hero h1 { font-size: 28px; }\\n  .yb-s1-stats { gap: 20px; }\\n  .yb-s1-stat strong { font-size: 20px; }\\n  .yb-s1-question { font-size: 18px; min-height: 50px; }\\n  .yb-s1-blob { width: 80px; height: 100px; top: -30px; }\\n}\\n<\/style>\n<p>\\n\\n<\/p>\n<section class=\\\"yb-s1\\\">\\n  <\/p>\n<div class=\\\"yb-s1-hero\\\">\\n    <\/p>\n<div class=\\\"yb-s1-container\\\">\\n      <\/p>\n<div class=\\\"yb-s1-grid\\\">\\n\\n        <!-- LEFT : copy -->\\n        <\/p>\n<div>\\n          <\/p>\n<div class=\\\"yb-s1-badge\\\">\\n            <span>Bilan des carences<\/span>\\n          <\/div>\n<p>\\n          <\/p>\n<h1>Fatigue qui ne passe pas&nbsp;?<br \/><span class=\\\"yb-s1-accent\\\">Identifiez la cause<\/span> en 5 minutes.<\/h1>\n<p>\\n          <\/p>\n<p class=\\\"yb-s1-subtitle\\\">\\n            Les carences en vitamines et min\u00e9raux passent inaper\u00e7ues jusqu&rsquo;\u00e0 impacter votre quotidien. Notre test identifie vos d\u00e9ficits potentiels et vous oriente vers la solution adapt\u00e9e.\\n          <\/p>\n<p>\\n          <\/p>\n<div class=\\\"yb-s1-bullets\\\">\\n            <\/p>\n<div class=\\\"yb-s1-bullet\\\">\\n              <span class=\\\"yb-s1-bullet-icon\\\">\\n                <svg width=\\\"11\\\" height=\\\"11\\\" viewBox=\\\"0 0 12 12\\\" fill=\\\"none\\\"><path d=\\\"M2.5 6L5 8.5L9.5 3.5\\\" stroke=\\\"#FFFFFF\\\" stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"\/><\/svg>\\n              <\/span>\\n              <span>Quelles vitamines ou min\u00e9raux vous manquent<\/span>\\n            <\/div>\n<p>\\n            <\/p>\n<div class=\\\"yb-s1-bullet\\\">\\n              <span class=\\\"yb-s1-bullet-icon\\\">\\n                <svg width=\\\"11\\\" height=\\\"11\\\" viewBox=\\\"0 0 12 12\\\" fill=\\\"none\\\"><path d=\\\"M2.5 6L5 8.5L9.5 3.5\\\" stroke=\\\"#FFFFFF\\\" stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"\/><\/svg>\\n              <\/span>\\n              <span>Pourquoi vous ressentez ces sympt\u00f4mes<\/span>\\n            <\/div>\n<p>\\n            <\/p>\n<div class=\\\"yb-s1-bullet\\\">\\n              <span class=\\\"yb-s1-bullet-icon\\\">\\n                <svg width=\\\"11\\\" height=\\\"11\\\" viewBox=\\\"0 0 12 12\\\" fill=\\\"none\\\"><path d=\\\"M2.5 6L5 8.5L9.5 3.5\\\" stroke=\\\"#FFFFFF\\\" stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"\/><\/svg>\\n              <\/span>\\n              <span>Les premiers gestes pour agir d\u00e8s aujourd&rsquo;hui<\/span>\\n            <\/div>\n<p>\\n          <\/p><\/div>\n<p>\\n          <\/p>\n<div class=\\\"yb-s1-stats\\\">\\n            <\/p>\n<div class=\\\"yb-s1-stat\\\"><strong>+3 000<\/strong>tests r\u00e9alis\u00e9s<\/div>\n<p>\\n            <\/p>\n<div class=\\\"yb-s1-stat\\\"><strong>5 min<\/strong>chrono<\/div>\n<p>\\n            <\/p>\n<div class=\\\"yb-s1-stat\\\"><strong>100%<\/strong>gratuit<\/div>\n<p>\\n          <\/p><\/div>\n<p>\\n        <\/p><\/div>\n<p>\\n\\n        <!-- RIGHT : test -->\\n        <\/p>\n<div class=\\\"yb-s1-test-wrap\\\">\\n          <\/p>\n<div class=\\\"yb-s1-blob\\\"><\/div>\n<p>\\n          <\/p>\n<div class=\\\"yb-s1-card\\\" id=\\\"ybTestCard\\\">\\n            <\/p>\n<div class=\\\"yb-s1-card-header\\\">\\n              <\/p>\n<div class=\\\"yb-s1-label\\\">Test des carences<\/div>\n<p>\\n              <\/p>\n<div class=\\\"yb-s1-progress-text\\\" id=\\\"ybS1ProgressText\\\">0%<\/div>\n<p>\\n            <\/p><\/div>\n<p>\\n            <\/p>\n<div class=\\\"yb-s1-progress-bar\\\">\n<div class=\\\"yb-s1-progress-fill\\\" id=\\\"ybS1ProgressFill\\\"><\/div>\n<\/div>\n<p>\\n\\n            <\/p>\n<div id=\\\"ybS1QuestionContainer\\\"><\/div>\n<p>\\n\\n            <\/p>\n<div id=\\\"ybS1EmailScreen\\\" class=\\\"yb-s1-email-screen yb-s1-hidden\\\">\\n              <\/p>\n<div class=\\\"yb-s1-email-icon\\\">\\n                <svg width=\\\"28\\\" height=\\\"28\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><path d=\\\"M3 7l9 6 9-6M5 19h14a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2z\\\" stroke=\\\"#FB8F67\\\" stroke-width=\\\"1.8\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"\/><\/svg>\\n              <\/div>\n<p>\\n              <\/p>\n<div class=\\\"yb-s1-email-title\\\">Vos r\u00e9sultats sont pr\u00eats&nbsp;!<\/div>\n<p>\\n              <\/p>\n<div class=\\\"yb-s1-email-sub\\\">Recevez votre rapport personnalis\u00e9 imm\u00e9diatement<\/div>\n<p>\\n              <input id=\\\"ybS1Prenom\\\" type=\\\"text\\\" class=\\\"yb-s1-input\\\" placeholder=\\\"Votre pr\u00e9nom\\\" required>\\n              <input id=\\\"ybS1Email\\\" type=\\\"email\\\" class=\\\"yb-s1-input\\\" placeholder=\\\"Votre email\\\" required>\\n              <\/p>\n<div class=\\\"yb-s1-consent\\\">\\n                <input type=\\\"checkbox\\\" id=\\\"ybS1Consent\\\" required>\\n                <label for=\\\"ybS1Consent\\\">J&rsquo;accepte que mes donn\u00e9es soient trait\u00e9es par Yuboost pour cr\u00e9er mon bilan personnalis\u00e9.<\/label>\\n              <\/div>\n<p>\\n              <button type=\\\"button\\\" class=\\\"yb-s1-submit\\\" id=\\\"ybS1SubmitBtn\\\">\\n                Voir mes r\u00e9sultats\\n                <svg width=\\\"16\\\" height=\\\"12\\\" viewBox=\\\"0 0 18 14\\\" fill=\\\"none\\\"><path d=\\\"M1 7H17M17 7L11 1M17 7L11 13\\\" stroke=\\\"#FB8F67\\\" stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"\/><\/svg>\\n              <\/button>\\n              <\/p>\n<div class=\\\"yb-s1-trust-mini\\\">\ud83d\udd12 100% confidentiel \u00b7 RGPD \u00b7 Aucune donn\u00e9e revendue<\/div>\n<p>\\n            <\/p><\/div>\n<p>\\n\\n            <\/p>\n<div id=\\\"ybS1LoadingScreen\\\" class=\\\"yb-s1-loading-screen yb-s1-hidden\\\">\\n              <\/p>\n<div class=\\\"yb-s1-spinner\\\"><\/div>\n<p>\\n              <\/p>\n<div class=\\\"yb-s1-loading-text\\\">Analyse de vos r\u00e9ponses&#8230;<\/div>\n<p>\\n            <\/p><\/div>\n<p>\\n\\n          <\/p><\/div>\n<p>\\n        <\/p><\/div>\n<p>\\n      <\/p><\/div>\n<p>\\n    <\/p><\/div>\n<p>\\n  <\/p><\/div>\n<p>\\n<\/section>\n<p>\\n\\n<script>\\n(function(){\\n  \/\/ \u26a0\ufe0f URL Google Apps Script \u2014 conserver depuis ton script existant\\n  var googleScriptURL = \\\"https:\/\/script.google.com\/macros\/s\/AKfycby8CJ6LwZtpqLLwNvggWhkHoq5hT2F6YvAbj_nLxzN-Ng-EwDM87XJnB9P8040droa6\/exec\\\";\\n  var resultsURL = \\\"https:\/\/staging.yuboost.com\/resultats-bilan\/\\\";\\n\\n  var questions = {\\n    \\\"B3\\\": [\\\"Sensation de fatigue ?\\\", \\\"Difficult\u00e9 de concentration ?\\\", \\\"Troubles gastro-intestinaux ?\\\"],\\n    \\\"B5\\\": [\\\"Fourmillement dans les mains ou les pieds ?\\\", \\\"Perte d'app\u00e9tit ?\\\", \\\"Maux de t\u00eate ?\\\"],\\n    \\\"B6\\\": [\\\"Fissures aux coins de la bouche ?\\\", \\\"Sympt\u00f4me d'anxi\u00e9t\u00e9 ?\\\", \\\"Tombez-vous malade facilement ?\\\"],\\n    \\\"Biotine\\\": [\\\"Chute de cheveux ?\\\", \\\"Cheveux fragiles, cassants ?\\\", \\\"Conjonctivites (yeux) ?\\\"],\\n    \\\"B9\\\": [\\\"Aphtes buccaux ?\\\", \\\"Irritation de la langue ?\\\", \\\"Mauvaise m\u00e9moire ?\\\"],\\n    \\\"B12\\\": [\\\"Essoufflement, palpitations rapides \u00e0 l'effort ?\\\", \\\"Sensation de manque d'\u00e9nergie ?\\\", \\\"Vertiges, \u00e9tourdissements ?\\\"],\\n    \\\"Vitamine C\\\": [\\\"Difficult\u00e9 \u00e0 contr\u00f4ler ses \u00e9motions ?\\\", \\\"Sensibilit\u00e9 \u00e0 la lumi\u00e8re ?\\\", \\\"Bleus faciles ou saignements des gencives ?\\\"],\\n    \\\"Zinc\\\": [\\\"Perte du go\u00fbt ou de l'odorat ?\\\", \\\"Acn\u00e9, ecz\u00e9ma ou mauvaise cicatrisation ?\\\", \\\"Taches blanches sur les ongles ?\\\"],\\n    \\\"Fer\\\": [\\\"Sensation de sommeil non r\u00e9parateur ?\\\", \\\"Froideur des extr\u00e9mit\u00e9s ?\\\", \\\"Visage p\u00e2le ?\\\"],\\n    \\\"Magnesium\\\": [\\\"Difficult\u00e9 \u00e0 s'endormir le soir ?\\\", \\\"Crampes musculaires ?\\\", \\\"Contractions involontaires des paupi\u00e8res ?\\\"]\\n  };\\n\\n  var flatQuestions = [];\\n  Object.keys(questions).forEach(function(cat){\\n    questions[cat].forEach(function(q){ flatQuestions.push({ category: cat, text: q }); });\\n  });\\n\\n  var totalQuestions = flatQuestions.length;\\n  var currentIndex = 0;\\n  var scores = {};\\n\\n  var $container = document.getElementById('ybS1QuestionContainer');\\n  var $progressFill = document.getElementById('ybS1ProgressFill');\\n  var $progressText = document.getElementById('ybS1ProgressText');\\n  var $emailScreen = document.getElementById('ybS1EmailScreen');\\n  var $loadingScreen = document.getElementById('ybS1LoadingScreen');\\n\\n  function renderQuestion() {\\n    var q = flatQuestions[currentIndex];\\n    var labels = ['Jamais', 'Parfois', 'Souvent', 'Toujours'];\\n    var optionsHTML = labels.map(function(label, i){\\n      return '<button type=\\\"button\\\" class=\\\"yb-s1-option-btn\\\" data-value=\\\"' + i + '\\\">' +\\n        '<span>' + label + '<\/span>' +\\n        '<svg class=\\\"yb-s1-arrow\\\" width=\\\"14\\\" height=\\\"11\\\" viewBox=\\\"0 0 18 14\\\" fill=\\\"none\\\"><path d=\\\"M1 7H17M17 7L11 1M17 7L11 13\\\" stroke=\\\"#FB8F67\\\" stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\"\/><\/svg>' +\\n      '<\/button>';\\n    }).join('');\\n\\n    $container.innerHTML =\\n      '<\/p>\n<div class=\\\"yb-s1-question-slide\\\">' +\\n        '<\/p>\n<h3 class=\\\"yb-s1-question\\\">' + q.text + '<\/h3>\n<p>' +\\n        '<\/p>\n<div class=\\\"yb-s1-options\\\">' + optionsHTML + '<\/div>\n<p>' +\\n      '<\/p><\/div>\n<p>';\\n\\n    $container.querySelectorAll('.yb-s1-option-btn').forEach(function(btn){\\n      btn.addEventListener('click', function(){\\n        var val = parseInt(this.getAttribute('data-value'), 10);\\n        scores[q.category] = (scores[q.category] || 0) + val;\\n        nextQuestion();\\n      });\\n    });\\n    updateProgress();\\n  }\\n\\n  function updateProgress() {\\n    var percent = Math.round((currentIndex \/ totalQuestions) * 100);\\n    $progressFill.style.width = percent + '%';\\n    $progressText.textContent = Math.round((currentIndex \/ totalQuestions) * 100) + '%';\\n  }\\n\\n  function nextQuestion() {\\n    if (currentIndex < totalQuestions - 1) {\\n      currentIndex++;\\n      renderQuestion();\\n    } else {\\n      $progressFill.style.width = '100%';\\n      $progressText.textContent = '100% \u2713';\\n      $container.classList.add('yb-s1-hidden');\\n      $emailScreen.classList.remove('yb-s1-hidden');\\n    }\\n  }\\n\\n  function calculateScores() {\\n    var email = document.getElementById('ybS1Email').value.trim();\\n    var prenom = document.getElementById('ybS1Prenom').value.trim();\\n    var consent = document.getElementById('ybS1Consent').checked;\\n\\n    if (!prenom) { alert('Veuillez entrer votre pr\u00e9nom.'); return; }\\n    if (!email || !\/^[^\\\\s@]+@[^\\\\s@]+\\\\.[^\\\\s@]+$\/.test(email)) { alert('Veuillez entrer un email valide.'); return; }\\n    if (!consent) { alert('Veuillez accepter le traitement des donn\u00e9es pour continuer.'); return; }\\n\\n    document.getElementById('ybS1SubmitBtn').disabled = true;\\n    $emailScreen.classList.add('yb-s1-hidden');\\n    $loadingScreen.classList.remove('yb-s1-hidden');\\n\\n    \/\/ Ajustement scores sur 16 (logique identique au script existant)\\n    var adjustedScores = {};\\n    for (var key in scores) {\\n      adjustedScores[key] = scores[key] > 0 ? Math.round((scores[key] \/ 9) * 16) : 0;\\n    }\\n\\n    \/\/ ============================================================\\n    \/\/ CALCUL DU DIAGNOSTIC + NB CARENCES + PERFUSIONS\\n    \/\/ (envoy\u00e9s au backend pour Mailchimp + Sheets)\\n    \/\/ ============================================================\\n    var carencesFortes = [];\\n    var carencesModerees = [];\\n    for (var k in adjustedScores) {\\n      if (adjustedScores[k] > 6) carencesFortes.push(k);\\n      else if (adjustedScores[k] >= 4) carencesModerees.push(k);\\n    }\\n    var nbCarences = carencesFortes.length + carencesModerees.length;\\n\\n    function joinList(arr) {\\n      if (arr.length === 0) return '';\\n      if (arr.length === 1) return arr[0];\\n      if (arr.length === 2) return arr[0] + ' et ' + arr[1];\\n      return arr.slice(0, -1).join(', ') + ' et ' + arr[arr.length - 1];\\n    }\\n\\n    \/\/ Mapping pour l'affichage utilisateur (avec accents)\\n    var displayNames = {\\n      \\\"Magnesium\\\": \\\"Magn\u00e9sium\\\"\\n    };\\n    function pretty(arr) {\\n      return arr.map(function(name){ return displayNames[name] || name; });\\n    }\\n\\n    var diagnosticText;\\n    if (carencesFortes.length === 0 && carencesModerees.length === 0) {\\n      diagnosticText = \\\"Aucune carence significative d\u00e9tect\u00e9e. Votre profil nutritionnel semble \u00e9quilibr\u00e9.\\\";\\n    } else {\\n      var phrases = [];\\n      if (carencesFortes.length > 0) phrases.push(\\\"fort risque de carence en \\\" + joinList(pretty(carencesFortes)));\\n      if (carencesModerees.length > 0) phrases.push(\\\"risque possible de carence en \\\" + joinList(pretty(carencesModerees)));\\n      diagnosticText = \\\"Vos r\u00e9ponses indiquent un \\\" + phrases.join(\\\", ainsi qu'un \\\") + \\\".\\\";\\n    }\\n\\n    \/\/ Calcul perfusions (logique identique \u00e0 R1)\\n    var selectedPerfusions = [];\\n    var bComplexVitamins = [\\\"B3\\\", \\\"B5\\\", \\\"B6\\\", \\\"B9\\\", \\\"B12\\\"];\\n    var hasOnlyBComplex = bComplexVitamins.some(function(v){ return adjustedScores[v] >= 4; }) &&\\n      Object.keys(adjustedScores).filter(function(v){ return bComplexVitamins.indexOf(v) === -1; })\\n        .every(function(v){ return adjustedScores[v] < 4; });\\n\\n    if (nbCarences === 0) {\\n      selectedPerfusions.push(\\\"Longevity\\\");\\n    } else if (hasOnlyBComplex) {\\n      selectedPerfusions.push(\\\"Energy\\\", \\\"All Inclusive\\\");\\n    } else {\\n      if (adjustedScores[\\\"Vitamine C\\\"] >= 4) selectedPerfusions.push(\\\"High Dose Vitamin C\\\", \\\"Super Immunity\\\");\\n      if (adjustedScores[\\\"Biotine\\\"] >= 4) selectedPerfusions.push(\\\"Strong Hair\\\");\\n      if (adjustedScores[\\\"Magnesium\\\"] >= 4) selectedPerfusions.push(\\\"Myers Cocktail\\\", \\\"Post Workout\\\", \\\"All Inclusive\\\");\\n      if (adjustedScores[\\\"Fer\\\"] >= 4) selectedPerfusions.push(\\\"Iron\\\");\\n      if (adjustedScores[\\\"Zinc\\\"] >= 4) selectedPerfusions.push(\\\"Super Immunity\\\", \\\"All Inclusive\\\");\\n    }\\n    selectedPerfusions = selectedPerfusions.filter(function(item, pos){ return selectedPerfusions.indexOf(item) === pos; });\\n    var perfusionList = selectedPerfusions.length > 0\\n      ? selectedPerfusions.join(\\\", \\\")\\n      : \\\"Aucune recommandation sp\u00e9cifique\\\";\\n\\n    \/\/ Envoi Google Sheets + Mailchimp (via Apps Script)\\n    var data = Object.assign(\\n      { email: email, prenom: prenom },\\n      adjustedScores,\\n      { diagnostic: diagnosticText, nbCarences: nbCarences, perfusions: perfusionList }\\n    );\\n    fetch(googleScriptURL, {\\n      method: 'POST',\\n      headers: { 'Content-Type': 'application\/json' },\\n      body: JSON.stringify(data),\\n      mode: 'no-cors'\\n    }).catch(function(err){ console.error('Erreur envoi:', err); });\\n\\n    if (typeof fbq !== 'undefined') { fbq('trackCustom', 'BilanRempli'); }\\n\\n    \/\/ Mapping cl\u00e9s vers param\u00e8tres URL (correspondance avec R1)\\n    var urlParamMap = {\\n      \\\"B3\\\": \\\"b3\\\",\\n      \\\"B5\\\": \\\"b5\\\",\\n      \\\"B6\\\": \\\"b6\\\",\\n      \\\"Biotine\\\": \\\"biotine\\\",\\n      \\\"B9\\\": \\\"b9\\\",\\n      \\\"B12\\\": \\\"b12\\\",\\n      \\\"Vitamine C\\\": \\\"vitc\\\",\\n      \\\"Zinc\\\": \\\"zinc\\\",\\n      \\\"Fer\\\": \\\"fer\\\",\\n      \\\"Magnesium\\\": \\\"magnesium\\\"\\n    };\\n    var queryString = Object.keys(adjustedScores)\\n      .map(function(k){ return (urlParamMap[k] || k.toLowerCase()) + '=' + adjustedScores[k]; })\\n      .join('&');\\n\\n    setTimeout(function(){\\n      window.location.href = resultsURL + '?email=' + encodeURIComponent(email) + '&prenom=' + encodeURIComponent(prenom) + '&' + queryString;\\n    }, 1200);\\n  }\\n\\n  document.getElementById('ybS1SubmitBtn').addEventListener('click', calculateScores);\\n  renderQuestion();\\n})();\\n<\/script>\u00ab\u00a0,\u00a0\u00bbmargin_bottom\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb,\u00a0\u00bbmargin_top\u00a0\u00bb:\u00a0\u00bbremove\u00a0\u00bb},\u00a0\u00bbname\u00a0\u00bb:\u00a0\u00bbHero 1&Prime;}]}]}]},{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbsection\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0image_position\u00a0\u00bb:\u00a0\u00bbcenter-center\u00a0\u00bb,\u00a0\u00bbstyle\u00a0\u00bb:\u00a0\u00bbprimary\u00a0\u00bb,\u00a0\u00bbtitle_breakpoint\u00a0\u00bb:\u00a0\u00bbxl\u00a0\u00bb,\u00a0\u00bbtitle_position\u00a0\u00bb:\u00a0\u00bbtop-left\u00a0\u00bb,\u00a0\u00bbtitle_rotation\u00a0\u00bb:\u00a0\u00bbleft\u00a0\u00bb,\u00a0\u00bbvertical_align\u00a0\u00bb:\u00a0\u00bbmiddle\u00a0\u00bb,\u00a0\u00bbwidth\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb},\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbrow\u00a0\u00bb,\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbcolumn\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0image_position\u00a0\u00bb:\u00a0\u00bbcenter-center\u00a0\u00bb,\u00a0\u00bbposition_sticky_breakpoint\u00a0\u00bb:\u00a0\u00bbm\u00a0\u00bb},\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbtext\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0column_breakpoint\u00a0\u00bb:\u00a0\u00bbm\u00a0\u00bb,\u00a0\u00bbcontent\u00a0\u00bb:\u00a0\u00bb<!-- ============================================================\\n   SECTION 2 \u2014 TRUST BAR (bandeau bleu nuit, 4 signaux)\\n   ============================================================\\n   \u00c0 placer juste apr\u00e8s le hero\\n   ============================================================ -->\\n\\n<\/p>\n<style>\\n.yb-s2 *, .yb-s2 *::before, .yb-s2 *::after { box-sizing: border-box; }\\n.yb-s2 {\\n  padding: 22px 0;\\n  color: #FFFFFF;\\n}\\n.yb-s2-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\\n.yb-s2-inner {\\n  display: flex;\\n  justify-content: space-around;\\n  align-items: center;\\n  flex-wrap: wrap;\\n  gap: 24px;\\n}\\n.yb-s2-item {\\n  display: flex;\\n  align-items: center;\\n  gap: 10px;\\n  font-size: 14px;\\n}\\n.yb-s2-divider {\\n  width: 1px;\\n  height: 22px;\\n  background: rgba(255,255,255,0.2);\\n}\\n\\n@media (max-width: 960px) {\\n  .yb-s2-inner { gap: 14px; }\\n  .yb-s2-divider { display: none; }\\n  .yb-s2-item { font-size: 13px; }\\n}\\n<\/style>\n<p>\\n\\n<\/p>\n<section class=\\\"yb-s2\\\">\\n  <\/p>\n<div class=\\\"yb-s2-container\\\">\\n    <\/p>\n<div class=\\\"yb-s2-inner\\\">\\n      <\/p>\n<div class=\\\"yb-s2-item\\\">\\n        <svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><path d=\\\"M12 2L4 6v6c0 5.5 3.8 10.7 8 12 4.2-1.3 8-6.5 8-12V6l-8-4z\\\" stroke=\\\"#FB8F67\\\" stroke-width=\\\"1.8\\\" stroke-linejoin=\\\"round\\\"\/><\/svg>\\n        <span>100% confidentiel \u2014 RGPD<\/span>\\n      <\/div>\n<p>\\n      <\/p>\n<div class=\\\"yb-s2-divider\\\"><\/div>\n<p>\\n      <\/p>\n<div class=\\\"yb-s2-item\\\">\\n        <svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"9\\\" stroke=\\\"#FB8F67\\\" stroke-width=\\\"1.8\\\"\/><path d=\\\"M8 12l3 3 5-5\\\" stroke=\\\"#FB8F67\\\" stroke-width=\\\"1.8\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"\/><\/svg>\\n        <span>Con\u00e7u par une \u00e9quipe m\u00e9dicale<\/span>\\n      <\/div>\n<p>\\n      <\/p>\n<div class=\\\"yb-s2-divider\\\"><\/div>\n<p>\\n      <\/p>\n<div class=\\\"yb-s2-item\\\">\\n        <svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><rect x=\\\"3\\\" y=\\\"3\\\" width=\\\"18\\\" height=\\\"18\\\" rx=\\\"2\\\" stroke=\\\"#FB8F67\\\" stroke-width=\\\"1.8\\\"\/><path d=\\\"M3 12h18M12 3v18\\\" stroke=\\\"#FB8F67\\\" stroke-width=\\\"1.8\\\"\/><\/svg>\\n        <span>Made in Switzerland \ud83c\udde8\ud83c\udded<\/span>\\n      <\/div>\n<p>\\n      <\/p>\n<div class=\\\"yb-s2-divider\\\"><\/div>\n<p>\\n      <\/p>\n<div class=\\\"yb-s2-item\\\">\\n        <svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"9\\\" stroke=\\\"#FB8F67\\\" stroke-width=\\\"1.8\\\"\/><path d=\\\"M12 7v5l3 2\\\" stroke=\\\"#FB8F67\\\" stroke-width=\\\"1.8\\\" stroke-linecap=\\\"round\\\"\/><\/svg>\\n        <span>R\u00e9sultat en 5 min<\/span>\\n      <\/div>\n<p>\\n    <\/p><\/div>\n<p>\\n  <\/p><\/div>\n<p>\\n<\/section>\n<p>\u00ab\u00a0,\u00a0\u00bbmargin_bottom\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb,\u00a0\u00bbmargin_top\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb},\u00a0\u00bbname\u00a0\u00bb:\u00a0\u00bbTrust bar\u00a0\u00bb}]}]}]},{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbsection\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0image_position\u00a0\u00bb:\u00a0\u00bbcenter-center\u00a0\u00bb,\u00a0\u00bbstyle\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb,\u00a0\u00bbtitle_breakpoint\u00a0\u00bb:\u00a0\u00bbxl\u00a0\u00bb,\u00a0\u00bbtitle_position\u00a0\u00bb:\u00a0\u00bbtop-left\u00a0\u00bb,\u00a0\u00bbtitle_rotation\u00a0\u00bb:\u00a0\u00bbleft\u00a0\u00bb,\u00a0\u00bbvertical_align\u00a0\u00bb:\u00a0\u00bbmiddle\u00a0\u00bb,\u00a0\u00bbwidth\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb},\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbrow\u00a0\u00bb,\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbcolumn\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0image_position\u00a0\u00bb:\u00a0\u00bbcenter-center\u00a0\u00bb,\u00a0\u00bbposition_sticky_breakpoint\u00a0\u00bb:\u00a0\u00bbm\u00a0\u00bb},\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbhtml\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0content\u00a0\u00bb:\u00a0\u00bb<!-- ============================================================\\n   SECTION 3 \u2014 APR\u00c8S LE TEST (mockup rapport + 3 b\u00e9n\u00e9fices)\\n   ============================================================ -->\\n\\n<\/p>\n<style>\\n.yb-s3 *, .yb-s3 *::before, .yb-s3 *::after { box-sizing: border-box; }\\n.yb-s3 {\\n  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;\\n  color: #172944;\\n  line-height: 1.6;\\n  background: #FFFFFF;\\n  padding: 80px 0;\\n}\\n\\n.yb-s3 h2 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }\\n.yb-s3-container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }\\n.yb-s3-grid {\\n  display: grid;\\n  grid-template-columns: 1fr 1.1fr;\\n  gap: 56px;\\n  align-items: center;\\n}\\n.yb-s3-eyebrow {\\n  display: inline-block;\\n  font-size: 12px;\\n  color: #FB8F67;\\n  font-weight: 600;\\n  letter-spacing: 2px;\\n  text-transform: uppercase;\\n  margin-bottom: 14px;\\n}\\n.yb-s3-text h2 {\\n  font-size: 36px;\\n  color: #172944;\\n  margin-bottom: 20px;\\n  line-height: 1.2;\\n}\\n.yb-s3-accent { color: #FB8F67; font-style: italic; }\\n.yb-s3-intro {\\n  font-size: 16px;\\n  color: #4A5568;\\n  margin-bottom: 28px;\\n}\\n.yb-s3-feature {\\n  display: flex;\\n  gap: 14px;\\n  margin-bottom: 18px;\\n  align-items: flex-start;\\n}\\n.yb-s3-feature-icon {\\n  width: 36px; height: 36px;\\n  background: #F7F2EC;\\n  border-radius: 10px;\\n  display: flex; align-items: center; justify-content: center;\\n  flex-shrink: 0;\\n}\\n.yb-s3-feature-title {\\n  font-size: 15px; font-weight: 600;\\n  color: #172944;\\n  margin-bottom: 2px;\\n}\\n.yb-s3-feature-desc {\\n  font-size: 14px; color: #6B7280;\\n  line-height: 1.5;\\n}\\n\\n\/* Report mockup *\/\\n.yb-s3-report {\\n  background: #FFFFFF;\\n  border-radius: 16px;\\n  padding: 28px;\\n  box-shadow: 0 20px 60px rgba(23,41,68,0.12);\\n  border: 1px solid rgba(23,41,68,0.06);\\n}\\n.yb-s3-report-eyebrow {\\n  font-size: 11px;\\n  color: #FB8F67;\\n  letter-spacing: 1.5px;\\n  text-transform: uppercase;\\n  font-weight: 600;\\n  margin-bottom: 6px;\\n}\\n.yb-s3-report-title {\\n  font-family: Georgia, serif;\\n  font-size: 22px;\\n  color: #172944;\\n  margin-bottom: 24px;\\n}\\n.yb-s3-row { margin-bottom: 18px; }\\n.yb-s3-row-header {\\n  display: flex; justify-content: space-between;\\n  margin-bottom: 6px;\\n}\\n.yb-s3-name { font-size: 14px; color: #172944; font-weight: 500; }\\n.yb-s3-status { font-size: 13px; font-weight: 600; }\\n.yb-s3-status-high { color: #D85A30; }\\n.yb-s3-status-mod { color: #FB8F67; }\\n.yb-s3-bar {\\n  width: 100%; height: 8px;\\n  background: #F7F2EC;\\n  border-radius: 100px; overflow: hidden;\\n}\\n.yb-s3-fill { height: 100%; border-radius: 100px; }\\n.yb-s3-fill-high { background: #D85A30; }\\n.yb-s3-fill-mod { background: #FB8F67; }\\n.yb-s3-recommend {\\n  background: #F7F2EC;\\n  border-radius: 12px;\\n  padding: 16px;\\n  margin-top: 24px;\\n}\\n.yb-s3-recommend-label {\\n  font-size: 12px; color: #172944;\\n  font-weight: 600; margin-bottom: 4px;\\n}\\n.yb-s3-recommend-text {\\n  font-size: 13px; color: #4A5568;\\n}\\n\\n@media (max-width: 960px) {\\n  .yb-s3 { padding: 56px 0; }\\n  .yb-s3-grid { grid-template-columns: 1fr; gap: 40px; }\\n  .yb-s3-text h2 { font-size: 28px; }\\n}\\n@media (max-width: 600px) {\\n  .yb-s3-text h2 { font-size: 24px; }\\n}\\n<\/style>\n<p>\\n\\n<\/p>\n<section class=\\\"yb-s3\\\">\\n  <\/p>\n<div class=\\\"yb-s3-container\\\">\\n    <\/p>\n<div class=\\\"yb-s3-grid\\\">\\n\\n      <!-- LEFT : mockup rapport -->\\n      <\/p>\n<div>\\n        <\/p>\n<div class=\\\"yb-s3-report\\\">\\n          <\/p>\n<div class=\\\"yb-s3-report-eyebrow\\\">Votre rapport personnalis\u00e9<\/div>\n<p>\\n          <\/p>\n<div class=\\\"yb-s3-report-title\\\">Carences potentielles d\u00e9tect\u00e9es<\/div>\n<p>\\n          <\/p>\n<div class=\\\"yb-s3-row\\\">\\n            <\/p>\n<div class=\\\"yb-s3-row-header\\\">\\n              <span class=\\\"yb-s3-name\\\">Vitamine D<\/span>\\n              <span class=\\\"yb-s3-status yb-s3-status-high\\\">Carence \u00e9lev\u00e9e<\/span>\\n            <\/div>\n<p>\\n            <\/p>\n<div class=\\\"yb-s3-bar\\\">\n<div class=\\\"yb-s3-fill yb-s3-fill-high\\\" style=\\\"width: 85%;\\\"><\/div>\n<\/div>\n<p>\\n          <\/p><\/div>\n<p>\\n          <\/p>\n<div class=\\\"yb-s3-row\\\">\\n            <\/p>\n<div class=\\\"yb-s3-row-header\\\">\\n              <span class=\\\"yb-s3-name\\\">Magn\u00e9sium<\/span>\\n              <span class=\\\"yb-s3-status yb-s3-status-mod\\\">Carence mod\u00e9r\u00e9e<\/span>\\n            <\/div>\n<p>\\n            <\/p>\n<div class=\\\"yb-s3-bar\\\">\n<div class=\\\"yb-s3-fill yb-s3-fill-mod\\\" style=\\\"width: 60%;\\\"><\/div>\n<\/div>\n<p>\\n          <\/p><\/div>\n<p>\\n          <\/p>\n<div class=\\\"yb-s3-row\\\">\\n            <\/p>\n<div class=\\\"yb-s3-row-header\\\">\\n              <span class=\\\"yb-s3-name\\\">Fer<\/span>\\n              <span class=\\\"yb-s3-status yb-s3-status-mod\\\">Carence mod\u00e9r\u00e9e<\/span>\\n            <\/div>\n<p>\\n            <\/p>\n<div class=\\\"yb-s3-bar\\\">\n<div class=\\\"yb-s3-fill yb-s3-fill-mod\\\" style=\\\"width: 55%;\\\"><\/div>\n<\/div>\n<p>\\n          <\/p><\/div>\n<p>\\n          <\/p>\n<div class=\\\"yb-s3-recommend\\\">\\n            <\/p>\n<div class=\\\"yb-s3-recommend-label\\\">\u2192 Perfusion recommand\u00e9e<\/div>\n<p>\\n            <\/p>\n<div class=\\\"yb-s3-recommend-text\\\">Myers Cocktail Premium \u2014 comble vos 3 carences en une session<\/div>\n<p>\\n          <\/p><\/div>\n<p>\\n        <\/p><\/div>\n<p>\\n      <\/p><\/div>\n<p>\\n\\n      <!-- RIGHT : texte -->\\n      <\/p>\n<div class=\\\"yb-s3-text\\\">\\n        <\/p>\n<div class=\\\"yb-s3-eyebrow\\\">Ce que vous recevez<\/div>\n<p>\\n        <\/p>\n<h2>Bien plus qu&rsquo;un test.<br \/><span class=\\\"yb-s3-accent\\\">Un plan d&rsquo;action.<\/span><\/h2>\n<p>\\n        <\/p>\n<p class=\\\"yb-s3-intro\\\">\\n          \u00c0 la fin du test, vous obtenez un rapport personnalis\u00e9 imm\u00e9diat avec des recommandations concr\u00e8tes, valid\u00e9es par notre \u00e9quipe m\u00e9dicale.\\n        <\/p>\n<p>\\n        <\/p>\n<div class=\\\"yb-s3-feature\\\">\\n          <\/p>\n<div class=\\\"yb-s3-feature-icon\\\">\\n            <svg width=\\\"18\\\" height=\\\"18\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><path d=\\\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\\\" stroke=\\\"#172944\\\" stroke-width=\\\"1.8\\\" stroke-linejoin=\\\"round\\\"\/><path d=\\\"M14 2v6h6M9 13h6M9 17h6\\\" stroke=\\\"#172944\\\" stroke-width=\\\"1.8\\\" stroke-linecap=\\\"round\\\"\/><\/svg>\\n          <\/div>\n<p>\\n          <\/p>\n<div>\\n            <\/p>\n<div class=\\\"yb-s3-feature-title\\\">Rapport personnalis\u00e9<\/div>\n<p>\\n            <\/p>\n<div class=\\\"yb-s3-feature-desc\\\">Identification pr\u00e9cise des carences potentielles selon votre profil<\/div>\n<p>\\n          <\/p><\/div>\n<p>\\n        <\/p><\/div>\n<p>\\n        <\/p>\n<div class=\\\"yb-s3-feature\\\">\\n          <\/p>\n<div class=\\\"yb-s3-feature-icon\\\">\\n            <svg width=\\\"18\\\" height=\\\"18\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><path d=\\\"M12 2a10 10 0 1 0 10 10\\\" stroke=\\\"#172944\\\" stroke-width=\\\"1.8\\\" stroke-linecap=\\\"round\\\"\/><path d=\\\"M12 6v6l4 2\\\" stroke=\\\"#172944\\\" stroke-width=\\\"1.8\\\" stroke-linecap=\\\"round\\\"\/><\/svg>\\n          <\/div>\n<p>\\n          <\/p>\n<div>\\n            <\/p>\n<div class=\\\"yb-s3-feature-title\\\">Recommandations nutritionnelles<\/div>\n<p>\\n            <\/p>\n<div class=\\\"yb-s3-feature-desc\\\">Aliments \u00e0 privil\u00e9gier, gestes simples \u00e0 adopter d\u00e8s demain<\/div>\n<p>\\n          <\/p><\/div>\n<p>\\n        <\/p><\/div>\n<p>\\n        <\/p>\n<div class=\\\"yb-s3-feature\\\">\\n          <\/p>\n<div class=\\\"yb-s3-feature-icon\\\">\\n            <svg width=\\\"18\\\" height=\\\"18\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><path d=\\\"M12 2v6M9 5l3-3 3 3M5 13a7 7 0 1 0 14 0c0-3-2-5-5-6\\\" stroke=\\\"#172944\\\" stroke-width=\\\"1.8\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"\/><\/svg>\\n          <\/div>\n<p>\\n          <\/p>\n<div>\\n            <\/p>\n<div class=\\\"yb-s3-feature-title\\\">Perfusions IV adapt\u00e9es<\/div>\n<p>\\n            <\/p>\n<div class=\\\"yb-s3-feature-desc\\\">Si n\u00e9cessaire, acc\u00e8s \u00e0 nos formules cibl\u00e9es sur vos carences r\u00e9elles<\/div>\n<p>\\n          <\/p><\/div>\n<p>\\n        <\/p><\/div>\n<p>\\n      <\/p><\/div>\n<p>\\n    <\/p><\/div>\n<p>\\n  <\/p><\/div>\n<p>\\n<\/section>\n<p>\u00ab\u00a0},\u00a0\u00bbname\u00a0\u00bb:\u00a0\u00bbPost test\u00a0\u00bb}]}]}]},{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbsection\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0image_position\u00a0\u00bb:\u00a0\u00bbcenter-center\u00a0\u00bb,\u00a0\u00bbstatus\u00a0\u00bb:\u00a0\u00bbdisabled\u00a0\u00bb,\u00a0\u00bbstyle\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb,\u00a0\u00bbtitle_breakpoint\u00a0\u00bb:\u00a0\u00bbxl\u00a0\u00bb,\u00a0\u00bbtitle_position\u00a0\u00bb:\u00a0\u00bbtop-left\u00a0\u00bb,\u00a0\u00bbtitle_rotation\u00a0\u00bb:\u00a0\u00bbleft\u00a0\u00bb,\u00a0\u00bbvertical_align\u00a0\u00bb:\u00a0\u00bbmiddle\u00a0\u00bb,\u00a0\u00bbwidth\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb},\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbrow\u00a0\u00bb,\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbcolumn\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0image_position\u00a0\u00bb:\u00a0\u00bbcenter-center\u00a0\u00bb,\u00a0\u00bbposition_sticky_breakpoint\u00a0\u00bb:\u00a0\u00bbm\u00a0\u00bb},\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbheadline\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0content\u00a0\u00bb:\u00a0\u00bbFaites le test et d\u00e9couvrez vos carences\u00a0\u00bb,\u00a0\u00bbimage_align\u00a0\u00bb:\u00a0\u00bbleft\u00a0\u00bb,\u00a0\u00bbimage_margin\u00a0\u00bb:\u00a0\u00bbxsmall\u00a0\u00bb,\u00a0\u00bbmargin_top\u00a0\u00bb:\u00a0\u00bbremove\u00a0\u00bb,\u00a0\u00bbtext_align\u00a0\u00bb:\u00a0\u00bbcenter\u00a0\u00bb,\u00a0\u00bbtitle_element\u00a0\u00bb:\u00a0\u00bbh1&Prime;,\u00a0\u00bbtitle_style\u00a0\u00bb:\u00a0\u00bbh1&Prime;}},{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbtext\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0column_breakpoint\u00a0\u00bb:\u00a0\u00bbm\u00a0\u00bb,\u00a0\u00bbcontent\u00a0\u00bb:\u00a0\u00bb<\/p>\n<p>Vous ressentez une fatigue persistante, un manque d\u2019\u00e9nergie ou des troubles du sommeil ? Votre corps vous envoie peut-\u00eatre des signaux de carences en vitamines et min\u00e9raux essentiels. Gr\u00e2ce \u00e0 notre test en ligne rapide et gratuit, identifiez vos potentielles carences en quelques minutes.<\/p>\n<p>\\n<\/p>\n<p>Pour chaque question, indiquez \u00e0 quelle fr\u00e9quence ces sympt\u00f4mes ou situations se manifestent dans votre quotidien.<\/p>\n<p>\u00ab\u00a0,\u00a0\u00bbmargin_bottom\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb,\u00a0\u00bbmargin_top\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb,\u00a0\u00bbtext_align\u00a0\u00bb:\u00a0\u00bbcenter\u00a0\u00bb}}]}]}]},{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbsection\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0image_position\u00a0\u00bb:\u00a0\u00bbcenter-center\u00a0\u00bb,\u00a0\u00bbpadding_top\u00a0\u00bb:\u00a0\u00bbnone\u00a0\u00bb,\u00a0\u00bbstatus\u00a0\u00bb:\u00a0\u00bbdisabled\u00a0\u00bb,\u00a0\u00bbstyle\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb,\u00a0\u00bbtitle_breakpoint\u00a0\u00bb:\u00a0\u00bbxl\u00a0\u00bb,\u00a0\u00bbtitle_position\u00a0\u00bb:\u00a0\u00bbtop-left\u00a0\u00bb,\u00a0\u00bbtitle_rotation\u00a0\u00bb:\u00a0\u00bbleft\u00a0\u00bb,\u00a0\u00bbvertical_align\u00a0\u00bb:\u00a0\u00bbmiddle\u00a0\u00bb,\u00a0\u00bbwidth\u00a0\u00bb:\u00a0\u00bbdefault\u00a0\u00bb},\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbrow\u00a0\u00bb,\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbcolumn\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0image_position\u00a0\u00bb:\u00a0\u00bbcenter-center\u00a0\u00bb,\u00a0\u00bbposition_sticky_breakpoint\u00a0\u00bb:\u00a0\u00bbm\u00a0\u00bb,\u00a0\u00bbwidth_medium\u00a0\u00bb:\u00a0\u00bb1-5&Prime;}},{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbcolumn\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0image_position\u00a0\u00bb:\u00a0\u00bbcenter-center\u00a0\u00bb,\u00a0\u00bbposition_sticky_breakpoint\u00a0\u00bb:\u00a0\u00bbm\u00a0\u00bb,\u00a0\u00bbwidth_medium\u00a0\u00bb:\u00a0\u00bb3-5&Prime;},\u00a0\u00bbchildren\u00a0\u00bb:[{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbhtml\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0content\u00a0\u00bb:\u00a0\u00bb<body class=\\\"uk-background-muted uk-flex uk-flex-center uk-flex-middle uk-height-viewport\\\">\\n    <\/p>\n<div class=\\\"uk-card uk-card-default uk-card-body uk-width-2xlarge custom-form uk-box-shadow-large\\\">\\n        <\/p>\n<h2 class=\\\"uk-text-center uk-heading-line\\\" style=\\\"font-size: 24px; text-align: center; font-weight: 700;\\\"><span>\u00c9valuation des carences<\/span><\/h2>\n<p>\\n\\n        <\/p>\n<div class=\\\"progress-bar uk-margin-top\\\">\\n            <\/p>\n<div id=\\\"progressFill\\\" class=\\\"progress-fill\\\"><\/div>\n<p>\\n        <\/p><\/div>\n<p>\\n\\n        <\/p>\n<form id=\\\"quizForm\\\" class=\\\"uk-margin-top\\\">\\n            <\/p>\n<div id=\\\"questionsContainer\\\"><\/div>\n<p>\\n\\n            <\/p>\n<div id=\\\"emailContainer\\\" class=\\\"hidden uk-margin-top uk-text-center\\\">\\n                <label class=\\\"uk-form-label\\\" for=\\\"email\\\">Inscrivez-vous pour voir vos r\u00e9sultats :<\/label>\\n                <\/p>\n<div class=\\\"uk-margin-small-top uk-text-left\\\">\\n    <input type=\\\"checkbox\\\" id=\\\"consentCheckbox\\\" class=\\\"uk-checkbox uk-margin-small-right\\\" required>\\n    <label for=\\\"consentCheckbox\\\">\\n        En cochant cette case, j&rsquo;accepte que les donn\u00e9es personnelles que je communique \u00e0 Yuboost soient trait\u00e9es pour cr\u00e9er mon bilan personnalis\u00e9.\\n    <\/label>\\n<\/div>\n<p>\\n                <!-- \u2705 AJOUT : champ pr\u00e9nom (seul ajout visible dans le formulaire) -->\\n                <input id=\\\"prenom\\\" type=\\\"text\\\" class=\\\"uk-input uk-margin-small-top\\\" placeholder=\\\"Entrez votre pr\u00e9nom\\\" required>\\n                <input id=\\\"email\\\" type=\\\"email\\\" class=\\\"uk-input uk-margin-small-top\\\" placeholder=\\\"Entrez votre email\\\" required>\\n                <button type=\\\"button\\\" class=\\\"uk-button uk-button-primary uk-margin-top\\\" onclick=\\\"calculateScores()\\\">Voir mes r\u00e9sultats<\/button>\\n            <\/div>\n<p>\\n        <\/p><\/form>\n<p>\\n    <\/p><\/div>\n<p>\\n    <script>\\n        const googleScriptURL = \\\"https:\/\/script.google.com\/macros\/s\/AKfycbzB-wNMxQ7e0Zt2ZKlTz9oMul7fnwZt-f-X2JUKe67_pl9mqVDiBnBF7t25AhSQrv0y\/exec\\\";\\n\\n        const questions = {\\n            \\\"B3\\\": [\\\"Sensation de fatigue ?\\\", \\\"Difficult\u00e9 de concentration ?\\\", \\\"Troubles gastro-intestinaux ?\\\"],\\n            \\\"B5\\\": [\\\"Fourmillement dans les mains ou les pieds ?\\\", \\\"Perte d'app\u00e9tit ?\\\", \\\"Maux de t\u00eate ?\\\"],\\n            \\\"B6\\\": [\\\"Fissures aux coins de la bouche ?\\\", \\\"Sympt\u00f4me d'anxi\u00e9t\u00e9?\\\", \\\"Tombe malade facilement?\\\"],\\n            \\\"Biotine\\\": [\\\"Chute de cheveux ?\\\", \\\"Cheveux fragiles, cassants?\\\", \\\"Conjonctivites(yeux)?\\\"],\\n            \\\"B9\\\": [\\\"Aphtes buccaux ?\\\", \\\"Irritation de la langue ?\\\", \\\"Mauvaise m\u00e9moire?\\\"],\\n            \\\"B12\\\": [\\\"Essouflement,palpitation rapide \u00e0 l'effort ?\\\", \\\"Sensation de manque d'\u00e9nergie ?\\\", \\\"Vertiges, \u00e9tourdissements ?\\\"],\\n            \\\"Vitamine C\\\": [\\\"Difficult\u00e9 \u00e0 contr\u00f4ler ses \u00e9motions ?\\\", \\\"Sensibilit\u00e9 \u00e0 la lumi\u00e8re ?\\\", \\\"Ecchymose (bleus) faciles et\/ou saignement des gencives ?\\\"],\\n            \\\"Zinc\\\": [\\\"Perte du go\u00fbt ou de l'odorat ?\\\", \\\"Acn\u00e9, Ecz\u00e9ma ou mauvaise citratrisation de la peau ?\\\", \\\"Taches blanches sur les ongles ?\\\"],\\n            \\\"Fer\\\": [\\\"Sensation de sommeil non r\u00e9parateur ?\\\", \\\"Froideur des extr\u00e9mit\u00e9s?\\\", \\\"Visage p\u00e2le ?\\\"],\\n            \\\"Magn\u00e9sium\\\": [\\\"Difficult\u00e9 \u00e0 s'endormir le soir?\\\", \\\"Crampes musculaires?\\\", \\\"Contractions involontaires des paupi\u00e8res ?\\\"]\\n        };\\n\\n        let currentQuestionIndex = 0;\\n        let totalQuestions = Object.keys(questions).reduce((sum, key) => sum + questions[key].length, 0);\\n        let answeredQuestions = 0;\\n        let scores = {};\\n\\n        function loadQuestion() {\\n            const container = document.getElementById(\\\"questionsContainer\\\");\\n            container.innerHTML = \\\"\\\";\\n\\n            let keys = Object.keys(questions);\\n            let category = keys[Math.floor(currentQuestionIndex \/ 3)];\\n            let question = questions[category][currentQuestionIndex % 3];\\n\\n            let div = document.createElement(\\\"div\\\");\\n            div.classList.add(\\\"uk-card\\\", \\\"uk-card-default\\\", \\\"uk-card-body\\\", \\\"uk-text-center\\\", \\\"uk-animation-slide-bottom-small\\\");\\n\\n            div.innerHTML = `\\n                <\/p>\n<h3 class=\\\"uk-text-bold\\\" style=\\\"font-size: 20px; text-align: center; font-weight: 600;\\\">\\n    ${question}\\n<\/h3>\n<p>\\n\\n                <\/p>\n<div class=\\\"uk-margin-top uk-flex uk-flex-column uk-flex-middle\\\">\\n                    <button class=\\\"button-bilan option-btn uk-button uk-button-default uk-width-1-1 uk-margin-small-top\\\" data-value=\\\"0\\\">Jamais<\/button>\\n                    <button class=\\\"button-bilan option-btn uk-button uk-button-default  uk-width-1-1 uk-margin-small-top\\\" data-value=\\\"1\\\">Parfois<\/button>\\n                    <button class=\\\"button-bilan option-btn uk-button uk-button-default uk-width-1-1 uk-margin-small-top\\\" data-value=\\\"2\\\">Souvent<\/button>\\n                    <button class=\\\"button-bilan option-btn uk-button uk-button-default uk-width-1-1 uk-margin-small-top\\\" data-value=\\\"3\\\">Toujours<\/button>\\n                <\/div>\n<p>\\n            `;\\n\\n            container.appendChild(div);\\n\\n            document.querySelectorAll(\\\".option-btn\\\").forEach(button => {\\n                button.addEventListener(\\\"click\\\", function () {\\n                    let value = parseInt(this.getAttribute(\\\"data-value\\\"));\\n                    scores[category] = (scores[category] || 0) + value;\\n                    nextQuestion();\\n                });\\n            });\\n        }\\n\\n        function nextQuestion() {\\n            answeredQuestions++;\\n            updateProgress();\\n\\n            if (currentQuestionIndex < totalQuestions - 1) {\\n                currentQuestionIndex++;\\n                UIkit.switcher(\\\"#questionsContainer\\\").show(0);\\n                loadQuestion();\\n            } else {\\n                document.getElementById(\\\"questionsContainer\\\").classList.add(\\\"hidden\\\");\\n                document.getElementById(\\\"emailContainer\\\").classList.remove(\\\"hidden\\\");\\n                UIkit.scroll(\\\"#emailContainer\\\");\\n            }\\n        }\\n\\n        function updateProgress() {\\n            let percent = Math.round((answeredQuestions \/ totalQuestions) * 100);\\n            document.getElementById(\\\"progressFill\\\").style.width = percent + \\\"%\\\";\\n        }\\n\\n        function calculateScores() {\\n            let email = document.getElementById(\\\"email\\\").value;\\n            \/\/ \u2705 AJOUT : r\u00e9cup\u00e9ration du pr\u00e9nom\\n            let prenom = document.getElementById(\\\"prenom\\\").value;\\n            if (!email) {\\n                alert(\\\"Veuillez entrer votre email.\\\");\\n                return;\\n            }\\n\\n            \/\/ Ajustement des scores sur une \u00e9chelle de 16\\n            for (let key in scores) {\\n                if (scores[key] > 0) {\\n                    scores[key] = Math.round((scores[key] \/ 9) * 16);\\n                }\\n            }\\n\\n            \/\/ Envoyer les donn\u00e9es \u00e0 Google Sheets\\n            let data = { email: email, prenom: prenom, ...scores };\\n\\n            fetch(googleScriptURL, {\\n                method: \\\"POST\\\",\\n                headers: { \\\"Content-Type\\\": \\\"application\/json\\\" },\\n                body: JSON.stringify(data),\\n                mode: \\\"no-cors\\\"\\n            })\\n            .then(() => console.log(\\\"Donn\u00e9es envoy\u00e9es avec succ\u00e8s\\\"))\\n            .catch(error => console.error(\\\"Erreur lors de l'envoi des donn\u00e9es:\\\", error));\\n\\n            \/\/ Construire l'URL de redirection\\n            let queryString = Object.keys(scores)\\n                .map(key => `${key.toLowerCase()}=${scores[key]}`)\\n                .join(\\\"&\\\");\\n\\n            \/\/ \u2705 MODIFICATION : ajout de email et prenom dans l'URL (seul changement ici)\\n            window.location.href = `https:\/\/staging.yuboost.com\/resultats-bilan\/?email=${encodeURIComponent(email)}&prenom=${encodeURIComponent(prenom)}&${queryString}`;\\n        }\\n\\n        document.addEventListener(\\\"DOMContentLoaded\\\", () => {\\n            loadQuestion();\\n        });\\n \\n    <\/script>\\n<\/body>\u00ab\u00a0,\u00a0\u00bbcss\u00a0\u00bb:\u00a0\u00bb@media (max-width: 768px) { \\nbutton.button-bilan.option-btn.uk-button.uk-button-default  {\\n    font-size: 17px;\\n    border-radius: 30px; \/* Coins arrondis pour un effet \\\u00a0\u00bbpills\\\u00a0\u00bb *\/\\n    padding: 10px 15px;\\n    margin-bottom : 8px;\\n    width: 100%; \/* Largeur max *\/\\n    border: solid 1px;\\n    border-color: #172944;\\n    transition: all 0.3s ease-in-out; \/* Animation fluide *\/\\n    display: block;\\n    text-align: center;\\n    cursor: pointer;\\n}\\n\\n\/* Effet au survol *\/\\nbutton.button-bilan.option-btn.uk-button.uk-button-default:hover {\\n    background-color: transparent;\\n    color: black;\\n    }}\\n\\n\/* Effet lorsqu&rsquo;un bouton est s\u00e9lectionn\u00e9 (actif) *\/\\nbutton.button-bilan.option-btn.uk-button.uk-button-default.active {\\n   background-color: transparent !important;\\n    color: #172944;\\n    transform: scale(1.1);\\n\\n}\\n\\n\\n.hidden { display: none; }\\n        .progress-bar {\\n            height: 8px;\\n            background: #ddd;\\n            border-radius: 5px;\\n            overflow: hidden;\\n        }\\n        .progress-fill {\\n            height: 100%;\\n            width: 0%;\\n            background: #172944;\\n            transition: width 0.4s ease-in-out;\\n        }\\n\\n@media (min-width: 1024px) { \\n    .custom-form {\\n        max-width: 800px!important; \/* Largeur max du formulaire *\/\\n        width: 90%; \/* Pour \u00e9viter qu\u2019il soit trop \u00e9troit sur certaines r\u00e9solutions *\/\\n        \\n}\\n\\n    .uk-input {\\n        font-size: 16px !important; \/* Rend les champs de texte plus lisibles *\/\\n        padding: 10px; \/* Am\u00e9liore l\u2019ergonomie *\/\\n    }\\n}\\n    \\n\\n}\\n#consentCheckbox {\\n    transform: scale(1.3);\\n    margin-right: 10px;\\n}\\n\\n\\n\u00a0\u00bb}}]},{\u00ab\u00a0type\u00a0\u00bb:\u00a0\u00bbcolumn\u00a0\u00bb,\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0image_position\u00a0\u00bb:\u00a0\u00bbcenter-center\u00a0\u00bb,\u00a0\u00bbposition_sticky_breakpoint\u00a0\u00bb:\u00a0\u00bbm\u00a0\u00bb,\u00a0\u00bbwidth_medium\u00a0\u00bb:\u00a0\u00bb1-5&Prime;}}],\u00a0\u00bbprops\u00a0\u00bb:{\u00ab\u00a0layout\u00a0\u00bb:\u00a0\u00bb1-5,3-5,1-5&Prime;}}]}],\u00a0\u00bbversion\u00a0\u00bb:\u00a0\u00bb5.0.29&Prime;,\u00a0\u00bbyooessentialsVersion\u00a0\u00bb:\u00a0\u00bb3.0.5&Prime;} &#8211;><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bilan des carences Fatigue qui ne passe pas&nbsp;?Identifiez la cause en 5 minutes. Les carences en vitamines et min\u00e9raux passent inaper\u00e7ues jusqu&rsquo;\u00e0 impacter votre quotidien. Notre\u2026<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/bilan-carences.php","meta":{"footnotes":""},"class_list":["post-37654","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.yuboost.com\/de\/wp-json\/wp\/v2\/pages\/37654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.yuboost.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.yuboost.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.yuboost.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.yuboost.com\/de\/wp-json\/wp\/v2\/comments?post=37654"}],"version-history":[{"count":134,"href":"https:\/\/staging.yuboost.com\/de\/wp-json\/wp\/v2\/pages\/37654\/revisions"}],"predecessor-version":[{"id":41384,"href":"https:\/\/staging.yuboost.com\/de\/wp-json\/wp\/v2\/pages\/37654\/revisions\/41384"}],"wp:attachment":[{"href":"https:\/\/staging.yuboost.com\/de\/wp-json\/wp\/v2\/media?parent=37654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}