[{"_1":2,"_226":-5,"_227":-5},"loaderData",{"_3":4,"_94":95,"_158":159},"root",{"_5":6,"_21":22,"_23":24,"_86":87},"config",{"_7":8,"_9":-7,"_10":11,"_12":-7,"_13":14,"_15":16,"_17":18,"_19":20},"payloadcmsApiUrl","https://cms.xyngular.com","googleTagManagerId","xyngularShopDomain","shop.xyngular.com","mediaAssetsDomainName","exigoApiDomain","xyngularcorp-api.exigo.com","exigodataAssetsPath","exigodata","devLocales","fr-ca,es-us,en-ph","httpProtocol","https","locale","en","site",{"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_48":49,"_68":69,"_80":81,"_42":84,"_44":85},"id",2,"name","xmdwellness.com","host","www.xmdwellness.com","isDefault",false,"isAffiliateSite",true,"stylesheets",[37],{"_25":38,"_27":39,"_40":41,"_42":43,"_44":45,"_46":47},14,"XMD Header/Footer","css","@import url(\"https://use.typekit.net/efk6gki.css\");\n\n/* Any in-page anchor will respect the sticky header automatically */\n[id] { scroll-margin-top: calc(var(--xmd-hdr-offset, 60px) + 8px); }\n\n.layout__header {\n position: fixed;\n width: 100%;\n z-index: 50;\n height: 7.5rem; /* h-30 equivalent */\n}\n\n.layout__main {\n padding-top: 6rem;\n}\n\n.plain-header__container {\n height: 5rem; /* h-20 equivalent */\n color: black;\n background-color: var(--color-header-bg, #ffffff);\n}\n\n.plain-header__content {\n display: flex;\n flex-wrap: nowrap;\n padding-left: 3rem; /* px-12 equivalent */\n padding-right: 3rem;\n height: 5rem; /* h-20 equivalent */\n}\n\n.plain-header__left {\n justify-content: flex-start;\n align-items: center;\n align-self: center;\n display: flex;\n flex: 1;\n}\n\n.plain-header__left-content {\n align-items: center;\n}\n\n.plain-header__logo {\n fill: black;\n width: 2.25rem; /* w-9 equivalent */\n height: 2.25rem; /* h-9 equivalent */\n}\n\n.plain-header__center {\n justify-content: center;\n align-self: center;\n align-items: center;\n display: none;\n flex: 1;\n}\n\n.plain-header__center--visible {\n display: flex;\n}\n\n.plain-header__center-content {\n justify-content: center;\n}\n\n.plain-header__center-logo {\n fill: black;\n justify-content: center;\n display: none;\n}\n\n.plain-header__center-logo--visible {\n display: block;\n}\n\n.plain-header__right {\n justify-content: flex-end;\n align-self: center;\n display: none;\n flex: 1;\n}\n\n.plain-header__right--visible {\n display: flex;\n}\n\n/* Responsive breakpoint for xl screens (1280px and up) */\n@media (min-width: 1280px) {\n .plain-header__center {\n display: flex;\n }\n\n .plain-header__center-logo {\n display: block;\n }\n\n .plain-header__right {\n display: flex;\n }\n}\n\n/* Footer component styles using BEM methodology */\n\n.layout__footer {\n background-color: var(\n --color-footer,\n #f8f9fa\n ); /* Assuming bg-footer is a CSS variable */\n}\n\n.footer__container {\n display: flex;\n flex-direction: column;\n padding: 3rem;\n}\n\n@media (min-width: 1024px) {\n .footer__container {\n flex-direction: row;\n }\n}\n\n.footer__logo-section {\n flex-basis: 25%;\n display: flex;\n justify-content: center;\n}\n\n.footer__content-section {\n flex-basis: 75%;\n display: flex;\n flex-direction: column;\n}\n\n@media (min-width: 1024px) {\n .footer__content-section {\n flex-direction: row;\n justify-content: flex-end;\n }\n}\n\n.footer__logo {\n display: inline;\n}\n\n.footer__copyright {\n font-weight: normal;\n font-size: 0.75rem;\n padding: 1.5rem 3rem;\n}\n\n/* When menu is open, don't allow the header to slide away */\nhtml[data-xmd-menu-open=\"true\"] #site-header {\n transform: none !important;\n}\n\n/* Lock page scrolling while menu is open */\n.xmd-no-scroll { overflow: hidden; }\n\n/* The sheet now lives under , so make it fixed to viewport */\n.xmd-header__sheet {\n position: fixed;\n /* dynamic top driven by header bottom (JS writes --xmd-hdr-offset) */\n top: var(--xmd-hdr-offset, 60px);\n left: 10px;\n right: 10px;\n bottom: 10px;\n\n background: #fff;\n border-radius: 16px;\n box-shadow: 0 8px 24px rgba(0,0,0,.1);\n transform: translateY(-8px);\n opacity: 0;\n pointer-events: none;\n transition: transform .25s ease, opacity .25s ease;\n z-index: 100000; /* well above the sticky header / content */\n}\n\n/* Interactivity flips to auto when we open via JS, but this is a safe guard */\nhtml[data-xmd-menu-open=\"true\"] .xmd-header__sheet {\n pointer-events: auto;\n}\n\n/* ================== Header (scoped) ================== */\n:root {\n --hdr-ink: #1a1a1a;\n --hdr-bg: rgba(255, 255, 255, 0.6);\n --hdr-blur: 10px;\n --hdr-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n}\n\n.header-btn {\n padding: 0.5rem 1rem;\n background-color: #231f20;\n color: #fff;\n text-decoration: none;\n font-family: \"aktiv-grotesk\", sans-serif;\n font-weight: 500;\n font-size: 16px;\n border-radius: 40px;\n}\n\n.header-btn-ghost {\n padding: 0.5rem 1rem;\n background-color: rgba(0,0,0,0);\n color: #231f20;\n border:1px solid black;\n text-decoration: none;\n font-family: \"aktiv-grotesk\", sans-serif;\n font-weight: 500;\n font-size: 16px;\n border-radius: 40px;\n}\n.header-btn:hover {\n cursor: pointer;\n}\n\n.xmd-header {\n position: sticky;\n top: 0;\n z-index: 60;\n backdrop-filter: none;\n transition: transform 0.3s ease, backdrop-filter 0.3s ease,\n background-color 0.3s ease, box-shadow 0.3s ease;\n}\n.xmd-header::before {\n /* transparent layer for smooth bg change */\n content: \"\";\n position: absolute;\n inset: 0;\n background: transparent;\n transition: background 0.3s ease;\n}\n.xmd-header__inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 14px clamp(16px, 4vw, 32px);\n}\n\n.xmd-header__inner {\n z-index: 99999;\n}\n\n.xmd-header__brand img {\n display: block;\n height: 48px;\n width: auto;\n}\n\n.xmd-header__brand {\n z-index: 99999;\n}\n\n.xmd-header__brand:hover {\n cursor: pointer;\n}\n\n.xmd-header__nav {\n display: none;\n gap: clamp(18px, 3vw, 28px);\n align-items: center;\n}\n@media (min-width: 960px) {\n .xmd-header__nav {\n display: flex;\n }\n}\n.xmd-header__link {\n position: relative;\n font: 500 15px/1 var(--body-font, system-ui);\n color: var(--hdr-ink);\n text-decoration: none;\n padding: 6px 0;\n}\n.xmd-header__link::after {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n bottom: -2px;\n height: 1px;\n background: currentColor;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.25s ease;\n opacity: 0.6;\n}\n@media (hover: hover) {\n .xmd-header__link:hover::after {\n transform: scaleX(1);\n }\n}\n\n.xmd-header__cta {\n display: flex;\n align-items: center;\n gap: 10px;\n z-index: 99999;\n}\n.xmd-header__menu {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 8px;\n border: none;\n background: #f1eee9;\n cursor: pointer;\n}\n@media (min-width: 960px) {\n .xmd-header__menu {\n display: none;\n }\n}\n.xmd-header__menu-bar {\n width: 18px;\n height: 2px;\n background: #1a1a1a;\n position: relative;\n display: block;\n}\n.xmd-header__menu-bar::before,\n.xmd-header__menu-bar::after {\n content: \"\";\n position: absolute;\n left: 0;\n width: 18px;\n height: 2px;\n background: #1a1a1a;\n transition: transform 0.2s ease, opacity 0.2s ease;\n}\n.xmd-header__menu-bar::before {\n top: -6px;\n}\n.xmd-header__menu-bar::after {\n top: 6px;\n}\n.xmd-header__menu[aria-expanded=\"true\"] .xmd-header__menu-bar {\n background: transparent;\n}\n.xmd-header__menu[aria-expanded=\"true\"] .xmd-header__menu-bar::before {\n transform: translateY(6px) rotate(45deg);\n}\n.xmd-header__menu[aria-expanded=\"true\"] .xmd-header__menu-bar::after {\n transform: translateY(-6px) rotate(-45deg);\n}\n\n/* mobile sheet */\n.xmd-header__sheet {\n position: fixed;\n inset: 60px 10px 60px;\n background: #fff;\n border-radius: 16px;\n box-shadow: var(--hdr-shadow);\n transform: translateY(-8px);\n opacity: 0;\n pointer-events: none;\n transition: transform 0.25s ease, opacity 0.25s ease;\n padding: 18px;\n overflow: auto;\n}\n.xmd-header__sheet-nav {\n display: grid;\n gap: 10px;\n}\n.xmd-header__sheet-link {\n padding: 14px 10px;\n border-radius: 10px;\n background: #f6f3ee;\n text-decoration: none;\n color: #1a1a1a;\n font: 500 16px/1.2 var(--body-font);\n}\n.xmd-header__sheet-cta {\n margin-top: 6px;\n justify-content: center;\n}\n\n/* scrolled state (applies after user scrolls) */\n.xmd-header.is-scrolled {\n backdrop-filter: blur(var(--hdr-blur));\n box-shadow: var(--hdr-shadow);\n}\n.xmd-header.is-scrolled::before {\n background: var(--hdr-bg);\n}\n\n/* hide-on-scroll (down) */\n.xmd-header.is-hidden {\n transform: translateY(-100%);\n}\n\n/* Micdrop */\n.micdrop{\n --cream:#EDEAE6;\n background: var(--cream);\n border-radius: 16px;\n padding: clamp(16px, 2.6vw, 20px);\n margin: 0 auto;\n text-align:center;\n}\n.micdrop__inner{\n position: relative;\n border-radius: 16px;\n min-height: 360px;\n padding: clamp(18px, 4vw, 32px);\n color:#fff !important;\n background: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,.2)), var(--micdrop-img) center bottom / cover no-repeat; /* bottom-center crop */\n box-shadow: 0 10px 30px rgba(0,0,0,.12);\n background-position:center;\n}\n.micdrop__kicker{\n margin:0 0 6px 0;\n font: 300 14px/1.3 var(--xmd-font-body, \"aktiv-grotesk\", sans-serif);\n letter-spacing:.14em; text-transform: uppercase; opacity:.9;\n}\n.micdrop__title{\n margin:0 0 14px 0;\n font-family: var(--xmd-font-head, \"playfair-display\", serif);\n font-weight: 400;\n font-size: clamp(28px, 4.8vw, 54px);\n line-height: 1.08;\n color:#fff !important;\n}\n.micdrop .btn.-light{\n background:#231F20; color:#fff; border-radius: 999px; padding:.8rem 1.2rem;\n}\n.micdrop__sub{\n margin:10px 0 0 0;\n font: 300 12.5px/1.4 var(--xmd-font-body, \"aktiv-grotesk\", sans-serif);\n opacity:.92;\n}\n\n/* Footer */\n.xmd-footer{\n --cream:#EDEAE6;\n background: #EDEAE6;\n color:#231F20;\n border-top: 1px solid rgba(0,0,0,.06);\n padding: clamp(24px, 4vw, 36px) 0 0;\n}\n.footer__grid{\n display:grid;\n grid-template-columns: 2fr 1fr 1fr 1fr 1fr;\n gap: clamp(16px, 3vw, 28px);\n align-items:start;\n padding: 0 1em;\n}\n@media (max-width: 980px){\n .footer__grid{ grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 640px){\n .footer__grid{ grid-template-columns: 1fr; }\n}\n\n.footer__brand{ padding-right: clamp(8px, 2vw, 18px); }\n.footer__logo{ width: 180px; height:auto; display:block; margin: 0 0 10px 0; }\n.footer_logos{display:flex;}\n.footer_logos a{margin-left:3rem;}\n.footer__tagline{\n margin: 0 0 14px 0;\n font: 300 14px/1.55 var(--xmd-font-body, \"aktiv-grotesk\", sans-serif);\n color:#4A4138;\n max-width:300px;\n}\n\n.footer__social{ display:flex; gap:12px; }\n.footer__social a{ display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; border-radius:999px; background:#EDEAE6; }\n.footer__social img{ width:30px; height:30px; display:block; }\n\n.footer__head{\n margin:0 0 10px 0;\n font: 500 12px/1 var(--xmd-font-body, \"aktiv-grotesk\", sans-serif);\n letter-spacing:.2em; text-transform: uppercase;\n color:#83796E;\n}\n.footer__list{ list-style:none; padding:0; margin:0; display:grid; gap:8px; }\n.footer__list a{\n text-decoration:none; color:#231F20;\n font: 300 14px/1.6 var(--xmd-font-body, \"aktiv-grotesk\", sans-serif);\n}\n.footer__list a:hover{ text-decoration: underline; }\n\n.footer__contact{ display:flex; align-items:center; gap:10px; }\n.footer__contact .icon{ width:16px; height:16px; opacity:.8; }\n\n.footer__fine{\n margin-top: clamp(20px, 4vw, 32px);\n padding: clamp(16px, 3vw, 22px) 0;\n border-top: 1px solid rgba(0,0,0,.06);\n color:#4A4138;\n}\n.footer__fine p{\n margin:0 0 10px 0;\n font: 300 10px/1.55 var(--xmd-font-body, \"aktiv-grotesk\", sans-serif);\n text-align: center;\n padding:1em;\n}\n.footer__copy{\n margin:8px 0 0 0;\n color:#83796E;\n font-weight:300;\n text-align:center;\n}\n\n/* Simple container helper (if you don't already have one) */\n.xmd-container{ width:min(1200px, 92vw); margin-inline:auto; }\n\n/* --- MICDROP + FOOTER TWEAKS (replace these rules) --- */\n\n/* shared section bg */\n.micdrop,\n.site-footer {\n background:#EDEAE6;\n}\n\n/* micdrop container + image sizing */\n.micdrop__frame{\n max-width:1200px;\n margin:0 auto;\n border-radius:16px;\n overflow:hidden;\n position:relative;\n}\n\n/* image block (works whether you use or a bg-image div) */\n.micdrop__image{\n width:100%;\n aspect-ratio: 1200 / 350;\n background-position:top center;\n background-size:cover;\n background-repeat:no-repeat;\n}\n.micdrop__image img{\n width:100%;\n height:100%;\n object-fit:cover;\n object-position:top center;\n display:block;\n}\n\n/* remove any dark overlay that might be present */\n.micdrop__image::after{ content:none !important; }\n\n/* copy on top-left, white text */\n.micdrop__copy{\n position:absolute;\n inset:auto auto 0 0;\n padding: clamp(16px, 3vw, 28px);\n color:#fff;\n max-width:min(560px, 70%);\n}\n.micdrop__eyebrow{\n font:300 14px/1.2 var(--xmd-font-body, \"aktiv-grotesk\", sans-serif);\n letter-spacing:.14em;\n text-transform:uppercase;\n color:rgba(255,255,255,.9);\n margin-bottom:10px;\n}\n.micdrop__title{\n font-family: var(--xmd-font-head, \"playfair-display\", serif);\n font-weight:400;\n font-size: clamp(28px, 4.2vw, 54px);\n line-height:1.1;\n color:#fff;\n margin:0 0 14px 0;\n}\n.micdrop__cta .btn{ /* use your existing .btn styles */\n /* no overrides needed; ensure it’s visible on photo */\n box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset;\n}\n\n/* footer max-width to align with timeline/micdrop */\n.site-footer .footer__inner{\n max-width:1200px;\n margin:0 auto;\n}\n\n/* footer headings muted */\n.footer__group-title{\n color:#83796E;\n font:500 13px/1.2 var(--xmd-font-body, \"aktiv-grotesk\", sans-serif);\n letter-spacing:.18em;\n text-transform:uppercase;\n margin:0 0 10px;\n}\n\n/* keep links readable on cream */\n.site-footer a{ color:#231F20; }\n.site-footer a:hover{ opacity:.8; }\n\n/* breathing room */\n.micdrop{ padding: clamp(18px, 3vw, 28px) 0; }\n.site-footer{ padding: clamp(28px, 5vw, 48px) 0; }\n\n/* rounded edges on the framed image */\n.micdrop__image,\n.micdrop__frame{ border-radius:16px; }\n\n/* optional: small shadow to lift the micdrop image slightly */\n.micdrop__frame{ box-shadow: 0 10px 24px rgba(0,0,0,.06); }\n\n.btn {\n --btn-bg: #231f20;\n --radius: 40px;\n text-decoration: none;\n font-family: \"aktiv-grotesk\", sans-serif;\n font-size: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 0.9rem 2rem;\n border-radius: var(--radius);\n background: var(--btn-bg);\n line-height: 1;\n font-weight: 600;\n letter-spacing: 0.2px;\n transition: transform 0.16s ease, box-shadow 0.16s ease;\n box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset;\n color: #fff;\n }\n\n/* Subtle, elevated canvas */\n.xmd-header__sheet {\n background:\n radial-gradient(1200px 300px at 80% -20%, rgba(200,190,175,.25), rgba(0,0,0,0) 60%),\n #ffffff;\n border: 1px solid rgba(0,0,0,.06);\n backdrop-filter: blur(6px);\n}\n\n/* Header row in sheet */\n.xmd-sheet__header{\n display:flex; align-items:center; justify-content:center; margin:8px 0;\n}\n.xmd-sheet__brand{\n display:flex; align-items:center; gap:10px;\n font: 400 16px/1.1 var(--xmd-font-body,\"aktiv-grotesk\",sans-serif);\n color:#6f655b;\n text-align:center;\n}\n\n\n/* Card-like nav items */\n.xmd-sheet__item{\n display:block; padding:14px 14px; border-radius:12px; text-decoration:none; color:#1a1a1a;\n background: #f6f3ee; border:1px solid rgba(0,0,0,.04);\n transition: transform .16s ease, box-shadow .16s ease, background .16s ease;\n}\n.xmd-sheet__item + .xmd-sheet__item{ margin-top:8px; }\n.xmd-sheet__item:hover{ transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0,0,0,.06); background:#fff; }\n\n.xmd-sheet__title{ font:600 16px/1.2 var(--xmd-font-body,\"aktiv-grotesk\",sans-serif); letter-spacing:.1px; }\n.xmd-sheet__sub{ margin-top:4px; font: 300 12.5px/1.35 var(--xmd-font-body,\"aktiv-grotesk\",sans-serif); color:#6f655b; }\n\n/* Utility row */\n.xmd-sheet__utility{\n position: sticky; bottom: 0; margin-top: 14px; padding-top: 12px;\n background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 32%);\n display:flex; gap:8px;\n}\n.xmd-sheet__util-btn{\n flex:1; text-align:center; padding:12px 10px; border-radius:999px; text-decoration:none;\n font:500 14px/1 var(--xmd-font-body,\"aktiv-grotesk\",sans-serif);\n border:1px solid rgba(0,0,0,.12); background:#fff;\n}\n.xmd-sheet__util-btn:hover{ background:#f6f3ee; }\n\n\n\n/* ---------- Referral (today mode) ---------- */\n\n/* Script accent just for the \"Referred by\" label */\n.xmd-ref-script{\n font-family: \"playfair-display\", serif; /* you said this is available */\n font-weight: 600;\n font-size: 1rem;\n letter-spacing: 0;\n display: inline-block;\n margin-right: 6px;\n transform: translateY(-1px);\n}\n\n/* Name stays clear and non-script */\n.xmd-ref-name{\n font-family: \"aktiv-grotesk\", system-ui, sans-serif;\n font-weight: 400;\n font-size: 14px;\n}\n\n/* Desktop chip (hidden on mobile) */\n.xmd-ref-root{ position:relative; display:inline-block; }\n.xmd-ref-chip{\n display:inline-flex; align-items:center; gap:.45rem;\n height:32px; padding:0 .8rem; border-radius:9999px;\n border:1px solid rgba(0,0,0,.08);\n background: rgba(255,255,255,.75);\n backdrop-filter: saturate(1.06) blur(4px);\n box-shadow: 0 2px 10px rgba(0,0,0,.04);\n color:#222;\n white-space:nowrap;\n}\n@media (max-width: 959.98px){ .xmd-ref-root{ display:none; } }\n\n/* Mobile banner INSIDE the header so scroll offsets stay correct */\n.xmd-ref-banner{\n display:none;\n}\n@media (max-width: 959.98px){\n .xmd-ref-banner{\n display:flex; align-items:center; justify-content:center; gap:.5rem;\n min-height: 34px;\n padding: 8px 12px;\n background: #f6f3ee;\n border-bottom: 1px solid rgba(0,0,0,.06);\n color:#1a1a1a;\n text-align:center;\n }\n .xmd-ref-banner .xmd-ref-name{ font-size: 14px; }\n}\n\n/* Small verification pill */\n.xmd-ref-badge{\n display:inline-flex; align-items:center;\n padding: .2rem .5rem;\n color: #A2938A;\n font: 700 10px/1.1 'aktiv-grotesk', system-ui, sans-serif;\n text-transform: uppercase; letter-spacing:.04em;\n}\n\n/* (Optional) A bit tighter header when banner is present */\n@media (max-width: 959.98px){\n .xmd-header__inner{\n padding-top: 10px;\n padding-bottom: 10px;\n }\n}\n/* Gap between header bottom and the mobile sheet */\n:root { --xmd-sheet-gap: 8px; }\n\n@media (max-width: 959.98px){\n :root { --xmd-sheet-gap: 12px; }\n}\n\n/* Make the sheet start just below the header + a little breathing room */\n.xmd-header__sheet{\n top: calc(var(--xmd-hdr-offset, 60px) + var(--xmd-sheet-gap, 8px)) !important;\n}\n\n/* Slightly tighter header on mobile (since banner adds height) */\n@media (max-width: 959.98px){\n .xmd-header__inner{\n padding-top: 10px;\n padding-bottom: 10px;\n }\n /* Make sure the header sits above page content while the sheet is offset below it */\n #site-header { z-index: 100001; }\n}\n\n/* iOS safe-area polish for the banner + header */\n@supports (padding: max(0px)) {\n @media (max-width: 959.98px){\n .xmd-ref-banner { padding-top: max(8px, env(safe-area-inset-top)); }\n }\n}","updatedAt","2026-01-07T21:46:11.716Z","createdAt","2025-11-04T04:27:07.005Z","_status","published","headerContent",{"_50":51},"contentItems",[52],{"_25":53,"_54":-5,"_55":56,"_62":-5,"_63":58,"_64":65,"_66":67},"690980a8512d4e4c282458f7","inlineTemplate","template",{"_25":57,"_27":58,"_55":59,"_42":60,"_44":61,"_46":47},18,"XMD Header","\n

\n {{#compare repSiteAlias '!=' 'd5osiX4ALOm-HRbI3Mahyf'}}\n {{#compare repSiteAlias '!=' 'CorpOrphan'}}\n \n {{/compare}}\n{{/compare}}\n\n

\n \n \n \n\n \n\n

\n {{#compare repSiteAlias '!=' 'd5osiX4ALOm-HRbI3Mahyf'}}\n\t {{#compare repSiteAlias '!=' 'CorpOrphan'}}\n \n

\n Referred by\n {{repSiteName}}\n

\n\t {{/compare}}\n {{/compare}}\n\n Get Started\n Login\n \n

\n\n \n \n

\n\t\n\n\n\n\n\n\n\n\n\n","2026-01-07T23:04:35.731Z","2025-11-04T04:25:46.978Z","jsonVariables","blockName","variables",[],"blockType","HtmlTemplate","footerContent",{"_50":70},[71],{"_25":72,"_54":-5,"_55":73,"_62":-5,"_63":75,"_64":79,"_66":67},"690980b9512d4e4c282458f8",{"_25":74,"_27":75,"_55":76,"_42":77,"_44":78,"_46":47},19,"XMD Footer","\n\n

No matter your starting point

Precision Wellness
Begins Today.

\n\n Start your Intake Form\n

Supported by over 20,000 clinicians nationwide.

\n\n\n","2026-01-07T22:15:48.102Z","2025-11-04T04:26:24.903Z",[],"settings",{"_82":83},"oneTrustKey","019a555b-1423-70bf-abaa-e4b38610eeb3","2025-11-14T23:52:45.170Z","2025-09-12T21:03:49.426Z","ENV",{"_88":89,"_90":91,"_92":93},"SENTRY_DSN","https://86be0194140b42a21e94804249a1ea03@o5574.ingest.us.sentry.io/4509958576865280","VERSION","0.7.0","APP_ENV","prod","routes/base-layout",{"_21":22,"_29":30,"_96":97,"_108":109},"repSiteInfo",{"_25":98,"_99":100,"_27":101,"_102":103,"_104":105,"_106":107},"50158521","site_alias","thewholepath","Amber Riley","url","https://shop.xyngular.com/thewholepath","email","thewholepathhub@gmail.com","photo_url","https://undefined/exigodata/media/image_files/customers/50158521/avatar-lg.png","siteSettings",{"_25":110,"_111":34,"_112":113,"_35":114,"_121":122,"_42":154,"_44":155,"_156":157},1,"enableSharpenChat","sharpenChatAppKey","869A9AE1057094BE4C5D988742769492B2C5CB6D0EDA39975E4F7D6B0E2A2BCDE93B5A86861BFA35",[115],{"_25":116,"_27":117,"_40":118,"_42":119,"_44":120,"_46":47},5,"Global Site CSS","/* Hide until we go live with localization */\n/* .locale-selector-menu-item {\n display: none;\n} */\n\n/*@media (min-width: 80rem) {\n .bg-header-bg {\n display: none !important;\n }\n}*/\n\n\ndiv.site-header__content{\n\tbackground-color:#edeae6;\n}\n\na{\n\ttext-decoration:none;\n}\n\n/* ---- Desktop / default: slide between two items ---- */\n.ticker-content {\n animation: none !important;\n transform: none !important;\n display: flex;\n overflow-x: hidden;\n overflow-y: visible;\n white-space: nowrap;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n box-sizing: border-box;\n}\n.ticker-content > * {\n flex: 0 0 100%;\n min-width: 100%;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 !important;\n scroll-snap-align: start;\n padding: 0 .5rem;\n white-space: nowrap;\n}\n\n@media (max-width: 480px) {\n .ticker-content {\n display: grid; \n place-items: center;\n overflow-x: hidden;\n overflow-y: visible;\n min-height: 25px;\n padding: 0 .5rem;\n white-space: nowrap;\n }\n .ticker-content > * {\n grid-area: 1 / 1; \n margin: 0 !important;\n opacity: 0;\n transition: opacity 400ms ease;\n }\n .ticker-content > *.is-active { opacity: 1; }\n\n /* Fallback so it's visible even before JS runs */\n .ticker-content:not([data-init-fade=\"1\"]) > *:first-child { opacity: 1; }\n}\n\n/* Optional: hide scrollbar if any */\n.ticker-content::-webkit-scrollbar { display: none; }\n.ticker-content { -ms-overflow-style: none; scrollbar-width: none; }\n\n.locale-selector-menu-item{\n padding:3px !important;\n}\n\n.locale-selector {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n font-weight: bold;\n\n background-color: transparent;\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.25a.75.75 0 01-1.06 0L5.21 8.27a.75.75 0 01.02-1.06z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 0.5rem center;\n background-size: 1rem;\n\n padding: 0.4rem 2rem 0.4rem 1rem;\n border: none;\n font-size: 14px;\n\n width: 140px; \n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n color:#231f20;\n}\n\n\n/* Prevent text from being cut off */\n.locale-selector-container {\n min-width: 140px; \n}\n.site-header__hamburger-button{\n\tcolor:#231f20;\n}\n","2025-11-27T06:13:29.558Z","2025-07-30T22:20:18.370Z","scripts",[123,135,140,147],{"_25":124,"_27":125,"_126":127,"_128":129,"_130":-5,"_131":132,"_42":133,"_44":134,"_46":47},4,"GSAP Main","type","external","srcUrl","https://cdn.jsdelivr.net/npm/gsap@3.12.7/dist/gsap.min.js","inlineSource","location","top","2025-06-05T22:32:41.841Z","2025-06-05T22:32:41.840Z",{"_25":116,"_27":136,"_126":127,"_128":137,"_130":-5,"_131":132,"_42":138,"_44":139,"_46":47},"GSAP SCroll Trigger","https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js","2025-06-05T22:33:06.044Z","2025-06-05T22:33:06.040Z",{"_25":141,"_27":142,"_126":143,"_128":-5,"_130":144,"_131":132,"_42":145,"_44":146,"_46":47},9,"Ticker Pause","inline","(function () {\n const timers = new WeakMap();\n let attempts = 0;\n const maxAttempts = 30; // ~15s at 500ms\n const tickMs = 5000;\n\n const isMobile = () => window.matchMedia('(max-width: 480px)').matches;\n\n function initTicker(el) {\n if (el.dataset.init === '1') return;\n\n // freeze any original marquee motion\n el.style.animation = 'none';\n el.style.transform = 'none';\n\n // grab first two top-level blocks (your ticker items are typically .mx-0)\n let blocks = Array.from(el.querySelectorAll(':scope > .mx-0'));\n if (!blocks.length && el.firstElementChild) blocks = [el.firstElementChild];\n if (!blocks.length) return;\n\n // clone + remove bullet separators (\".ml-5\" containing \"•\")\n const clean = (node) => {\n const c = node.cloneNode(true);\n c.querySelectorAll('.ml-5').forEach(sep => sep.remove());\n return c;\n };\n const first = clean(blocks[0]);\n const second = clean(blocks[1] || blocks[0]);\n\n // replace children with exactly the two slides (no new wrappers)\n el.innerHTML = '';\n el.appendChild(first);\n el.appendChild(second);\n\n // mark fade CSS fallback as initialized (so :first-child fallback can turn off)\n el.setAttribute('data-init-fade', '1');\n\n let index = 0;\n\n // desktop: slide using scroll; mobile: fade using class\n const applyState = () => {\n if (isMobile()) {\n // fade mode\n Array.from(el.children).forEach((child, i) => {\n child.classList.toggle('is-active', i === index);\n });\n } else {\n // slide mode\n const w = el.getBoundingClientRect().width;\n el.scrollTo({ left: index * w, behavior: 'smooth' });\n }\n };\n\n // ensure first slide is visible immediately\n applyState();\n\n const id = setInterval(() => {\n index ^= 1;\n applyState();\n }, tickMs);\n timers.set(el, id);\n\n // realign on resize/orientation (keeps mobile/desktop switch tidy)\n const onResize = () => applyState();\n window.addEventListener('resize', onResize);\n window.addEventListener('orientationchange', onResize);\n\n // cleanup if node is removed (SPA)\n const mo = new MutationObserver(() => {\n if (!document.body.contains(el)) {\n clearInterval(timers.get(el));\n window.removeEventListener('resize', onResize);\n window.removeEventListener('orientationchange', onResize);\n mo.disconnect();\n }\n });\n mo.observe(document.body, { childList: true, subtree: true });\n\n el.dataset.init = '1';\n }\n\n // try for a bit (SPA-friendly)\n const interval = setInterval(() => {\n document.querySelectorAll('.ticker-content').forEach(initTicker);\n attempts++;\n if (attempts >= maxAttempts) clearInterval(interval);\n }, 500);\n})()","2025-09-05T12:06:34.620Z","2025-09-05T00:36:40.316Z",{"_25":148,"_27":149,"_126":143,"_128":-5,"_130":150,"_131":151,"_42":152,"_44":153,"_46":47},10,"Header transplant logic","(function () {\n if (window.__xgUnifiedHeaderInjected) return;\n window.__xgUnifiedHeaderInjected = true;\n\n /* ========== ENV HELPERS (alias + market aware) ========== */\n function getEnv() {\n var loc = window.location;\n var host = (loc.hostname || \"\").toLowerCase();\n var isReplicated = host.indexOf('myxyngular.com') > -1;\n\n var parts = (loc.pathname || \"/\").replace(/^\\/+|\\/+$/g, '').split('/');\n var locale = parts[0] || 'en';\n var alias = isReplicated ? (parts[1] || '') : null;\n\n var localeToMarket = { 'en':'US', 'en-ca':'CA' };\n var market = localeToMarket[locale] || 'US';\n\n return {\n isReplicated: isReplicated,\n locale: locale,\n alias: alias,\n market: market,\n protocol: loc.protocol\n };\n }\n\n // Corporate/replicated site URL builder (preserves alias on replicated)\n function buildSiteUrl(path) {\n var env = getEnv();\n var host = env.isReplicated ? \"myxyngular.com\" : \"www.xyngular.com\";\n\n var base = env.protocol + \"//\" + host + \"/\" + encodeURIComponent(String(env.locale || 'en').replace(/^\\//,''));\n if (env.isReplicated && env.alias) {\n base += \"/\" + encodeURIComponent(env.alias);\n }\n var suffix = (path || '').charAt(0) === '/' ? path : '/' + (path || '');\n return base + suffix;\n }\n\n // Shop URL builder (not used by the dropdown, but market-aware for future use)\n function buildShopUrl(opts){\n var env = getEnv();\n var owner = (env.isReplicated && env.alias) ? env.alias : 'corporphan';\n var base = env.protocol + \"//shop.xyngular.com/\" + encodeURIComponent(owner);\n var route = (opts && opts.route) ? opts.route : 'Shopping/ItemList';\n\n var params = new URLSearchParams();\n if (opts && opts.categoryid) params.set('categoryid', String(opts.categoryid));\n if (opts && opts.Flow) params.set('Flow', opts.Flow);\n params.set('mkt', env.market);\n\n var q = params.toString();\n return base + '/' + route + (q ? ('?' + q) : '');\n }\n\n /* ========== XMD LINK LOGIC (NEW) ========== */\n var XMD_BASE = \"https://www.xmdwellness.com/en\";\n var XMD_CORPORPHAN_DEST = \"https://www.xmdwellness.com/en/d5osiX4ALOm-HRbI3Mahyf\";\n\n function buildXmdUrl() {\n var env = getEnv();\n\n // If we're on corporate (xyngular.com), always use the fixed corporphan destination\n if (!env.isReplicated) {\n return XMD_CORPORPHAN_DEST;\n }\n\n // Replicated: need alias; if missing, fall back to corporphan dest\n var alias = env.alias || \"\";\n if (!alias) return XMD_CORPORPHAN_DEST;\n\n // Special-case corporphan (any casing)\n if (alias.toLowerCase() === \"corporphan\") {\n return XMD_CORPORPHAN_DEST;\n }\n\n return XMD_BASE + \"/\" + encodeURIComponent(alias);\n }\n\n function updateXmdHeaderLink() {\n // Find any visible header links labeled \"XMD\" and update their hrefs\n // Covers desktop main nav and mobile hamburger lists\n var candidates = document.querySelectorAll(\n '.site-header__navbar--main a, .site-header__hamburger-menu-link, .site-header__navbar a'\n );\n if (!candidates || !candidates.length) return;\n\n var xmdHref = buildXmdUrl();\n if (!xmdHref) return;\n\n for (var i = 0; i < candidates.length; i++) {\n var a = candidates[i];\n var label = (a.textContent || \"\").trim();\n if (label === \"XMD\") {\n a.setAttribute(\"href\", xmdHref);\n // Keep the original target if CMS set it; otherwise default to _self per your snippet\n if (!a.getAttribute(\"target\")) a.setAttribute(\"target\", \"_self\");\n a.setAttribute(\"rel\", \"noopener\");\n a.setAttribute(\"aria-label\", \"XMD (\" + xmdHref + \")\");\n }\n }\n }\n\n /* ========== CSS (scoped to new header) ========== */\n function injectCss() {\n if (document.getElementById('xg-header-css')) return;\n var css = '';\n\n /* Desktop dropdown: match header vibe (#edeae6 bg under menus), bold 16px; underline hover from center */\n css += '@media (min-width:1280px){\\n';\n css += ' .xg-dd{ position:relative; display:inline-block; }\\n';\n css += ' .xg-dd > .xg-trigger{ font-weight:700; font-size:16px; line-height:1; text-decoration:none; color:#111; position:relative; padding:0 2px; cursor:pointer; display:inline-block; }\\n';\n css += ' .xg-dd > .xg-trigger:after{ content:\"\"; position:absolute; left:50%; bottom:-4px; width:0; height:2px; background:#111; transform:translateX(-50%); transition:width .2s ease; }\\n';\n css += ' .xg-dd:hover > .xg-trigger:after{ width:100%; }\\n';\n css += ' .xg-dd-menu{ position:absolute; top:100%; left:0; background:#edeae6; border-radius:6px; box-shadow:0 8px 18px rgba(0,0,0,.08); padding:10px 0; min-width:260px; display:none; z-index:60; }\\n';\n css += ' .xg-dd:hover .xg-dd-menu{ display:block; }\\n';\n css += ' .xg-dd-item{ display:block; padding:10px 16px; color:#111; text-decoration:none; font-weight:700; font-size:16px; }\\n';\n css += ' .xg-dd-item:hover{ text-decoration:underline; }\\n';\n css += '}\\n';\n\n /* Mobile submenu basics */\n css += '.xg-mobile-sub{ margin-left:1.25rem; margin-right:1rem; margin-bottom:.5rem; display:none; }\\n';\n css += '.xg-mobile-sub.is-open{ display:block; }\\n';\n css += '.xg-mobile-btn{ width:88%; display:flex; justify-content:space-between; align-items:center; margin-left:1rem; margin-right:1rem; padding:1rem 0; font-weight:700; font-size:16px; border:none; border-bottom:1px solid #d8d8d8; background-color:#ffffff; color:#231f20; }\\n';\n\n var st = document.createElement('style');\n st.id = 'xg-header-css';\n st.appendChild(document.createTextNode(css));\n (document.head || document.documentElement).appendChild(st);\n }\n\n /* ========== DESKTOP: inject dropdown into SECONDARY nav ========== */\n function makeDesktopDropdownHtml() {\n var aboutUrl = buildSiteUrl('/about');\n var qualityUrl = buildSiteUrl('/high-quality-health-supplements');\n var eventsUrl = buildSiteUrl('/experience');\n\n var html = '';\n html += '';\n html += ' Our Story';\n html += ' ';\n html += '';\n return html;\n }\n\n function injectDesktopDropdown() {\n var secondary = document.querySelector('.site-header__secondary-menu');\n if (!secondary) return;\n var nav = secondary.querySelector('nav.site-header__navbar');\n if (!nav) return;\n\n var existing = nav.querySelector('.xg-dd');\n if (existing) {\n var links = existing.querySelectorAll('.xg-dd-item');\n var aboutUrl = buildSiteUrl('/about');\n var qualityUrl = buildSiteUrl('/high-quality-health-supplements');\n for (var i=0;i portal login\n - New -> proceed to intake selector\n========================= -->\n

\n \n \n\n \n \n\n \n

Have you used XMD before?

\n Returning user patient portal login\n

New users: scroll down to choose your intake.

\n\n\n\n\n\n

\n\t\t\n

\n Already have an account?\n \n Sign into your patient portal\n \n

How would you like to start?

Choose your path below. We’ll send you to the right intake.

\n\n \n\n

\n \n

\n\n \n

\n JavaScript is required for automatic routing. Try:\n
\n Medical Weight Loss or\n Microdosing\n\t\tMicrodosing\n\t\t\n

\n\n\n\n\n\n","2026-01-07T06:35:16.990Z","Get Started Main",[],"meta",{"_177":-5,"_199":-5},"description","code",{"_35":202,"_121":208},[203],{"_25":204,"_27":205,"_40":206,"_42":207,"_44":207,"_46":47},13,"Remove Header & Footer",".layout__main{\n\tpadding:0;\n}\n\n.layout__footer, .layout__header{\n\tdisplay:none;\n}","2025-11-04T04:19:42.535Z",[],"2026-01-07T16:07:59.370Z","2025-11-04T04:04:27.749Z","preview",{"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":213,"_48":215,"_68":220,"_80":225,"_42":84,"_44":85},[214],{"_25":38,"_27":39,"_40":41,"_42":43,"_44":45,"_46":47},{"_50":216},[217],{"_25":53,"_54":-5,"_55":218,"_62":-5,"_63":58,"_64":219,"_66":67},{"_25":57,"_27":58,"_55":59,"_42":60,"_44":61,"_46":47},[],{"_50":221},[222],{"_25":72,"_54":-5,"_55":223,"_62":-5,"_63":75,"_64":224,"_66":67},{"_25":74,"_27":75,"_55":76,"_42":77,"_44":78,"_46":47},[],{"_82":83},"actionData","errors"]

Precision Wellness
Begins Today.

Let's get started

How would you like to start?

Medical Weight Loss

Microdosing

Longevity

Precision WellnessBegins Today.

Let's get started

Medical Weight Loss

Microdosing

Longevity

Precision Wellness
Begins Today.