{"id":50646,"date":"2026-04-09T11:47:33","date_gmt":"2026-04-09T09:47:33","guid":{"rendered":"https:\/\/fragrantly.net\/?page_id=50646"},"modified":"2026-04-09T13:12:44","modified_gmt":"2026-04-09T11:12:44","slug":"test-tool","status":"publish","type":"page","link":"https:\/\/fragrantly.net\/de\/test-tool\/","title":{"rendered":"test tool"},"content":{"rendered":"<div id=\"fmk_711019\" class=\"fragrantly-magnesium-modal\" aria-hidden=\"true\">\r\n  <div class=\"fm-backdrop\"><\/div>\r\n  <div class=\"fragrantly-magnesium-tool\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Magnesium keuzehulp\">\r\n    <style>\r\n      body.fm-modal-open{overflow:hidden !important;touch-action:none}\r\n      #fmk_711019{position:fixed;inset:0;z-index:999999;display:flex;align-items:flex-end;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .28s ease}\r\n      #fmk_711019.fm-visible{opacity:1;pointer-events:auto}\r\n      #fmk_711019 .fm-backdrop{position:absolute;inset:0;background:rgba(34,22,28,.42)}\r\n      #fmk_711019 .fragrantly-magnesium-tool{position:relative;z-index:2;--brand:#b5577d;--brand-soft:#f8eef2;--text:#3f2b33;--border:#ead7df;--muted:#7d6770;--white:#ffffff;font-family:Arial,sans-serif;color:var(--text);width:min(420px,calc(100vw - 24px));max-height:min(88vh,820px);margin:12px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}\r\n      #fmk_711019 .fm-close{display:none !important}\r\n      #fmk_711019 .fm-card{clear:both;background:var(--white);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.16)}\r\n      #fmk_711019 .fm-header{position:relative;background:linear-gradient(180deg,#fff7fa 0%,#fff 100%);padding:20px 64px 18px 22px;border-bottom:1px solid var(--border);text-align:center;overflow:visible}\r\n      #fmk_711019 .fm-header h2{margin:0 0 8px;color:var(--brand);font-size:28px;line-height:1.1}\r\n      #fmk_711019 .fm-header p{margin:0 auto;color:var(--muted);font-size:14px;line-height:1.45;max-width:320px}\r\n      #fmk_711019 .fm-body{padding:20px}\r\n      #fmk_711019 .fm-progress-wrap{margin-bottom:18px}\r\n      #fmk_711019 .fm-progress-label{font-size:12px;color:var(--muted);margin-bottom:8px}\r\n      #fmk_711019 .fm-progress{width:100%;height:9px;background:#f4e7ed;border-radius:999px;overflow:hidden}\r\n      #fmk_711019 .fm-progress-bar{height:100%;width:0%;background:var(--brand);transition:width .25s ease}\r\n      #fmk_711019 .fm-question{display:none;animation:fmFade .22s ease}\r\n      #fmk_711019 .fm-question.active{display:block}\r\n      @keyframes fmFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}\r\n      #fmk_711019 .fm-question h3{margin:0 0 8px;font-size:22px;line-height:1.25;color:var(--text)}\r\n      #fmk_711019 .fm-question .fm-sub{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.45}\r\n      #fmk_711019 .fm-options{display:grid;gap:10px;max-height:none;overflow:visible}\r\n      #fmk_711019 .fm-option{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:#fff;cursor:pointer;transition:all .18s ease;display:flex;align-items:flex-start;gap:10px}\r\n      #fmk_711019 .fm-option:hover{border-color:var(--brand);background:#fffafc}\r\n      #fmk_711019 .fm-option input{margin-top:2px;accent-color:var(--brand);flex:0 0 auto}\r\n      #fmk_711019 .fm-option span{display:block;font-size:15px;line-height:1.4}\r\n      #fmk_711019 .fm-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px;position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 18%,#fff 100%);padding-top:12px}\r\n      #fmk_711019 .fm-btn{appearance:none;border:none;border-radius:12px;padding:13px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .18s ease,transform .18s ease}\r\n      #fmk_711019 .fm-btn:hover{opacity:.95;transform:translateY(-1px)}\r\n      #fmk_711019 .fm-btn.secondary{background:#f2edf0;color:var(--text)}\r\n      #fmk_711019 .fm-btn.primary{background:var(--brand);color:#fff;margin-left:auto}\r\n      #fmk_711019 .fm-error{color:#a23a57;font-size:13px;margin-top:12px;display:none}\r\n      #fmk_711019 .fm-result{display:none;animation:fmFade .22s ease}\r\n      #fmk_711019 .fm-result.active{display:block}\r\n      #fmk_711019 .fm-badge{display:inline-block;background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;margin-bottom:12px}\r\n      #fmk_711019 .fm-result h3{margin:0 0 12px;font-size:28px;line-height:1.15;color:var(--brand)}\r\n      #fmk_711019 .fm-result p{margin:0 0 12px;font-size:15px;line-height:1.55}\r\n      #fmk_711019 .fm-result-card{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;margin:16px 0;padding:14px;border:1px solid var(--border);border-radius:18px;background:#fffafc}\r\n      #fmk_711019 .fm-result-image-wrap{width:100%}\r\n      #fmk_711019 .fm-result-image{width:100%;min-height:150px;border-radius:14px;background:#f6f0f3;background-size:cover;background-position:center;background-repeat:no-repeat}\r\n      #fmk_711019 .fm-result-boxes{display:grid;gap:12px;margin:14px 0 0}\r\n      #fmk_711019 .fm-result-box{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fff}\r\n      #fmk_711019 .fm-result-box strong{display:block;margin-bottom:6px;color:var(--text)}\r\n      #fmk_711019 .fm-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}\r\n      #fmk_711019 .fm-link{display:inline-block;text-decoration:none;background:var(--brand);color:#fff;padding:12px 14px;border-radius:12px;font-weight:600;font-size:14px}\r\n      #fmk_711019 .fm-note{margin-top:16px;color:var(--muted);font-size:13px;line-height:1.45}\r\n      #fmk_711019 .fm-close-row{margin-top:10px}\r\n      #fmk_711019 .fm-close-bottom{width:100%}\r\n      #fmk_711019 .fm-alt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}\r\n      #fmk_711019 .fm-alt-card{display:block;text-decoration:none;color:var(--text);border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}\r\n      #fmk_711019 .fm-alt-card:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.05);border-color:var(--brand)}\r\n      #fmk_711019 .fm-alt-image{width:100%;min-height:110px;background:#f6f0f3;background-size:cover;background-position:center;background-repeat:no-repeat}\r\n      #fmk_711019 .fm-alt-body{padding:12px}\r\n      #fmk_711019 .fm-alt-label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}\r\n      #fmk_711019 .fm-alt-title{display:block;font-size:16px;font-weight:700;line-height:1.25;color:var(--text)}\r\n      @media (max-width:640px){\r\n        \r\n        #fmk_711019{align-items:flex-end;justify-content:center}\r\n        #fmk_711019 .fragrantly-magnesium-tool{width:calc(100vw - 16px);max-height:88vh;margin:8px;padding-top:0}\r\n        #fmk_711019 .fm-result-card{grid-template-columns:1fr}\r\n        #fmk_711019 .fm-result-image{min-height:220px}\r\n        #fmk_711019 .fm-alt-grid{grid-template-columns:1fr}\r\n        #fmk_711019 .fm-nav{flex-direction:column}\r\n        #fmk_711019 .fm-btn.primary,#fmk_711019 .fm-btn.secondary{width:100%}\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"fm-card\">\r\n      <div class=\"fm-header\">\r\n        <button type=\"button\" class=\"fm-close\" aria-label=\"Sluiten\">\u00d7<\/button>\r\n        <h2>Magnesium Keuzehulp<\/h2>\r\n        <p>Beantwoord een paar korte vragen en ontdek welke magnesiumvariant waarschijnlijk het beste bij jou past.<\/p>\r\n      <\/div>\r\n      <div class=\"fm-body\">\r\n        <div class=\"fm-progress-wrap\">\r\n          <div class=\"fm-progress-label\">Vraag 1 van 6<\/div>\r\n          <div class=\"fm-progress\"><div class=\"fm-progress-bar\"><\/div><\/div>\r\n        <\/div>\r\n        <form class=\"fm-form\">\r\n          <section class=\"fm-question active\" data-step=\"0\"><h3>Waar wil je magnesium vooral bij gebruiken?<\/h3><p class=\"fm-sub\">Kies alles wat past.<\/p><div class=\"fm-options\"><label class=\"fm-option\"><input type=\"checkbox\" name=\"goal\" value=\"sleep\"><span>Slaap en ontspanning<\/span><\/label><label class=\"fm-option\"><input type=\"checkbox\" name=\"goal\" value=\"restless\"><span>Rusteloze benen in de avond of nacht<\/span><\/label><label class=\"fm-option\"><input type=\"checkbox\" name=\"goal\" value=\"muscles\"><span>Spieren, spanning of een zwaar gevoel<\/span><\/label><label class=\"fm-option\"><input type=\"checkbox\" name=\"goal\" value=\"focus\"><span>Focus en helderheid overdag<\/span><\/label><label class=\"fm-option\"><input type=\"checkbox\" name=\"goal\" value=\"unsure\"><span>Ik weet het nog niet precies<\/span><\/label><\/div><div class=\"fm-error\">Kies minimaal \u00e9\u00e9n antwoord om verder te gaan.<\/div><\/section>\r\n          <section class=\"fm-question\" data-step=\"1\"><h3>Heb je eerder magnesium gebruikt?<\/h3><div class=\"fm-options\"><label class=\"fm-option\"><input type=\"radio\" name=\"experience\" value=\"tablets\"><span>Ja, via tabletten<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"experience\" value=\"oil\"><span>Ja, via magnesium olie<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"experience\" value=\"first\"><span>Nee, dit wordt mijn eerste keer<\/span><\/label><\/div><div class=\"fm-error\">Kies \u00e9\u00e9n antwoord om verder te gaan.<\/div><\/section>\r\n          <section class=\"fm-question\" data-step=\"2\"><h3>Voor wie zoek je magnesium?<\/h3><div class=\"fm-options\"><label class=\"fm-option\"><input type=\"radio\" name=\"forwhom\" value=\"child\"><span>Voor een kind of tiener<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"forwhom\" value=\"man\"><span>Voor een volwassen man<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"forwhom\" value=\"woman_45p\"><span>Voor een vrouw vanaf ongeveer 45 jaar<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"forwhom\" value=\"woman_u45\"><span>Voor een vrouw tot ongeveer 45 jaar<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"forwhom\" value=\"age65p\"><span>Voor iemand van 65+<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"forwhom\" value=\"unknown\"><span>Ik weet het nog niet precies<\/span><\/label><\/div><div class=\"fm-error\">Kies \u00e9\u00e9n antwoord om verder te gaan.<\/div><\/section>\r\n          <section class=\"fm-question\" data-step=\"3\"><h3>Wat past het beste bij jou?<\/h3><div class=\"fm-options\"><label class=\"fm-option\"><input type=\"radio\" name=\"pace\" value=\"slow\"><span>Ik wil liever rustig opbouwen<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"pace\" value=\"middle\"><span>Ik zoek een mooie middenweg<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"pace\" value=\"fast\"><span>Ik wil graag sneller resultaat<\/span><\/label><\/div><div class=\"fm-error\">Kies \u00e9\u00e9n antwoord om verder te gaan.<\/div><\/section>\r\n          <section class=\"fm-question\" data-step=\"4\"><h3>Hoe reageert jouw huid meestal op magnesium?<\/h3><div class=\"fm-options\"><label class=\"fm-option\"><input type=\"radio\" name=\"skin\" value=\"sensitive\"><span>Mijn huid is gevoelig, dus ik begin liever rustig<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"skin\" value=\"ok\"><span>Mijn huid went meestal prima aan magnesium<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"skin\" value=\"high\"><span>Mijn huid kan een hogere sterkte goed verdragen<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"skin\" value=\"unknown\"><span>Dat weet ik nog niet<\/span><\/label><\/div><div class=\"fm-error\">Kies \u00e9\u00e9n antwoord om verder te gaan.<\/div><\/section>\r\n          <section class=\"fm-question\" data-step=\"5\"><h3>Wil je magnesium vooral voor je hele lichaam of plaatselijk gebruiken?<\/h3><div class=\"fm-options\"><label class=\"fm-option\"><input type=\"radio\" name=\"area\" value=\"body\"><span>Hele lichaam<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"area\" value=\"local\"><span>Plaatselijk<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"area\" value=\"both\"><span>Allebei<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"area\" value=\"unknown\"><span>Weet ik nog niet<\/span><\/label><\/div><div class=\"fm-error\">Kies \u00e9\u00e9n antwoord om verder te gaan.<\/div><\/section>\r\n          <section class=\"fm-question\" data-step=\"6\"><h3>Welke geur spreekt jou het meeste aan?<\/h3><div class=\"fm-options\"><label class=\"fm-option\"><input type=\"radio\" name=\"scent25\" value=\"sacred\"><span>Zacht bloemig met een kruidige touch<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"scent25\" value=\"santal\"><span>Warm en houtachtig<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"scent25\" value=\"fig\"><span>Diep en rijk<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"scent25\" value=\"any\"><span>Maakt mij niet uit<\/span><\/label><\/div><div class=\"fm-error\">Kies \u00e9\u00e9n antwoord om verder te gaan.<\/div><\/section>\r\n          <section class=\"fm-question\" data-step=\"7\"><h3>Welke geur heeft jouw voorkeur?<\/h3><div class=\"fm-options\"><label class=\"fm-option\"><input type=\"radio\" name=\"scent70\" value=\"hammam\"><span>Warm en ontspannend<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"scent70\" value=\"japanese\"><span>Zacht bloemig<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"scent70\" value=\"orange\"><span>Fris en bloemig<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"scent70\" value=\"floral\"><span>Diep en luxe<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"scent70\" value=\"naked\"><span>Liefst zonder geur<\/span><\/label><label class=\"fm-option\"><input type=\"radio\" name=\"scent70\" value=\"deep\"><span>Maakt mij niet uit<\/span><\/label><\/div><div class=\"fm-error\">Kies \u00e9\u00e9n antwoord om verder te gaan.<\/div><\/section>\r\n          <div class=\"fm-nav\"><button type=\"button\" class=\"fm-btn secondary fm-prev\" style=\"display:none;\">Vorige<\/button><button type=\"button\" class=\"fm-btn primary fm-next\">Volgende<\/button><\/div><div class=\"fm-close-row\"><button type=\"button\" class=\"fm-btn secondary fm-close-bottom\">Sluit venster<\/button><\/div>\r\n        <\/form>\r\n        <div class=\"fm-result\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function(){\r\n    var shell=document.getElementById('fmk_711019'); if(!shell) return;\r\n    var root=shell.querySelector('.fragrantly-magnesium-tool');\r\n    var PRODUCT_DATA={\"gentle20\":{\"name\":\"Gentle Care 20%\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/gentle-care-magic-magnesium-kalmerend-rustgevend\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Gentle-Care-magnesium-voor-kinderen-met-knuffel.jpg\"},\"sacredRose25\":{\"name\":\"Sacred Herbal Rose 25%\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/magnesiumcreme-25-day-set-dagelijkse-balans-in-drie-geuren\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Sacred-Herbal-Rose-magnesium-bodycreme.jpg\"},\"whiteSantal25\":{\"name\":\"White Santal 25%\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/magnesiumcreme-25-day-set-dagelijkse-balans-in-drie-geuren\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/White-Santal-25_-magnesium-bodycreme-Fragrantly.jpg\"},\"midnightFig25\":{\"name\":\"Midnight Fig 25%\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/magnesiumcreme-25-day-set-dagelijkse-balans-in-drie-geuren\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Midnght-Fig-magnesium-bodycreme.jpg\"},\"sleep35\":{\"name\":\"Sleep Tight 35%\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/sleep-tight-magic-magnesium-slaap-set\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Sleep-Tight-magnesium-creme-in-pot.jpg\"},\"night45\":{\"name\":\"Night\\u2019s Dream 45%\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/nights-dream-magnesium-bodycreme-spring-boost-collectie\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Nights-Dream-magnesium.jpg\"},\"winter65\":{\"name\":\"Winter Boost Gel 65%\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/winter-boost-65-magnesium-forte-body-gel\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Magnesium-gels-100-ml-Fragrantly.jpg?lm=658C4290\"},\"deep70Gel\":{\"name\":\"Deep Relief Gel 70%\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/deep-relief-70-magnesium-forte-bodycreme-of-body-gel\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Magnesium-gels-100-ml-Fragrantly.jpg\"},\"deep70Creme\":{\"name\":\"Deep Relief 70% Cr\\u00e8me\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/deep-relief-70-magnesium-forte-bodycreme-of-body-gel\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Deep-Relief-magnesium-voor-pijnlijke-spieren.jpg\"},\"hammam70\":{\"name\":\"Hammam Secrets 70% Cr\\u00e8me\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/womens-care-70-magnesium-vitamine-d3-diverse-geuren\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Hammam-Secret-magnesiumcreme.jpg\"},\"japanese70\":{\"name\":\"Japanese Bloom 70% Cr\\u00e8me\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/womens-care-70-magnesium-vitamine-d3-diverse-geuren\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Japanese-Bloom-magnesium-bodycreme-Fragrantly.jpg\"},\"orange70\":{\"name\":\"Orange Blossom 70% Cr\\u00e8me\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/womens-care-70-magnesium-vitamine-d3-diverse-geuren\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Orange-Blossom-magnesium-70_.jpg\"},\"floral70\":{\"name\":\"Floral Goddess 70% Cr\\u00e8me\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/womens-care-70-magnesium-vitamine-d3-diverse-geuren\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Floral-Goddess-magnesium-Fragrantly.jpg\"},\"naked70\":{\"name\":\"Naked 70% Cr\\u00e8me\",\"url\":\"https:\\\/\\\/fragrantly.net\\\/product\\\/naked-zonder-geur-magnesium-creme-70-met-vitamine-d3\\\/\",\"image\":\"https:\\\/\\\/fragrantly.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Naked-70_-magnesiumcreme.jpg\"}},\r\n        form=root.querySelector('.fm-form'),\r\n        resultBox=root.querySelector('.fm-result'),\r\n        prevBtn=root.querySelector('.fm-prev'),\r\n        nextBtn=root.querySelector('.fm-next'),\r\n        progressBar=root.querySelector('.fm-progress-bar'),\r\n        progressLabel=root.querySelector('.fm-progress-label'),\r\n        closeBtn=root.querySelector('.fm-close'),\r\n        closeBottomBtn=root.querySelector('.fm-close-bottom'),\r\n        backdrop=shell.querySelector('.fm-backdrop');\r\n    var path=['q1','q2','q3','q4','q5','q6'], currentIndex=0;\r\n    var STORAGE_KEY='fragrantly_magnesium_tool_state_v1';\r\n    var CLOSE_DAYS=7;\r\n    var COMPLETE_DAYS=30;\r\n\r\n    function nowTs(){ return Date.now(); }\r\n    function readState(){\r\n      try{\r\n        var raw=localStorage.getItem(STORAGE_KEY);\r\n        if(!raw) return null;\r\n        var parsed=JSON.parse(raw);\r\n        if(parsed && parsed.until && parsed.until > nowTs()) return parsed;\r\n        localStorage.removeItem(STORAGE_KEY);\r\n        return null;\r\n      }catch(e){\r\n        return null;\r\n      }\r\n    }\r\n    function writeState(type, days){\r\n      try{\r\n        localStorage.setItem(STORAGE_KEY, JSON.stringify({\r\n          type:type,\r\n          until: nowTs() + (days * 24 * 60 * 60 * 1000)\r\n        }));\r\n      }catch(e){}\r\n    }\r\n\r\n    function openPopup(){\r\n      shell.classList.add('fm-visible');\r\n      shell.setAttribute('aria-hidden','false');\r\n      document.body.classList.add('fm-modal-open');\r\n    }\r\n    function closePopup(){\r\n      shell.classList.remove('fm-visible');\r\n      shell.setAttribute('aria-hidden','true');\r\n      document.body.classList.remove('fm-modal-open');\r\n    }\r\n\r\n    var existingState = readState();\r\n    if(!existingState){\r\n      setTimeout(openPopup,3000);\r\n    }\r\n    if(closeBtn) closeBtn.addEventListener('click', function(){ writeState('closed', CLOSE_DAYS); closePopup(); });\r\n    if(closeBottomBtn) closeBottomBtn.addEventListener('click', function(){ writeState('closed', CLOSE_DAYS); closePopup(); });\r\n    if(backdrop) backdrop.addEventListener('click', function(){ writeState('closed', CLOSE_DAYS); closePopup(); });\r\n\r\n    var questionMap={q1:root.querySelector('[data-step=\"0\"]'),q2:root.querySelector('[data-step=\"1\"]'),q3:root.querySelector('[data-step=\"2\"]'),q4:root.querySelector('[data-step=\"3\"]'),q5:root.querySelector('[data-step=\"4\"]'),q6:root.querySelector('[data-step=\"5\"]'),q7_25:root.querySelector('[data-step=\"6\"]'),q7_70:root.querySelector('[data-step=\"7\"]')};\r\n    function getCheckedValues(name){return Array.prototype.slice.call(form.querySelectorAll('input[name=\"'+name+'\"]:checked')).map(function(el){return el.value;});}\r\n    function getValue(name){var checked=form.querySelector('input[name=\"'+name+'\"]:checked'); return checked?checked.value:null;}\r\n    function validateStep(stepKey){var section=questionMap[stepKey], error=section.querySelector('.fm-error'); error.style.display='none'; if(stepKey==='q1'){if(!getCheckedValues('goal').length){error.style.display='block'; return false;} return true;} var radio=section.querySelector('input[type=\"radio\"]'); if(radio&&!getValue(radio.name)){error.style.display='block'; return false;} return true;}\r\n    function showStep(){Object.keys(questionMap).forEach(function(key){questionMap[key].classList.remove('active');}); var stepKey=path[currentIndex]; questionMap[stepKey].classList.add('active'); prevBtn.style.display=currentIndex===0?'none':'inline-block'; nextBtn.textContent=currentIndex===path.length-1?'Bekijk mijn resultaat':'Volgende'; var visibleCount=path.length, labelNumber=currentIndex+1; progressLabel.textContent='Vraag '+labelNumber+' van '+visibleCount; progressBar.style.width=((labelNumber\/visibleCount)*100)+'%'; root.scrollTop=0;}\r\n    function scoreBaseFamily(){var goals=getCheckedValues('goal'), experience=getValue('experience'), forwhom=getValue('forwhom'), pace=getValue('pace'), skin=getValue('skin'), area=getValue('area'); var scores={gentle20:0,scented25:0,sleep35:0,sleep45:0,local65:0,local70:0,body70:0}; goals.forEach(function(goal){if(goal==='sleep'){scores.sleep35+=3;scores.sleep45+=2;scores.gentle20+=1;} if(goal==='restless'){scores.sleep35+=2;scores.sleep45+=3;scores.body70+=1;} if(goal==='muscles'){scores.local65+=3;scores.local70+=3;scores.body70+=2;} if(goal==='focus'){scores.gentle20+=3;scores.scented25+=3;} if(goal==='unsure'){scores.gentle20+=1;scores.scented25+=1;scores.sleep35+=1;}}); if(experience==='tablets'){scores.sleep35+=1;scores.scented25+=1;} if(experience==='oil'){scores.sleep45+=1;scores.local65+=1;scores.local70+=2;scores.body70+=2;} if(experience==='first'){scores.gentle20+=3;scores.sleep35+=1;scores.local65-=2;scores.local70-=3;scores.body70-=3;} if(forwhom==='child'){scores.gentle20+=100;scores.sleep45-=100;scores.local65-=100;scores.local70-=100;scores.body70-=100;} if(forwhom==='man'){scores.sleep45+=1;scores.local65+=1;scores.local70+=1;scores.body70+=1;} if(forwhom==='woman_45p'){scores.sleep45+=2;scores.body70+=1;} if(forwhom==='age65p'){scores.sleep45+=1;scores.body70+=1;} if(pace==='slow'){scores.gentle20+=3;scores.scented25+=2;scores.sleep35+=1;scores.sleep45-=1;scores.local65-=2;scores.local70-=3;scores.body70-=3;} if(pace==='middle'){scores.scented25+=2;scores.sleep35+=3;scores.sleep45+=1;} if(pace==='fast'){scores.sleep45+=2;scores.local65+=2;scores.local70+=3;scores.body70+=3;} if(skin==='sensitive'){scores.gentle20+=4;scores.scented25+=1;scores.sleep35+=1;scores.sleep45-=2;scores.local65-=100;scores.local70-=100;scores.body70-=100;} if(skin==='high'){scores.sleep45+=2;scores.local65+=2;scores.local70+=3;scores.body70+=3;} if(skin==='unknown'){scores.gentle20+=1;scores.sleep35+=1;scores.local70-=1;scores.body70-=1;} if(area==='body'){scores.gentle20+=2;scores.scented25+=3;scores.sleep35+=3;scores.sleep45+=3;scores.body70+=4;scores.local65-=3;scores.local70-=4;} if(area==='local'){scores.local65+=4;scores.local70+=5;scores.body70-=3;scores.scented25-=2;scores.sleep35-=1;} if(area==='both'){scores.sleep35+=1;scores.sleep45+=1;scores.local65+=1;scores.local70+=1;scores.body70+=1;} return Object.keys(scores).sort(function(a,b){return scores[b]-scores[a];})[0];}\r\n    function rebuildPath(){var provisionalFamily=scoreBaseFamily(); path=['q1','q2','q3','q4','q5','q6']; if(provisionalFamily==='scented25') path.push('q7_25'); else if(provisionalFamily==='body70') path.push('q7_70'); if(currentIndex>path.length-1) currentIndex=path.length-1;}\r\n    function buildRecommendation(){writeState('completed', COMPLETE_DAYS); var family=scoreBaseFamily(), goals=getCheckedValues('goal'), scent25=getValue('scent25'), scent70=getValue('scent70'); var productKey='', why='', milderKey='', strongerKey=''; if(family==='gentle20'){productKey='gentle20'; why='Op basis van je antwoorden lijkt een rustige start het beste bij jou te passen. Gentle Care 20% is een fijne keuze als je liever mild begint, magnesium nog aan het ontdekken bent, of je huid wat gevoeliger is.'; strongerKey=goals.indexOf('sleep')!==-1?'sleep35':'sacredRose25';} if(family==='scented25'){if(scent25==='santal') productKey='whiteSantal25'; else if(scent25==='fig') productKey='midnightFig25'; else productKey='sacredRose25'; why='Je zoekt een milde magnesiumvariant voor gebruik op het hele lichaam, met n\u00e9t iets meer body care beleving. Daarom past een 25% variant waarschijnlijk goed bij jou.'; milderKey='gentle20'; strongerKey=goals.indexOf('sleep')!==-1?'sleep35':'night45';} if(family==='sleep35'){productKey='sleep35'; why='Je gaf aan dat je magnesium vooral zoekt voor slaap, ontspanning of rust in de avond. Sleep Tight 35% is voor veel mensen een mooie middenweg: niet te licht, maar ook niet direct de sterkste route.'; milderKey='gentle20'; strongerKey='night45';} if(family==='sleep45'){productKey='night45'; why='Op basis van je antwoorden lijkt een krachtigere avondvariant beter bij jou te passen. Night\u2019s Dream 45% is een logische stap als je gericht kiest voor slaap, ontspanning of rusteloze benen en wat meer wilt dan een middenweg.'; milderKey='sleep35';} if(family==='local65'){productKey='winter65'; why='Je zoekt magnesium vooral voor plaatselijk gebruik en wilt graag een krachtigere variant. Winter Boost Gel 65% past goed bij gericht gebruik op specifieke plekken.'; milderKey=goals.indexOf('sleep')!==-1?'night45':'sleep35'; strongerKey='deep70Gel';} if(family==='local70'){productKey='deep70Gel'; why='Je zoekt een sterke magnesiumvariant voor plaatselijk gebruik en je antwoorden wijzen erop dat jouw huid een hogere sterkte goed aankan. Deep Relief Gel 70% is dan de meest gerichte keuze.'; milderKey='winter65';} if(family==='body70'){if(scent70==='hammam') productKey='hammam70'; else if(scent70==='japanese') productKey='japanese70'; else if(scent70==='orange') productKey='orange70'; else if(scent70==='floral') productKey='floral70'; else if(scent70==='naked') productKey='naked70'; else productKey='deep70Creme'; why='Je zoekt een krachtigere magnesiumvariant voor gebruik op het hele lichaam. Omdat je aangaf dat je huid een hogere sterkte goed verdraagt en je liever sneller resultaat wilt, past een 70% cr\u00e8me waarschijnlijk het beste bij jou.'; milderKey='night45';} renderResult(PRODUCT_DATA[productKey], why, milderKey ? PRODUCT_DATA[milderKey] : null, strongerKey ? PRODUCT_DATA[strongerKey] : null);}\r\n    function buildAltCard(label, product){if(!product) return ''; var html=''; html+='<a class=\"fm-alt-card\" href=\"'+product.url+'\" target=\"_blank\" rel=\"noopener\">'; html+='<div class=\"fm-alt-image\" style=\"background-image:url(' + \"'\" + product.image + \"'\" + ');\"><\/div>'; html+='<div class=\"fm-alt-body\"><span class=\"fm-alt-label\">'+label+'<\/span><span class=\"fm-alt-title\">'+product.name+'<\/span><\/div>'; html+='<\/a>'; return html;}\r\n    function renderResult(product, why, milderProduct, strongerProduct){var html=''; html+='<div class=\"fm-badge\">Jouw advies<\/div><h3>'+product.name+'<\/h3><div class=\"fm-result-card\"><div class=\"fm-result-image-wrap\"><div class=\"fm-result-image\" style=\"background-image:url(' + \"'\" + product.image + \"'\" + ');\"><\/div><\/div><div><p>'+why+'<\/p><div class=\"fm-result-boxes\"><div class=\"fm-result-box\"><strong>Waarom deze bij je past<\/strong>'+why+'<\/div><\/div><div class=\"fm-links\"><a class=\"fm-link\" href=\"'+product.url+'\" target=\"_blank\" rel=\"noopener\">Bekijk '+product.name+'<\/a><button type=\"button\" class=\"fm-btn secondary fm-restart\">Opnieuw invullen<\/button><\/div>'; if(milderProduct||strongerProduct){html+='<div class=\"fm-alt-grid\">'; if(milderProduct) html+=buildAltCard('Liever milder beginnen?', milderProduct); if(strongerProduct) html+=buildAltCard('Liever iets krachtigers?', strongerProduct); html+='<\/div>';} html+='<p class=\"fm-note\">Twijfel je nog? Stuur ons gerust een berichtje. We denken graag met je mee.<\/p><\/div><\/div>'; resultBox.innerHTML=html; form.style.display='none'; resultBox.classList.add('active'); var restartBtn=root.querySelector('.fm-restart'); if(restartBtn) restartBtn.addEventListener('click', restartQuiz); root.scrollTop=0;}\r\n    function restartQuiz(){form.reset(); resultBox.classList.remove('active'); resultBox.innerHTML=''; form.style.display='block'; path=['q1','q2','q3','q4','q5','q6']; currentIndex=0; showStep();}\r\n    nextBtn.addEventListener('click',function(){var currentStepKey=path[currentIndex]; if(!validateStep(currentStepKey)) return; if(currentStepKey==='q6') rebuildPath(); if(currentIndex<path.length-1){currentIndex+=1; showStep();} else {buildRecommendation();}});\r\n    prevBtn.addEventListener('click',function(){if(currentIndex>0){currentIndex-=1; showStep();}});\r\n    showStep();\r\n  })();\r\n  <\/script>\r\n<\/div>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-50646","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/fragrantly.net\/de\/wp-json\/wp\/v2\/pages\/50646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fragrantly.net\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fragrantly.net\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fragrantly.net\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fragrantly.net\/de\/wp-json\/wp\/v2\/comments?post=50646"}],"version-history":[{"count":7,"href":"https:\/\/fragrantly.net\/de\/wp-json\/wp\/v2\/pages\/50646\/revisions"}],"predecessor-version":[{"id":50655,"href":"https:\/\/fragrantly.net\/de\/wp-json\/wp\/v2\/pages\/50646\/revisions\/50655"}],"wp:attachment":[{"href":"https:\/\/fragrantly.net\/de\/wp-json\/wp\/v2\/media?parent=50646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}