Cadence
'\n }\n ' + escapeHtml(mechanismCopy[profileKey] || mechanismCopy.sleep_restoration) + '
';\n }\n }\n\n function hydrateV2PrescriptionSection(personalization) {\n var ingredientsContainer = document.querySelector('[data-evr-prescription-ingredients]');\n var headlineNode = document.querySelector('[data-evr-prescription-headline]');\n var subNode = document.querySelector('[data-evr-prescription-sub]');\n if (!ingredientsContainer) return;\n\n var profileLabel = personalization.profileLabel || 'Personalized';\n if (headlineNode) headlineNode.textContent = 'Your profile matches the ' + profileLabel + ' Protocol';\n if (subNode) subNode.textContent = 'Based on your ' + ((personalization.appliedRules || []).length) + ' data points, these ingredients were selected for your specific pattern.';\n\n var ingredients = personalization.ingredientPriority || [];\n var maxScore = ingredients.length ? ingredients[0].score : 1;\n\n ingredientsContainer.innerHTML = '';\n ingredients.forEach(function (ing, idx) {\n var rawPct = Math.round((ing.score / (maxScore || 1)) * 100);\n // Spread bars visually: primary 92%, supporting scale down from 72%\n var pct = idx === 0 ? 92 : Math.max(45, Math.round(72 * rawPct / 100));\n var reason = getPersonalizedIngredientReason(ing.key, personalization.appliedRules || []);\n var isPrimary = idx === 0;\n\n var card = document.createElement('div');\n card.className = 'evr-v2-prescription__ing-card';\n\n var head = document.createElement('div');\n head.className = 'evr-v2-prescription__ing-head';\n\n var name = document.createElement('h4');\n name.className = 'evr-v2-prescription__ing-name';\n name.textContent = (ing.label || ing.key) + ' \\u00B7 ' + (ing.dose || '');\n\n var match = document.createElement('span');\n match.className = 'evr-v2-prescription__ing-match';\n match.textContent = isPrimary ? 'Primary match' : 'Supporting';\n\n head.appendChild(name);\n head.appendChild(match);\n\n var barWrap = document.createElement('div');\n barWrap.className = 'evr-v2-prescription__ing-bar';\n var barFill = document.createElement('div');\n barFill.className = 'evr-v2-prescription__ing-bar-fill';\n barFill.style.width = pct + '%';\n barWrap.appendChild(barFill);\n\n var whyP = document.createElement('p');\n whyP.className = 'evr-v2-prescription__ing-why';\n whyP.textContent = ing.why || '';\n\n card.appendChild(head);\n card.appendChild(barWrap);\n card.appendChild(whyP);\n\n if (reason) {\n var reasonP = document.createElement('p');\n reasonP.className = 'evr-v2-prescription__ing-reason';\n reasonP.textContent = '\\u2192 ' + reason;\n card.appendChild(reasonP);\n }\n\n ingredientsContainer.appendChild(card);\n });\n }\n\n function hydrateV2SocialProofSection(personalization) {\n var container = document.querySelector('[data-evr-v2-social-testimonials]');\n if (!container) return;\n\n var testimonials = personalization.testimonials || [];\n if (!testimonials.length) return;\n\n container.innerHTML = '';\n testimonials.slice(0, 3).forEach(function (t) {\n var card = document.createElement('div');\n card.className = 'evr-v2-social-proof__card';\n\n var quote = document.createElement('p');\n quote.className = 'evr-v2-social-proof__quote';\n quote.textContent = t.quote;\n\n var author = document.createElement('p');\n author.className = 'evr-v2-social-proof__author';\n author.textContent = '\\u2014 ' + (t.author || 'Verified Customer');\n\n var context = document.createElement('p');\n context.className = 'evr-v2-social-proof__context';\n context.textContent = t.context || '';\n\n card.appendChild(quote);\n card.appendChild(author);\n if (t.context) card.appendChild(context);\n container.appendChild(card);\n });\n\n var toggleBtn = document.querySelector('[data-evr-social-toggle]');\n if (toggleBtn && testimonials.length > 1) {\n toggleBtn.addEventListener('click', function () {\n container.classList.add('is-expanded');\n toggleBtn.classList.add('is-expanded');\n });\n } else if (toggleBtn) {\n toggleBtn.style.display = 'none';\n }\n }\n\n /* \u2500\u2500 V3 Titan Hydration Functions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n var V3_PROFILE_HEADLINES = {\n sleep_restoration: 'Your body knows how to sleep through the night. It may just need the right form of magnesium.',\n complete_calm: 'Your stress isn\\u2019t just ruining your day \\u2014 it\\u2019s stealing your sleep. Here\\u2019s what breaks the cycle.',\n stress_recovery: 'One formula. Three clinical-dose ingredients. Zero morning fog.',\n sleep_starter: 'The 64% absorption difference your current supplement is missing.',\n safety: 'Please consult your physician before starting any supplement routine.',\n all: 'Your body knows how to sleep. It may just need the right support.',\n };\n\n function hydrateV3Diagnosis(p) {\n var headlineNode = document.querySelector('[data-evr-v3-diagnosis-headline]');\n if (headlineNode) {\n var profileKey = normalizeV2ProfileKey(p.profileKey);\n headlineNode.textContent = V3_PROFILE_HEADLINES[profileKey] || V3_PROFILE_HEADLINES.all;\n }\n\n var scoreReveal = document.querySelector('[data-evr-v3-score-reveal]');\n if (!scoreReveal || !p.quizScore) return;\n\n var scoreValueNode = scoreReveal.querySelector('[data-evr-v3-score-value]');\n var scoreTierNode = scoreReveal.querySelector('[data-evr-v3-score-tier]');\n var scoreInterpNode = scoreReveal.querySelector('[data-evr-v3-score-interpretation]');\n\n if (scoreValueNode) scoreValueNode.textContent = p.quizScore;\n if (scoreTierNode) {\n scoreTierNode.textContent = p.scoreInterpretation.label;\n scoreTierNode.style.color = p.scoreInterpretation.color;\n }\n if (scoreInterpNode) {\n var tier = p.scoreInterpretation.tier;\n var interp = tier === 'severe'\n ? 'Your sleep and stress patterns are significantly disrupted. The good news: at this level, targeted intervention typically shows the fastest improvement.'\n : tier === 'moderate'\n ? 'Your sleep quality is compromised but highly responsive to the right protocol. Many people at this level see meaningful changes within 2\\u20134 weeks.'\n : tier === 'mild'\n ? 'Your patterns show mild disruption with room for improvement. A consistent routine can help you build lasting resilience.'\n : 'Early signs of stress-sleep imbalance detected. Starting now prevents further decline and builds a stronger foundation.';\n scoreInterpNode.textContent = interp;\n }\n\n scoreReveal.classList.remove('evr-hidden');\n scoreReveal.removeAttribute('hidden');\n }\n\n function hydrateV3Findings(p) {\n var container = document.querySelector('[data-evr-v3-findings]');\n if (!container) return;\n\n var primaryLabel = (p.primaryIssue && p.primaryIssue.label) || 'sleep difficulties';\n var symptoms = getAnswerLabels('q7', 3);\n var q2 = getAnswerArray('q2');\n var q4 = getAnswerArray('q4');\n var q5 = getAnswerArray('q5');\n var q11 = getAnswerArray('q11');\n\n var lines = [];\n\n var CONCERN_OPENERS = {\n 'all-day stress': 'Living with all-day stress is exhausting \\u2014 it affects your energy, your mood, and your sleep.',\n 'a busy mind at night': 'A busy mind at bedtime can feel like a cycle you can\\u2019t break \\u2014 many people describe it as a mind that won\\u2019t shut off.',\n 'nighttime awakenings': 'Waking up in the middle of the night and not being able to fall back asleep is deeply frustrating \\u2014 especially when it becomes the norm.',\n 'sleep onset delay': 'Lying awake waiting for sleep to come is one of the most draining struggles \\u2014 the harder you try, the worse it gets.',\n 'stress-related tension': 'When stress lives in your body as tension, it\\u2019s hard to truly relax, even when you\\u2019re exhausted.',\n 'stress-disrupted sleep': 'When stress and sleep problems feed each other, it can feel like there\\u2019s no way out of the cycle.',\n };\n lines.push(CONCERN_OPENERS[primaryLabel] || CONCERN_OPENERS['stress-disrupted sleep']);\n\n var blockerLines = [];\n if (q2.indexOf('racing_thoughts') !== -1) blockerLines.push('a mind that won\\u2019t quiet down');\n if (q2.indexOf('worry_anxiety') !== -1) blockerLines.push('worry that follows you to bed');\n if (q2.indexOf('physical_tension') !== -1) blockerLines.push('physical tension you can\\u2019t shake');\n if (q2.indexOf('screen_time') !== -1) blockerLines.push('screen time that pushes back your wind-down');\n if (blockerLines.length) {\n lines.push('At bedtime, you\\u2019re dealing with ' + blockerLines.join(', ') + '. That\\u2019s a lot working against you.');\n }\n\n if (symptoms.length && symptoms[0] !== 'None of these') {\n var symptomStr = symptoms.map(function (s) { return s.toLowerCase(); }).join(', ');\n lines.push('Your body is also signaling through ' + symptomStr + ' \\u2014 these often go hand in hand.');\n }\n\n var stressorLines = [];\n if (q5.indexOf('work_demands') !== -1) stressorLines.push('work pressure');\n if (q5.indexOf('family_relationships') !== -1) stressorLines.push('family demands');\n if (q5.indexOf('financial_pressures') !== -1) stressorLines.push('financial stress');\n if (q5.indexOf('overthinking_future') !== -1) stressorLines.push('overthinking');\n if (q5.indexOf('no_time_for_self') !== -1) stressorLines.push('no time for yourself');\n if (stressorLines.length >= 2) {\n lines.push('Between ' + stressorLines.slice(0, 2).join(' and ') + ', your nervous system rarely gets a real break.');\n }\n\n if (q4.indexOf('down_low_energy') !== -1 && q4.indexOf('stressed_overwhelmed') !== -1) {\n lines.push('Feeling both drained and overwhelmed during the day is a sign the cycle has been running for a while.');\n } else if (q4.indexOf('down_low_energy') !== -1) {\n lines.push('Low energy during the day often traces back to what\\u2019s happening at night.');\n } else if (q4.indexOf('stressed_overwhelmed') !== -1) {\n lines.push('Feeling overwhelmed during the day makes everything harder \\u2014 you\\u2019re not alone in this.');\n }\n\n if (q11.indexOf('time_all_day_stress') !== -1) {\n lines.push('The fact that stress follows you from morning to night tells us this isn\\u2019t just a sleep issue \\u2014 it\\u2019s a full-day pattern.');\n }\n\n lines.push('Without the right support, this pattern typically compounds \\u2014 not resolves on its own.');\n lines.push('The good news: your answers reveal a clear pattern, and clear patterns mean targeted solutions.');\n\n clearElement(container);\n lines.forEach(function (line, idx) {\n var p = document.createElement('p');\n p.className = idx === lines.length - 1 ? 'evr-v3-findings__bridge' : 'evr-v3-findings__concern';\n p.textContent = line;\n container.appendChild(p);\n });\n }\n\n function hydrateV3Mechanism(p) {\n var mechanismRoot = document.querySelector('[data-evr-v3-mechanism]');\n if (!mechanismRoot) return;\n\n var signalsContainer = mechanismRoot.querySelector('[data-evr-v3-mechanism-signals]');\n if (signalsContainer) {\n var appliedRules = p.appliedRules || [];\n var displayRules = appliedRules.filter(function (id) {\n return id.charAt(0) >= '1' && id.charAt(0) <= '6' && RULE_USER_COPY[id];\n }).slice(0, 4);\n\n signalsContainer.innerHTML = '';\n displayRules.forEach(function (id) {\n var chip = document.createElement('span');\n chip.className = 'evr-v3-mechanism__signal';\n chip.textContent = RULE_USER_COPY[id];\n signalsContainer.appendChild(chip);\n });\n }\n\n var q10 = getAnswerArray('q10');\n var hasMelatonin = q10.indexOf('attempt_melatonin') !== -1;\n var hasMagnesium = q10.indexOf('attempt_magnesium') !== -1;\n\n var melPanel = mechanismRoot.querySelector('[data-evr-v3-mechanism-melatonin]');\n var magPanel = mechanismRoot.querySelector('[data-evr-v3-mechanism-magnesium]');\n var stackPanel = mechanismRoot.querySelector('[data-evr-v3-mechanism-stack]');\n\n if (melPanel && hasMelatonin) { melPanel.classList.remove('evr-hidden'); melPanel.removeAttribute('hidden'); }\n if (magPanel && hasMagnesium) { magPanel.classList.remove('evr-hidden'); magPanel.removeAttribute('hidden'); }\n if (stackPanel && hasMelatonin && hasMagnesium) { stackPanel.classList.remove('evr-hidden'); stackPanel.removeAttribute('hidden'); }\n }\n\n function hydrateV3Strengths(p) {\n var container = document.querySelector('[data-evr-v3-strengths]');\n if (!container) return;\n\n var positives = [];\n var q3 = getAnswerArray('q3');\n var q4 = getAnswerArray('q4');\n var q10 = getAnswerArray('q10');\n var q2 = getAnswerArray('q2');\n\n if (q3.indexOf('wake_refreshed') !== -1) positives.push('You sometimes wake up feeling refreshed \\u2014 a sign your body can recover');\n if (q4.indexOf('calm_in_control') !== -1 || q4.indexOf('balanced_overall') !== -1) positives.push('You experience moments of calm during the day \\u2014 a good foundation');\n if (q10.indexOf('attempt_exercise_lifestyle') !== -1) positives.push('You\\u2019ve tried exercise & lifestyle changes \\u2014 showing real commitment');\n if (q10.indexOf('attempt_sleep_hygiene') !== -1) positives.push('You\\u2019ve worked on sleep hygiene \\u2014 smart approach to foundations first');\n if (q10.indexOf('attempt_therapy') !== -1) positives.push('You\\u2019ve explored therapy \\u2014 that takes courage and shows self-awareness');\n if (q2.indexOf('caffeine') === -1) positives.push('Your evening routine doesn\\u2019t include caffeine \\u2014 that\\u2019s a plus for sleep quality');\n\n if (!positives.length) positives.push('You took this quiz \\u2014 that\\u2019s the first step toward better sleep');\n\n var items = positives.slice(0, 4);\n clearElement(container);\n items.forEach(function (text) {\n var item = document.createElement('div');\n item.className = 'evr-v3-strengths__item';\n var icon = document.createElement('span');\n icon.className = 'evr-v3-strengths__icon';\n icon.textContent = '\\u2713';\n var textEl = document.createElement('p');\n textEl.className = 'evr-v3-strengths__text';\n textEl.textContent = text;\n item.appendChild(icon);\n item.appendChild(textEl);\n container.appendChild(item);\n });\n }\n\n function hydrateV3Prescription(p) {\n var container = document.querySelector('[data-evr-v3-prescription-ingredients]');\n var headlineNode = document.querySelector('[data-evr-v3-prescription-headline]');\n var subNode = document.querySelector('[data-evr-v3-prescription-sub]');\n if (!container) return;\n\n var profileLabel = p.profileLabel || 'Personalized';\n if (headlineNode) headlineNode.textContent = 'Your profile matches the ' + profileLabel + ' Protocol';\n if (subNode) {\n var primaryLabel = (p.primaryIssue && p.primaryIssue.label) || '';\n var q10 = getAnswerArray('q10');\n var triedParts = [];\n if (q10.indexOf('attempt_melatonin') !== -1) triedParts.push('melatonin');\n if (q10.indexOf('attempt_magnesium') !== -1) triedParts.push('magnesium');\n var subParts = [];\n if (primaryLabel) subParts.push('Because you reported ' + primaryLabel);\n if (triedParts.length) subParts.push('have been taking ' + triedParts.join(' and '));\n var subText = subParts.length\n ? subParts.join(' and ') + ', your primary ingredient match is calibrated to your specific pattern.'\n : 'Based on your ' + ((p.appliedRules || []).length) + ' data points, these ingredients were selected for your specific pattern.';\n subNode.textContent = subText;\n }\n\n var ingredients = p.ingredientPriority || [];\n var maxScore = ingredients.length ? ingredients[0].score : 1;\n\n clearElement(container);\n ingredients.forEach(function (ing, idx) {\n var rawPct = Math.round((ing.score / (maxScore || 1)) * 100);\n var pct = idx === 0 ? 92 : Math.max(45, Math.round(72 * rawPct / 100));\n var reason = getPersonalizedIngredientReason(ing.key, p.appliedRules || []);\n var isPrimary = idx === 0;\n\n var card = document.createElement('div');\n card.className = 'evr-v3-prescription__ing-card';\n\n var head = document.createElement('div');\n head.className = 'evr-v3-prescription__ing-head';\n var name = document.createElement('h4');\n name.className = 'evr-v3-prescription__ing-name';\n name.textContent = (ing.label || ing.key) + ' \\u00B7 ' + (ing.dose || '');\n var match = document.createElement('span');\n match.className = 'evr-v3-prescription__ing-match';\n match.textContent = isPrimary ? 'Primary match' : 'Supporting';\n head.appendChild(name);\n head.appendChild(match);\n\n var barWrap = document.createElement('div');\n barWrap.className = 'evr-v3-prescription__ing-bar';\n var barFill = document.createElement('div');\n barFill.className = 'evr-v3-prescription__ing-bar-fill';\n barFill.style.width = pct + '%';\n barWrap.appendChild(barFill);\n\n var whyP = document.createElement('p');\n whyP.className = 'evr-v3-prescription__ing-why';\n whyP.textContent = ing.why || '';\n\n card.appendChild(head);\n card.appendChild(barWrap);\n card.appendChild(whyP);\n\n if (reason) {\n var reasonP = document.createElement('p');\n reasonP.className = 'evr-v3-prescription__ing-reason';\n reasonP.textContent = '\\u2192 ' + reason;\n card.appendChild(reasonP);\n }\n\n container.appendChild(card);\n });\n }\n\n function hydrateV3Proof(p) {\n var container = document.querySelector('[data-evr-v3-proof-testimonials]');\n if (!container) return;\n\n var testimonials = p.testimonials || [];\n if (!testimonials.length) return;\n\n clearElement(container);\n testimonials.slice(0, 4).forEach(function (t) {\n var card = document.createElement('div');\n card.className = 'evr-v3-proof__card';\n\n var quote = document.createElement('p');\n quote.className = 'evr-v3-proof__quote';\n quote.textContent = t.quote;\n\n var author = document.createElement('p');\n author.className = 'evr-v3-proof__author';\n author.textContent = '\\u2014 ' + (t.author || 'Verified Customer');\n\n card.appendChild(quote);\n card.appendChild(author);\n\n if (t.context) {\n var context = document.createElement('p');\n context.className = 'evr-v3-proof__context';\n context.textContent = t.context;\n card.appendChild(context);\n }\n\n container.appendChild(card);\n });\n }\n\n function hydrateV3Journey(p) {\n var timelineContainer = document.querySelector('[data-evr-v3-journey-timeline]');\n var tipsContainer = document.querySelector('[data-evr-v3-journey-tips]');\n\n if (timelineContainer && Array.isArray(p.timeline) && p.timeline.length) {\n clearElement(timelineContainer);\n\n var urgencyNote = document.createElement('p');\n urgencyNote.className = 'evr-v3-timeline__urgency';\n var tier = p.scoreInterpretation ? p.scoreInterpretation.tier : 'moderate';\n urgencyNote.textContent = tier === 'severe'\n ? 'Your score of ' + (p.quizScore || '--') + ' indicates your nervous system is under significant load. Starting now means results compound faster \\u2014 most people at this level see the quickest improvement.'\n : tier === 'moderate'\n ? 'Your score of ' + (p.quizScore || '--') + ' shows a pattern that responds well to targeted intervention. Consistency from day one accelerates the timeline below.'\n : 'Your score of ' + (p.quizScore || '--') + ' suggests early-stage disruption. Starting now prevents the pattern from deepening.';\n timelineContainer.appendChild(urgencyNote);\n\n p.timeline.forEach(function (step, idx) {\n var isLast = idx === p.timeline.length - 1;\n\n var stepEl = document.createElement('div');\n stepEl.className = 'evr-v3-timeline__step';\n\n var rail = document.createElement('div');\n rail.className = 'evr-v3-timeline__rail';\n var dot = document.createElement('span');\n dot.className = 'evr-v3-timeline__dot';\n rail.appendChild(dot);\n if (!isLast) {\n var line = document.createElement('span');\n line.className = 'evr-v3-timeline__line';\n rail.appendChild(line);\n }\n\n var content = document.createElement('div');\n content.className = 'evr-v3-timeline__content';\n var label = document.createElement('span');\n label.className = 'evr-v3-timeline__label';\n label.textContent = step.label;\n var title = document.createElement('h5');\n title.className = 'evr-v3-timeline__step-title';\n title.textContent = step.title;\n var body = document.createElement('p');\n body.className = 'evr-v3-timeline__body';\n body.textContent = step.body;\n content.appendChild(label);\n content.appendChild(title);\n content.appendChild(body);\n\n stepEl.appendChild(rail);\n stepEl.appendChild(content);\n timelineContainer.appendChild(stepEl);\n });\n }\n\n if (tipsContainer) {\n var TIPS = [\n { q: 'q2', id: 'screen_time', title: 'Create a screen-free window', body: 'Try 45\\u201360 minutes of no screens before bed. Blue light suppresses melatonin, making it harder to feel sleepy.', bridge: 'Calm+Rest pairs well with this habit \\u2014 its L-Theanine promotes relaxation during your wind-down window.' },\n { q: 'q2', id: 'caffeine', title: 'Watch your caffeine cutoff', body: 'Caffeine has a 6-hour half-life. Try setting a hard cutoff at 2 PM to give your body time to wind down.', bridge: 'Calm+Rest contains magnesium bisglycinate, which supports muscle relaxation and healthy sleep patterns.' },\n { q: 'q2', id: 'sleep_environment', title: 'Optimize your sleep space', body: 'Keep your room cool (65\\u201368\\u00B0F), dark, and quiet. Even small light sources can disrupt deep sleep cycles.', bridge: '' },\n { q: 'q2', id: 'racing_thoughts', title: 'Try a pre-bed brain dump', body: 'Write down every thought before bed. Externalizing your mental loop quiets the mind faster than trying to ignore it.', bridge: 'Calm+Rest\\u2019s L-Theanine promotes alpha-wave activity, supporting mental calm alongside your journaling practice.' },\n { q: 'q5', id: 'overthinking_future', title: 'Try a thought dump', body: 'Before bed, write down tomorrow\\u2019s worries on paper. Externalizing thoughts helps quiet the mind.', bridge: 'Calm+Rest\\u2019s L-Theanine promotes alpha-wave activity, supporting mental calm alongside your journaling practice.' },\n { q: 'q5', id: 'digital_overload', title: 'Set digital boundaries', body: 'Try a \\u2018no notifications\\u2019 window in the evening. Even 1 hour of digital silence can lower your cortisol levels.', bridge: '' },\n { q: 'q11', id: 'time_morning_anxious', title: 'Anchor your morning', body: 'Start with 2 minutes of slow breathing before checking your phone. A calm start sets the tone for the whole day.', bridge: '' },\n { q: 'q11', id: 'time_midday_crash', title: 'Beat the midday dip', body: 'A 10-minute walk + natural sunlight at lunch resets your circadian rhythm and boosts afternoon energy.', bridge: '' },\n { q: 'q5', id: 'no_time_for_self', title: 'Protect 15 minutes daily', body: 'Block 15 minutes in your calendar just for you. Self-care isn\\u2019t selfish \\u2014 it\\u2019s the foundation everything else runs on.', bridge: '' },\n { q: 'q7', id: 'symptom_muscle_tension', title: 'Release tension before bed', body: 'Progressive muscle relaxation \\u2014 tensing then releasing each muscle group for 5 seconds \\u2014 signals your body to shift into rest mode.', bridge: 'Calm+Rest\\u2019s Chelamax magnesium supports muscle and nervous-system relaxation.*' },\n ];\n\n var matched = [];\n for (var i = 0; i < TIPS.length && matched.length < 3; i += 1) {\n var tip = TIPS[i];\n if (getAnswerArray(tip.q).indexOf(tip.id) !== -1) {\n matched.push(tip);\n }\n }\n\n if (matched.length < 2) {\n matched.push({ title: 'Consistency is your superpower', body: 'Same bedtime \\u00B130 min, even on weekends, trains your circadian rhythm. It\\u2019s the simplest change with the biggest payoff.', bridge: '' });\n }\n\n clearElement(tipsContainer);\n matched.forEach(function (tip, idx) {\n var tipEl = document.createElement('div');\n tipEl.className = 'evr-v3-tip';\n\n var num = document.createElement('span');\n num.className = 'evr-v3-tip__num';\n num.textContent = idx + 1;\n\n var body = document.createElement('div');\n body.className = 'evr-v3-tip__body';\n var title = document.createElement('h5');\n title.className = 'evr-v3-tip__title';\n title.textContent = tip.title;\n var text = document.createElement('p');\n text.className = 'evr-v3-tip__text';\n text.textContent = tip.body;\n body.appendChild(title);\n body.appendChild(text);\n\n if (tip.bridge) {\n var bridge = document.createElement('p');\n bridge.className = 'evr-v3-tip__bridge';\n bridge.textContent = tip.bridge;\n body.appendChild(bridge);\n }\n\n tipEl.appendChild(num);\n tipEl.appendChild(body);\n tipsContainer.appendChild(tipEl);\n });\n }\n }\n\n /* \u2500\u2500 End V3 Titan Hydration Functions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n /* \u2500\u2500 V4 Diagnostic Card + Mechanism Bridge + Report Popup \u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n function hasV4Layout() {\n return Boolean(document.querySelector('[data-evr-v4-layout]'));\n }\n function shouldUseV4Layout() {\n return shouldUseExternalRecommendationsLayout() && hasV4Layout();\n }\n\n /* \u2500\u2500 V4: Diagnostic Card \u2500\u2500 */\n function hydrateV4DiagnosticCard(p) {\n /* Score ring */\n var scoreWrap = document.querySelector('[data-evr-v4-score]');\n if (scoreWrap && p.quizScore) {\n var ring = scoreWrap.querySelector('[data-evr-v4-score-ring]');\n var numNode = scoreWrap.querySelector('[data-evr-v4-score-value]');\n var tierNode = scoreWrap.querySelector('[data-evr-v4-score-tier]');\n var tier = p.scoreInterpretation ? p.scoreInterpretation.tier : '';\n\n /* Tier label \u2014 use the label from getScoreInterpretation directly */\n if (tierNode) {\n tierNode.textContent = p.scoreInterpretation.label || '';\n }\n\n /* Personalized interpretation \u2014 mirrors quiz answers */\n var interpNode = document.querySelector('[data-evr-v4-interpretation]');\n if (interpNode) {\n var primaryLabel = (p.primaryIssue && p.primaryIssue.label) || '';\n var q10 = getAnswerArray('q10');\n var triedParts = [];\n if (q10.indexOf('attempt_melatonin') !== -1) triedParts.push('melatonin');\n if (q10.indexOf('attempt_magnesium') !== -1) triedParts.push('magnesium');\n\n var parts = [];\n if (primaryLabel) parts.push('Your answers point to ' + primaryLabel + ' as the core pattern');\n if (triedParts.length) parts.push('you\\u2019ve tried ' + triedParts.join(' and ') + ' without lasting results');\n\n var interpText = parts.length\n ? parts.join(', and ') + '. This pattern is specific \\u2014 and specific patterns respond well to targeted support.'\n : 'Your responses reveal a clear stress-sleep pattern. Clear patterns mean targeted solutions.';\n\n interpNode.textContent = interpText;\n interpNode.removeAttribute('hidden');\n }\n\n /* Ring wrap glow \u2014 tier-colored drop-shadow */\n var ringWrap = document.querySelector('[data-evr-v4-ring-wrap]');\n if (ringWrap) {\n var glowColors = {\n severe: 'rgba(200,85,61,.4)',\n moderate: 'rgba(232,168,56,.35)',\n mild: 'rgba(52,166,108,.35)',\n };\n var glowColor = glowColors[tier] || glowColors.mild;\n ringWrap.style.filter = 'drop-shadow(0 0 36px ' + glowColor + ')';\n }\n\n /* Background radial glow \u2014 tier-colored */\n var glowEl = document.querySelector('[data-evr-v4-glow]');\n if (glowEl && tier) glowEl.setAttribute('data-tier', tier);\n\n /* Gradient colors per tier */\n var gradStart = document.querySelector('[data-evr-v4-grad-start]');\n var gradEnd = document.querySelector('[data-evr-v4-grad-end]');\n var tierGradients = {\n severe: ['#c8553d', '#a33c28'],\n moderate: ['#e8a838', '#c88a20'],\n mild: ['#34a66c', '#2a8a58'],\n };\n var grad = tierGradients[tier] || tierGradients.mild;\n if (gradStart) gradStart.setAttribute('stop-color', grad[0]);\n if (gradEnd) gradEnd.setAttribute('stop-color', grad[1]);\n\n /* Animate ring fill */\n if (ring) {\n var circumference = 326.73;\n var pct = Math.min(100, Math.max(0, p.quizScore));\n var offset = circumference - (circumference * pct / 100);\n requestAnimationFrame(function () {\n ring.style.strokeDashoffset = offset;\n });\n }\n\n /* Animated counter: 0 \u2192 score */\n if (numNode) {\n var targetScore = parseInt(p.quizScore, 10);\n var duration = 1400;\n var startTime = null;\n numNode.textContent = '0';\n function animateCounter(ts) {\n if (!startTime) startTime = ts;\n var elapsed = ts - startTime;\n var progress = Math.min(elapsed / duration, 1);\n var eased = 1 - Math.pow(1 - progress, 3);\n numNode.textContent = Math.round(eased * targetScore);\n if (progress < 1) requestAnimationFrame(animateCounter);\n }\n requestAnimationFrame(animateCounter);\n }\n\n scoreWrap.removeAttribute('hidden');\n }\n\n /* Profile badge */\n var badgeWrap = document.querySelector('[data-evr-v4-profile-badge]');\n if (badgeWrap && p.profileLabel) {\n var badgeLabel = badgeWrap.querySelector('[data-evr-v4-badge-label]');\n if (badgeLabel) badgeLabel.textContent = p.profileLabel + ' Profile';\n badgeWrap.removeAttribute('hidden');\n }\n\n /* Signal chips */\n var signalsContainer = document.querySelector('[data-evr-v4-signals]');\n if (signalsContainer) {\n var appliedRules = p.appliedRules || [];\n var chipRules = appliedRules.filter(function (id) {\n return id.charAt(0) >= '1' && id.charAt(0) <= '6' && RULE_USER_COPY[id];\n }).slice(0, 3);\n\n signalsContainer.innerHTML = '';\n chipRules.forEach(function (id) {\n var chip = document.createElement('span');\n chip.className = 'evr-v4-signal-chip';\n chip.textContent = RULE_USER_COPY[id];\n signalsContainer.appendChild(chip);\n });\n }\n }\n\n /* \u2500\u2500 V4: Mechanism Bridge \u2500\u2500 */\n function hydrateV4MechanismBridge(p) {\n var q10 = getAnswerArray('q10');\n var hasMelatonin = q10.indexOf('attempt_melatonin') !== -1;\n\n var melPanel = document.querySelector('[data-evr-v4-bridge-melatonin]');\n if (melPanel && hasMelatonin) {\n melPanel.classList.remove('evr-hidden');\n melPanel.removeAttribute('hidden');\n }\n\n /* Single strongest testimonial */\n var proofWrap = document.querySelector('[data-evr-v4-bridge-proof]');\n if (proofWrap && p.testimonials && p.testimonials.length) {\n var best = p.testimonials[0];\n var quoteNode = proofWrap.querySelector('[data-evr-v4-bridge-quote]');\n var authorNode = proofWrap.querySelector('[data-evr-v4-bridge-author]');\n if (quoteNode) quoteNode.textContent = best.quote;\n if (authorNode) authorNode.textContent = '\\u2014 ' + (best.author || 'Verified Customer');\n proofWrap.removeAttribute('hidden');\n }\n }\n\n /* \u2500\u2500 V4: Coupon Banner inside Purchase \u2500\u2500 */\n function hydrateV4CouponBanner() {\n var banner = document.querySelector('[data-evr-v4-coupon-banner]');\n if (!banner) return;\n\n var code = state.promoCode || '';\n if (!code) return;\n\n var codeNode = banner.querySelector('[data-evr-v4-coupon-code]');\n var clockNode = banner.querySelector('[data-evr-v4-coupon-clock]');\n if (codeNode) codeNode.textContent = code;\n\n /* Register clock node for existing timer system */\n if (clockNode) {\n state.timer.nodes.push(clockNode);\n }\n\n banner.classList.remove('evr-hidden');\n banner.removeAttribute('hidden');\n }\n\n /* \u2500\u2500 V4: Purchase Section Enhancements (RF2, RF3, RF8) \u2500\u2500 */\n function hydrateV4PurchaseEnhancements(p) {\n /* RF2: Price anchor */\n var anchorEl = document.querySelector('[data-evr-v4-price-anchor]');\n if (anchorEl) {\n anchorEl.removeAttribute('hidden');\n }\n\n /* RF3: Daily cost reframe \u2014 append to per-day nodes */\n document.querySelectorAll('[data-evr-plan-per-day]').forEach(function (node) {\n if (node.dataset.evrReframed) return;\n node.dataset.evrReframed = '1';\n var observer = new MutationObserver(function () {\n var text = node.textContent.trim();\n if (text && text !== '$0.00/day' && !text.includes('\\u2014')) {\n node.textContent = text + ' \\u2014 less than a coffee';\n observer.disconnect();\n }\n });\n observer.observe(node, { childList: true, characterData: true, subtree: true });\n });\n\n /* RF8: Product label */\n var productLabel = document.querySelector('[data-evr-v4-product-label]');\n if (productLabel && p.profileLabel) {\n productLabel.textContent = 'Matched to your ' + p.profileLabel + ' profile';\n productLabel.removeAttribute('hidden');\n }\n }\n\n /* \u2500\u2500 V4: Report Popup \u2014 hydrate all blocks inside the modal \u2500\u2500 */\n function hydrateV4Report(p) {\n /* Findings */\n var findingsBody = document.querySelector('[data-evr-v4-rpt-findings-body]');\n if (findingsBody) {\n /* Reuse v3 findings logic */\n var primaryLabel = (p.primaryIssue && p.primaryIssue.label) || 'sleep difficulties';\n var symptoms = getAnswerLabels('q7', 3);\n var q2 = getAnswerArray('q2');\n var q5 = getAnswerArray('q5');\n var q11 = getAnswerArray('q11');\n var q4 = getAnswerArray('q4');\n var lines = [];\n\n var CONCERN_OPENERS = {\n 'all-day stress': 'Living with all-day stress is exhausting \\u2014 it affects your energy, your mood, and your sleep.',\n 'a busy mind at night': 'A busy mind at bedtime can feel like a cycle you can\\u2019t break.',\n 'nighttime awakenings': 'Waking up in the middle of the night and not being able to fall back asleep is deeply frustrating.',\n 'sleep onset delay': 'Lying awake waiting for sleep to come is one of the most draining struggles.',\n 'stress-related tension': 'When stress lives in your body as tension, it\\u2019s hard to truly relax.',\n 'stress-disrupted sleep': 'When stress and sleep problems feed each other, it can feel like there\\u2019s no way out.',\n };\n lines.push(CONCERN_OPENERS[primaryLabel] || CONCERN_OPENERS['stress-disrupted sleep']);\n\n var blockerLines = [];\n if (q2.indexOf('racing_thoughts') !== -1) blockerLines.push('a mind that won\\u2019t quiet down');\n if (q2.indexOf('worry_anxiety') !== -1) blockerLines.push('worry that follows you to bed');\n if (q2.indexOf('physical_tension') !== -1) blockerLines.push('physical tension you can\\u2019t shake');\n if (blockerLines.length) lines.push('At bedtime, you\\u2019re dealing with ' + blockerLines.join(', ') + '.');\n\n if (symptoms.length && symptoms[0] !== 'None of these') {\n lines.push('Your body is also signaling through ' + symptoms.map(function (s) { return s.toLowerCase(); }).join(', ') + '.');\n }\n\n var stressorLines = [];\n if (q5.indexOf('work_demands') !== -1) stressorLines.push('work pressure');\n if (q5.indexOf('family_relationships') !== -1) stressorLines.push('family demands');\n if (q5.indexOf('overthinking_future') !== -1) stressorLines.push('overthinking');\n if (stressorLines.length >= 2) lines.push('Between ' + stressorLines.slice(0, 2).join(' and ') + ', your nervous system rarely gets a real break.');\n\n lines.push('The good news: your answers reveal a clear pattern, and clear patterns mean targeted solutions.');\n\n clearElement(findingsBody);\n lines.forEach(function (line) {\n var el = document.createElement('p');\n el.textContent = line;\n findingsBody.appendChild(el);\n });\n }\n\n /* Mechanism signals */\n var mechSignals = document.querySelector('[data-evr-v4-rpt-mechanism-signals]');\n if (mechSignals) {\n var appliedRules = p.appliedRules || [];\n var displayRules = appliedRules.filter(function (id) {\n return id.charAt(0) >= '1' && id.charAt(0) <= '6' && RULE_USER_COPY[id];\n }).slice(0, 4);\n mechSignals.innerHTML = '';\n displayRules.forEach(function (id) {\n var chip = document.createElement('span');\n chip.className = 'evr-v4-signal-chip';\n chip.textContent = RULE_USER_COPY[id];\n mechSignals.appendChild(chip);\n });\n }\n\n /* Mechanism conditionals */\n var q10 = getAnswerArray('q10');\n var hasMelatonin = q10.indexOf('attempt_melatonin') !== -1;\n var hasMagnesium = q10.indexOf('attempt_magnesium') !== -1;\n\n var rptMel = document.querySelector('[data-evr-v4-rpt-melatonin]');\n var rptMag = document.querySelector('[data-evr-v4-rpt-magnesium]');\n var rptStack = document.querySelector('[data-evr-v4-rpt-stack]');\n if (rptMel && hasMelatonin) { rptMel.classList.remove('evr-hidden'); rptMel.removeAttribute('hidden'); }\n if (rptMag && hasMagnesium) { rptMag.classList.remove('evr-hidden'); rptMag.removeAttribute('hidden'); }\n if (rptStack && hasMelatonin && hasMagnesium) { rptStack.classList.remove('evr-hidden'); rptStack.removeAttribute('hidden'); }\n\n /* Strengths */\n var strengthsList = document.querySelector('[data-evr-v4-rpt-strengths]');\n if (strengthsList) {\n var positives = [];\n var q3 = getAnswerArray('q3');\n var q4rpt = getAnswerArray('q4');\n var q10rpt = getAnswerArray('q10');\n var q2rpt = getAnswerArray('q2');\n if (q3.indexOf('wake_refreshed') !== -1) positives.push('You sometimes wake refreshed \\u2014 your body can recover');\n if (q4rpt.indexOf('calm_in_control') !== -1 || q4rpt.indexOf('balanced_overall') !== -1) positives.push('You experience moments of calm during the day');\n if (q10rpt.indexOf('attempt_exercise_lifestyle') !== -1) positives.push('You\\u2019ve tried exercise & lifestyle changes');\n if (q10rpt.indexOf('attempt_sleep_hygiene') !== -1) positives.push('You\\u2019ve worked on sleep hygiene');\n if (q2rpt.indexOf('caffeine') === -1) positives.push('No evening caffeine \\u2014 a plus for sleep quality');\n if (!positives.length) positives.push('You took this quiz \\u2014 the first step toward better sleep');\n\n clearElement(strengthsList);\n positives.slice(0, 4).forEach(function (text) {\n var item = document.createElement('div');\n item.className = 'evr-v3-strengths__item';\n var icon = document.createElement('span');\n icon.className = 'evr-v3-strengths__icon';\n icon.textContent = '\\u2713';\n var textEl = document.createElement('p');\n textEl.className = 'evr-v3-strengths__text';\n textEl.textContent = text;\n item.appendChild(icon);\n item.appendChild(textEl);\n strengthsList.appendChild(item);\n });\n }\n\n /* Prescription */\n var rxBadge = document.querySelector('[data-evr-v4-rpt-rx-badge]');\n var rxHeadline = document.querySelector('[data-evr-v4-rpt-rx-headline]');\n var rxSub = document.querySelector('[data-evr-v4-rpt-rx-sub]');\n var rxIngs = document.querySelector('[data-evr-v4-rpt-rx-ingredients]');\n if (rxBadge && p.profileLabel) rxBadge.textContent = p.profileLabel;\n if (rxHeadline) rxHeadline.textContent = 'Your profile matches the ' + (p.profileLabel || 'Personalized') + ' Protocol';\n if (rxSub) {\n var primaryLbl = (p.primaryIssue && p.primaryIssue.label) || '';\n rxSub.textContent = primaryLbl\n ? 'Because you reported ' + primaryLbl + ', your ingredient match is calibrated to your specific pattern.'\n : 'Based on your data points, these ingredients were selected for your specific pattern.';\n }\n if (rxIngs) {\n var ingredients = p.ingredientPriority || [];\n var maxScore = ingredients.length ? ingredients[0].score : 1;\n clearElement(rxIngs);\n ingredients.forEach(function (ing, idx) {\n var pct = idx === 0 ? 92 : Math.max(45, Math.round(72 * Math.round((ing.score / (maxScore || 1)) * 100) / 100));\n var reason = getPersonalizedIngredientReason(ing.key, p.appliedRules || []);\n var card = document.createElement('div');\n card.className = 'evr-v3-prescription__ing-card';\n var head = document.createElement('div');\n head.className = 'evr-v3-prescription__ing-head';\n var name = document.createElement('h4');\n name.className = 'evr-v3-prescription__ing-name';\n name.textContent = (ing.label || ing.key) + ' \\u00B7 ' + (ing.dose || '');\n var match = document.createElement('span');\n match.className = 'evr-v3-prescription__ing-match';\n match.textContent = idx === 0 ? 'Primary match' : 'Supporting';\n head.appendChild(name); head.appendChild(match);\n var barWrap = document.createElement('div');\n barWrap.className = 'evr-v3-prescription__ing-bar';\n var barFill = document.createElement('div');\n barFill.className = 'evr-v3-prescription__ing-bar-fill';\n barFill.style.width = pct + '%';\n barWrap.appendChild(barFill);\n var whyP = document.createElement('p');\n whyP.className = 'evr-v3-prescription__ing-why';\n whyP.textContent = ing.why || '';\n card.appendChild(head); card.appendChild(barWrap); card.appendChild(whyP);\n if (reason) {\n var reasonP = document.createElement('p');\n reasonP.className = 'evr-v3-prescription__ing-reason';\n reasonP.textContent = '\\u2192 ' + reason;\n card.appendChild(reasonP);\n }\n rxIngs.appendChild(card);\n });\n }\n\n /* Proof / testimonials \u2014 rich cards with stars + verified badge */\n var proofContainer = document.querySelector('[data-evr-v4-rpt-testimonials]');\n var proofLabel = document.querySelector('[data-evr-v4-rpt-profile-label]');\n if (proofLabel && p.profileLabel) proofLabel.textContent = p.profileLabel;\n if (proofContainer && p.testimonials && p.testimonials.length) {\n clearElement(proofContainer);\n p.testimonials.slice(0, 4).forEach(function (t) {\n var card = document.createElement('div');\n card.className = 'evr-v4-review-card';\n\n /* Stars */\n var starsRow = document.createElement('div');\n starsRow.className = 'evr-v4-review-card__stars';\n for (var s = 0; s < 5; s++) {\n var star = document.createElement('span');\n star.className = 'evr-v4-review-card__star';\n star.textContent = '\\u2605';\n starsRow.appendChild(star);\n }\n card.appendChild(starsRow);\n\n /* Quote */\n var quote = document.createElement('p');\n quote.className = 'evr-v4-review-card__quote';\n quote.textContent = t.quote;\n card.appendChild(quote);\n\n /* Footer: author + verified */\n var footer = document.createElement('div');\n footer.className = 'evr-v4-review-card__footer';\n var author = document.createElement('span');\n author.className = 'evr-v4-review-card__author';\n author.textContent = t.author || 'Verified Customer';\n var badge = document.createElement('span');\n badge.className = 'evr-v4-review-card__badge';\n badge.innerHTML = ' Verified';\n footer.appendChild(author);\n footer.appendChild(badge);\n card.appendChild(footer);\n\n proofContainer.appendChild(card);\n });\n }\n\n /* Journey / timeline \u2014 same DOM structure as v3 (rail + dot + line + content) */\n var timelineContainer = document.querySelector('[data-evr-v4-rpt-timeline]');\n if (timelineContainer && Array.isArray(p.timeline) && p.timeline.length) {\n clearElement(timelineContainer);\n p.timeline.forEach(function (step, idx) {\n var isLast = idx === p.timeline.length - 1;\n\n var stepEl = document.createElement('div');\n stepEl.className = 'evr-v3-timeline__step';\n\n var rail = document.createElement('div');\n rail.className = 'evr-v3-timeline__rail';\n var dot = document.createElement('span');\n dot.className = 'evr-v3-timeline__dot';\n rail.appendChild(dot);\n if (!isLast) {\n var line = document.createElement('span');\n line.className = 'evr-v3-timeline__line';\n rail.appendChild(line);\n }\n\n var content = document.createElement('div');\n content.className = 'evr-v3-timeline__content';\n var label = document.createElement('span');\n label.className = 'evr-v3-timeline__label';\n label.textContent = step.label || ('Week ' + ((idx + 1) * 2));\n var titleEl = document.createElement('h5');\n titleEl.className = 'evr-v3-timeline__step-title';\n titleEl.textContent = step.title;\n var bodyEl = document.createElement('p');\n bodyEl.className = 'evr-v3-timeline__body';\n bodyEl.textContent = step.body;\n content.appendChild(label);\n content.appendChild(titleEl);\n content.appendChild(bodyEl);\n\n stepEl.appendChild(rail);\n stepEl.appendChild(content);\n timelineContainer.appendChild(stepEl);\n });\n }\n\n /* Tips */\n var tipsContainer = document.querySelector('[data-evr-v4-rpt-tips]');\n if (tipsContainer) {\n var TIPS = [\n { q: 'q2', id: 'screen_time', title: 'Screen-free window', body: 'Try 45\\u201360 min without screens before bed.' },\n { q: 'q2', id: 'racing_thoughts', title: 'Pre-bed brain dump', body: 'Write down tomorrow\\u2019s tasks before bed to clear your mind.' },\n { q: 'q2', id: 'caffeine', title: 'Caffeine cutoff', body: 'Stop caffeine by 2 PM for better sleep onset.' },\n { q: 'q5', id: 'overthinking_future', title: 'Thought dump', body: '5 minutes of free writing before bed can significantly quiet a racing mind.' },\n { q: 'q11', id: 'time_morning_anxious', title: 'Anchor your morning', body: '2 minutes of deep breathing before checking your phone sets a calmer tone.' },\n ];\n var matched = [];\n for (var i = 0; i < TIPS.length && matched.length < 3; i++) {\n if (getAnswerArray(TIPS[i].q).indexOf(TIPS[i].id) !== -1) matched.push(TIPS[i]);\n }\n if (matched.length < 2) matched.push({ title: 'Consistency is key', body: 'Same bedtime \\u00B130 min, even on weekends, trains your circadian rhythm.' });\n\n clearElement(tipsContainer);\n matched.forEach(function (tip, idx) {\n var el = document.createElement('div');\n el.className = 'evr-v3-tip';\n var num = document.createElement('span');\n num.className = 'evr-v3-tip__num';\n num.textContent = idx + 1;\n var body = document.createElement('div');\n body.className = 'evr-v3-tip__body';\n var title = document.createElement('h5');\n title.className = 'evr-v3-tip__title';\n title.textContent = tip.title;\n var text = document.createElement('p');\n text.className = 'evr-v3-tip__text';\n text.textContent = tip.body;\n body.appendChild(title); body.appendChild(text);\n el.appendChild(num); el.appendChild(body);\n tipsContainer.appendChild(el);\n });\n }\n }\n\n /* \u2500\u2500 V4: Report Popup open/close \u2500\u2500 */\n function initV4ReportPopup() {\n var overlay = document.querySelector('[data-evr-v4-report-overlay]');\n if (!overlay) return;\n\n /* Open */\n document.querySelectorAll('[data-evr-v4-open-report]').forEach(function (btn) {\n btn.addEventListener('click', function () {\n overlay.removeAttribute('hidden');\n requestAnimationFrame(function () {\n overlay.classList.add('is-open');\n });\n document.body.style.overflow = 'hidden';\n });\n });\n\n /* Close */\n var closeBtns = overlay.querySelectorAll('[data-evr-v4-close-report]');\n closeBtns.forEach(function (btn) {\n btn.addEventListener('click', closeV4Report);\n });\n overlay.addEventListener('click', function (e) {\n if (e.target === overlay) closeV4Report();\n });\n\n /* CTA inside popup \u2192 scroll to purchase */\n var popupPurchaseBtn = overlay.querySelector('[data-evr-v4-report-purchase]');\n if (popupPurchaseBtn) {\n popupPurchaseBtn.addEventListener('click', function () {\n closeV4Report();\n setTimeout(function () {\n var purchaseSection = document.querySelector('.evr-v3-section--purchase');\n if (purchaseSection) purchaseSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }, 350);\n });\n }\n\n function closeV4Report() {\n overlay.classList.remove('is-open');\n document.body.style.overflow = '';\n setTimeout(function () {\n overlay.setAttribute('hidden', '');\n }, 300);\n }\n }\n\n /* \u2500\u2500 V4: Scroll-to-purchase from Diagnostic Card \u2500\u2500 */\n function initV4ScrollToPurchase() {\n document.querySelectorAll('[data-evr-v4-scroll-purchase]').forEach(function (btn) {\n btn.addEventListener('click', function () {\n var purchaseSection = document.querySelector('.evr-v3-section--purchase');\n if (purchaseSection) purchaseSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n });\n });\n }\n\n /* \u2500\u2500 End V4 Functions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n function applyV2ProfileOverrides(personalization) {\n const fallbackBundle = (personalization.bundleKey || '').replaceAll('_', ' ');\n const fallbackHeadline = personalization.dynamicHeadline || 'Your personalized protocol is ready';\n const fallbackSubheadline = personalization.dynamicSubheadline || '';\n setTextForNodes('[data-evr-profile-label]', personalization.profileLabel || '');\n setTextForNodes('[data-evr-dynamic-headline]', fallbackHeadline);\n setTextForNodes('[data-evr-dynamic-subheadline]', fallbackSubheadline);\n setTextForNodes('[data-evr-bundle-label]', fallbackBundle);\n\n const routineConfig = getV2ProfileConfig('core_routine', personalization);\n if (routineConfig) {\n if (routineConfig.badge) {\n setTextForNodes('[data-evr-profile-label]', routineConfig.badge);\n }\n if (routineConfig.headline) {\n setTextForNodes('[data-evr-dynamic-headline]', routineConfig.headline);\n }\n if (routineConfig.subheadline) {\n setTextForNodes('[data-evr-dynamic-subheadline]', routineConfig.subheadline);\n }\n if (routineConfig.bundleLabel) {\n setTextForNodes('[data-evr-bundle-prefix]', routineConfig.bundleLabel);\n }\n if (routineConfig.bundleValue) {\n setTextForNodes('[data-evr-bundle-label]', routineConfig.bundleValue);\n }\n\n document.querySelectorAll('[data-evr-products]').forEach((node) => {\n if (routineConfig.productBadge) {\n node.dataset.cardBadge = String(routineConfig.productBadge);\n }\n if (routineConfig.productHeadline) {\n node.dataset.cardHeadline = String(routineConfig.productHeadline);\n }\n });\n }\n\n const rdConfig = getV2ProfileConfig('rd_video', personalization);\n if (rdConfig) {\n if (rdConfig.heading) {\n setTextForNodes('[data-evr-v2-rd-heading]', rdConfig.heading);\n }\n if (rdConfig.subheading) {\n setTextForNodes('[data-evr-v2-rd-subheading]', rdConfig.subheading);\n setTextForNodes('[data-evr-v2-rd-caption]', rdConfig.subheading);\n }\n if (rdConfig.ctaText) {\n setTextForNodes('[data-evr-v2-rd-open]', rdConfig.ctaText);\n }\n }\n\n var reportFirstName = escapeHtml((state.lead.firstName || '').trim());\n var reportTitle = personalization.safetyGate\n ? 'Safety Review'\n : (reportFirstName ? reportFirstName + '\\u2019s Sleep & Stress Report' : 'Your Sleep & Stress Report');\n setTextForNodes('[data-evr-v2-report-title]', reportTitle);\n setHtmlForNodes('[data-evr-v2-report-body]', renderPersonalizedReport(personalization));\n\n applyV2ProfileLayerVisibility(personalization);\n }\n\n function buildV2ResultLine(personalization) {\n return 'Personalized to help support your wellness goals.';\n }\n\n /* \u2500\u2500 Personalized Nutrition Report renderer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n function getStressBurdenLevel(score) {\n if (score <= 5) return { label: 'Low', segments: 1 };\n if (score <= 10) return { label: 'Moderate', segments: 2 };\n if (score <= 18) return { label: 'High', segments: 3 };\n return { label: 'Very High', segments: 4 };\n }\n\n function getPersonalizedIngredientReason(ingredientKey, appliedRules) {\n for (let i = 0; i < PERSONALIZATION_RULES.length; i += 1) {\n const rule = PERSONALIZATION_RULES[i];\n if (appliedRules.includes(rule.id) && rule.ingredients.includes(ingredientKey)) {\n return RULE_USER_COPY[rule.id] || '';\n }\n }\n return '';\n }\n\n function getAnswerLabels(route, limit) {\n const ids = getAnswerArray(route);\n const labels = ids.map(function (id) { return OPTION_LABEL_LOOKUP[id] || id; });\n return limit ? labels.slice(0, limit) : labels;\n }\n\n function renderReportHeader(p) {\n var firstName = escapeHtml((state.lead.firstName || '').trim());\n var profileLabel = escapeHtml(p.profileLabel || 'Personalized');\n var heading = firstName\n ? firstName + ', here\\u2019s your ' + profileLabel + ' plan'\n : 'Your ' + profileLabel + ' plan is ready';\n var sub = escapeHtml(p.dynamicSubheadline || '');\n\n return (\n '' + sub + '
' : '') +\n 'Your goals
' +\n 'Sleep pattern
' +\n '' + escapeHtml(sleepLabel) + '
' +\n (symptomsHtml ? 'Stress load
' +\n '' + escapeHtml(burden.label) + '
' +\n 'We matched ' + ruleCount + ' data point' + (ruleCount !== 1 ? 's' : '') + ' from your answers to build this plan.
' +\n '' + line + '
';\n }).join('');\n\n return (\n '' + escapeHtml(text) + '
' +\n '' + escapeHtml(ing.why) + '
' +\n (reason ? '\\u2192 ' + escapeHtml(reason) + '
' : '') +\n 'Our Wellness Team matched these ingredients based on your ' + (p.appliedRules || []).length + ' data points:
' +\n 'Melatonin
' +\n 'Calm+Rest
' +\n 'Melatonin tells your brain when to sleep. Affron saffron, L-Theanine, and magnesium bisglycinate help your body get ready for sleep \\u2014 by supporting the calm your nervous system needs first.
' +\n '' + escapeHtml(tip.body) + '
' +\n (tip.bridge ? '' + escapeHtml(tip.bridge) + '
' : '') +\n 'Small changes that complement your supplement routine:
' +\n '' + escapeHtml(step.body) + '
' +\n '' +\n ''\n );\n }).join('');\n\n return (\n '\\u201C' + escapeHtml(t.quote) + '\\u201D
' +\n '' +\n '
Individual results may vary.
' +\n 'Curated by the Evolance Wellness Team based on your quiz results.
' +\n '' +\n 'These statements have not been evaluated by the Food and Drug Administration. ' +\n 'This product is not intended to diagnose, treat, cure, or prevent any disease.' +\n '
'\n );\n }\n\n function renderReportFooter() {\n return (\n ''\n );\n }\n\n function renderSafetyReport(p) {\n return (\n 'You indicated pregnancy or breastfeeding in your quiz. Your safety is our priority.
' +\n 'We recommend sharing your quiz results with your healthcare provider before starting any supplement routine. ' +\n 'This report is for informational purposes only and does not replace medical advice.
' +\n 'Checkout has been paused for your safety. Once you have medical clearance, you can return to complete your order.
' +\n '\"${escapeHtml(entry.quote)}\"
`;\n testimonialsContainer.appendChild(block);\n });\n }\n\n const isSafetyMode = Boolean(personalization.safetyGate);\n const planRootNode = document.querySelector('[data-evr-plan-root]');\n const purchaseTypeButtons = Array.from(document.querySelectorAll('[data-evr-purchase-type]'));\n const planCards = Array.from(document.querySelectorAll('[data-evr-plan-card]'));\n const purchaseNoteNodes = Array.from(document.querySelectorAll('[data-evr-purchase-note]'));\n const activeShippingNoteNodes = Array.from(document.querySelectorAll('[data-evr-active-shipping-note]'));\n const upgradeToggleButtons = Array.from(document.querySelectorAll('[data-evr-upgrade-toggle]'));\n const offerCopyNodes = Array.from(document.querySelectorAll('[data-evr-offer-copy]'));\n\n const parsePlanCents = (rawValue) => {\n const value = String(rawValue == null ? '' : rawValue).trim();\n if (!value) {\n return 0;\n }\n\n if (/^-?\\d+$/.test(value)) {\n const parsedInteger = Number(value);\n return Number.isFinite(parsedInteger) ? Math.round(parsedInteger) : 0;\n }\n\n return parsePriceToCents(value);\n };\n\n const subscribeDiscountPercentRaw = Number(\n planRootNode && planRootNode.getAttribute('data-subscribe-discount-percent')\n );\n const subscribeDiscountPercent =\n Number.isFinite(subscribeDiscountPercentRaw) && subscribeDiscountPercentRaw > 0\n ? Math.min(95, Math.round(subscribeDiscountPercentRaw))\n : 20;\n const subscribeShippingLabel =\n String((planRootNode && planRootNode.getAttribute('data-subscribe-shipping-label')) || '').trim() || 'FREE';\n\n function parsePlanCard(cardNode) {\n const quantity = Math.max(1, Math.floor(Number(cardNode.getAttribute('data-plan-quantity') || '1') || 1));\n const days = Math.max(\n 1,\n Math.floor(Number(cardNode.getAttribute('data-plan-days') || String(quantity * 30)) || quantity * 30)\n );\n const onetimeTotalCents = Math.max(\n 0,\n parsePlanCents(cardNode.getAttribute('data-plan-onetime-total-cents') || '0')\n );\n const compareCents = Math.max(\n onetimeTotalCents,\n parsePlanCents(cardNode.getAttribute('data-plan-compare-cents') || '0')\n );\n const baseTotalCentsRaw = parsePlanCents(cardNode.getAttribute('data-plan-base-total-cents') || '0');\n const baseTotalCents = baseTotalCentsRaw > 0 ? baseTotalCentsRaw : onetimeTotalCents;\n const planSubscribeDiscountRaw = Number(cardNode.getAttribute('data-plan-subscribe-discount-percent') || '');\n const planSubscribeDiscountPercent =\n Number.isFinite(planSubscribeDiscountRaw) && planSubscribeDiscountRaw > 0\n ? Math.min(95, Math.round(planSubscribeDiscountRaw))\n : 0;\n const planSellingPlanId = String(cardNode.getAttribute('data-plan-selling-plan-id') || '').trim();\n return {\n key: String(cardNode.getAttribute('data-plan-key') || '').trim(),\n title: String(cardNode.getAttribute('data-plan-title') || '').trim(),\n subtitle: String(cardNode.getAttribute('data-plan-subtitle') || '').trim(),\n quantity,\n days,\n onetimeTotalCents,\n compareCents,\n baseTotalCents,\n planSubscribeDiscountPercent,\n sellingPlanId: planSellingPlanId ? Number(planSellingPlanId) : null,\n onetimeShippingLabel:\n String(cardNode.getAttribute('data-plan-onetime-shipping-label') || '').trim() || 'FREE',\n subscribeShippingLabel: String(cardNode.getAttribute('data-plan-subscribe-shipping-label') || '').trim(),\n hiddenByDefault: String(cardNode.getAttribute('data-plan-hidden') || '').toLowerCase() === 'true',\n isDefault: String(cardNode.getAttribute('data-plan-default') || '').toLowerCase() === 'true',\n };\n }\n\n const plans = planCards\n .map((cardNode) => ({\n cardNode,\n plan: parsePlanCard(cardNode),\n }))\n .filter((entry) => entry.plan.key);\n\n const getRecommendedPlanKeyForPersonalization = () => {\n const profileKey = normalizeV2ProfileKey(personalization && personalization.profileKey);\n const stressBurdenRaw = Number(personalization && personalization.stressBurden);\n const stressBurden = Number.isFinite(stressBurdenRaw) ? stressBurdenRaw : 0;\n\n if (profileKey === 'stress_recovery' || stressBurden >= 11) {\n return 'best_value_6';\n }\n if (profileKey === 'complete_calm' && stressBurden >= 8) {\n return 'best_value_6';\n }\n /* Titan Decoy Effect: 3-bottle is always the recommended middle option.\n Sleep starter with low stress still gets 3-pack as default \u2014\n 1-bottle is available but not pre-selected. */\n return 'recommended_3';\n };\n\n const profileRecommendedPlanKey = getRecommendedPlanKeyForPersonalization();\n const defaultPlanEntry = plans.find((entry) => entry.plan.isDefault) || plans[0] || null;\n const recommendedPlanEntry =\n plans.find((entry) => entry.plan.key === profileRecommendedPlanKey) || defaultPlanEntry || plans[0] || null;\n const recommendedPlanKey = recommendedPlanEntry ? recommendedPlanEntry.plan.key : '';\n const planSelectionInitialized =\n planRootNode && planRootNode.getAttribute('data-evr-plan-selection-initialized') === 'true';\n const shouldAutoApplyRecommendedPlan = !planSelectionInitialized;\n if (shouldAutoApplyRecommendedPlan && recommendedPlanKey) {\n state.selectedPlanKey = recommendedPlanKey;\n }\n if (!plans.some((entry) => entry.plan.key === state.selectedPlanKey) && recommendedPlanEntry) {\n state.selectedPlanKey = recommendedPlanEntry.plan.key;\n }\n if (planRootNode && !planSelectionInitialized) {\n planRootNode.setAttribute('data-evr-plan-selection-initialized', 'true');\n }\n if (state.purchaseMode !== 'onetime' && state.purchaseMode !== 'subscribe') {\n state.purchaseMode = 'subscribe';\n }\n\n const getActivePlanEntry = () => {\n const current = plans.find((entry) => entry.plan.key === state.selectedPlanKey);\n return current || recommendedPlanEntry || defaultPlanEntry;\n };\n\n const isCompactPlanOptionsViewport = () => window.matchMedia('(max-width: 767px)').matches;\n\n const isPlanCompressionEnabled = () =>\n upgradeToggleButtons.length > 0 && plans.length > 1;\n\n const isMobilePlanCompressionEnabled = () => isPlanCompressionEnabled();\n\n const formatPlanSelectionLabel = (plan) => {\n if (!plan) {\n return '\u2014';\n }\n const qty = Math.max(1, Number(plan.quantity) || 1);\n const unit = qty === 1 ? 'bottle' : 'bottles';\n const subtitle = plan.subtitle || `${qty * 30} days`;\n return `${qty} ${unit} \u00B7 ${subtitle}`;\n };\n\n const getVariantIdForMode = (mode, fallbackVariantId) => {\n const candidates =\n mode === 'subscribe'\n ? [VARIANT_ONE_SUBSCRIBE, VARIANT_TWO_SUBSCRIBE, fallbackVariantId]\n : [VARIANT_ONE_ONETIME, VARIANT_TWO_ONETIME, fallbackVariantId];\n\n for (let index = 0; index < candidates.length; index += 1) {\n const parsed = Number(candidates[index]);\n if (Number.isFinite(parsed) && parsed > 0) {\n return parsed;\n }\n }\n return null;\n };\n\n const PLAN_VARIANT_KEYWORDS = {\n starter_1: '1 bottle',\n recommended_3: '3 bottle',\n best_value_6: '6 bottle',\n };\n\n const resolveVariantForPlan = (planKey) => {\n const product = state.cadenceProduct;\n if (!product || !Array.isArray(product.variants)) return null;\n const keyword = PLAN_VARIANT_KEYWORDS[planKey];\n if (!keyword) return null;\n return product.variants.find((v) => (v.title || '').toLowerCase().includes(keyword)) || null;\n };\n\n const getLineItemsForPlan = (plan, mode, fallbackVariantId) => {\n if (!plan) {\n return [];\n }\n /* Try to resolve variant from product data by plan key */\n const matchedVariant = resolveVariantForPlan(plan.key);\n let variantId = matchedVariant ? matchedVariant.id : null;\n /* Fallback to legacy VARIANT_ONE/TWO system */\n if (!variantId) {\n variantId = getVariantIdForMode(mode, fallbackVariantId);\n }\n if (!variantId) {\n return [];\n }\n return normalizeCartItems([{ id: Number(variantId), quantity: plan.quantity }]);\n };\n\n const getPlanPricing = (plan, mode) => {\n if (!plan) {\n return {\n subtotalCents: 0,\n modeTotalCents: 0,\n baseSavingsCents: 0,\n bundleSavingsCents: 0,\n subscribeSavingsCents: 0,\n subscribeDiscountPct: 0,\n promoDiscountCents: 0,\n finalTotalCents: 0,\n shippingLabel: 'FREE',\n };\n }\n\n const normalizedMode = mode === 'subscribe' ? 'subscribe' : 'onetime';\n const subtotalCents = plan.baseTotalCents || plan.compareCents;\n const effectiveSubscribePercent = plan.planSubscribeDiscountPercent || subscribeDiscountPercent;\n\n if (normalizedMode === 'subscribe') {\n /* Subscribe: selling plan discount applied per-unit then multiplied (matches Shopify checkout rounding) */\n const unitPriceCents = Math.round(subtotalCents / plan.quantity);\n const discountedUnitCents = Math.round(unitPriceCents * (100 - effectiveSubscribePercent) / 100);\n const modeTotalCents = Math.max(0, discountedUnitCents * plan.quantity);\n const subscribeSavingsCents = Math.max(0, subtotalCents - modeTotalCents);\n const baseSavingsCents = Math.max(0, subtotalCents - modeTotalCents);\n const promoDiscountCents = getDiscountCentsForAmount(modeTotalCents);\n return {\n subtotalCents,\n modeTotalCents,\n baseSavingsCents,\n bundleSavingsCents: 0,\n subscribeSavingsCents,\n subscribeDiscountPct: effectiveSubscribePercent,\n promoDiscountCents,\n finalTotalCents: Math.max(0, modeTotalCents - promoDiscountCents),\n shippingLabel: plan.subscribeShippingLabel || subscribeShippingLabel,\n };\n }\n\n /* One-time: bundle discount only (automatic discount in Shopify checkout) */\n const bundleSavingsCents = Math.max(0, subtotalCents - plan.onetimeTotalCents);\n const modeTotalCents = plan.onetimeTotalCents;\n const baseSavingsCents = Math.max(0, subtotalCents - modeTotalCents);\n const promoDiscountCents = getDiscountCentsForAmount(modeTotalCents);\n return {\n subtotalCents,\n modeTotalCents,\n baseSavingsCents,\n bundleSavingsCents,\n subscribeSavingsCents: 0,\n subscribeDiscountPct: 0,\n promoDiscountCents,\n finalTotalCents: Math.max(0, modeTotalCents - promoDiscountCents),\n shippingLabel: plan.onetimeShippingLabel,\n };\n };\n\n const syncPurchaseModeUi = () => {\n const isSubscribeMode = state.purchaseMode === 'subscribe';\n const modeLocked = isSafetyMode || state.cartBusy;\n purchaseTypeButtons.forEach((button) => {\n const buttonMode = button.getAttribute('data-evr-purchase-type') === 'subscribe' ? 'subscribe' : 'onetime';\n const isActive = buttonMode === state.purchaseMode;\n button.classList.toggle('is-active', isActive);\n button.setAttribute('aria-pressed', isActive ? 'true' : 'false');\n button.disabled = modeLocked;\n button.setAttribute('aria-disabled', modeLocked ? 'true' : 'false');\n });\n purchaseNoteNodes.forEach((node) => {\n const subscribeNote =\n String(node.getAttribute('data-subscribe-note') || '').trim() ||\n `Subscribe & Save ${subscribeDiscountPercent}% \\u00B7 Cancel anytime \\u00B7 Pause anytime`;\n const onetimeNote =\n String(node.getAttribute('data-onetime-note') || '').trim() || 'One-time purchase \\u00B7 No recurring charges';\n node.textContent = isSubscribeMode ? subscribeNote : onetimeNote;\n node.classList.toggle('evr-v2-purchase-note--onetime', !isSubscribeMode);\n });\n var perksNode = document.querySelector('[data-evr-subscribe-perks]');\n if (perksNode) {\n if (isSubscribeMode) {\n perksNode.classList.remove('evr-hidden');\n perksNode.removeAttribute('hidden');\n } else {\n perksNode.classList.add('evr-hidden');\n perksNode.setAttribute('hidden', '');\n }\n }\n var onetimeCallout = document.querySelector('[data-evr-onetime-callout]');\n if (onetimeCallout) {\n if (!isSubscribeMode) {\n onetimeCallout.classList.remove('evr-hidden');\n onetimeCallout.removeAttribute('hidden');\n } else {\n onetimeCallout.classList.add('evr-hidden');\n onetimeCallout.setAttribute('hidden', '');\n }\n }\n };\n\n const syncPlanSelectionUi = () => {\n const activeEntry = getActivePlanEntry();\n if (activeEntry && activeEntry.plan.hiddenByDefault) {\n state.showUpgradePlan = true;\n }\n const mobileCollapsed = isMobilePlanCompressionEnabled() && !state.showUpgradePlan;\n let recommendedBadgeOwnerAssigned = false;\n\n plans.forEach((entry) => {\n const isActive = entry.plan.key === state.selectedPlanKey;\n const matchesRecommendedKey = Boolean(recommendedPlanKey && entry.plan.key === recommendedPlanKey);\n const isRecommendedPlan = matchesRecommendedKey && !recommendedBadgeOwnerAssigned;\n if (isRecommendedPlan) {\n recommendedBadgeOwnerAssigned = true;\n }\n const isBestValuePlan = entry.cardNode.classList.contains('evr-v2-plan-option--best-value');\n const shouldShowByPlanState = !entry.plan.hiddenByDefault || state.showUpgradePlan || isActive;\n const shouldHideForMobileCompression = mobileCollapsed && !isActive && shouldShowByPlanState;\n entry.cardNode.classList.toggle('evr-v2-plan-option--recommended', isRecommendedPlan);\n entry.cardNode.classList.toggle('is-active', isActive);\n entry.cardNode.classList.toggle('evr-v2-plan-option--mobile-collapsed', shouldHideForMobileCompression);\n entry.cardNode.setAttribute('aria-pressed', isActive ? 'true' : 'false');\n entry.cardNode.hidden = !shouldShowByPlanState;\n\n /* Flag logic: badges only visible in subscribe mode.\n recommended plan = Most Popular, 6-pack = Best Value (if not recommended) */\n const isSubscribeMode = state.purchaseMode === 'subscribe';\n const badgeNodes = Array.from(entry.cardNode.querySelectorAll('[data-evr-plan-badge-kind]'));\n let winnerKind = null;\n if (isSubscribeMode) {\n if (isRecommendedPlan) {\n winnerKind = 'recommended';\n } else if (isBestValuePlan && recommendedPlanKey !== 'best_value_6') {\n winnerKind = 'value';\n }\n }\n badgeNodes.forEach(function (badgeNode) {\n var kind = String(badgeNode.getAttribute('data-evr-plan-badge-kind') || '').trim().toLowerCase();\n badgeNode.hidden = kind !== winnerKind;\n });\n const badgeGroup = entry.cardNode.querySelector('[data-evr-plan-badges]');\n if (badgeGroup) {\n badgeGroup.hidden = !winnerKind;\n }\n });\n\n /* v3 box image swap based on selected plan quantity */\n const boxImage = document.querySelector('[data-evr-box-image]');\n if (boxImage && activeEntry) {\n const qty = activeEntry.plan.quantity;\n const newSrc = boxImage.getAttribute('data-src-' + qty);\n if (newSrc && boxImage.src !== newSrc) {\n boxImage.style.opacity = '0';\n setTimeout(function () {\n boxImage.src = newSrc;\n boxImage.style.opacity = '1';\n }, 150);\n }\n }\n };\n\n const syncUpgradeToggleUi = () => {\n const mobileCompressionEnabled = isMobilePlanCompressionEnabled();\n if (!mobileCompressionEnabled) {\n state.showUpgradePlan = false;\n }\n upgradeToggleButtons.forEach((button) => {\n const collapsedLabel = String(button.getAttribute('data-collapsed-label') || 'More options').trim() || 'More options';\n const shouldHide = !mobileCompressionEnabled || state.showUpgradePlan;\n button.classList.toggle('is-hidden', shouldHide);\n button.hidden = shouldHide;\n button.setAttribute('aria-expanded', state.showUpgradePlan ? 'true' : 'false');\n button.textContent = collapsedLabel;\n });\n var altPlans = document.querySelector('[data-evr-alt-plans]');\n if (altPlans) {\n altPlans.hidden = !state.showUpgradePlan;\n }\n };\n\n const syncPlanCardPricingUi = (currencyCode) => {\n const mode = state.purchaseMode === 'subscribe' ? 'subscribe' : 'onetime';\n plans.forEach((entry) => {\n const cardNode = entry.cardNode;\n const plan = entry.plan;\n const pricing = getPlanPricing(plan, mode);\n /* Card prices show mode total (before promo). Promo discount only in summary panel. */\n const cardTotalCents = pricing.modeTotalCents;\n const unitCents = Math.max(0, Math.round(cardTotalCents / Math.max(1, plan.quantity)));\n const unitNode = cardNode.querySelector('[data-evr-plan-unit]');\n const totalNode = cardNode.querySelector('[data-evr-plan-total]');\n const wasNode = cardNode.querySelector('[data-evr-plan-was]');\n const compareNode = cardNode.querySelector('[data-evr-plan-compare]');\n const perDayNode = cardNode.querySelector('[data-evr-plan-per-day]');\n const savingsNode = cardNode.querySelector('[data-evr-plan-savings]');\n const shippingChipNode = cardNode.querySelector('[data-evr-plan-shipping-chip]');\n const dailyCents = Math.max(0, Math.round(cardTotalCents / Math.max(1, plan.days)));\n\n if (unitNode) {\n unitNode.innerHTML = `\n Per bottle\n ${formatCurrencyCents(unitCents, currencyCode)}\n today\n `;\n }\n if (totalNode) {\n totalNode.textContent = formatCurrencyCents(cardTotalCents, currencyCode);\n }\n if (wasNode) {\n wasNode.textContent = `Was ${formatCurrencyCents(pricing.modeTotalCents, currencyCode)}`;\n }\n if (compareNode) {\n var compareAtPerBottleCents = 7997;\n var compareAtTotal = compareAtPerBottleCents * plan.quantity;\n compareNode.textContent = formatCurrencyCents(compareAtTotal, currencyCode);\n }\n if (perDayNode) {\n perDayNode.textContent = `${formatCurrencyCents(dailyCents, currencyCode)}/day`;\n }\n if (savingsNode) {\n var compareAtPerBottleCents = 7997;\n var compareAtTotalCents = compareAtPerBottleCents * plan.quantity;\n var saveCents = Math.max(0, compareAtTotalCents - cardTotalCents);\n if (saveCents > 0) {\n savingsNode.textContent = `You save ${formatCurrencyCents(saveCents, currencyCode)}`;\n savingsNode.classList.remove('evr-hidden');\n savingsNode.removeAttribute('hidden');\n } else {\n savingsNode.classList.add('evr-hidden');\n savingsNode.setAttribute('hidden', '');\n }\n }\n if (shippingChipNode) {\n const shippingLabelText = String(pricing.shippingLabel || '').trim();\n const isFreeShipping = shippingLabelText.toUpperCase().indexOf('FREE') !== -1;\n shippingChipNode.textContent = isFreeShipping ? 'Free shipping' : shippingLabelText || 'Shipping extra';\n shippingChipNode.classList.toggle('is-paid', !isFreeShipping);\n }\n });\n };\n\n syncPurchaseModeUi();\n syncPlanSelectionUi();\n syncUpgradeToggleUi();\n\n purchaseTypeButtons.forEach((button) => {\n button.onclick = () => {\n if (isSafetyMode || state.cartBusy) {\n return;\n }\n const mode = button.getAttribute('data-evr-purchase-type') === 'subscribe' ? 'subscribe' : 'onetime';\n if (mode === state.purchaseMode) {\n return;\n }\n state.purchaseMode = mode;\n render();\n };\n });\n\n planCards.forEach((cardNode) => {\n const selectPlan = () => {\n if (isSafetyMode || state.cartBusy) {\n return;\n }\n const planKey = String(cardNode.getAttribute('data-plan-key') || '').trim();\n if (!planKey || planKey === state.selectedPlanKey) {\n return;\n }\n state.selectedPlanKey = planKey;\n render();\n };\n cardNode.onclick = selectPlan;\n cardNode.onkeydown = (event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n selectPlan();\n }\n };\n });\n\n upgradeToggleButtons.forEach((button) => {\n button.onclick = () => {\n if (!isMobilePlanCompressionEnabled()) {\n return;\n }\n state.showUpgradePlan = true;\n button.setAttribute('aria-expanded', 'true');\n button.hidden = true;\n render();\n };\n });\n\n const productListNode = document.querySelector('[data-evr-products]');\n const productFeedbackNodes = Array.from(document.querySelectorAll('[data-evr-products-feedback]'));\n const loadingText =\n String((productListNode && productListNode.dataset.loadingText) || '').trim() ||\n 'Building your personalized box...';\n const emptyText =\n String((productListNode && productListNode.dataset.emptyText) || '').trim() ||\n 'We could not map products for this profile yet. Please revisit the quiz and try again.';\n const errorText =\n String((productListNode && productListNode.dataset.errorText) || '').trim() ||\n 'We could not load product data right now. Please refresh and try again.';\n const productBenefitText =\n String((productListNode && productListNode.dataset.cardBenefit) || '').trim() ||\n 'Supports stress-disrupted sleep while improving sleep and stress resilience.';\n const summarySubtotalNodes = Array.from(document.querySelectorAll('[data-evr-summary-subtotal]'));\n const summarySavingsNodes = Array.from(document.querySelectorAll('[data-evr-summary-savings]'));\n const summaryDiscountNodes = Array.from(document.querySelectorAll('[data-evr-summary-discount]'));\n const summaryDiscountInlineNodes = Array.from(document.querySelectorAll('[data-evr-summary-discount-inline]'));\n const summaryTotalNodes = Array.from(document.querySelectorAll('[data-evr-summary-total]'));\n const summaryShippingNodes = Array.from(document.querySelectorAll('[data-evr-summary-shipping]'));\n const summarySubscribeRows = Array.from(document.querySelectorAll('[data-evr-summary-subscribe-row]'));\n const summarySubscribeSavingNodes = Array.from(document.querySelectorAll('[data-evr-summary-subscribe-saving]'));\n const summarySubscribeLabelNodes = Array.from(document.querySelectorAll('[data-evr-summary-subscribe-label]'));\n const summaryBundleRows = Array.from(document.querySelectorAll('[data-evr-summary-bundle-row]'));\n const summaryBundleSavingNodes = Array.from(document.querySelectorAll('[data-evr-summary-bundle-saving]'));\n const summaryBundleLabelNodes = Array.from(document.querySelectorAll('[data-evr-summary-bundle-label]'));\n const summaryPromoRows = Array.from(document.querySelectorAll('[data-evr-summary-promo-row]'));\n const selectedPlanNodes = Array.from(document.querySelectorAll('[data-evr-selected-plan]'));\n const selectedModeNodes = Array.from(document.querySelectorAll('[data-evr-selected-mode]'));\n const summaryPanelNodes = Array.from(document.querySelectorAll('[data-evr-summary-panel]'));\n const summaryToggleButtons = Array.from(document.querySelectorAll('[data-evr-summary-toggle]'));\n const checkoutButtons = Array.from(document.querySelectorAll('[data-evr-checkout]'));\n const scienceToggleButtons = Array.from(document.querySelectorAll('[data-evr-science-toggle]'));\n const promoFeedbackNodes = Array.from(document.querySelectorAll('[data-evr-promo-feedback]'));\n const promoInvalidText =\n String((promoFeedbackNodes[0] && promoFeedbackNodes[0].getAttribute('data-invalid-text')) || '').trim() ||\n 'Enter a valid code using letters, numbers, dash, or underscore.';\n const promoAppliedText =\n String((promoFeedbackNodes[0] && promoFeedbackNodes[0].getAttribute('data-applied-text')) || '').trim() ||\n 'Promo code applied.';\n const promoValidatingText =\n String((promoFeedbackNodes[0] && promoFeedbackNodes[0].getAttribute('data-validating-text')) || '').trim() ||\n 'Validating code...';\n const promoUnavailableText =\n String((promoFeedbackNodes[0] && promoFeedbackNodes[0].getAttribute('data-unavailable-text')) || '').trim() ||\n 'We could not validate this code right now. Please try again.';\n const promoAllowlistRaw = String(\n (promoFeedbackNodes[0] && promoFeedbackNodes[0].getAttribute('data-allowlist-codes')) || ''\n );\n const promoAllowlistCodes = new Set();\n parsePromoAllowlistCodes(promoAllowlistRaw).forEach((entry) => {\n promoAllowlistCodes.add(entry);\n });\n /* Personal code is always valid if present */\n if (state.personalDiscountCode) {\n promoAllowlistCodes.add(normalizeDiscountCode(state.personalDiscountCode));\n }\n\n const promoInputs = Array.from(document.querySelectorAll('[data-evr-code-input]'));\n const promoChangeButtons = Array.from(document.querySelectorAll('[data-evr-code-change]'));\n const promoApplyButtons = Array.from(document.querySelectorAll('[data-evr-code-apply]'));\n const promoActionButtons = [...promoChangeButtons, ...promoApplyButtons];\n\n promoInputs.forEach((input) => {\n input.value = getActiveDiscountCode();\n input.disabled = true;\n });\n\n const setPromoActionDisabledState = (isDisabled, isBusy = false) => {\n promoActionButtons.forEach((button) => {\n button.disabled = isDisabled;\n button.setAttribute('aria-busy', isBusy ? 'true' : 'false');\n });\n };\n\n const applyPromoInputValue = async (inputNode) => {\n if (!inputNode || isSafetyMode) {\n return;\n }\n const rawInput = String(inputNode.value || '').trim();\n if (!isDiscountCodeInputValid(rawInput)) {\n setInlineFeedback(promoFeedbackNodes, promoInvalidText, 'error');\n safeFocus(inputNode);\n safeSelect(inputNode);\n return;\n }\n\n setPromoActionDisabledState(true, true);\n setInlineFeedback(promoFeedbackNodes, promoValidatingText, 'info');\n const validationResult = await validateDiscountCode(rawInput, {\n allowlist: promoAllowlistCodes,\n invalidText: promoInvalidText,\n unavailableText: promoUnavailableText,\n });\n setPromoActionDisabledState(false, false);\n\n if (!validationResult.valid) {\n setInlineFeedback(promoFeedbackNodes, validationResult.message || promoInvalidText, 'error');\n inputNode.disabled = false;\n safeFocus(inputNode);\n safeSelect(inputNode);\n return;\n }\n\n setManualDiscountCode(validationResult.normalizedCode, {\n discountPercent: validationResult.discountPercent,\n });\n inputNode.value = getActiveDiscountCode();\n inputNode.disabled = true;\n const controls = inputNode.closest('.evr-promo-row__controls, .evr-v2-promo-controls');\n if (controls) {\n const changeButton = controls.querySelector('[data-evr-code-change]');\n const applyButton = controls.querySelector('[data-evr-code-apply]');\n if (changeButton) {\n changeButton.classList.remove('evr-hidden');\n }\n if (applyButton) {\n applyButton.classList.add('evr-hidden');\n }\n }\n setInlineFeedback(\n promoFeedbackNodes,\n validationResult.message || (rawInput ? promoAppliedText : ''),\n rawInput ? 'success' : 'info'\n );\n render();\n };\n\n promoChangeButtons.forEach((changeButton) => {\n changeButton.onclick = () => {\n if (isSafetyMode) {\n return;\n }\n const controls = changeButton.closest('.evr-promo-row__controls, .evr-v2-promo-controls');\n if (!controls) {\n return;\n }\n const input = controls.querySelector('[data-evr-code-input]');\n const applyButton = controls.querySelector('[data-evr-code-apply]');\n if (!input) {\n return;\n }\n\n input.disabled = false;\n safeFocus(input);\n safeSelect(input);\n setInlineFeedback(promoFeedbackNodes, '', 'info');\n changeButton.classList.add('evr-hidden');\n if (applyButton) {\n applyButton.classList.remove('evr-hidden');\n }\n };\n });\n\n promoApplyButtons.forEach((applyButton) => {\n applyButton.onclick = async () => {\n if (isSafetyMode) {\n return;\n }\n const controls = applyButton.closest('.evr-promo-row__controls, .evr-v2-promo-controls');\n if (!controls) {\n return;\n }\n await applyPromoInputValue(controls.querySelector('[data-evr-code-input]'));\n };\n });\n\n promoInputs.forEach((input) => {\n input.onkeydown = (event) => {\n if (isSafetyMode) {\n return;\n }\n if (event.key === 'Enter') {\n event.preventDefault();\n void applyPromoInputValue(input);\n }\n };\n });\n\n if (isSafetyMode) {\n setPromoActionDisabledState(true, false);\n setInlineFeedback(promoFeedbackNodes, '', 'info');\n } else {\n setPromoActionDisabledState(false, false);\n }\n\n const syncSummaryPanelUi = () => {\n summaryPanelNodes.forEach((panel) => {\n panel.hidden = false;\n panel.classList.remove('is-collapsed');\n });\n summaryToggleButtons.forEach((button) => {\n button.hidden = true;\n button.setAttribute('aria-expanded', 'true');\n });\n };\n syncSummaryPanelUi();\n\n const syncScienceAccordionUi = () => {\n const visibleScienceItems = Array.from(document.querySelectorAll('.evr-v2-science-list .evr-v2-science-item')).filter(\n (item) => !item.classList.contains('evr-hidden') && !item.hasAttribute('hidden')\n );\n const hasOverflow = visibleScienceItems.length > 3;\n if (!hasOverflow) {\n state.scienceExpanded = false;\n }\n visibleScienceItems.forEach((item, index) => {\n const shouldTruncate = hasOverflow && !state.scienceExpanded && index >= 3;\n item.classList.toggle('evr-v2-science-item--truncated', shouldTruncate);\n });\n scienceToggleButtons.forEach((button) => {\n button.hidden = !hasOverflow;\n button.textContent = state.scienceExpanded ? 'Show less' : 'View all';\n button.setAttribute('aria-expanded', state.scienceExpanded ? 'true' : 'false');\n });\n };\n\n scienceToggleButtons.forEach((button) => {\n button.onclick = () => {\n state.scienceExpanded = !state.scienceExpanded;\n syncScienceAccordionUi();\n };\n });\n syncScienceAccordionUi();\n\n const getVariantForItem = (product, item) => {\n if (!product || !Array.isArray(product.variants)) {\n return null;\n }\n\n const variantId = Number(item && item.id);\n if (!Number.isFinite(variantId) || variantId <= 0) {\n return product.variants[0] || null;\n }\n\n return product.variants.find((variant) => Number(variant.id) === variantId) || product.variants[0] || null;\n };\n\n const renderProductsAndSummary = (product) => {\n const currency = (product && product.currency) || 'USD';\n const discountCode = getActiveDiscountCode();\n const discountMeta = getActiveDiscountMeta();\n const checkoutMode = state.purchaseMode === 'subscribe' ? 'subscribe' : 'onetime';\n const hasProductData = Boolean(product && Array.isArray(product.variants) && product.variants.length);\n if (!hasProductData && state.cadenceProductStatus === 'idle') {\n state.cadenceProductStatus = 'loading';\n }\n\n const activePlanEntry = getActivePlanEntry();\n const activePlan = activePlanEntry ? activePlanEntry.plan : null;\n const lineItems = hasProductData\n ? activePlan\n ? getLineItemsForPlan(activePlan, checkoutMode, state.variantFallbackId)\n : getCurrentResultLineItems(personalization, state.variantFallbackId)\n : [];\n state.resultsLineItems = normalizeCartItems(lineItems);\n syncPurchaseModeUi();\n syncPlanSelectionUi();\n syncUpgradeToggleUi();\n syncPlanCardPricingUi(currency);\n if (planRootNode) {\n planRootNode.setAttribute('data-purchase-mode', checkoutMode);\n }\n const activePlanDiscountPct = (activePlan && activePlan.planSubscribeDiscountPercent) || subscribeDiscountPercent;\n const modeLabel = checkoutMode === 'subscribe' ? `AutoShip & Save ${activePlanDiscountPct}%` : 'One-time';\n selectedPlanNodes.forEach((node) => {\n node.textContent = formatPlanSelectionLabel(activePlan);\n });\n selectedModeNodes.forEach((node) => {\n node.textContent = modeLabel;\n });\n\n offerCopyNodes.forEach((node) => {\n if (!node) {\n return;\n }\n if (!discountCode) {\n node.textContent = '';\n return;\n }\n const discountLabel =\n discountMeta.type === 'percent'\n ? `${discountMeta.value}% off today`\n : `${formatCurrencyCents(discountMeta.value, currency)} off today`;\n node.textContent =\n `${discountCode} applied \\u00B7 ${discountLabel} \\u00B7 Stays in this checkout`;\n });\n\n summaryCodeNodes.forEach((node) => {\n node.textContent = discountCode;\n });\n promoInputs.forEach((input) => {\n if (input.disabled) {\n input.value = discountCode;\n }\n });\n\n if (productListNode) {\n const isLoadingState = !hasProductData && state.cadenceProductStatus !== 'error';\n productListNode.setAttribute('aria-busy', isLoadingState ? 'true' : 'false');\n clearElement(productListNode);\n }\n\n if (!hasProductData) {\n const pendingText = state.cadenceProductStatus === 'error' ? errorText : loadingText;\n if (productListNode) {\n const empty = document.createElement('p');\n empty.className = 'evq-results__body';\n empty.textContent = pendingText;\n productListNode.appendChild(empty);\n }\n setInlineFeedback(productFeedbackNodes, pendingText, state.cadenceProductStatus === 'error' ? 'error' : 'info');\n } else if (!state.resultsLineItems.length) {\n if (productListNode) {\n const empty = document.createElement('p');\n empty.className = 'evq-results__body';\n empty.textContent = emptyText;\n productListNode.appendChild(empty);\n }\n setInlineFeedback(productFeedbackNodes, emptyText, 'warning');\n } else {\n setInlineFeedback(productFeedbackNodes, '', 'info');\n }\n\n const activePricing = getPlanPricing(activePlan, checkoutMode);\n let subtotalCents = activePricing.subtotalCents;\n let savingsCents = activePricing.baseSavingsCents;\n let bundleSavingsCents = activePricing.bundleSavingsCents;\n let subscribeSavingsCents = activePricing.subscribeSavingsCents;\n let discountCents = activePricing.promoDiscountCents;\n let totalCents = activePricing.finalTotalCents;\n let modeTotalCents = activePricing.modeTotalCents;\n let shippingLabel = activePricing.shippingLabel;\n if (hasProductData && state.resultsLineItems.length) {\n state.resultsLineItems.forEach((lineItem) => {\n const variant = getVariantForItem(product, lineItem);\n const productTitle = (product && product.title) || 'Cadence Calm+Rest';\n const protocolBadge = String(productListNode && productListNode.dataset.cardBadge ? productListNode.dataset.cardBadge : 'AutoShip & Save up to 40%');\n const protocolHeadline = String(productListNode && productListNode.dataset.cardHeadline ? productListNode.dataset.cardHeadline : 'Stop Borrowing Calm. Start Building It.');\n const variantTitle =\n (activePlan && `${activePlan.title} - ${checkoutMode === 'subscribe' ? 'Subscribe' : 'One-time'}`) ||\n (variant && variant.title && variant.title !== 'Default Title' ? variant.title : 'Cadence Calm+Rest');\n const imageUrl =\n (variant && variant.featured_image && variant.featured_image.src) ||\n (product && product.featured_image) ||\n (product && Array.isArray(product.images) && product.images[0]) ||\n '';\n const unitPriceCents = parsePriceToCents((variant && variant.price) || (product && product.price) || 0);\n const lineSubtotalCents = activePlan ? subtotalCents : unitPriceCents * lineItem.quantity;\n const lineTotalCents = activePlan\n ? modeTotalCents\n : Math.max(0, lineSubtotalCents - getDiscountCentsForAmount(lineSubtotalCents));\n if (!activePlan) {\n subtotalCents += lineSubtotalCents;\n discountCents = getDiscountCentsForAmount(subtotalCents);\n totalCents = Math.max(0, subtotalCents - discountCents);\n savingsCents = Math.max(0, subtotalCents - totalCents);\n modeTotalCents = subtotalCents;\n shippingLabel = 'FREE';\n }\n\n if (!productListNode) {\n return;\n }\n\n const card = document.createElement('article');\n card.className = 'evq-results__product-card';\n card.innerHTML = `\n${escapeHtml(protocolBadge)}
\n${escapeHtml(variantTitle)}
\n${escapeHtml(productBenefitText)}
\nChelamax + Saffron + L-Theanine
\n64% absorption vs 8% oxide
\n \nYour quiz bonus expires in
\n60:00
\nYour protocol is based on 33 personalization rules and calibrated to your current profile.
\n `;\n\n const dashboard = document.createElement('div');\n dashboard.className = 'evq-results__dashboard';\n\n const mainColumn = document.createElement('div');\n mainColumn.className = 'evq-results__main';\n\n const sidebar = document.createElement('aside');\n sidebar.className = 'evq-results__sidebar';\n\n const bundleLabel = (personalization.bundleKey || '').replaceAll('_', ' ');\n const routineCard = document.createElement('article');\n routineCard.className = 'evq-results__card';\n routineCard.innerHTML = `\n${escapeHtml(personalization.profileLabel)}
\n${escapeHtml(personalization.dynamicSubheadline)}
\nRecommended Routine: ${escapeHtml(bundleLabel)}
\n `;\n\n const productCard = document.createElement('article');\n productCard.className = 'evq-results__card';\n productCard.innerHTML = `\nThis protocol is built from your stored bundle IDs and profile signals.
\n \n `;\n const productListNode = productCard.querySelector('[data-evq-results-products]');\n\n const expertCard = document.createElement('article');\n expertCard.className = 'evq-results__card evq-results__card--specialist';\n expertCard.innerHTML = `\n${escapeHtml(personalization.specialist)}, ${escapeHtml(\n personalization.specialistRole\n )}
\n\n We are prioritizing ${escapeHtml(personalization.primaryIssue.label)} with a protocol focused on\n ${escapeHtml(personalization.ingredientPriority.slice(0, 2).map((item) => item.label).join(' + '))}.\n
\n${escapeHtml(activeStep.body)}
\n `;\n };\n\n personalization.timeline.forEach((step, index) => {\n const stepButton = document.createElement('button');\n stepButton.type = 'button';\n stepButton.className = `evq-results__timeline-step ${index === 0 ? 'is-active' : ''}`;\n stepButton.dataset.timelineId = step.id;\n stepButton.textContent = step.label;\n stepButton.addEventListener('click', () => setActiveTimeline(step.id));\n timelineStepsContainer.appendChild(stepButton);\n });\n setActiveTimeline(personalization.timeline[0].id);\n\n const testimonialCard = document.createElement('article');\n testimonialCard.className = 'evq-results__card';\n testimonialCard.innerHTML = '\"${escapeHtml(entry.quote)}\"
`;\n testimonialCard.appendChild(block);\n });\n\n const shopMoreCard = document.createElement('article');\n shopMoreCard.className = 'evq-results__card';\n shopMoreCard.innerHTML = 'Choose your delivery mode and proceed to secure checkout.
\n\n You indicated pregnancy/breastfeeding in Q12. Please consult your physician before taking supplements.\n Cart checkout is intentionally blocked until medical consultation.\n
\n `;\n }\n\n mainColumn.appendChild(routineCard);\n mainColumn.appendChild(productCard);\n mainColumn.appendChild(expertCard);\n mainColumn.appendChild(timelineCard);\n mainColumn.appendChild(testimonialCard);\n mainColumn.appendChild(shopMoreCard);\n if (safetyCard) {\n mainColumn.appendChild(safetyCard);\n }\n\n sidebar.appendChild(summaryCard);\n dashboard.appendChild(mainColumn);\n dashboard.appendChild(sidebar);\n\n section.appendChild(timerCard);\n section.appendChild(greetingCard);\n section.appendChild(dashboard);\n content.appendChild(section);\n\n const getVariantForItem = (product, item) => {\n if (!product || !Array.isArray(product.variants)) {\n return null;\n }\n\n const variantId = Number(item && item.id);\n if (!Number.isFinite(variantId) || variantId <= 0) {\n return product.variants[0] || null;\n }\n\n return product.variants.find((variant) => Number(variant.id) === variantId) || product.variants[0] || null;\n };\n\n const renderProductsAndSummary = (product) => {\n const currency = (product && product.currency) || 'USD';\n const discountCode = getActiveDiscountCode();\n const discountPercent = getActiveDiscountPercent();\n const lineItems = getCurrentResultLineItems(personalization, state.variantFallbackId);\n state.resultsLineItems = normalizeCartItems(lineItems);\n\n if (summaryCodeNode) {\n summaryCodeNode.textContent = discountCode;\n }\n\n clearElement(productListNode);\n\n if (!state.resultsLineItems.length) {\n const empty = document.createElement('p');\n empty.className = 'evq-results__body';\n empty.textContent = 'Product configuration is loading. Please wait a moment.';\n productListNode.appendChild(empty);\n }\n\n let subtotalCents = 0;\n\n state.resultsLineItems.forEach((lineItem, index) => {\n const variant = getVariantForItem(product, lineItem);\n const productTitle = (product && product.title) || 'Cadence Calm+Rest';\n const variantTitle =\n variant && variant.title && variant.title !== 'Default Title'\n ? variant.title\n : state.purchaseMode === 'subscribe'\n ? 'Subscribe & Save 20%'\n : 'One-time Purchase';\n const imageUrl =\n (variant && variant.featured_image && variant.featured_image.src) ||\n (product && product.featured_image) ||\n (product && Array.isArray(product.images) && product.images[0]) ||\n '';\n const unitPriceCents = parsePriceToCents((variant && variant.price) || (product && product.price) || 0);\n const discountedUnitCents = Math.max(0, unitPriceCents - Math.round((unitPriceCents * discountPercent) / 100));\n const lineSubtotalCents = unitPriceCents * lineItem.quantity;\n const lineTotalCents = discountedUnitCents * lineItem.quantity;\n subtotalCents += lineSubtotalCents;\n\n const card = document.createElement('article');\n card.className = 'evq-results__product-card';\n card.innerHTML = `\n${escapeHtml(variantTitle)}
\nSupports ${escapeHtml(\n personalization.primaryIssue.label\n )} while improving sleep and stress resilience.
\nPowered by clinically-dosed Affron\u00AE, Chelamax\u00AE, and L-Theanine with verified customer outcomes.
\nRated 4.8 stars across verified reviews for mood, sleep depth, and stress recovery support.
\n