{"id":212,"date":"2026-07-17T10:31:27","date_gmt":"2026-07-17T10:31:27","guid":{"rendered":"https:\/\/elixia.shop\/supplement-quiz\/"},"modified":"2026-07-17T23:30:15","modified_gmt":"2026-07-17T23:30:15","slug":"ergaenzungsquiz","status":"publish","type":"page","link":"https:\/\/elixia.shop\/de\/supplement-quiz\/","title":{"rendered":"Finden Sie Ihre Nahrungserg\u00e4nzungsmittel"},"content":{"rendered":"\n<style>\n\/* =========================================================================\n   ELIXIA \u2014 CONTACT TEMPLATE\n   =========================================================================\n   DESIGN TOKENS \u2014 REUSED VERBATIM FROM index.html.\n   ========================================================================= *\/\n:root{\n  --ivory:#FBF9F6; --ivory-2:#F4EFE8; --ink:#1C1A17; --ink-2:#4A453E; --ink-3:#6E675D;\n  --gold:#A9873F; --gold-deep:#8A6E30; --gold-tint:#EFE7D6; --sage:#8C9A82;\n  --sage-tint:#E4E8DE; --line:#E6DFD4; --star:#B8892F; --white:#FFFFFF;\n  --success:#5F7A52; --danger:#B4472E;\n  --bg:var(--ivory); --surface:var(--white); --surface-alt:var(--ivory-2);\n  --text:var(--ink); --text-muted:var(--ink-2); --text-soft:var(--ink-3);\n  --accent:var(--gold); --accent-hover:var(--gold-deep); --accent-contrast:#FFFFFF;\n  --font-display:\"Cormorant\",Georgia,\"Times New Roman\",serif;\n  --font-body:\"Inter\",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;\n  --fs-hero:clamp(2.6rem,1.6rem + 4.4vw,5rem);\n  --fs-h2:clamp(2rem,1.4rem + 2.4vw,3.15rem);\n  --fs-h3:clamp(1.35rem,1.15rem + 0.8vw,1.7rem);\n  --fs-eyebrow:0.78rem; --fs-body:1.0625rem; --fs-small:0.9rem;\n  --space-1:0.25rem; --space-2:0.5rem; --space-3:0.75rem; --space-4:1rem;\n  --space-5:1.5rem; --space-6:2rem; --space-7:3rem; --space-8:4rem; --space-9:6rem; --space-10:8rem;\n  --section-y:clamp(3.5rem,2rem + 6vw,7rem);\n  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-pill:999px;\n  --shadow-sm:0 1px 2px rgba(28,26,23,.05);\n  --shadow-md:0 6px 24px -8px rgba(28,26,23,.14);\n  --shadow-lg:0 20px 50px -20px rgba(28,26,23,.22);\n  --maxw:1200px; --maxw-narrow:760px; --header-h:68px;\n  --ease:cubic-bezier(.22,.61,.36,1); --dur:200ms;\n}\n\n\/* =========================================================================\n   RESET & BASE (identical to site)\n   ========================================================================= *\/\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\nbody{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}\nimg{max-width:100%;display:block}\na{color:inherit;text-decoration:none}\nbutton{font:inherit;cursor:pointer;border:none;background:none;color:inherit}\nh1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.08;color:var(--text);letter-spacing:-.01em}\nul{list-style:none}\n:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:4px}\n.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.15rem,4vw,2rem)}\n.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}\n.section{padding-block:var(--section-y)}\n.section--alt{background:var(--surface-alt)}\n.section--ink{background:var(--ink);color:var(--ivory)}\n.section--ink h2,.section--ink h3{color:var(--ivory)}\n.eyebrow{font-family:var(--font-body);font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3);display:inline-block}\n.section-head{max-width:var(--maxw-narrow);margin-bottom:var(--space-7)}\n.section-head.center{margin-inline:auto;text-align:center}\n.section-head h2{font-size:var(--fs-h2)}\n.section-head p{color:var(--text-muted);font-size:1.075rem;margin-top:var(--space-4)}\n.section--ink .section-head p{color:#D9D2C7}\n\n\/* Placeholder blocks (identical treatment) *\/\n.ph{position:relative;overflow:hidden;border-radius:var(--r-lg);\n  background:radial-gradient(120% 120% at 20% 10%,var(--gold-tint) 0%,transparent 55%),linear-gradient(150deg,var(--sage-tint) 0%,var(--ivory-2) 55%,var(--gold-tint) 100%);\n  border:1px solid var(--line);display:flex;align-items:flex-end;color:var(--ink-3)}\n.ph::after{content:attr(data-label);font-family:var(--font-body);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:var(--space-3) var(--space-4);opacity:.75}\n\n\/* Buttons (identical) *\/\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-body);font-size:.98rem;font-weight:600;padding:.85rem 1.6rem;border-radius:var(--r-pill);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease);border:1.5px solid transparent;white-space:nowrap}\n.btn:hover{transform:translateY(-2px)}\n.btn:active{transform:translateY(0)}\n.btn--primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}\n.btn--primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}\n.btn--secondary{background:transparent;color:var(--ink);border-color:var(--ink)}\n.btn--secondary:hover{background:var(--ink);color:var(--ivory)}\n.btn--onink{background:var(--ivory);color:var(--ink)}\n.btn--onink:hover{background:var(--white)}\n.btn--onink-ghost{color:var(--ivory);border-color:rgba(251,249,246,.4)}\n.btn--onink-ghost:hover{background:rgba(251,249,246,.1);border-color:var(--ivory)}\n.btn--full{width:100%}\n.arrow{transition:transform var(--dur) var(--ease)}\n.btn:hover .arrow{transform:translateX(3px)}\n\n\/* [BRACKET] fill-in callouts (same component as about.html) *\/\n.fillin{display:inline;border:1.5px dashed var(--gold);background:color-mix(in srgb,var(--gold-tint) 55%,transparent);border-radius:var(--r-sm);padding:.05em .45em;color:var(--gold-deep);font-style:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}\n.fillin::before{content:\"\u270e \";font-size:.85em;opacity:.8}\n.fillin--block{display:block;border:1.5px dashed var(--gold);background:color-mix(in srgb,var(--gold-tint) 45%,transparent);border-radius:var(--r-md);padding:var(--space-4) var(--space-5);margin-block:var(--space-3);color:var(--gold-deep);font-size:.92rem;line-height:1.55}\n.fillin--block b{display:block;font-family:var(--font-body);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem;font-weight:700}\n\n\/* =========================================================================\n   [1] ANNOUNCEMENT + HEADER + BREADCRUMB (identical system)\n   ========================================================================= *\/\n.announce{background:var(--ink);color:var(--ivory);font-size:.82rem;letter-spacing:.02em;text-align:center;padding:.55rem var(--space-4)}\n.announce strong{color:var(--gold);font-weight:600}\n.announce .dot{opacity:.4;margin-inline:.6em}\n@media(max-width:560px){.announce .hide-sm{display:none}}\n.header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--ivory) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}\n.header__row{display:flex;align-items:center;gap:var(--space-5);min-height:var(--header-h)}\n.brand{font-family:var(--font-display);font-size:1.7rem;font-weight:600;letter-spacing:.02em;color:var(--ink)}\n.brand span{color:var(--gold)}\n.nav{display:flex;gap:var(--space-5);margin-inline:auto}\n.nav a{font-size:.95rem;font-weight:500;color:var(--ink-2);padding-block:.4rem;position:relative}\n.nav a::after{content:\"\";position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--accent);transition:width var(--dur) var(--ease)}\n.nav a:hover,.nav a[aria-current]{color:var(--ink)}\n.nav a:hover::after,.nav a[aria-current]::after{width:100%}\n.header__actions{display:flex;align-items:center;gap:var(--space-2)}\n.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--r-pill);color:var(--ink-2);transition:background var(--dur),color var(--dur)}\n.icon-btn:hover{background:var(--ivory-2);color:var(--ink)}\n.icon-btn svg{width:20px;height:20px}\n.cart-btn{position:relative}\n.cart-count{position:absolute;top:4px;right:4px;background:var(--gold);color:#fff;font-family:var(--font-body);font-size:.62rem;font-weight:700;min-width:16px;height:16px;border-radius:var(--r-pill);display:grid;place-items:center;padding-inline:3px}\n.lang{display:flex;align-items:center;font-size:.8rem;font-weight:600;color:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden}\n.lang button{padding:.35rem .6rem;color:var(--ink-3)}\n.lang button[aria-pressed=\"true\"]{background:var(--ink);color:var(--ivory)}\n.menu-toggle{display:none}\n@media(max-width:960px){.nav{display:none}.menu-toggle{display:grid}.lang{margin-left:auto}}\n@media(max-width:520px){.header__actions .hide-xs{display:none}}\n.crumb{border-bottom:1px solid var(--line);background:var(--surface)}\n.crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-block:.8rem;font-size:.82rem;color:var(--text-soft)}\n.crumb a:hover{color:var(--accent)}\n.crumb li[aria-current]{color:var(--ink);font-weight:500}\n.crumb .sep{opacity:.5}\n\n\/* =========================================================================\n   [2] HERO\n   ========================================================================= *\/\n.hero{padding-block:clamp(2.5rem,1.5rem + 4vw,4.5rem);text-align:center}\n.hero__inner{max-width:720px;margin-inline:auto}\n.hero h1{font-size:var(--fs-hero)}\n.hero h1 em{font-style:italic;color:var(--gold)}\n.hero__sub{font-size:1.2rem;color:var(--text-muted);margin-top:var(--space-4)}\n.hero__badges{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;justify-content:center;margin-top:var(--space-5);font-size:.86rem;color:var(--text-soft)}\n.hero__badges span{display:inline-flex;align-items:center;gap:.45rem}\n.hero__badges svg{width:16px;height:16px;color:var(--sage)}\n\n\/* =========================================================================\n   [3] MAIN \u2014 contact methods + form\n   ========================================================================= *\/\n.contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start;padding-bottom:var(--section-y)}\n\n\/* ---- LEFT column ---- *\/\n.methods h2,.formcard h2{font-size:var(--fs-h3);margin-bottom:var(--space-5)}\n.method{display:flex;gap:var(--space-4);align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--space-5);transition:border-color var(--dur),box-shadow var(--dur)}\n.method + .method{margin-top:var(--space-3)}\n.method:hover{border-color:var(--gold-tint);box-shadow:var(--shadow-sm)}\n.method__icon{flex:none;width:46px;height:46px;border-radius:var(--r-md);background:var(--gold-tint);color:var(--gold-deep);display:grid;place-items:center}\n.method__icon svg{width:23px;height:23px}\n.method h3{font-family:var(--font-body);font-size:.98rem;font-weight:600;color:var(--ink);margin-bottom:.15rem}\n.method a{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--ink);line-height:1.15;display:inline-block;letter-spacing:-.01em}\n.method a:hover{color:var(--gold-deep)}\n.method .addr{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--ink);line-height:1.25;font-style:normal}\n.method p{font-size:.84rem;color:var(--text-soft);margin-top:.35rem}\n.hours{background:var(--ivory-2);border-radius:var(--r-lg);padding:var(--space-5);margin-top:var(--space-5)}\n.hours h3{font-family:var(--font-body);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin-bottom:var(--space-3)}\n.hours dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;font-size:.9rem}\n.hours dt{color:var(--ink-2)}\n.hours dd{text-align:right;color:var(--ink);font-weight:500}\n.social{display:flex;gap:.6rem;margin-top:var(--space-5)}\n.social a{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--ink-2);transition:border-color var(--dur),color var(--dur),background var(--dur)}\n.social a:hover{border-color:var(--gold);color:var(--gold-deep);background:var(--gold-tint)}\n.social svg{width:19px;height:19px}\n\n\/* ---- RIGHT column: form ---- *\/\n.formcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:var(--shadow-sm)}\n.formcard__intro{color:var(--text-muted);font-size:.95rem;margin:-.6rem 0 var(--space-5)}\n.field{margin-bottom:var(--space-4)}\n.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}\nlabel.lbl{display:block;font-size:.85rem;font-weight:600;color:var(--ink-2);margin-bottom:.4rem}\nlabel .req{color:var(--danger)}\nlabel .opt{color:var(--text-soft);font-weight:400}\n.field input,.field select,.field textarea{\n  width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--surface);\n  border:1.5px solid var(--line);border-radius:var(--r-md);padding:.75rem .9rem;min-height:50px;\n  transition:border-color var(--dur),box-shadow var(--dur);\n}\n.field textarea{min-height:130px;resize:vertical;line-height:1.6}\n.field select{appearance:none;-webkit-appearance:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%236E675D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right .9rem center;background-size:18px;padding-right:2.6rem}\n.field input::placeholder,.field textarea::placeholder{color:var(--text-soft)}\n.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(169,135,63,.15)}\n.field input:user-invalid,.field textarea:user-invalid,.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:var(--danger)}\n.err{display:none;font-size:.8rem;color:var(--danger);margin-top:.4rem}\n.field.invalid .err{display:block}\n.consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-5)}\n.consent input{margin-top:.15rem;width:18px;height:18px;accent-color:var(--gold);flex:none}\n.consent a{color:var(--gold-deep);text-decoration:underline;text-underline-offset:2px}\n.consent.invalid{color:var(--danger)}\n.form-note{font-size:.78rem;color:var(--text-soft);margin-top:var(--space-4);text-align:center}\n\/* success state *\/\n.success{display:none;text-align:center;padding:var(--space-6) var(--space-4)}\n.success.show{display:block}\n.success__seal{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:50%;background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success);display:grid;place-items:center}\n.success__seal svg{width:32px;height:32px}\n.success h3{font-size:var(--fs-h3);margin-bottom:.5rem}\n.success p{color:var(--text-muted);max-width:44ch;margin:0 auto var(--space-5)}\n.formcard.sent form{display:none}\n@media(max-width:860px){.contact{grid-template-columns:1fr;gap:var(--space-6)}}\n@media(max-width:480px){.field-row{grid-template-columns:1fr}}\n\n\/* =========================================================================\n   [4] QUICK ANSWERS BAND (self-service deflection)\n   ========================================================================= *\/\n.quick__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}\n.qcard{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--space-5);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur)}\n.qcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold-tint)}\n.qcard__icon{width:42px;height:42px;border-radius:var(--r-md);background:var(--sage-tint);color:var(--sage);display:grid;place-items:center}\n.qcard__icon svg{width:21px;height:21px}\n.qcard h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:.15rem}\n.qcard p{font-size:.83rem;color:var(--text-muted);line-height:1.5;flex:1}\n.qcard__link{font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--gold-deep);display:inline-flex;align-items:center;gap:.35rem;margin-top:.3rem}\n@media(max-width:980px){.quick__grid{grid-template-columns:repeat(3,1fr)}}\n@media(max-width:680px){.quick__grid{grid-template-columns:1fr 1fr}}\n@media(max-width:440px){.quick__grid{grid-template-columns:1fr}}\n\n\/* =========================================================================\n   [5] MAP + [6] COMPANY DETAILS\n   ========================================================================= *\/\n.mapco__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,4vw,3rem);align-items:stretch}\n.mapco__map .ph{height:100%;min-height:320px;aspect-ratio:auto}\n.company{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.5rem)}\n.company h2{font-size:var(--fs-h3);margin-bottom:var(--space-4)}\n.company address{font-style:normal;font-size:.98rem;line-height:1.8;color:var(--ink-2)}\n.company address b{font-family:var(--font-display);font-size:1.3rem;color:var(--ink);display:block;font-weight:600;margin-bottom:.3rem}\n.company__legal{margin-top:var(--space-4);display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}\n.company__legal .row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:baseline}\n.company__legal .k{color:var(--text-soft);min-width:130px}\n.company__imprint{display:inline-flex;align-items:center;gap:.5rem;margin-top:var(--space-5);font-weight:600;color:var(--gold-deep)}\n.company__imprint svg{width:16px;height:16px}\n.company__imprint:hover{color:var(--gold)}\n@media(max-width:760px){.mapco__grid{grid-template-columns:1fr}.mapco__map{order:-1}.mapco__map .ph{min-height:240px}}\n\n\/* =========================================================================\n   [7] SOFT CTA\n   ========================================================================= *\/\n.ctaband{text-align:center}\n.ctaband h2{font-size:var(--fs-h2)}\n.ctaband p{color:#D9D2C7;margin-top:var(--space-4);max-width:50ch;margin-inline:auto;font-size:1.075rem}\n.ctaband .btns{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-6)}\n\n\/* =========================================================================\n   [8] FAQ ACCORDION\n   ========================================================================= *\/\n.faq{max-width:var(--maxw-narrow);margin-inline:auto}\n.faq .section-head{text-align:center;margin-bottom:var(--space-6)}\n.faq-item{border-bottom:1px solid var(--line)}\n.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4);font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--ink)}\n.faq-item summary::-webkit-details-marker{display:none}\n.faq-item summary .pm{flex:none;width:26px;height:26px;position:relative}\n.faq-item summary .pm::before,.faq-item summary .pm::after{content:\"\";position:absolute;background:var(--gold);border-radius:2px;transition:transform var(--dur) var(--ease),opacity var(--dur)}\n.faq-item summary .pm::before{top:12px;left:4px;right:4px;height:2px}\n.faq-item summary .pm::after{left:12px;top:4px;bottom:4px;width:2px}\n.faq-item[open] summary .pm::after{transform:scaleY(0);opacity:0}\n.faq-item__body{padding-bottom:var(--space-5);color:var(--text-muted);max-width:64ch}\n.faq-item__body a{color:var(--gold-deep);text-decoration:underline;text-underline-offset:2px}\n.faq-item__body .fillin{font-size:.95em}\n\n\/* =========================================================================\n   FOOTER (identical system)\n   ========================================================================= *\/\n.footer{background:var(--ink);color:#C9C2B6;padding-top:var(--space-8);font-size:.9rem}\n.footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--space-6)}\n.footer .brand{color:var(--ivory);font-size:1.9rem;margin-bottom:var(--space-4);display:inline-block}\n.footer__about{max-width:30ch;line-height:1.6}\n.footer__about address{font-style:normal;margin-top:var(--space-4);line-height:1.7;color:#B4AC9F}\n.footer__about a{color:#C9C2B6}\n.footer__about a:hover{color:var(--gold)}\n.footer h4{font-family:var(--font-body);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ivory);margin-bottom:var(--space-4);font-weight:600}\n.footer__links li{margin-bottom:.55rem}\n.footer__links a{color:#C9C2B6;transition:color var(--dur)}\n.footer__links a:hover{color:var(--gold)}\n.footer__certs{display:flex;flex-wrap:wrap;gap:.5rem}\n.cert{font-size:.72rem;border:1px solid #3A352E;border-radius:var(--r-sm);padding:.4rem .6rem;color:#B4AC9F;line-height:1.2}\n.footer__bottom{border-top:1px solid #322D26;margin-top:var(--space-8);padding-block:var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;align-items:center}\n.footer__trust{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.8rem;color:#B4AC9F}\n.footer__trust span{display:inline-flex;align-items:center;gap:.4rem}\n.footer__trust svg{width:14px;height:14px;color:var(--sage)}\n.footer__legal{font-size:.78rem;color:#8A8377}\n@media(max-width:820px){.footer__top{grid-template-columns:1fr 1fr}}\n@media(max-width:480px){.footer__top{grid-template-columns:1fr}}\n\n\/* Motion preferences *\/\n@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}\n.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}\n.reveal.in{opacity:1;transform:none}\n@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}\n<\/style>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap');\n\n  \n  #eq{\n    --ivory:#FBF9F6; --ink:#1C1A17; --muted:#6f675e; --line:#e7e1d8;\n    --gold:#A9873F; --gold-soft:#f2ead9; --gold-deep:#8a6d2f; --sage:#7d8471; --card:#fff;\n    --shadow:0 10px 40px -18px rgba(60,45,20,.35); --radius:16px;\n  }\n  #eq *{box-sizing:border-box}\n  #eq{margin:0;background:var(--ivory);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}\n  #eq .serif{font-family:\"Cormorant Garamond\",Georgia,\"Times New Roman\",serif}\n  #eq .stage{max-width:820px;margin:0 auto;padding:38px 22px 70px;min-height:100vh;display:flex;flex-direction:column}\n  #eq .brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}\n  #eq .brand .logo{font-family:\"Cormorant Garamond\",Georgia,serif;font-size:30px;font-weight:700;letter-spacing:.02em;color:var(--ink)}\n  #eq .brand .logo b{color:var(--gold)}\n  #eq .tagline{text-align:center;color:var(--muted);font-size:12px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 26px}\n\n  \/* progress *\/\n  #eq .progress{height:6px;background:var(--gold-soft);border-radius:99px;overflow:hidden;margin-bottom:6px}\n  #eq .progress > span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-deep));width:0;transition:width .4s ease}\n  #eq .steplabel{font-size:12px;color:var(--muted);letter-spacing:.06em;margin-bottom:22px;text-align:right}\n\n  #eq .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px 34px 30px;flex:1}\n  #eq h1.q{font-family:\"Cormorant Garamond\",Georgia,serif;font-size:34px;line-height:1.15;margin:0 0 6px;font-weight:700;letter-spacing:-.01em}\n  #eq .qsub{color:var(--muted);margin:0 0 24px;font-size:15px}\n\n  #eq .opts{display:grid;gap:12px}\n  #eq .opts.two{grid-template-columns:1fr 1fr}\n  #eq .opt{display:flex;align-items:center;gap:14px;border:1.5px solid var(--line);border-radius:12px;padding:15px 16px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s,transform .05s;text-align:left;font:inherit;color:inherit;width:100%}\n  #eq .opt:hover{border-color:var(--gold);background:#fdfbf7}\n  #eq .opt:active{transform:scale(.995)}\n  #eq .opt.sel{border-color:var(--gold);background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold)}\n  #eq .opt .ic{width:40px;height:40px;flex:0 0 auto;border-radius:10px;background:var(--gold-soft);display:flex;align-items:center;justify-content:center;font-size:20px}\n  #eq .opt .tt{font-weight:600;font-size:15.5px}\n  #eq .opt .ds{font-size:12.5px;color:var(--muted);margin-top:1px}\n  #eq .opt .chk{margin-left:auto;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px}\n  #eq .opt.sel .chk{background:var(--gold);border-color:var(--gold)}\n\n  #eq textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:14px;font:inherit;resize:vertical;min-height:90px;background:#fff}\n  #eq textarea:focus{outline:none;border-color:var(--gold)}\n\n  #eq .nav{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:12px}\n  #eq .btn{font:inherit;font-weight:600;border-radius:99px;padding:13px 30px;cursor:pointer;border:1.5px solid var(--ink);background:var(--ink);color:#fff;transition:opacity .15s,transform .05s}\n  #eq .btn:hover{opacity:.9} #eq .btn:active{transform:scale(.98)}\n  #eq .btn.gold{background:var(--gold);border-color:var(--gold)}\n  #eq .btn.ghost{background:transparent;color:var(--ink)}\n  #eq .btn.ghost:hover{background:#f2ede4}\n  #eq .btn[disabled]{opacity:.35;cursor:not-allowed}\n  #eq .hint{font-size:12px;color:var(--muted);text-align:center;margin-top:12px}\n\n  \/* intro *\/\n  #eq .intro{text-align:center;padding:44px 30px}\n  #eq .intro h1{font-family:\"Cormorant Garamond\",Georgia,serif;font-size:44px;line-height:1.1;margin:0 0 10px;font-weight:700}\n  #eq .intro p{color:var(--muted);max-width:52ch;margin:0 auto 22px;font-size:16px}\n  #eq .badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0 26px}\n  #eq .pill{font-size:12px;color:var(--gold-deep);background:var(--gold-soft);border-radius:99px;padding:6px 14px;font-weight:600}\n\n  \/* results *\/\n  #eq .res-head{text-align:center;margin-bottom:8px}\n  #eq .res-head .ey{color:var(--gold-deep);letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:600}\n  #eq .res-head h1{font-family:\"Cormorant Garamond\",Georgia,serif;font-size:36px;margin:6px 0 4px;font-weight:700}\n  #eq .res-head p{color:var(--muted);margin:0 auto;max-width:52ch;font-size:14.5px}\n  #eq .rgrid{display:grid;gap:16px;margin:24px 0}\n  #eq .prod{display:grid;grid-template-columns:92px 1fr;gap:16px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;align-items:center}\n  #eq .prod .thumb{width:92px;height:92px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:\"Cormorant Garamond\",serif;font-size:26px;font-weight:700;color:#fff}\n  #eq .prod .match{display:inline-block;font-size:11px;font-weight:700;color:var(--gold-deep);background:var(--gold-soft);border-radius:99px;padding:3px 10px;margin-bottom:5px}\n  #eq .prod h3{margin:0 0 3px;font-size:17px}\n  #eq .prod .why{font-size:13px;color:var(--muted);margin:0 0 8px}\n  #eq .prod .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}\n  #eq .prod .price{font-weight:700}\n  #eq .prod .day{font-size:12px;color:var(--muted)}\n  #eq .prod a.cta{margin-left:auto;font-weight:600;font-size:13.5px;color:#fff;background:var(--gold);border-radius:99px;padding:9px 18px;text-decoration:none}\n  #eq .prod a.cta:hover{background:var(--gold-deep)}\n\n  #eq .capture{background:var(--gold-soft);border-radius:14px;padding:20px 22px;margin-top:8px;text-align:center}\n  #eq .capture h3{margin:0 0 4px;font-family:\"Cormorant Garamond\",serif;font-size:22px}\n  #eq .capture p{margin:0 0 14px;font-size:13.5px;color:var(--muted)}\n  #eq .capture .field{display:flex;gap:8px;max-width:420px;margin:0 auto;flex-wrap:wrap}\n  #eq .capture input{flex:1;min-width:180px;border:1.5px solid var(--line);border-radius:99px;padding:12px 18px;font:inherit;background:#fff}\n  #eq .capture input:focus{outline:none;border-color:var(--gold)}\n\n  #eq .disclaimer{font-size:11.5px;color:var(--muted);text-align:center;margin-top:26px;max-width:60ch;margin-left:auto;margin-right:auto}\n  #eq .hidden{display:none!important}\n  @media(max-width:560px){#eq .opts.two{grid-template-columns:1fr}#eq .card{padding:24px 20px}#eq h1.q{font-size:27px}#eq .intro h1{font-size:34px}#eq .prod{grid-template-columns:64px 1fr}#eq .prod .thumb{width:64px;height:64px;font-size:20px}#eq .prod a.cta{margin-left:0}}\n\n#eq .consent{display:flex;gap:8px;align-items:flex-start;max-width:420px;margin:12px auto 0;font-size:12px;color:var(--muted);text-align:left;line-height:1.4}#eq .consent input{margin-top:2px}#eq .consent a{color:var(--gold-deep)}\n<\/style>\n\n<nav class=\"crumb\" aria-label=\"Breadcrumb\"><div class=\"container\"><ol style=\"list-style:none;margin:0;padding:0\"><li><a href=\"https:\/\/elixia.shop\/\">Home<\/a><\/li><li class=\"sep\" aria-hidden=\"true\">\u203a<\/li><li aria-current=\"page\">Find Your Supplements<\/li><\/ol><\/div><\/nav><main><div id=\"eq\">\n\n<div class=\"stage\">\n  <div class=\"brand\"><span class=\"logo\">Elix<b>ia<\/b><\/span><\/div>\n  <p class=\"tagline\">Wellness, personalised<\/p>\n\n  <!-- INTRO -->\n  <section id=\"intro\" class=\"card intro\">\n    <h1 class=\"serif\">Find the supplements made for you<\/h1>\n    <p>Answer a few quick questions about your goals and lifestyle, and we&#8217;ll match you with clean, European-made formulas that fit \u2014 in under two minutes.<\/p>\n    <div class=\"badges\">\n      <span class=\"pill\">\u2726 2-minute quiz<\/span>\n      <span class=\"pill\">\u2726 Personalised picks<\/span>\n      <span class=\"pill\">\u2726 No pressure<\/span>\n    <\/div>\n    <button class=\"btn gold\" onclick=\"Quiz.start()\">Start the quiz \u2192<\/button>\n    <p class=\"disclaimer\">This quiz offers general wellness suggestions based on your answers. It is not medical advice and does not diagnose or treat any condition. If you are pregnant, breastfeeding, taking medication or have a health condition, consult a healthcare professional before taking supplements.<\/p>\n  <\/section>\n\n  <!-- QUIZ -->\n  <section id=\"quiz\" class=\"hidden\">\n    <div class=\"progress\"><span id=\"bar\"><\/span><\/div>\n    <div class=\"steplabel\" id=\"stepLabel\"><\/div>\n    <div class=\"card\">\n      <h1 class=\"q\" id=\"qTitle\"><\/h1>\n      <p class=\"qsub\" id=\"qSub\"><\/p>\n      <div class=\"opts\" id=\"qOpts\"><\/div>\n      <div class=\"nav\">\n        <button class=\"btn ghost\" id=\"backBtn\" onclick=\"Quiz.back()\">\u2190 Back<\/button>\n        <button class=\"btn gold\" id=\"nextBtn\" onclick=\"Quiz.next()\">Next \u2192<\/button>\n      <\/div>\n      <p class=\"hint\" id=\"multiHint\"><\/p>\n    <\/div>\n  <\/section>\n\n  <!-- RESULTS -->\n  <section id=\"results\" class=\"hidden\">\n    <div class=\"card\">\n      <div class=\"res-head\">\n        <span class=\"ey\">Your matches<\/span>\n        <h1 class=\"serif\" id=\"resTitle\">Your personalised picks<\/h1>\n        <p id=\"resIntro\"><\/p>\n      <\/div>\n      <div class=\"rgrid\" id=\"resGrid\"><\/div>\n      <div class=\"capture\">\n        <h3 class=\"serif\">Save your results &amp; get 10% off<\/h3>\n        <p>We&#8217;ll email your picks and a one-time 10% welcome code. No spam.<\/p>\n        <div class=\"field\">\n          <input type=\"email\" id=\"email\" placeholder=\"your@email.com\" aria-label=\"Email address\">\n          <button class=\"btn gold\" onclick=\"Quiz.saveEmail()\">Send my results<\/button>\n        <\/div>\n        <label class=\"consent\"><input type=\"checkbox\" id=\"qConsent\"> I agree to receive my results and occasional wellness emails from Elixia. See our <a href=\"\/privacy-policy\/\" target=\"_blank\" rel=\"noopener\">Privacy Policy<\/a>.<\/label>\n        <div aria-hidden=\"true\" style=\"position:absolute;left:-9999px;height:0;overflow:hidden\"><label>Company<input type=\"text\" id=\"qCompany\" tabindex=\"-1\" autocomplete=\"off\"><\/label><\/div>\n      <\/div>\n      <div class=\"nav\">\n        <button class=\"btn ghost\" onclick=\"Quiz.restart()\">\u21ba Retake quiz<\/button>\n        <a class=\"btn\" href=\"#\" id=\"shopAll\">Shop all supplements \u2192<\/a>\n      <\/div>\n      <p class=\"disclaimer\">Suggestions are based on your answers and are for general wellbeing only \u2014 not medical advice, diagnosis or treatment. Consult a healthcare professional if you are pregnant, breastfeeding, on medication or managing a health condition.<\/p>\n    <\/div>\n  <\/section>\n<\/div>\n\n<\/div>\n<script>\n\/* ---------------------------------------------------------------\n   ELIXIA SUPPLEMENT QUIZ \u2014 rules-based matching engine (demo)\n   Swap the PRODUCTS urls\/prices for your real WooCommerce data.\n   The optional free-text answer (q6) is where a true-AI layer\n   would plug in \u2014 see the implementation guide.\n----------------------------------------------------------------*\/\nconst PRODUCTS = [\n  {name:\"Her Biotic\",        tags:[\"women\",\"digestion\",\"probiotic\",\"hormonal\"], price:\"28,80 \u20ac\", day:\"0,96 \u20ac\/day\", color:\"#b46b86\", url:\"\/product\/vita-elixia-her-biotic\/\"},\n  {name:\"UNIBIOTIC\",         tags:[\"digestion\",\"probiotic\",\"immune\"],           price:\"28,80 \u20ac\", day:\"0,96 \u20ac\/day\", color:\"#6f8f7a\", url:\"\/product\/vita-elixia-unibiotic\/\"},\n  {name:\"Bloat Aid\",         tags:[\"digestion\",\"bloating\"],                     price:\"26,80 \u20ac\", day:\"0,89 \u20ac\/day\", color:\"#8a9a5b\", url:\"\/product\/vita-elixia-bloat-aid\/\"},\n  {name:\"Meno WELL\",         tags:[\"women\",\"menopause\",\"hormonal\",\"aging\"],     price:\"27,80 \u20ac\", day:\"0,93 \u20ac\/day\", color:\"#a56a8c\", url:\"\/product\/vita-elixia-meno-well\/\"},\n  {name:\"Premium Shape\",     tags:[\"metabolism\",\"weight\",\"energy\"],             price:\"22,80 \u20ac\", day:\"0,76 \u20ac\/day\", color:\"#3f7d6f\", url:\"\/product\/vita-elixia-premium-shape\/\"},\n  {name:\"Vegan Collagen Booster\", tags:[\"beauty\",\"skin\",\"hair\",\"aging\",\"vegan\"],price:\"28,80 \u20ac\", day:\"0,96 \u20ac\/day\", color:\"#c08a4a\", url:\"\/product\/vita-elixia-vegan-collagen-booster\/\"},\n  {name:\"Hair Formula\",      tags:[\"beauty\",\"hair\"],                            price:\"24,80 \u20ac\", day:\"0,83 \u20ac\/day\", color:\"#9a7b52\", url:\"\/product\/vita-elixia-hair-formula\/\"},\n  {name:\"Skin Lux\",          tags:[\"beauty\",\"skin\"],                            price:\"27,80 \u20ac\", day:\"0,93 \u20ac\/day\", color:\"#c58f7a\", url:\"\/product\/vita-elixia-skin-lux\/\"},\n  {name:\"Focus+\",            tags:[\"focus\",\"cognition\",\"energy\"],               price:\"25,80 \u20ac\", day:\"0,86 \u20ac\/day\", color:\"#5b6f9a\", url:\"\/product\/vita-elixia-focus\/\"},\n  {name:\"Ashwagandha Extract\",tags:[\"stress\",\"sleep\",\"energy\"],                 price:\"25,80 \u20ac\", day:\"0,86 \u20ac\/day\", color:\"#7a6f9a\", url:\"\/product\/vita-elixia-ashwagandha-extract\/\"},\n  {name:\"LifeBoost\",         tags:[\"energy\",\"vitality\",\"immune\"],               price:\"35,80 \u20ac\", day:\"1,19 \u20ac\/day\", color:\"#c0954a\", url:\"\/product\/vita-elixia-lifeboost\/\"},\n  {name:\"Liquid Curcumin D3 & C\", tags:[\"immune\",\"joint\",\"aging\"],             price:\"25,80 \u20ac\", day:\"0,86 \u20ac\/day\", color:\"#c9992e\", url:\"\/product\/liquid-curcumin-with-vitamin-d3-vitamin-c\/\"},\n];\n\n\/* Each option carries {label, icon, desc, tags:{tag:weight}} *\/\nconst STEPS = [\n  { id:\"goal\", multi:true, title:\"What are your main wellness goals?\", sub:\"Choose all that apply.\",\n    options:[\n      {label:\"Energy & vitality\", icon:\"\u26a1\", tags:{energy:3,vitality:2}},\n      {label:\"Digestion & gut health\", icon:\"????\", tags:{digestion:3,probiotic:1}},\n      {label:\"Women's hormonal balance\", icon:\"????\", tags:{women:3,hormonal:2}},\n      {label:\"Beauty \u2014 skin, hair & nails\", icon:\"\u2728\", tags:{beauty:3,skin:1,hair:1}},\n      {label:\"Focus & mental clarity\", icon:\"????\", tags:{focus:3,cognition:2}},\n      {label:\"Immune support\", icon:\"????\ufe0f\", tags:{immune:3}},\n      {label:\"Metabolism & weight\", icon:\"????\", tags:{metabolism:3,weight:2}},\n      {label:\"Stress & sleep\", icon:\"????\", tags:{stress:3,sleep:2}},\n    ]},\n  { id:\"who\", multi:false, title:\"Who are we tailoring this for?\", sub:\"This helps us pick the right formulas.\",\n    options:[\n      {label:\"A woman\", icon:\"\u2640\", tags:{women:2}},\n      {label:\"A man\", icon:\"\u2642\", tags:{}},\n      {label:\"Prefer not to say\", icon:\"\u25cb\", tags:{}},\n    ]},\n  { id:\"age\", multi:false, title:\"Which age range fits best?\", sub:\"Some needs shift with life stage.\",\n    options:[\n      {label:\"18\u201329\", icon:\"1\", tags:{}},\n      {label:\"30\u201344\", icon:\"2\", tags:{}},\n      {label:\"45\u201359\", icon:\"3\", tags:{menopause:1,aging:1}},\n      {label:\"60+\", icon:\"4\", tags:{aging:2,joint:1}},\n    ]},\n  { id:\"concern\", multi:true, title:\"Any specific things you'd like to address?\", sub:\"Optional \u2014 choose any that resonate.\",\n    options:[\n      {label:\"Bloating \/ irregular digestion\", icon:\"????\", tags:{digestion:2,bloating:3}},\n      {label:\"Low energy \/ tiredness\", icon:\"????\", tags:{energy:3,vitality:1}},\n      {label:\"Hair or skin quality\", icon:\"????\", tags:{beauty:2,hair:2,skin:2}},\n      {label:\"Poor sleep \/ stress\", icon:\"????\", tags:{stress:2,sleep:3}},\n      {label:\"Brain fog \/ concentration\", icon:\"????\", tags:{focus:3,cognition:2}},\n      {label:\"Menopause symptoms\", icon:\"????\ufe0f\", tags:{menopause:3,women:1,hormonal:2}},\n      {label:\"Frequent colds\", icon:\"????\", tags:{immune:3}},\n      {label:\"Joints \/ healthy aging\", icon:\"????\", tags:{joint:3,aging:2}},\n    ]},\n  { id:\"diet\", multi:true, title:\"Any dietary preferences?\", sub:\"We'll prioritise formulas that fit.\",\n    options:[\n      {label:\"Vegan\", icon:\"????\", tags:{vegan:2}},\n      {label:\"Gluten-free\", icon:\"????\", tags:{}},\n      {label:\"Lactose-free\", icon:\"????\", tags:{}},\n      {label:\"No preference\", icon:\"\u2713\", tags:{}},\n    ]},\n  { id:\"notes\", free:true, title:\"Anything else you'd like us to know?\", sub:\"Optional. Tell us your goal in your own words \u2014 this helps refine your picks.\",\n    placeholder:\"e.g. I want more energy in the afternoons and better digestion after meals\u2026\" },\n];\n\nconst Quiz = {\n  i:0, answers:{},\n  start(){ document.getElementById('intro').classList.add('hidden'); document.getElementById('quiz').classList.remove('hidden'); this.i=0; this.render(); },\n  render(){\n    const s = STEPS[this.i];\n    document.getElementById('bar').style.width = ((this.i)\/(STEPS.length))*100 + '%';\n    document.getElementById('stepLabel').textContent = `Step ${this.i+1} of ${STEPS.length}`;\n    document.getElementById('qTitle').textContent = s.title;\n    document.getElementById('qSub').textContent = s.sub || '';\n    const box = document.getElementById('qOpts');\n    const hint = document.getElementById('multiHint');\n    box.innerHTML='';\n    if(s.free){\n      const ta = document.createElement('textarea');\n      ta.id='freeText'; ta.placeholder = s.placeholder||'';\n      ta.value = this.answers[s.id]?.text || '';\n      box.appendChild(ta); hint.textContent='';\n    } else {\n      s.options.forEach((o,idx)=>{\n        const sel = (this.answers[s.id]||[]).includes(idx);\n        const b = document.createElement('button');\n        b.className='opt'+(sel?' sel':''); b.type='button';\n        b.innerHTML = `<span class=\"ic\">${o.icon}<\/span><span><span class=\"tt\">${o.label}<\/span>${o.desc?`<span class=\"ds\">${o.desc}<\/span>`:''}<\/span><span class=\"chk\">\u2713<\/span>`;\n        b.onclick=()=>this.pick(idx);\n        box.appendChild(b);\n      });\n      hint.textContent = s.multi ? 'You can choose more than one.' : '';\n    }\n    document.getElementById('backBtn').style.visibility = this.i===0 ? 'hidden':'visible';\n    document.getElementById('nextBtn').textContent = this.i===STEPS.length-1 ? 'See my results \u2192' : 'Next \u2192';\n  },\n  pick(idx){\n    const s = STEPS[this.i];\n    let cur = this.answers[s.id]||[];\n    if(s.multi){ cur = cur.includes(idx) ? cur.filter(x=>x!==idx) : [...cur,idx]; }\n    else { cur = [idx]; }\n    this.answers[s.id]=cur; this.render();\n    if(!s.multi){ setTimeout(()=>this.next(),180); }\n  },\n  next(){\n    const s = STEPS[this.i];\n    if(s.free){ this.answers[s.id]={text:(document.getElementById('freeText').value||'').trim()}; }\n    this.i++;\n    if(this.i>=STEPS.length){ this.showResults(); return; }\n    this.render();\n  },\n  back(){ if(this.i>0){ this.i--; this.render(); } },\n  score(){\n    const totals={};\n    STEPS.forEach(s=>{\n      if(s.free) return;\n      (this.answers[s.id]||[]).forEach(idx=>{\n        const t=s.options[idx].tags||{};\n        for(const k in t){ totals[k]=(totals[k]||0)+t[k]; }\n      });\n    });\n    \/\/ free-text keyword boost (a light stand-in for the AI layer)\n    const txt=(this.answers.notes?.text||'').toLowerCase();\n    const KW={energy:[\"energy\",\"tired\",\"fatigue\",\"afternoon\"],digestion:[\"digest\",\"gut\",\"bloat\",\"stomach\"],\n      sleep:[\"sleep\",\"insomnia\"],stress:[\"stress\",\"anxious\",\"calm\"],focus:[\"focus\",\"concentrat\",\"brain fog\",\"memory\"],\n      skin:[\"skin\"],hair:[\"hair\"],immune:[\"immune\",\"cold\",\"sick\"],joint:[\"joint\",\"knee\"],women:[\"hormone\",\"period\",\"cycle\"],menopause:[\"menopause\"]};\n    for(const tag in KW){ if(KW[tag].some(w=>txt.includes(w))) totals[tag]=(totals[tag]||0)+2; }\n\n    const dietVegan=(this.answers.diet||[]).some(i=>STEPS.find(s=>s.id==='diet').options[i].label==='Vegan');\n    return PRODUCTS.map(p=>{\n      let sc=p.tags.reduce((a,t)=>a+(totals[t]||0),0);\n      if(dietVegan && p.tags.includes('vegan')) sc+=2;      \/\/ reward vegan match\n      return {p,sc};\n    }).sort((a,b)=>b.sc-a.sc);\n  },\n  showResults(){\n    document.getElementById('bar').style.width='100%';\n    document.getElementById('quiz').classList.add('hidden');\n    document.getElementById('results').classList.remove('hidden');\n    const ranked=this.score().filter(r=>r.sc>0);\n    const top = (ranked.length?ranked:this.score()).slice(0,3); this._lastTop = top;\n    const goals=(this.answers.goal||[]).map(i=>STEPS[0].options[i].label.toLowerCase());\n    document.getElementById('resIntro').textContent = goals.length\n      ? `Based on your focus on ${goals.slice(0,2).join(' and ')}, here's where we'd start.`\n      : `Here's where we'd start based on your answers.`;\n    const grid=document.getElementById('resGrid'); grid.innerHTML='';\n    const maxSc = top[0]?.sc || 1;\n    top.forEach((r,idx)=>{\n      const pct = Math.round(60 + (r.sc\/maxSc)*40); \/\/ 60\u2013100% match, cosmetic\n      const el=document.createElement('div'); el.className='prod';\n      el.innerHTML=`\n        <div class=\"thumb\" style=\"background:${r.p.color}\">${r.p.name.split(' ').map(w=>w[0]).slice(0,2).join('')}<\/div>\n        <div>\n          <span class=\"match\">${idx===0?'Top match':'Great match'} \u00b7 ${pct}%<\/span>\n          <h3>${r.p.name}<\/h3>\n          <p class=\"why\">${this.reason(r.p)}<\/p>\n          <div class=\"row\">\n            <span class=\"price\">${r.p.price}<\/span><span class=\"day\">\u2248 ${r.p.day}<\/span>\n            <a class=\"cta\" href=\"${r.p.url}\">View product \u2192<\/a>\n          <\/div>\n        <\/div>`;\n      grid.appendChild(el);\n    });\n    document.getElementById('shopAll').href='\/shop\/';\n  },\n  reason(p){\n    const map={energy:\"supports everyday energy\",digestion:\"supports digestive balance\",women:\"formulated with women in mind\",\n      hormonal:\"supports hormonal balance\",beauty:\"supports skin, hair & nails\",skin:\"supports skin from within\",hair:\"supports hair\",\n      focus:\"supports focus & clarity\",cognition:\"supports mental clarity\",immune:\"supports natural defences\",metabolism:\"supports normal metabolism\",\n      weight:\"a companion to an active lifestyle\",stress:\"supports a calm, balanced mood\",sleep:\"supports restful routines\",\n      menopause:\"tailored for the menopause transition\",joint:\"supports joints & healthy aging\",aging:\"supports healthy aging\",probiotic:\"live-culture support\",vegan:\"vegan-friendly\"};\n    const picks=p.tags.map(t=>map[t]).filter(Boolean).slice(0,2);\n    return \"Matched because it \" + (picks.join(\" and \") || \"fits your profile\") + \".\";\n  },\n  saveEmail(){\n    const e=document.getElementById('email').value.trim();\n    if(!\/.+@.+\\..+\/.test(e)){ alert('Please enter a valid email.'); return; }\n    if(!document.getElementById('qConsent').checked){ alert('Please tick the consent box so we can email your results.'); return; }\n    const btn=document.querySelector('.capture .btn.gold'); const lbl=btn.textContent;\n    btn.disabled=true; btn.textContent='Sending\u2026';\n    const goals=(this.answers.goal||[]).map(i=>STEPS[0].options[i].label);\n    const picks=(this._lastTop||[]).map(r=>({name:r.p.name,url:r.p.url}));\n    fetch('https:\/\/elixia.shop\/wp-json\/elixia\/v1\/quiz-lead',{method:'POST',headers:{'Content-Type':'application\/json'},\n      body:JSON.stringify({email:e,consent:1,company:(document.getElementById('qCompany')||{}).value||'',goals:goals,picks:picks})})\n      .then(r=>r.json().then(j=>({ok:r.ok&&j&&j.ok})))\n      .then(res=>{ if(!res.ok) throw new Error('fail');\n        const cap=document.querySelector('.capture');\n        cap.innerHTML='<h3 class=\"serif\">Check your inbox \u2728<\/h3><p>Your picks and a one-time <strong>ELIXIA10<\/strong> code are on the way to '+e+'.<\/p>'; })\n      .catch(()=>{ btn.disabled=false; btn.textContent=lbl; alert('Sorry \u2014 something went wrong. Please try again or email info@elixia.shop.'); });\n  },\n  restart(){ this.answers={}; this.i=0; document.getElementById('results').classList.add('hidden'); document.getElementById('intro').classList.remove('hidden'); document.getElementById('bar').style.width='0'; }\n};\n<\/script>\n<\/main>\n","protected":false},"excerpt":{"rendered":"<p>Home \u203a Find Your Supplements Elixia Wellness, personalised Find the supplements made for you Answer a few quick questions about your goals and lifestyle, and we&#8217;ll match you with clean, European-made formulas that fit \u2014 in under two minutes. \u2726 2-minute quiz \u2726 Personalised picks \u2726 No pressure Start the quiz \u2192 This quiz offers [&hellip;]<\/p>\n","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-212","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/elixia.shop\/de\/wp-json\/wp\/v2\/pages\/212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elixia.shop\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elixia.shop\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elixia.shop\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elixia.shop\/de\/wp-json\/wp\/v2\/comments?post=212"}],"version-history":[{"count":2,"href":"https:\/\/elixia.shop\/de\/wp-json\/wp\/v2\/pages\/212\/revisions"}],"predecessor-version":[{"id":246,"href":"https:\/\/elixia.shop\/de\/wp-json\/wp\/v2\/pages\/212\/revisions\/246"}],"wp:attachment":[{"href":"https:\/\/elixia.shop\/de\/wp-json\/wp\/v2\/media?parent=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}