<!doctype html>
<html
  class="no-js"
  lang="en"
>
  <head>
<!-- Start of Shoplift scripts -->
<!-- 2026-08-21T14:38:59.7055345Z -->
<style>.shoplift-hide { opacity: 0 !important; }</style>
<style id="sl-preview-bar-hide">#preview-bar-iframe, #PBarNextFrameWrapper { display: none !important; }</style>
<script type="text/javascript">(function(rootPath, template, themeRole, themeId, isThemePreview){ /* Generated on 2026-09-06T14:45:01.8680335Z */(function(){"use strict";var te=document.createElement("style");te.textContent=`#shoplift-preview-control{position:fixed;max-width:332px;height:56px;background-color:#141414;z-index:9999;bottom:20px;display:flex;border-radius:8px;box-shadow:13px 22px 7px #0000,9px 14px 7px #00000003,5px 8px 6px #0000000d,2px 4px 4px #00000017,1px 1px 2px #0000001a,0 0 #0000001a;align-items:center;margin:0 auto;left:16px;right:16px;opacity:0;transform:translateY(20px);visibility:hidden;transition:opacity .4s ease-in-out,transform .4s ease-in-out,visibility 0s .4s}#shoplift-preview-control.visible{opacity:1;transform:translateY(0);visibility:visible;transition:opacity .4s ease-in-out,transform .4s ease-in-out,visibility 0s 0s}#shoplift-preview-control *{font-family:Inter,sans-serif;color:#fff;box-sizing:border-box;font-size:16px}#shoplift-preview-variant-title{font-weight:400;line-height:140%;font-size:16px;text-align:start;letter-spacing:-.16px;flex-grow:1;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}#shoplift-preview-variant-selector{position:relative;display:block;padding:6px 0;height:100%;min-width:0;flex:1 1 auto}#shoplift-preview-variant-menu-trigger{border:none;cursor:pointer;width:100%;background-color:transparent;padding:0 16px;border-left:1px solid #333;border-right:1px solid #333;height:100%;display:flex;align-items:center;justify-content:start;gap:8px}#shoplift-preview-variant-selector .menu-variant-label{width:24px;height:24px;border-radius:50%;padding:6px;display:flex;justify-content:center;align-items:center;font-size:12px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-.12px;flex-shrink:0}#shoplift-preview-variant-selector .preview-variant-menu{position:absolute;bottom:110%;transform:translate3d(0,20px,0);visibility:hidden;pointer-events:none;opacity:0;cursor:pointer;background-color:#141414;border:1px solid #141414;border-radius:6px;width:100%;max-height:156px;overflow-y:auto;box-shadow:0 8px 16px #0003;z-index:1;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s .3s}#shoplift-preview-variant-selector .preview-variant-menu.preview-variant-menu__visible{visibility:visible;pointer-events:auto;opacity:100;transform:translateZ(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s 0s}@media screen and (max-width:400px){#shoplift-preview-variant-selector .preview-variant-menu{position:fixed;left:0;right:0;width:auto;bottom:110%}}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item{padding:12px 16px;display:flex;overflow:hidden}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item .menu-variant-label{margin-right:6px}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item span{overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap;white-space:nowrap;color:#f6f6f6;font-size:14px;font-style:normal;font-weight:500}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item:hover{background-color:#545454}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item:last-of-type{border-bottom-left-radius:6px;border-bottom-right-radius:6px}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item:first-of-type{border-top-left-radius:6px;border-top-right-radius:6px}#shoplift-preview-control div:has(#shoplift-exit-preview-button){padding:0 16px}#shoplift-exit-preview-button{padding:6px 8px;font-weight:500;line-height:75%;border-radius:4px;background-color:transparent;border:none;text-decoration:none}#shoplift-exit-preview-button:hover{cursor:pointer;background-color:#333}#shoplift-preview-subscription-warning{position:relative;display:flex;align-items:center;gap:6px;padding:6px 10px;margin:0 4px;border-left:1px solid #333;cursor:help;outline:none}#shoplift-preview-subscription-warning__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:#f59e0b;color:#141414!important;font-weight:700;font-size:12px!important;line-height:1;flex-shrink:0}#shoplift-preview-subscription-warning__label{font-size:13px!important;font-weight:500;color:#fbbf24!important;text-wrap:nowrap;white-space:nowrap}#shoplift-preview-subscription-warning__tooltip{position:absolute;bottom:calc(100% + 8px);right:0;max-width:320px;width:max-content;padding:10px 12px;border-radius:6px;background-color:#1f1f1f;color:#fff!important;font-size:12px!important;line-height:1.4!important;box-shadow:0 8px 16px #0000004d;z-index:10000;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0s .2s;pointer-events:none}#shoplift-preview-subscription-warning__tooltip.shoplift-preview-subscription-warning__tooltip--visible{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0s 0s}#shoplift-preview-subscription-warning:focus-visible{box-shadow:inset 0 0 0 2px #f59e0b;border-radius:4px}#shoplift-preview-control:has(#shoplift-preview-subscription-warning){max-width:480px}/*$vite$:1*/`,document.head.appendChild(te);var fe=" daum[ /]| deusu/|(?:^|[^g])news(?!sapphire)|(?<! channel/|google/)google(?!(?:wv|app|/google| pixel))|(?<! cu)bots?(?:\\b|_)|(?<!cam)scan|(?<!lib)http|24x7|;\\s\\w+;$|@[a-z][\\w-]+\\.|\\(\\)|\\.com\\b|\\b\\w+/1\\.0;|\\bbw/|\\bdlc\\b|\\bort/|\\bperl\\b|\\btime/|\\||^[<\\(;]|^[\\w \\.\\-\\(?:\\):%]+(?:/v?\\d+(?:\\.\\d+)?(?:\\.\\d{1,10})*?)?(?:,|$)|^[\\w\\-]+/[\\w]+$|^[^ ]{50,}$|^\\d+\\b|^\\w*search\\b|^\\w+/[\\w\\(\\)]*$|^\\w+/\\d\\.\\d\\s\\([\\w@]+\\)$|^active|^ad muncher|^amaya|^apache/|^avsdevicesdk/|^azure|^biglotron|^blackbox exporter|^bot|^clamav[ /]|^claude-code/|^client/|^cobweb/|^custom|^ddg[_-]android|^discourse|^dispatch/\\d|^downcast/|^duckduckgo|^email|^exodusmovement|^facebook|^getright/|^gozilla/|^hobbit|^hotzonu|^hwcdn/|^igetter/|^jeode/|^jetty/|^jigsaw|^microsoft bits|^movabletype|^mozilla/\\d\\.\\d\\s[\\w\\.-]+$|^mozilla/\\d\\.\\d\\s\\((?:compatible;)?(?:\\s?[\\w\\d-.]+\\/\\d+\\.\\d+)?\\)$|^navermailapp|^netsurf|^offline|^openai/|^owler|^php|^postman|^ps_daily/|^python|^rank|^read|^reed|^remove\\.bg/|^rest|^rss|^snapchat|^sora |^space bison|^stape/|^svn|^swcd |^taringa|^thumbor/|^track|^w3c|^webbandit/|^webcopier|^wget|^whatsapp|^wordpress|^xenu link sleuth|^yahoo|^yandex|^zdm/\\d|^zoom marketplace/|abuse|advisor|agent\\b|analyzer|archive|ask jeeves/teoma|attracta|audit|bluecoat drtr|browsex|burpcollaborator|capture|catch|check\\b|checker|chrome-lighthouse|chromeframe|classifier|cloudflare|collapsify\\b|convertify|cookiehubverify/|crawl|cursor/|cypress/|dareboost|datanyze|dejaclick|detect|discovery|dmbrowser|download|exaleadcloudview|feed|firephp|foregenix|functionize|grab|hardenize\\b|headless|hotjar|httrack|hubspot marketing grader|ibisbrowser|infrawatch|insight|inspect|iplabel|java(?!;)|library|linkcheck|linktiger|mail\\.ru/|manager|manus-user/|marketgoo/|measure|monitor\\b|neustar wpm|node\\b|nutch|offbyone|openvas|optimize|pageburst|pagespeed|parser|phantomjs|pingdom|playwright|powermarks|preview|productfinder|prospectingstudio|proxy|ptst[ /]\\d|radar|readable/|retriever|rexx;|rigor|rss\\b|scrape|securityheaders|selenium|server|silktide|sindup/|sogou|sparkler/|speedcurve|spider|splash|statuscake|supercleaner|synapse|synthetic|testlocally|tools|torrent|transcoder|url|validator|virtuoso|wappalyzer|watchtowr|webglance|webkit2png|whatcms/|xtate/",ge=/bot|crawl|http|lighthouse|scan|search|spider/i,z;function me(){if(z instanceof RegExp)return z;try{z=new RegExp(fe,"i")}catch{z=ge}return z}var ye=a=>typeof a=="string"&&a!=="";function ve(a){return ye(a)&&me().test(a)}var we=ve;class Q{timestamp;constructor(){this.timestamp=new Date}}class be extends Q{type;testId;hypothesisId;constructor(e,t,i){super(),this.type=3,this.testId=e,this.hypothesisId=t,this.timestamp=i}}class Se extends Q{type;path;constructor(e){super(),this.type=4,this.path=e}}class Ce extends Q{type;cart;constructor(e){super(),this.type=5,this.cart=e}}class ie extends Error{isBot;constructor(){super(),this.isBot=!0}}function Te(a,e,t){for(const i of e.selectors){const s=a.querySelectorAll(i.cssSelector);for(let r=0;r<s.length;r++)t(e.testId,e.hypothesisId)}re(a,e,(i,s,r,n,o)=>o(s,r),t)}function U(a,e,t){for(const i of e.selectors)ne(a,e.testId,e.hypothesisId,i,t??(()=>{}));re(a,e,ne,t??(()=>{}))}function se(a){return a.urlPatterns.reduce((e,t)=>{switch(t.operator){case"contains":return e+`.*${t}.*`;case"endsWith":return e+`.*${t}`;case"startsWith":return e+`${t}.*`}},"")}function re(a,e,t,i){new MutationObserver(()=>{for(const r of e.selectors)t(a,e.testId,e.hypothesisId,r,i)}).observe(a.documentElement,{childList:!0,subtree:!0})}function ne(a,e,t,i,s){const r=a.querySelectorAll(i.cssSelector);for(let n=0;n<r.length;n++){let o=r.item(n);if(o instanceof HTMLElement&&o.dataset.shoplift!==""){o.dataset.shoplift="";for(const l of i.actions.sort(Re))o=Ie(a,i.cssSelector,o,l)}}return r.length>0&&s?(s(e,t),!0):!1}function Ie(a,e,t,i){switch(i.type){case"innerHtml":t.innerHTML=i.value;break;case"attribute":Pe(t,i.scope,i.value);break;case"css":Ae(a,e,i.value);break;case"js":ke(a,t,i);break;case"copy":return Ee(t);case"remove":xe(t);break;case"move":_e(t,parseInt(i.value));break}return t}function Pe(a,e,t){a.setAttribute(e,t)}function Ae(a,e,t){const i=a.createElement("style");i.innerHTML=`${e} { ${t} }`,a.getElementsByTagName("head")[0]?.appendChild(i)}function ke(a,e,t){Function("document","element",`"use strict"; ${t.value}`)(a,e)}function Ee(a){const e=a.cloneNode(!0);if(!a.parentNode)throw"Can't copy node outside of DOM";return a.parentNode.insertBefore(e,a.nextSibling),e}function xe(a){a.remove()}function _e(a,e){if(e===0)return;const t=Array.prototype.slice.call(a.parentElement.children).indexOf(a),i=Math.min(Math.max(t+e,0),a.parentElement.children.length-1);a.parentElement.children.item(i).insertAdjacentElement(e>0?"afterend":"beforebegin",a)}function Re(a,e){return oe(a)-oe(e)}function oe(a){return a.type==="copy"||a.type==="remove"?0:1}var M=(a=>(a[a.Template=0]="Template",a[a.Theme=1]="Theme",a[a.UrlRedirect=2]="UrlRedirect",a[a.Script=3]="Script",a[a.Dom=4]="Dom",a[a.Price=5]="Price",a))(M||{});const De="data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.96001%207.90004C9.86501%207.90004%209.77001%207.86504%209.69501%207.79004L6.43501%204.53004C6.19501%204.29004%205.80501%204.29004%205.56501%204.53004L2.30501%207.79004C2.16001%207.93504%201.92001%207.93504%201.77501%207.79004C1.63001%207.64504%201.63001%207.40504%201.77501%207.26004L5.03501%204.00004C5.56501%203.47004%206.43001%203.47004%206.96501%204.00004L10.225%207.26004C10.37%207.40504%2010.37%207.64504%2010.225%207.79004C10.15%207.86004%2010.055%207.90004%209.96001%207.90004Z'%20fill='white'/%3e%3c/svg%3e",Ve="data:image/svg+xml,%3csvg%20width='14'%20height='24'%20viewBox='0%200%2014%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.3976%2014.5255C12.2833%2013.8788%2012.0498%2013.3024%2011.6952%2012.7961C11.3416%2012.2898%2010.9209%2011.8353%2010.4353%2011.4317C9.94868%2011.0291%209.43546%2010.6488%208.89565%2010.292C8.48487%2010.049%208.09577%209.78565%207.72637%209.50402C7.35697%209.2224%207.08016%208.89503%206.89694%208.51987C6.71273%208.14471%206.67826%207.69533%206.79055%207.1697C6.86345%206.83216%206.97476%206.54647%207.12351%206.31162C7.27324%206.07778%207.47124%205.89986%207.7175%205.77684C7.96377%205.65483%208.21989%205.59383%208.48389%205.59383C8.88087%205.59383%209.17639%205.7016%209.3734%205.91714C9.56943%206.13268%209.68271%206.42345%209.71424%206.78946C9.74576%207.15547%209.72015%207.55401%209.63839%207.98509C9.55663%208.41617%209.43645%208.84724%209.27687%209.27934L13.5127%208.80149C13.9638%207.52656%2014.1017%206.42447%2013.9264%205.49725C13.751%204.56901%2013.2664%203.85122%2012.4724%203.34491C12.239%203.19648%2011.9779%203.07041%2011.6893%202.96569L12.0026%201.50979L9.86397%200L7.3875%201.50979L7.11169%202.78878C6.65166%202.8874%206.21724%203.01957%205.8114%203.19038C4.85292%203.594%204.06684%204.15115%203.45117%204.86385C2.83452%205.57655%202.42571%206.40108%202.22378%207.33847C2.06616%208.06947%202.04942%208.70796%202.17551%209.25087C2.30061%209.7948%202.52028%2010.2828%202.8355%2010.7139C3.14974%2011.145%203.51816%2011.5344%203.93977%2011.881C4.36039%2012.2288%204.782%2012.5521%205.20164%2012.851C5.68334%2013.1702%206.13844%2013.5169%206.56497%2013.8921C6.99052%2014.2672%207.31954%2014.7125%207.55004%2015.228C7.78055%2015.7445%207.81502%2016.3769%207.65347%2017.1262C7.56482%2017.5389%207.43676%2017.8765%207.27028%2018.1388C7.10381%2018.4011%206.89596%2018.5983%206.64772%2018.7295C6.3985%2018.8606%206.12071%2018.9267%205.8114%2018.9267C5.21641%2018.9267%204.79776%2018.6034%204.62833%2018.1632C4.4589%2017.7229%204.47367%2017.2583%204.60075%2016.5639C4.72782%2015.8705%205.05092%2015.1395%205.37107%2014.3699H1.17665C1.17665%2014.3699%200.207341%2016.1115%200.0310135%2017.6762C-0.0655232%2018.5302%200.0635208%2019.2653%200.41519%2019.8844C0.76686%2020.5036%201.33032%2020.9814%202.10655%2021.319C2.39222%2021.443%202.7104%2021.5447%203.05813%2021.623L2.54589%2024H7.17473L7.7047%2021.5386C8.08493%2021.442%208.43857%2021.3231%208.76562%2021.1787C9.73985%2020.7476%2010.52%2020.1427%2011.1071%2019.3649C11.6932%2018.5871%2012.0873%2017.7291%2012.2892%2016.7917C12.4744%2015.9295%2012.5099%2015.1741%2012.3966%2014.5275L12.3976%2014.5255Z'%20fill='white'/%3e%3c/svg%3e";async function Oe(a){let e=a.replace(/-/g,"+").replace(/_/g,"/");for(;e.length%4;)e+="=";const t=atob(e),i=Uint8Array.from(t,n=>n.charCodeAt(0)),s=new Blob([i]).stream().pipeThrough(new DecompressionStream("gzip")),r=await new Response(s).text();return JSON.parse(r)}function F(a,e){return typeof e=="string"&&/\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d+(?:Z|[+-]\d+)/.test(e)?new Date(e):e}function X(a,e){return e}function q(a,e=!1,t=!1,i=","){const s=a/100;if(t){const n=Math.round(s).toLocaleString("en-US");return i!==","?n.replace(/,/g,i):n}else{const r=e?",":".",n=s.toFixed(2).split("."),o=parseInt(n[0],10),l=n[1]??"00",c=o.toLocaleString("en-US");return i!==","?`${c.replace(/,/g,i)}${r}${l}`:e?`${c.replace(/,/g,".")}${r}${l}`:`${c}${r}${l}`}}function H(a,e,t,i){const s=e.replace("{{amount}}",q(a,!1,!1)).replace("{{amount_no_decimals}}",q(a,!1,!0)).replace("{{amount_with_comma_separator}}",q(a,!0,!1)).replace("{{amount_no_decimals_with_comma_separator}}",q(a,!0,!0)).replace("{{amount_with_space_separator}}",q(a,!1,!1," ")).replace("{{amount_no_decimals_with_space_separator}}",q(a,!1,!0," ")).replace("{{amount_with_apostrophe_separator}}",q(a,!1,!1,"'")).replace("{{amount_no_decimals_with_apostrophe_separator}}",q(a,!1,!0,"'")).replace("{{amount_with_period_and_space_separator}}",q(a,!1,!1,". ")).replace("{{amount_no_decimals_with_period_and_space_separator}}",q(a,!1,!0,". "));return i?`${s} ${t}`:s}function ae(a){return a.replace(/[^\d.,\s-]/g,"").trim()}function j(a){const e=new Map;for(const[t,i,s]of a.variants)e.set(t,{priceInCents:i,compareAtPriceInCents:s});return e}function Le(a,e,t,i){const{priceInCents:s,compareAtPriceInCents:r}=t,{moneyFormat:n,currency:o,currencyCodeEnabled:l}=i;if(a.getAttribute("data-sl-attribute-p")===e)a.innerHTML=H(s,n,o,l);else if(a.getAttribute("data-sl-attribute-cap")===e)r<=0||r<=s?a.remove():a.innerHTML=H(r,n,o,l);else if(a.getAttribute("data-sl-attribute-discount")===e&&!(r<=0||r<=s)){const d=Math.round((r-s)/r*100),p=ae(H(r-s,n,o,!1)),h=a.getAttribute("data-sl-format")||"percent";h==="percent"?a.textContent=`-${d}%`:h==="amount"?a.textContent=`-${p}`:h==="both"&&(a.textContent=`-${d}% (-${p})`)}}function $e(a){const e=[],t={id:"url-pattern",operator:"contains",value:"/"};for(const[i,s,r]of a.variants){e.push({id:`p-${i}`,cssSelector:`[data-sl-attribute-p="${i}"]`,urlPatterns:[t],actions:[{id:`p-action-${i}`,type:"innerHtml",scope:"price",value:H(s,a.moneyFormat,a.currency,a.currencyCodeEnabled)}]});const n=r<=0||r<=s;if(e.push({id:`cap-${i}`,cssSelector:`[data-sl-attribute-cap="${i}"]`,urlPatterns:[t],actions:[{id:`cap-action-${i}`,type:n?"remove":"innerHtml",scope:"compare-at-price",value:n?"":H(r,a.moneyFormat,a.currency,a.currencyCodeEnabled)}]}),!n&&r>s){const o=Math.round((r-s)/r*100),l=ae(H(r-s,a.moneyFormat,a.currency,!1));e.push({id:`d-${i}`,cssSelector:`[data-sl-attribute-discount="${i}"]`,urlPatterns:[t],actions:[{id:`d-action-${i}`,type:"js",scope:null,value:`var format = element.getAttribute('data-sl-format') || 'percent';                    if (format === 'percent') {                      element.textContent = '-${o}%';                    } else if (format === 'amount') {                      element.textContent = '-${l}';                    } else if (format === 'both') {                      element.textContent = '-${o}% (-${l})';                    }`}]})}}return e}const Me=a=>{let e=5381;for(let t=0;t<a.length;t++)e=(e*33^a.charCodeAt(t))>>>0;return e.toString(36)},qe=()=>Math.random().toString(36).slice(2,10)+Date.now().toString(36).slice(-4),He=a=>btoa(JSON.stringify(a)).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,""),ee=a=>a.replace(/#slr-[a-z0-9]+$/,""),tt="modulepreload",it=function(a){return"/"+a},st={},Ne=function(e,t,i){let s=Promise.resolve();function r(n){const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=n,window.dispatchEvent(o),!o.defaultPrevented)throw n}return s.then(n=>{for(const o of n||[])o.status==="rejected"&&r(o.reason);return e().catch(r)})};function le(a,e,t){const i=t?a.plans.filter(c=>!c.variantId||c.variantId===t):a.plans,s=[],r=[];for(const c of i)c.direction==="decrease"?(s.push(c.existingShopifyPlanId),r.push(c.createdShopifyPlanId)):(s.push(c.createdShopifyPlanId),r.push(c.existingShopifyPlanId));const n=e?s:r,o=e?r:s;if(t)for(const c of a.plans)for(const d of[c.existingShopifyPlanId,c.createdShopifyPlanId])d&&!n.includes(d)&&!o.includes(d)&&o.push(d);const l={};for(let c=0;c<o.length;c++){const d=o[c],p=n[c];d&&p&&(l[d]=p)}return{showPlanIds:n,hidePlanIds:o,swapMap:l}}function ce(a,e,t){const i=e?a.plans.find(r=>r.variantId===e):void 0;if(i)return i.direction;if(t){const r=a.plans.find(n=>n.productId===t);if(r)return r.direction}return a.plans.find(r=>!r.variantId)?.direction??null}function K(a,e){const t=e?a.plans.filter(r=>!r.productId||r.productId===e):a.plans,i={};for(const r of t)i[r.existingShopifyPlanId]=r.existingDiscountAmount,i[r.createdShopifyPlanId]=r.existingDiscountAmount;const s=Math.max(...Object.values(i),0);return{discountMap:i,maxDiscount:s}}function W(a){const e=document.querySelector('form[action*="/cart/add"] input[name="product-id"]')?.value;if(e)return e;if(a){for(const r of Array.from(document.querySelectorAll("[data-sl-attribute-p]"))){const n=r.getAttribute("data-sl-attribute-p");if(!n)continue;const o=a.variants.find(l=>l[0]===n);if(o?.[3])return o[3]}const s=document.querySelector('form[action*="/cart/add"] input[name="id"]')?.value;if(s){const r=a.variants.find(n=>n[0]===s);if(r?.[3])return r[3]}}const t=window,i=t.ShopifyAnalytics?.meta?.product?.id??t.meta?.product?.id;return i!=null?String(i):null}function D(a,e){return a.widget.selectors[e]??[]}function N(a,e){return a.replace(/[\d.]+%/,`${e}%`)}function $(a,e){const t=document.createTreeWalker(a,NodeFilter.SHOW_TEXT);let i=t.nextNode();for(;i;){if(i.nodeValue!==null){const s=e(i.nodeValue);if(s!==i.nodeValue){i.nodeValue=s;return}}i=t.nextNode()}}function de(a,e){return a===null?!1:a==="decrease"?!e:e}async function Ue(a){if(a.subscriptionSwapDone)return;const e=a.getActiveAssignment();if(!e)return;const t=a.getHypothesis(e.hypothesisId);if(!t?.subscriptionData)return;a.subscriptionSwapDone=!0;const i=t.subscriptionData,s=t.isControl,r=[...new Set(i.plans.map(d=>d.direction))].join(",");a.log(`[SUB-SWAP] ${s?"A":"B"} side, directions=${r}`);const n=i.plans.some(d=>d.variantId);let o=!1,l=!1;function c(){if(!l){l=!0;try{const d=n?document.querySelector("select[name='id'], input[name='id']")?.value:void 0,{showPlanIds:p,hidePlanIds:h,swapMap:u}=le(i,s,d);a.swapMap=u;const b=D(i,"widgetParent"),E=D(i,"subscriptionPlans"),S=D(i,"subscriptionInput");if(!b.length||!E.length||!S.length)return;const C=document.querySelector(b[0].selector);if(!C?.shadowRoot)return;const _=C.shadowRoot.querySelector(E[0].selector);if(!_?.shadowRoot)return;const T=S[0].selector;let m=null;if(i.widget.widgetType==="buttons"||i.widget.widgetType==="radio"){const y=Array.from(_.shadowRoot.querySelectorAll(T));if(!y.length)return;for(const v of y){const g=v.closest("label");g&&(p.includes(v.value)?g.style.display="":h.includes(v.value)&&(g.style.display="none"))}const w=y.some(v=>p.includes(v.value)&&v.checked),I=y.some(v=>h.includes(v.value)&&v.checked);if((w||I)&&(o=!1),!w&&!o){o=!0;for(const v of y)if(p.includes(v.value)){v.closest("label")?.click(),v.dispatchEvent(new Event("change",{bubbles:!0}));break}}const f=y.find(v=>v.checked);m=f&&p.includes(f.value)?f.value:p[0]??null}else if(i.widget.widgetType==="dropdown"){const y=_.shadowRoot.querySelector("select");if(!y)return;for(const w of Array.from(y.options))h.includes(w.value)&&(w.style.display="none",w.disabled=!0);if(h.includes(y.value)){const w=Array.from(y.options).find(I=>p.includes(I.value));w&&(y.value=w.value,y.dispatchEvent(new Event("change",{bubbles:!0})))}m=p.includes(y.value)?y.value:p[0]??null}if(m){const y=Array.from(document.querySelectorAll('input[name="selling_plan"]'));for(const w of y)w.value!==m&&(w.value=m)}}finally{l=!1}}}if(a.subscriptionHideWrongPlans=c,a.swapMap=le(i,s).swapMap,c(),n){const d=document.querySelector("select[name='id'], input[name='id']");d&&d.addEventListener("change",c)}}function B(a){const e=D(a,"widgetParent");return e.length?document.querySelector(e[0].selector)?.shadowRoot??null:null}function J(a,e){const t=D(a,"subscriptionPlans");return t.length?e.querySelector(t[0].selector)?.shadowRoot??null:null}function Y(a,e){const t=new URLSearchParams(window.location.search).get("variant");if(t)return t;{const i=document.querySelector('form[action*="/cart/add"] input[name="id"]')?.value;if(i)return i}return a.size>0?[...a.keys()][0]:void 0}function G(a,e){return H(a,e.moneyFormat,e.currency,e.currencyCodeEnabled)}function Fe({originalFetch:a,swapMap:e,slptValue:t,getSelectedPlanId:i,log:s}){if(window.fetch.__shoplift_intercepted)return s("[SUB-INTERCEPT] already installed — skipping"),()=>{};function r(o){if(i){const l=i();if(l)return e[l]??l}return e[o]??o}const n=function(o,l){if((typeof o=="string"?o:o instanceof URL?o.href:o.url).includes("/cart/add")&&l?.body)try{if(l.body instanceof FormData){const d=l.body.get("selling_plan");d?l.body.set("selling_plan",r(String(d))):(!d||d==="")&&t&&l.body.set("properties[_slpt]",t)}else if(typeof l.body=="string"){const d=JSON.parse(l.body);if(d.items)for(const p of d.items){const h=String(p.selling_plan??"");h?p.selling_plan=r(h):!p.selling_plan&&t&&(p.properties||(p.properties={}),p.properties._slpt=t)}else if(d.id){const p=String(d.selling_plan??"");p?d.selling_plan=r(p):!d.selling_plan&&t&&(d.properties||(d.properties={}),d.properties._slpt=t)}l.body=JSON.stringify(d)}}catch(d){s("[SUB-INTERCEPT] body parse failed; cart-add proceeds with un-swapped plan",d)}return a.call(window,o,l)};return n.__shoplift_intercepted=!0,window.fetch=n,function(){window.fetch===n&&(window.fetch=a)}}function Be({log:a}){if(window.fetch.__shoplift_intercepted)return a("[SUB-PREVIEW-BLOCK] already installed — skipping"),()=>{};const e=window.fetch,t=function(i,s){const r=typeof i=="string"?i:i instanceof URL?i.href:i.url;return r.includes("/cart/add")?(a("[SUB-PREVIEW-BLOCK] cart-add blocked in preview mode",{url:r}),Promise.resolve(new Response(JSON.stringify({id:0,properties:{},quantity:0,variant_id:0,key:"preview",title:"Preview — cart-add blocked",price:0,original_price:0,line_price:0,original_line_price:0,total_discount:0,discounts:[],preview:!0}),{status:200,headers:{"Content-Type":"application/json"}}))):e.call(window,i,s)};return t.__shoplift_intercepted=!0,window.fetch=t,function(){window.fetch===t&&(window.fetch=e)}}function ue({data:a,runUpdates:e,debounceMs:t=150}){let i=null;function s(){i&&clearTimeout(i),e(),i=setTimeout(e,t)}let r=null;const n=[],o={childList:!0,subtree:!0,characterData:!0,attributes:!0};function l(h){for(const u of n)u.disconnect();n.length=0;for(const u of Array.from(h.querySelectorAll("*")))if(u.shadowRoot){const b=new MutationObserver(s);b.observe(u.shadowRoot,o),n.push(b)}}function c(){const h=B(a);return h?(r&&r.disconnect(),l(h),r=new MutationObserver(u=>{u.some(b=>b.type==="childList"&&b.addedNodes.length>0)&&l(h),s()}),r.observe(h,o),!0):!1}const d=document.body||document.documentElement,p=new MutationObserver(()=>{c()&&s()});return p.observe(d,{childList:!0,subtree:!0}),c()&&s(),e(),function(){i&&(clearTimeout(i),i=null),p.disconnect(),r&&(r.disconnect(),r=null);for(const u of n)u.disconnect();n.length=0}}async function ze(a){if(a.subscriptionPriceDone)return;const e=a.getActiveAssignment(),t=e?a.getHypothesis(e.hypothesisId):void 0,i=t?.subscriptionData?null:a.findActiveSubscriptionTestControl(),s=t?.subscriptionData?t:i?.hypothesis;if(!s?.subscriptionData)return;const r=t?.subscriptionData?e.testId:i.testId;a.subscriptionPriceDone=!0;const n=s.subscriptionData,o=s.isControl,l=s.priceData,c=n.widget.widgetType;let d=W(l),p=K(n,d),h=p.discountMap,u=p.maxDiscount;function b(){const g=W(l);g!==d&&(d=g,p=K(n,d),h=p.discountMap,u=p.maxDiscount,a.log(`[SUB-PRICE] scope refreshed side=${o?"A":"B"}, currentProductId=${d??"n/a"}, maxDiscount=${u}`))}a.log(`[SUB-PRICE] side=${o?"A":"B"}, currentProductId=${d??"n/a"}, maxDiscount=${u}`),a.updatePriceTestHiddenInputs(r,o?"control":"variant",!1);function E(){if(!l)return null;const g=j(l),P=Y(g),A=ce(n,P,d);if(!de(A,o))return null;const k=P?g.get(P):void 0;return k?{formattedVariantPrice:G(k.priceInCents,l),formattedDiscounted:G(k.priceInCents*(1-u/100),l)}:null}Fe({originalFetch:a.fetch,swapMap:a.swapMap??{},slptValue:a.slptValue??void 0,log:a.log,getSelectedPlanId:()=>{const g=B(n);if(!g)return null;const P=J(n,g);if(!P)return null;const A=D(n,"subscriptionInput"),k=A.length?A[0].selector:'input[name="rc_plan"]';return P.querySelector(`${k}:checked`)?.value??null}});function S(g){const P=D(n,"subscriptionDiscount");for(const A of P)if(A.selector.includes("badge")||A.selector.includes("__badge")){const k=g.querySelector(A.selector);k?.textContent&&!k.textContent.includes(`${u}%`)&&$(k,x=>N(x,u))}}function C(g){const P=E();if(!P)return;const A=D(n,"subscriptionCompareAt");for(const k of A){const x=g.querySelector(k.selector)||g.querySelector(`[part~="${k.selector}"]`);x?.textContent&&!x.textContent.includes(P.formattedVariantPrice)&&$(x,R=>/\d/.test(R)?P.formattedVariantPrice:R)}}function _(g,P){const A=D(n,"subscriptionCompareAt"),k=P===0?"none":"";for(const x of A){const R=g.querySelector(x.selector)||g.querySelector(`[part~="${x.selector}"]`);R&&(k==="none"?R.style.display!=="none"&&(R.style.display="none"):R.style.display==="none"&&(R.style.display=""))}}function T(g){const P=D(n,"subscriptionInput"),A=P.length?P[0].selector:'input[name="rc_plan"]',k=D(n,"subscriptionPlanDiscount"),x=k.length?k[0].selector:".rc-plans-button__discount";for(const R of Array.from(g.querySelectorAll("label"))){const O=R.querySelector(A),V=R.querySelector(x);if(O&&V){const L=h[O.value];if(L!==void 0){if(L===0)V.style.display!=="none"&&(V.style.display="none");else if(V.style.display==="none"&&(V.style.display=""),V.textContent){const Z=V.textContent.match(/[\d.]+%/)?.[0];Z&&Z!==`${L}%`&&$(V,et=>N(et,L))}}}}}function m(g){const P=g.querySelector("select");if(P)for(const A of Array.from(P.options)){const k=h[A.value];if(k!==void 0&&A.textContent){const x=A.textContent.match(/[\d.]+%/)?.[0];x&&x!==`${k}%`&&(A.textContent=N(A.textContent,k))}}}function y(g,P){const k=D(n,"subscriptionDiscount").filter(x=>x.selector.includes("benefit")||x.selector==="rc-benefits");for(const x of k){const R=g.querySelector(x.selector);if(R?.shadowRoot){for(const O of Array.from(R.shadowRoot.querySelectorAll("li")))if(O.textContent?.includes("Save")){const V=O;if(P===0)V.style.display!=="none"&&(V.style.display="none");else{V.style.display==="none"&&(V.style.display="");const L=O.textContent.match(/[\d.]+%/)?.[0];L&&L!==`${P}%`&&$(O,Z=>N(Z,P))}}}}}let w=!1;function I(){if(!w){w=!0;try{if(b(),d!==null&&Object.keys(h).length===0)return;const g=B(n);if(!g)return;S(g),l&&C(g);const P=J(n,g);let A=u;if(P){const k=D(n,"subscriptionInput"),x=k.length?k[0].selector:'input[name="rc_plan"]',R=P.querySelector(`${x}:checked`);if(R){const O=h[R.value];O!==void 0&&(A=O)}c==="buttons"||c==="radio"?T(P):m(P)}_(g,A),y(g,A)}finally{w=!1}}}function f(){const g=E();if(!g)return;const P=B(n);if(!P)return;const A=D(n,"onetimeToggle"),k=A.length?A[0].selector:'input[value="onetime"]';if(!P.querySelector(k)?.checked)return;const R=D(n,"subscriptionPrice");for(const O of R){const V=P.querySelector(O.selector)||P.querySelector(`[part~="${O.selector}"]`);V?.textContent&&!V.textContent.includes(g.formattedDiscounted)&&$(V,L=>/\d/.test(L)?g.formattedDiscounted:L)}}function v(){a.subscriptionHideWrongPlans&&a.subscriptionHideWrongPlans(),I(),a.subscriptionUpdateOneTime&&a.subscriptionUpdateOneTime(),f()}ue({data:n,runUpdates:v})}async function We(a){if(a.subscriptionOneTimeDone)return;const e=a.getActiveAssignment(),t=e?a.getHypothesis(e.hypothesisId):void 0,i=!!(t?.subscriptionData&&t.priceData),s=i?null:a.findActiveSubscriptionTestControl(),r=i?t:s?.hypothesis;if(!r?.subscriptionData||!r.priceData)return;const n=i?e.testId:s.testId;a.subscriptionOneTimeDone=!0;const o=r.subscriptionData,l=r.priceData,c=j(l),d=r.isControl,p=d?"control":"variant";a.slptValue=`${n}:${p}:f`,a.updatePriceTestHiddenInputs(n,p,!1);function h(){const u=B(o);if(!u)return;const b=Y(c);if(!b)return;const E=W(l),S=ce(o,b,E);if(!de(S,d))return;const C=c.get(b);if(!C)return;const _=H(C.priceInCents,l.moneyFormat,l.currency,l.currencyCodeEnabled),T=D(o,"onetimePrice");if(!T.length)return;const m=D(o,"onetimeContainer"),y=m.length?m[0].selector:'[part~="rc-purchase-option__onetime"]',I=u.querySelector(y)??u;for(const f of T){let v=null;try{v=I.querySelector(f.selector)}catch{v=null}v??=I.querySelector(`[part~="${f.selector}"]`),v&&v.textContent&&!v.textContent.includes(_)&&$(v,g=>/\d/.test(g)?_:g)}}a.subscriptionUpdateOneTime=h,h()}async function Ge(a,e){const{subscriptionPreviewRender:t}=await Ne(async()=>{const{subscriptionPreviewRender:i}=await Promise.resolve().then(()=>Xe);return{subscriptionPreviewRender:i}},void 0);return t(a.subscriptionData,a.priceData,a.isControl,e)}function je(a,e){const t=a.widget.selectors.widgetParent??[],i=a.widget.selectors.subscriptionPlans??[],s=a.widget.selectors.subscriptionInput??[];if(!t.length||!i.length||!s.length){e("[SUB-GLOBAL-HIDE] Missing required selectors — skipping");return}const r=t[0].selector,n=i[0].selector,o=s[0].selector;let l=!1,c=null,d=!1;function p(){if(!d){d=!0;try{h()}finally{d=!1}}}function h(){const C=document.querySelector(r);if(!C?.shadowRoot)return;const _=C.shadowRoot.querySelector(n);if(!_?.shadowRoot)return;_.shadowRoot!==c&&(c=_.shadowRoot,l=!1);let T=0;if(a.widget.widgetType==="buttons"||a.widget.widgetType==="radio"){const m=Array.from(_.shadowRoot.querySelectorAll(o));for(const f of m)if(a.planIds.includes(f.value)){f.disabled||(f.disabled=!0);const v=f.closest("label");v&&v.style.display!=="none"&&(v.style.display="none",T++)}const y=m.filter(f=>!a.planIds.includes(f.value));if(!y.some(f=>f.checked)&&!l&&y.length>0){l=!0;const f=y[0];f.closest("label")?.click(),f.dispatchEvent(new Event("change",{bubbles:!0})),e(`[SUB-GLOBAL-HIDE] Preselected first visible plan input=${f.value}`)}const I=y.find(f=>f.checked)??y[0];if(I){const f=Array.from(document.querySelectorAll('input[name="selling_plan"]'));for(const v of f)v.value!==I.value&&(v.value=I.value,e(`[SUB-GLOBAL-HIDE] Mirrored plan id ${I.value} to form selling_plan input`))}}else if(a.widget.widgetType==="dropdown"){const m=_.shadowRoot.querySelector("select");if(!m)return;for(const I of Array.from(m.options))a.planIds.includes(I.value)&&(I.style.display!=="none"&&(I.style.display="none"),I.disabled||(I.disabled=!0),T++);const y=Array.from(m.options).filter(I=>!a.planIds.includes(I.value)),w=y.some(I=>I.value===m.value);y.length>0&&!w&&!l&&(l=!0,m.value=y[0].value,m.dispatchEvent(new Event("change",{bubbles:!0})),e(`[SUB-GLOBAL-HIDE] Preselected first visible option=${y[0].value}`))}T>0&&e(`[SUB-GLOBAL-HIDE] Hidden ${T} B-side plan buttons`)}const u={childList:!0,subtree:!0,characterData:!0};let b=null;function E(C){b?.disconnect(),b=new MutationObserver(()=>p()),b.observe(C,u)}function S(){const C=document.querySelector(r);if(!C?.shadowRoot)return!1;p(),new MutationObserver(()=>{p();const m=C.shadowRoot.querySelector(n);m?.shadowRoot&&E(m.shadowRoot)}).observe(C.shadowRoot,u);const T=C.shadowRoot.querySelector(n);return T?.shadowRoot&&E(T.shadowRoot),!0}if(!S()){e("[SUB-GLOBAL-HIDE] Widget not in DOM yet — waiting via MutationObserver");const C=new MutationObserver(()=>{S()&&C.disconnect()});C.observe(document.body??document.documentElement,{childList:!0,subtree:!0})}}const pe="Limited preview",Ke="Add-to-cart and checkout prices won't reflect this test until it launches — test selling plans are not created in your subscription app until after a test is launched.",Je=5e3;function Ye(){const a=document.createElement("div");a.id="shoplift-preview-subscription-warning";const e=document.createElement("span");e.id="shoplift-preview-subscription-warning__icon",e.setAttribute("aria-hidden","true"),e.textContent="!";const t=document.createElement("span");t.id="shoplift-preview-subscription-warning__label",t.textContent=pe;const i=document.createElement("div");i.id="shoplift-preview-subscription-warning__tooltip",i.setAttribute("role","tooltip"),i.textContent=Ke,a.appendChild(e),a.appendChild(t),a.appendChild(i),a.setAttribute("tabindex","0"),a.setAttribute("aria-describedby",i.id),a.setAttribute("aria-label",pe);let s=null;function r(){s!==null&&(clearTimeout(s),s=null)}function n(){i.classList.add("shoplift-preview-subscription-warning__tooltip--visible")}function o(){i.classList.remove("shoplift-preview-subscription-warning__tooltip--visible")}function l(){n(),r(),s=setTimeout(()=>{o(),s=null},Je)}function c(){r(),n()}function d(){s===null&&o()}a.addEventListener("mouseenter",c),a.addEventListener("mouseleave",d),a.addEventListener("focus",c),a.addEventListener("blur",d);function p(u){try{const b=u.target;if(!(b instanceof Element))return;(b.closest('form[action*="/cart/add"] button[type="submit"], form[action*="/cart/add"] input[type="submit"]')!==null||b.closest('[name="add"], button[name="add"], [data-add-to-cart], button[data-add-to-cart]')!==null)&&l()}catch{}}document.addEventListener("click",p,!0);function h(){r(),document.removeEventListener("click",p,!0),a.removeEventListener("mouseenter",c),a.removeEventListener("mouseleave",d),a.removeEventListener("focus",c),a.removeEventListener("blur",d),a.remove()}return{root:a,tooltip:i,cleanup:h}}let he=!1;class Ze{constructor(e,t,i,s,r,n,o,l,c,d,p,h,u,b=!1){this.shop=e,this.host=t,this.eventHost=i,this.disableReferrerOverride=l,this.logHistory=[],this.legacySessionKey=`SHOPLIFT_SESSION_${this.shop}`,this.cssHideClass=s?"shoplift-hide":"",this.testConfigs=p.map(S=>({...S,startAt:new Date(S.startAt),statusHistory:S.statusHistory.map(C=>({...C,createdAt:new Date(C.createdAt)}))})),this.inactiveTestConfigs=h,this.hiddenSubscriptionPlans=u,this.sendPageView=!!r,this.shopliftDebug=n===!0,this.telemetryEnabled=c===!0,this.geoViaShopify=b===!0,this.gaConfig=o!=={"sendEvents":false,"mode":"gtag"}?o:{sendEvents:!1},this.fetch=window.fetch.bind(window),this.localStorageSet=window.localStorage.setItem.bind(window.localStorage),this.localStorageGet=window.localStorage.getItem.bind(window.localStorage);const E=this.getDeviceType();this.device=E!=="tablet"?E:"mobile",this.state=this.loadState(),this.shopifyAnalyticsId=this.getShopifyAnalyticsId(),this.testsFilteredByAudience=p.filter(S=>S.status=="active"),this.getCountryTimeout=d===1000?1e3:d,window.__slReadCookie=S=>{const C=this.getCookie(S);if(C===null)return null;try{return decodeURIComponent(C)}catch{return C}},this.log("State Loaded",JSON.stringify(this.state))}shop;host;eventHost;disableReferrerOverride;DATA_SL_ATTRIBUTE_P="data-sl-attribute-p";DATA_SL_TEST_ID="data-sl-test-id";VIEWPORT_TRACK_THRESHOLD=.5;temporarySessionKey="Shoplift_Session";essentialSessionKey="Shoplift_Essential";analyticsSessionKey="Shoplift_Analytics";priceSelectorsSessionKey="Shoplift_PriceSelectors_v2";legacySessionKey;cssHideClass;testConfigs;inactiveTestConfigs;hiddenSubscriptionPlans;testsFilteredByAudience;sendPageView;shopliftDebug;gaConfig;telemetryEnabled;getCountryTimeout;geoViaShopify;resolvedRegion=null;state;subscriptionPreviewWarningCleanup=null;shopifyAnalyticsId;cookie=document.cookie;isSyncing=!1;isSyncingGA=!1;fetch;localStorageSet;localStorageGet;sessionStorageSet=window.sessionStorage.setItem.bind(window.sessionStorage);sessionStorageGet=window.sessionStorage.getItem.bind(window.sessionStorage);urlParams=new URLSearchParams(window.location.search);device;logHistory;activeViewportObservers=new Map;clientIdRetryCount=0;deriveCategoryFromExistingTests(){if(!this.state.temporary.testCategory&&this.state.essential.visitorTests.length>0){const e=this.state.essential.visitorTests.some(t=>{if(!t.hypothesisId)return!1;const i=this.getHypothesis(t.hypothesisId);return i&&["theme","basicScript","price"].includes(i.type)});this.state.temporary.testCategory=e?"global":"conditional",this.persistTemporaryState(),this.log("Derived test category from existing visitorTests: %s",this.state.temporary.testCategory)}}async init(){try{if(this.log("Shoplift script initializing"),window.Shopify&&window.Shopify.designMode){this.log("Skipping script for design mode");return}if(window.location.href.includes("slScreenshot=true")){this.log("Skipping script for screenshot");return}if(window.location.hostname.endsWith(".edgemesh.com")){this.log("Skipping script for preview");return}if(window.location.href.includes("isShopliftMerchant")){const n=this.urlParams.get("isShopliftMerchant")==="true";this.log("Setting merchant session to %s",n),this.state.temporary.isMerchant=n,this.persistTemporaryState()}if(this.state.temporary.isMerchant){this.log("Setting up preview for merchant"),typeof window.shoplift!="object"&&this.setShopliftStub(),this.state.temporary.previewConfig||this.hidePage(),await this.initPreview(),document.querySelector("#sl-preview-bar-hide")?.remove();return}if(this.state.temporary.previewConfig=void 0,we(navigator.userAgent))return;const e=Date.now(),t=!this.state.temporary.lastSeen||e-this.state.temporary.lastSeen>1800*1e3;(!this.state.temporary.entryPage||t)&&(this.state.temporary.entryPage=ee(window.location.href)),this.state.temporary.lastSeen=e,this.persistTemporaryState(),window.__slEntryPage=this.state.temporary.entryPage??"";const i=this.state.essential.visitorTests.filter(n=>n.hypothesisId&&+n.createdAt>Date.now()-6e4);if(i.length===0)this.sendDiagnosticTelemetry("page-landed",null);else for(const n of i)this.sendDiagnosticTelemetry("page-landed",n.testId,{hypothesisId:n.hypothesisId,isControl:n.assignedTo==="control",testType:n.testType??"unknown"});if(navigator.userAgent.includes("Chrome/118")){this.log("Random: %o",[Math.random(),Math.random(),Math.random()]);const n=await this.makeRequest({url:`${this.eventHost}/api/v0/events/ip`,method:"get"}).then(o=>o?.json());this.log(`IP: ${n}`),this.makeRequest({url:`${this.eventHost}/api/v0/logs`,method:"post",data:JSON.stringify(this.debugState(),X)}).catch()}if(this.shopifyAnalyticsId=this.getShopifyAnalyticsId(),this.monitorConsentChange(),this.checkForThemePreview())return;if(!this.disableReferrerOverride&&this.state.temporary.originalReferrer!=null){this.log(`Overriding referrer from '${document.referrer}' to '${this.state.temporary.originalReferrer}'`);const n=this.state.temporary.originalReferrer;delete this.state.temporary.originalReferrer,this.persistTemporaryState(),Object.defineProperty(document,"referrer",{get:()=>n,enumerable:!0,configurable:!0})}if(await this.refreshVisitor(this.shopifyAnalyticsId),await this.handleVisitorTest()){this.log("Redirecting for visitor test");return}this.setShoplift(),this.showPage(),this.ensureCartAttributesForExistingPriceTests(!1);const r=this.state.essential.visitorTests.some(n=>(n.hypothesisId?this.getHypothesis(n.hypothesisId):void 0)?.subscriptionData!=null)||Object.values(this.state.temporary.testReservations??{}).some(n=>this.getHypothesis(n.hypothesisId)?.subscriptionData!=null);this.hiddenSubscriptionPlans&&!r&&(this.log(`[SUB-GLOBAL] Visitor not in subscription test — hiding ${this.hiddenSubscriptionPlans.planIds.length} B-side plans`),je(this.hiddenSubscriptionPlans,n=>this.log(n))),await this.subscriptionSwap(),await this.subscriptionOneTimePrice(),await this.subscriptionPriceChange(),await this.finalize(),console.log("SHOPLIFT SCRIPT INITIALIZED!")}catch(e){if(e instanceof ie)return;throw e}finally{typeof window.shoplift!="object"&&this.setShopliftStub()}}getVariantColor(e){switch(e){case"a":return{text:"#141414",bg:"#E2E2E2"};case"b":return{text:"rgba(255, 255, 255, 1)",bg:"rgba(37, 99, 235, 1)"}}}getDefaultVariantTitle(e){return e.title?e.title:e.type==="price"?e.isControl?"Original prices":"Variant prices":e.isControl?"Original":"Untitled variant "+e.label.toUpperCase()}async initPreview(){const e=this.urlParams.get("previewConfig");if(e){this.state.temporary.previewConfig=void 0,this.log("Setting up the preview"),this.log("Found preview config, writing to temporary state");const t=await Oe(e);if(this.state.temporary.previewConfig=t,this.state.temporary.previewConfig.testTypeCategory===M.Price){this.hidePage(!0);const s=this.state.temporary.previewConfig;let r=`${this.host}/api/dom-selectors/${s.storeId}/${s.testId}/${s.isDraft||!1}`;s.shopifyProductId&&(r+=`?productId=${s.shopifyProductId}`);const n=await this.makeJsonRequest({method:"get",url:r}).catch(o=>(this.log("Error getting domSelectors",o),null));if(s.variants.forEach(o=>o.domSelectors=n[o.id]?.domSelectors),s.isDraft){const o=`${this.host}/api/dom-selectors/${s.storeId}/${s.testId}/subscription-preview`,l=await this.makeJsonRequest({method:"get",url:o}).catch(c=>(this.log("No subscription preview data for draft (test may not have a subscription widget)",c),null));l?.subscriptionData&&s.variants.forEach(c=>{c.subscriptionData=l.subscriptionData,c.priceData=l.priceData})}}this.persistTemporaryState();const i=new URL(window.location.toString());i.searchParams.delete("previewConfig"),this.queueRedirect(i)}else if(this.state.temporary.previewConfig){this.showPage();const t=this.state.temporary.previewConfig;if(t.testTypeCategory===M.Template&&this.handleTemplatePreview(t)&&this.initPreviewControls(t),t.testTypeCategory===M.UrlRedirect&&this.handleUrlPreview(t)&&this.initPreviewControls(t),t.testTypeCategory===M.Script&&this.handleScriptPreview(t)&&this.initPreviewControls(t),t.testTypeCategory===M.Price){const i=await this.handlePricePreview(t);t.isDraft?await this.handleSubscriptionPricePreview(t):await this.handleSubscriptionLivePreview(t),i&&this.initPreviewControls(t)}}}initPreviewControls(e){document.addEventListener("DOMContentLoaded",()=>{const t=e.variants.find(b=>b.id===e.currentVariant),i=t?.label||"a",s=e.variants,r=document.createElement("div");r.id="shoplift-preview-control";const n=document.createElement("div"),o=document.createElement("img");o.src=Ve,o.height=24,o.width=14,n.style.padding="0 16px",n.style.lineHeight="100%",n.appendChild(o),r.appendChild(n);const l=document.createElement("div");l.id="shoplift-preview-variant-selector";const c=document.createElement("button");c.id="shoplift-preview-variant-menu-trigger";const d=document.createElement("div");d.className="menu-variant-label",d.style.backgroundColor=this.getVariantColor(i).bg,d.style.color=this.getVariantColor(i).text,d.innerText=i.toUpperCase(),c.appendChild(d);const p=document.createElement("span");if(p.id="shoplift-preview-variant-title",p.innerText=t?this.getDefaultVariantTitle(t):"Untitled variant "+i.toUpperCase(),c.appendChild(p),s.length>1){const b=document.createElement("img");b.src=De,b.width=12,b.height=12,b.style.height="12px",b.style.width="12px",c.appendChild(b);const E=document.createElement("div");E.className="preview-variant-menu";for(const S of e.variants.filter(C=>C.id!==e.currentVariant)){const C=document.createElement("div");C.className="preview-variant-menu--item";const _=document.createElement("div");_.className="menu-variant-label",_.style.backgroundColor=this.getVariantColor(S.label).bg,_.style.color=this.getVariantColor(S.label).text,_.style.flexShrink="0",_.innerText=S.label.toUpperCase(),C.appendChild(_);const T=document.createElement("span");T.innerText=this.getDefaultVariantTitle(S),C.appendChild(T),C.addEventListener("click",()=>{this.pickVariant(S.id)}),E.appendChild(C)}l.appendChild(E),c.addEventListener("click",()=>{E.className!=="preview-variant-menu preview-variant-menu__visible"?E.classList.add("preview-variant-menu__visible"):E.classList.remove("preview-variant-menu__visible")}),document.addEventListener("click",S=>{S.target instanceof Element&&!c.contains(S.target)&&E.className==="preview-variant-menu preview-variant-menu__visible"&&E.classList.remove("preview-variant-menu__visible")})}else c.style.pointerEvents="none",d.style.margin="0";if(l.appendChild(c),r.appendChild(l),e.hasSubscription){this.subscriptionPreviewWarningCleanup?.();const b=Ye();r.appendChild(b.root),this.subscriptionPreviewWarningCleanup=b.cleanup}const h=document.createElement("div"),u=document.createElement("button");u.id="shoplift-exit-preview-button",u.innerText="Exit",h.appendChild(u),u.addEventListener("click",()=>{this.exitPreview()}),r.appendChild(h),document.body.appendChild(r),requestAnimationFrame(()=>{r.classList.add("visible")})}),this.ensureCartAttributesForExistingPriceTests(!0)}pickVariant(e){if(this.state.temporary.previewConfig){const t=this.state.temporary.previewConfig,i=new URL(window.location.toString());if(t.testTypeCategory===M.UrlRedirect){const s=t.variants.find(r=>r.id===t.currentVariant)?.redirectUrl;if(i.pathname===s){const r=t.variants.find(n=>n.id===e)?.redirectUrl;r&&(i.pathname=r)}}if(t.testTypeCategory===M.Template){const s=t.variants.find(r=>r.id===t.currentVariant)?.pathName;if(s&&i.pathname===s){const r=t.variants.find(n=>n.id===e)?.pathName;r&&r!==s&&(i.pathname=r)}}t.currentVariant=e,this.persistTemporaryState(),this.queueRedirect(i)}}exitPreview(){const e=new URL(window.location.toString());if(this.state.temporary.previewConfig?.testTypeCategory===M.Template&&e.searchParams.delete("view"),this.state.temporary.previewConfig?.testTypeCategory===M.Script&&e.searchParams.delete("slVariant"),this.state.temporary.previewConfig?.testTypeCategory===M.UrlRedirect){const i=this.state.temporary.previewConfig.variants.filter(r=>!r.isControl&&r.redirectUrl!==null).map(r=>r.redirectUrl),s=this.state.temporary.previewConfig.variants.find(r=>r.label==="a")?.redirectUrl;i.includes(e.pathname)&&s&&(e.pathname=s)}this.state.temporary.isMerchant=!1,e.searchParams.delete("isShopliftMerchant"),this.state.temporary.previewConfig=void 0,this.persistTemporaryState(),this.subscriptionPreviewWarningCleanup?.(),this.subscriptionPreviewWarningCleanup=null,this.hidePage(),this.queueRedirect(e)}handleTemplatePreview(e){const t=e.currentVariant,i=e.variants.find(l=>l.id===t);if(!i)return!1;const s=e.variants.find(l=>l.isControl);if(!s)return!1;this.log("Setting up template preview for type",s.type);const r=new URL(window.location.toString()),n=r.searchParams.get("view"),o=i.type===s.type;return!o&&!i.isControl&&template.suffix===s.affix&&this.typeFromTemplate()===s.type&&i.pathName!==null?(this.log("Hit control template type, redirecting to the variant url"),this.hidePage(),r.pathname=i.pathName,this.queueRedirect(r),!0):(!i.isControl&&this.typeFromTemplate()==i.type&&template.suffix===s.affix&&o&&n!==(i.affix||"__DEFAULT__")&&(this.log("Template type and affix match control, updating the view param"),r.searchParams.delete("view"),this.log("Setting the new viewParam to",i.affix||"__DEFAULT__"),this.hidePage(),r.searchParams.set("view",i.affix||"__DEFAULT__"),this.queueRedirect(r)),n!==null&&n!==(i.affix||"__DEFAULT__")&&(r.searchParams.delete("view"),this.hidePage(),this.queueRedirect(r)),!0)}handleUrlPreview(e){const t=e.currentVariant,i=e.variants.find(n=>n.id===t),s=e.variants.find(n=>n.isControl)?.redirectUrl;if(!i)return!1;this.log("Setting up URL redirect preview");const r=new URL(window.location.toString());return r.pathname===s&&!i.isControl&&i.redirectUrl!==null&&(this.log("Url matches control, redirecting"),this.hidePage(),r.pathname=i.redirectUrl,this.queueRedirect(r)),!0}handleScriptPreview(e){const t=e.currentVariant,i=e.variants.find(n=>n.id===t);if(!i)return!1;this.log("Setting up script preview");const s=new URL(window.location.toString());return s.searchParams.get("slVariant")!==i.id&&(this.log("current id doesn't match the variant, redirecting"),s.searchParams.delete("slVariant"),this.log("Setting the new slVariantParam"),this.hidePage(),s.searchParams.set("slVariant",i.id),this.queueRedirect(s)),!0}async handlePricePreview(e){const t=e.currentVariant,i=e.variants.find(s=>s.id===t);return i?(this.log("Setting up price preview"),i.domSelectors&&i.domSelectors.length>0&&(U(document,{testId:e.testId,hypothesisId:i.id,selectors:i.domSelectors}),this.ensureCartAttributesForExistingPriceTests(!0)),!0):!1}async handleSubscriptionPricePreview(e){const t=e.variants.find(i=>i.id===e.currentVariant);t?.subscriptionData&&(this.log("Setting up subscription price preview"),await Ge({id:t.id,isControl:t.isControl,subscriptionData:t.subscriptionData,priceData:t.priceData},(i,...s)=>this.log(i,...s)))}async handleSubscriptionLivePreview(e){this.testConfigs.find(s=>s.id===e.testId)?.hypotheses.find(s=>s.id===e.currentVariant)?.subscriptionData&&(this.log("Setting up subscription live preview"),this.subscriptionSwapDone=!1,this.subscriptionOneTimeDone=!1,this.subscriptionPriceDone=!1,await this.subscriptionSwap(),await this.subscriptionOneTimePrice(),await this.subscriptionPriceChange())}async finalize(){const e=await this.getCartState();e!==null&&this.queueCartUpdate(e),this.pruneStateAndSave(),await this.syncAllEvents()}setShoplift(){this.log("Setting up public API");const t=this.urlParams.get("slVariant")==="true",i=t?null:this.urlParams.get("slVariant");window.shoplift={isHypothesisActive:async s=>{if(this.log("Script checking variant for hypothesis '%s'",s),t)return this.log("Forcing variant for hypothesis '%s'",s),!0;if(i!==null)return this.log("Forcing hypothesis '%s'",i),s===i;const r=this.testConfigs.find(o=>o.hypotheses.some(l=>l.id===s));if(!r)return this.log("No test found for hypothesis '%s'",s),!1;const n=this.state.essential.visitorTests.find(o=>o.testId===r.id);return n?(this.log("Active visitor test found",s),n.hypothesisId===s):(await this.manuallySplitVisitor(r),this.testConfigs.some(o=>o.hypotheses.some(l=>l.id===s&&this.state.essential.visitorTests.some(c=>c.hypothesisId===l.id))))},setAnalyticsConsent:async s=>{await this.onConsentChange(s,!0)},getVisitorData:()=>({visitor:this.state.analytics.visitor,visitorTests:this.state.essential.visitorTests.filter(s=>!s.isInvalid).map(s=>{const{shouldSendToGa:r,savedAt:n,...o}=s;return o})})}}setShopliftStub(){this.log("Setting up stubbed public API");const t=this.urlParams.get("slVariant")==="true",i=t?null:this.urlParams.get("slVariant");window.shoplift={isHypothesisActive:s=>Promise.resolve(t||s===i),setAnalyticsConsent:()=>Promise.resolve(),getVisitorData:()=>({visitor:null,visitorTests:[]})}}async manuallySplitVisitor(e){this.log("Starting manual split for test '%s'",e.id),await this.handleVisitorTest([e]);const t=this.getReservationForTest(e.id);t&&!t.isRealized&&t.entryCriteriaKey&&(this.log("Realizing manual API reservation for test '%s'",e.id),this.realizeReservationForCriteria(t.entryCriteriaKey)),this.saveState(),this.syncAllEvents()}async handleVisitorTest(e){await this.filterTestsByAudience(this.testConfigs,this.state.analytics.visitor??this.buildBaseVisitor(),this.state.essential.visitorTests),this.pruneStaleVisitorTests(),this.deriveCategoryFromExistingTests(),this.clearStaleReservations();let t=e?e.filter(i=>this.testsFilteredByAudience.some(s=>s.id===i.id)):[...this.testsForUrl(this.testsFilteredByAudience),...this.domTestsForUrl(this.testsFilteredByAudience)];try{if(t.length===0)return this.log("No tests found"),!1;this.log("Checking for existing visitor test on page");const i=this.getCurrentVisitorHypothesis(t);if(i){this.log("Found current visitor test");const l=this.considerRedirect(i);return l&&(this.log("Redirecting for current visitor test"),this.redirect(i)),l}const s=this.getReservationForCurrentPage();if(s){this.log("Found matching reservation for current page: %s",s.testId);const l=this.getHypothesis(s.hypothesisId);if(l){l.type!=="price"&&this.realizeReservationForCriteria(s.entryCriteriaKey);const c=this.considerRedirect(l);return c&&this.redirect(l),c}}this.log("No active test relation for test page");const r=this.testsForUrl(this.inactiveTestConfigs.filter(l=>this.testIsPaused(l)&&l.hypotheses.some(c=>this.state.essential.visitorTests.some(d=>d.hypothesisId===c.id)))).map(l=>l.id);if(r.length>0)return this.log("Visitor has paused tests for test page, skipping test assignment: %o",r),!1;if(!this.state.temporary.testCategory){const l=this.testsFilteredByAudience.filter(d=>this.isGlobalEntryCriteria(this.getEntryCriteriaKey(d))),c=this.testsFilteredByAudience.filter(d=>!this.isGlobalEntryCriteria(this.getEntryCriteriaKey(d)));if(this.log("Category dice roll - global tests: %o, conditional tests: %o",l.map(d=>({id:d.id,title:d.title,criteria:this.getEntryCriteriaKey(d)})),c.map(d=>({id:d.id,title:d.title,criteria:this.getEntryCriteriaKey(d)}))),l.length>0&&c.length>0){const d=l.length,p=c.length,h=d+p,u=Math.random()*h;this.state.temporary.testCategory=u<d?"global":"conditional",this.log("Category dice roll: rolled %.2f of %d (global weight: %d, conditional weight: %d), selected '%s'",u,h,d,p,this.state.temporary.testCategory)}else l.length>0?(this.state.temporary.testCategory="global",this.log("Only global tests available, setting category to global")):(this.state.temporary.testCategory="conditional",this.log("Only conditional tests available, setting category to conditional"));this.persistTemporaryState()}const n=this.state.temporary.testCategory;if(this.log("Visitor test category: %s",n),n==="global"){const l=this.testsFilteredByAudience.filter(c=>!this.isGlobalEntryCriteria(this.getEntryCriteriaKey(c)));for(const c of l)this.markTestAsBlocked(c,"category:global");t=t.filter(c=>this.isGlobalEntryCriteria(this.getEntryCriteriaKey(c)))}else{const l=this.testsFilteredByAudience.filter(c=>this.isGlobalEntryCriteria(this.getEntryCriteriaKey(c)));for(const c of l)this.markTestAsBlocked(c,"category:conditional");t=t.filter(c=>!this.isGlobalEntryCriteria(this.getEntryCriteriaKey(c)))}if(t.length===0)return this.log("No tests remaining after category filter"),!1;this.createReservations(t);const o=this.getReservationForCurrentPage();if(o&&!o.isRealized){const l=this.getHypothesis(o.hypothesisId);if(l){l.type!=="price"&&this.realizeReservationForCriteria(o.entryCriteriaKey);const c=this.considerRedirect(l);return c&&(this.log("Redirecting for new test"),this.redirect(l)),c}}return!1}finally{this.includeInDomTests(),this.saveState()}}includeInDomTests(){this.applyControlForAudienceFilteredPriceTests();const e=this.getDomTestsForCurrentUrl(),t=this.getVisitorDomHypothesis(e);for(const i of e){this.log("Evaluating dom test '%s'",i.id);const s=i.hypotheses.some(u=>u.type==="price");if(this.state.essential.visitorTests.find(u=>u.testId===i.id&&u.isInvalid&&!u.hypothesisId)){if(this.log("Visitor is blocked from test '%s', applying control prices if price test",i.id),s){const u=i.hypotheses.find(b=>b.isControl);u?.priceData&&(this.applyPriceTestWithMapLookup(i.id,u,[u],()=>{this.log("Control prices applied for blocked visitor, no metrics tracked")}),this.updatePriceTestHiddenInputs(i.id,"control",!1))}continue}const n=this.getReservationForTest(i.id);let o=null,l=!1;const c=t.find(u=>i.hypotheses.some(b=>u.id===b.id));if(n)o=this.getHypothesis(n.hypothesisId)??null,this.log("Using reserved hypothesis '%s' for test '%s'",n.hypothesisId,i.id);else if(c)o=c,this.log("Using existing hypothesis assignment for test '%s'",i.id);else if(s){const u=this.visitorActiveTestTypeWithReservations();u?(l=!0,this.log("Visitor already in test type '%s', treating as non-test for price test '%s'",u,i.id)):o=this.pickHypothesis(i)}else o=this.pickHypothesis(i);if(l&&s){const u=i.hypotheses.find(b=>b.isControl);u?.priceData&&(this.log("Applying control prices for non-test visitor on price test '%s' (Map-based)",i.id),this.applyPriceTestWithMapLookup(i.id,u,[u],()=>{this.log("Control prices applied for non-test visitor, no metrics tracked")}),this.updatePriceTestHiddenInputs(i.id,"control",!1));continue}if(!o){this.log("Failed to pick hypothesis for test");continue}this.sendDiagnosticTelemetry("assignment",i.id,{hypothesisId:o.id,isControl:o.isControl,testType:o.type});const d=i.bayesianRevision??4,p=o.type==="price",h=d>=5;if(p&&h){if(this.log(`Price test with Map-based lookup (v${d}): ${i.id}`),!o.priceData){this.log("No price data for hypothesis '%s', skipping",o.id);continue}const u=o.isControl?"control":"variant";this.log(`Setting up Map-based price test for ${u} (test: ${i.id})`),this.applyPriceTestWithMapLookup(i.id,o,i.hypotheses,b=>{const E=this.getReservationForTest(b);E&&!E.isRealized&&E.entryCriteriaKey?this.realizeReservationForCriteria(E.entryCriteriaKey):this.queueAddVisitorToTest(b,o),this.saveState(),this.queuePageView(window.location.pathname),this.syncAllEvents()});continue}if(p&&!h){this.log(`Price test without viewport tracking (v${d}): ${i.id}`);const u=this.getDomSelectorsForHypothesis(o);if(u.length===0)continue;U(document,{testId:i.id,hypothesisId:o.id,selectors:u},b=>{this.queueAddVisitorToTest(b,o),this.saveState(),this.queuePageView(window.location.pathname),this.syncAllEvents()});continue}if(!o.domSelectors||o.domSelectors.length===0){this.log("No selectors found, skipping hypothesis");continue}U(document,{testId:i.id,hypothesisId:o.id,selectors:o.domSelectors},u=>{this.queueAddVisitorToTest(u,o),this.saveState(),this.queuePageView(window.location.pathname),this.syncAllEvents()})}}considerRedirect(e){if(this.log("Considering redirect for hypothesis '%s'",e.id),e.isControl)return this.log("Skipping redirect for control"),!1;if(e.type==="basicScript"||e.type==="manualScript")return this.log("Skipping redirect for script test"),!1;const t=this.state.essential.visitorTests.find(n=>n.hypothesisId===e.id),i=new URL(window.location.toString()),r=new URLSearchParams(window.location.search).get("view");if(e.type==="theme"){if(!(e.themeId===themeId)){if(this.log("Theme id '%s' is not hypothesis theme ID '%s'",e.themeId,themeId),this.isAppProxyPath())return this.log("On App Proxy path, skipping theme redirect to avoid infinite loop"),!1;if(t&&t.themeId!==e.themeId&&(t.themeId===themeId||!this.isThemePreview()))this.log("On old theme, redirecting and updating local visitor"),t.themeId=e.themeId;else if(this.isThemePreview())return this.log("On non-test theme, skipping redirect"),!1;return this.log("Hiding page to redirect for theme test"),this.hidePage(),!0}return!1}else if(e.type!=="dom"&&e.type!=="price"&&e.affix!==template.suffix&&e.affix!==r||e.redirectPath&&!i.pathname.endsWith(e.redirectPath))return this.log("Hiding page to redirect for template test"),this.hidePage(),!0;return this.log("Not redirecting"),!1}redirect(e){if(this.log("Redirecting to hypothesis '%s'",e.id),e.isControl)return;const t=new URL(window.location.toString());if(t.searchParams.delete("view"),e.redirectPath){const n=RegExp("^(/w{2}-w{2})/").exec(t.pathname);if(n&&n.length>1){const o=n[1];t.pathname=`${o}${e.redirectPath}`}else t.pathname=e.redirectPath}else e.type==="theme"?(t.searchParams.set("_ab","0"),t.searchParams.set("_fd","0"),t.searchParams.set("_sc","1"),t.searchParams.set("preview_theme_id",e.themeId.toString())):e.type!=="urlRedirect"&&t.searchParams.set("view",e.affix);const i=this.state.essential.visitorTests.find(n=>n.hypothesisId===e.id)?.testId,s=t.pathname+t.search,r=window.location.pathname+window.location.search;if(i&&s!==r){const n=qe(),o=He({v:2,t:i,n,fh:Me(window.location.pathname+window.location.search)});t.hash=`slr-${n}`;const l=new Date(Date.now()+3e4).toUTCString();document.cookie=`shoplift_redirect=${o};domain=.${window.location.hostname};path=/;SameSite=Strict;expires=${l}`}this.queueRedirect(t)}async refreshVisitor(e){if(e===null||!this.state.essential.isFirstLoad||!this.testConfigs.some(i=>i.visitorOption!=="all"))return;this.log("Refreshing visitor"),this.hidePage();const t=await this.getVisitor(e);t&&t.id&&this.updateLocalVisitor(t)}buildBaseVisitor(){return{shopifyAnalyticsId:this.shopifyAnalyticsId,device:this.device,country:null,...this.state.essential.initialState}}getInitialState(){const e=this.getUTMValue("utm_source")??"",t=this.getUTMValue("utm_medium")??"",i=this.getUTMValue("utm_campaign")??"",s=this.getUTMValue("utm_content")??"",r=window.document.referrer,n=this.device;return{createdAt:new Date,utmSource:e,utmMedium:t,utmCampaign:i,utmContent:s,referrer:r,device:n}}checkForThemePreview(){return this.log("Checking for theme preview"),window.location.hostname.endsWith(".shopifypreview.com")?(this.log("on shopify preview domain"),this.clearThemeBar(!0,!1,this.state),document.querySelector("#sl-preview-bar-hide")?.remove(),!1):this.isThemePreview()?this.state.essential.visitorTests.some(e=>e.isThemeTest&&e.hypothesisId!=null&&this.getHypothesis(e.hypothesisId)&&e.themeId===themeId)?(this.log("On active theme test, removing theme bar"),this.clearThemeBar(!1,!0,this.state),!1):this.state.essential.visitorTests.some(e=>e.isThemeTest&&e.hypothesisId!=null&&!this.getHypothesis(e.hypothesisId)&&e.themeId===themeId)?(this.log("Visitor is on an inactive theme test, redirecting to main theme"),this.redirectToMainTheme(),!0):this.state.essential.isFirstLoad?(this.log("No visitor found on theme preview, redirecting to main theme"),this.redirectToMainTheme(),!0):this.inactiveTestConfigs.some(e=>e.hypotheses.some(t=>t.themeId===themeId))?(this.log("Current theme is an inactive theme test, redirecting to main theme"),this.redirectToMainTheme(),!0):this.testConfigs.some(e=>e.hypotheses.some(t=>t.themeId===themeId))?(this.log("Falling back to clearing theme bar"),this.clearThemeBar(!1,!0,this.state),!1):(this.log("No tests on current theme, skipping script"),this.clearThemeBar(!0,!1,this.state),document.querySelector("#sl-preview-bar-hide")?.remove(),!0):(this.log("Not on theme preview"),this.clearThemeBar(!0,!1,this.state),!1)}redirectToMainTheme(){this.hidePage();const e=new URL(window.location.toString());e.searchParams.set("preview_theme_id",""),this.queueRedirect(e)}testsForUrl(e){const t=new URL(window.location.href),i=this.typeFromTemplate();return e.filter(s=>s.hypotheses.some(r=>r.type!=="dom"&&r.type!=="price"&&(r.isControl&&r.type===i&&r.affix===template.suffix||r.type==="theme"||r.isControl&&r.type==="urlRedirect"&&r.redirectPath&&t.pathname.endsWith(r.redirectPath)||r.type==="basicScript"))&&(s.ignoreTestViewParameterEnforcement||!t.searchParams.has("view")||s.hypotheses.map(r=>r.affix).includes(t.searchParams.get("view")??"")))}domTestsForUrl(e){const t=new URL(window.location.href);return e.filter(i=>i.hypotheses.some(s=>s.type!=="dom"&&s.type!=="price"?!1:s.type==="price"&&s.priceData&&s.priceData.variants.length>0?!0:s.domSelectors&&s.domSelectors.some(r=>new RegExp(se(r)).test(ee(t.toString())))))}async filterTestsByAudience(e,t,i){const s=[],r=e.some(o=>(o.requiresRegion||this.geoViaShopify&&o.requiresCountry)&&!i.some(l=>l.testId===o.id));this.resolvedRegion===null&&r&&(this.log("Hiding page to wait for Shopify region resolution"),this.hidePage(),await this.waitForResolvedRegion()),window.__slRegion=this.resolvedRegion??"";let n=t.country;this.geoViaShopify?n=this.resolvedRegion?this.resolvedRegion.slice(0,2):n:!n&&e.some(o=>o.requiresCountry&&!i.some(l=>l.testId===o.id))&&(this.log("Hiding page to check geoip"),this.hidePage(),n=await this.makeJsonRequest({method:"get",url:`${this.eventHost}/api/v0/visitors/get-country`,signal:AbortSignal.timeout(this.getCountryTimeout)}).catch(o=>(this.log("Error getting country",o),null)));for(const o of e){if(this.log("Checking audience for test '%s'",o.id),this.state.essential.visitorTests.some(d=>d.testId===o.id&&d.hypothesisId==null)){console.log(`Skipping blocked test '${o.id}'`);continue}const l=this.visitorCreatedDuringTestActive(o.statusHistory);(i.some(d=>d.testId===o.id&&(o.device==="all"||o.device===t.device&&o.device===this.device))||this.isTargetAudience(o,t,l,n))&&(this.log("Visitor is in audience for test '%s'",o.id),s.push(o))}this.testsFilteredByAudience=s}async waitForResolvedRegion(e=1500,t=50){const i=Date.now();for(;this.resolvedRegion===null&&Date.now()-i<e;)await new Promise(s=>window.setTimeout(s,t))}isTargetAudience(e,t,i,s){const r=this.getChannel(t);return(e.device==="all"||e.device===t.device&&e.device===this.device)&&(e.visitorOption==="all"||e.visitorOption==="new"&&i||e.visitorOption==="returning"&&!i)&&(e.targetAudiences.length===0||e.targetAudiences.reduce((n,o)=>n||o.reduce((l,c)=>l&&c(t,i,r,s),!0),!1))}visitorCreatedDuringTestActive(e){let t="";for(const i of e){if(this.state.analytics.visitor!==null&&this.state.analytics.visitor.createdAt<i.createdAt||this.state.essential.initialState.createdAt<i.createdAt)break;t=i.status}return t==="active"}getDomTestsForCurrentUrl(){return this.domTestsForUrl(this.testsFilteredByAudience)}getCurrentVisitorHypothesis(e){return e.flatMap(t=>t.hypotheses).find(t=>t.type!=="dom"&&t.type!=="price"&&this.state.essential.visitorTests.some(i=>i.hypothesisId===t.id))}getVisitorDomHypothesis(e){return e.flatMap(t=>t.hypotheses).filter(t=>(t.type==="dom"||t.type==="price")&&this.state.essential.visitorTests.some(i=>i.hypothesisId===t.id))}getHypothesis(e){return this.testConfigs.filter(t=>t.hypotheses.some(i=>i.id===e)).map(t=>t.hypotheses.find(i=>i.id===e))[0]}getActiveAssignment(){if(this.state.temporary.isMerchant&&this.state.temporary.previewConfig){const t=this.state.temporary.previewConfig;return t.currentVariant&&t.testId?{testId:t.testId,hypothesisId:t.currentVariant}:null}const e=this.state.essential.visitorTests.find(t=>t.hypothesisId);return e?.hypothesisId?{testId:e.testId,hypothesisId:e.hypothesisId}:null}findActiveSubscriptionTestControl(){for(const e of this.testConfigs){const t=e.hypotheses.find(i=>i.isControl);if(t?.subscriptionData)return{testId:e.id,hypothesis:t}}return null}getDomSelectorsForHypothesis(e){if(!e)return[];if(e.domSelectors&&e.domSelectors.length>0)return e.domSelectors;if(e.priceData){const t=`${this.priceSelectorsSessionKey}_${e.id}`;try{const s=sessionStorage.getItem(t);if(s){const r=JSON.parse(s);return e.domSelectors=r,this.log("Loaded %d price selectors from cache for hypothesis '%s'",r.length,e.id),r}}catch{}const i=$e(e.priceData);e.domSelectors=i;try{sessionStorage.setItem(t,JSON.stringify(i)),this.log("Generated and cached %d price selectors for hypothesis '%s'",i.length,e.id)}catch{this.log("Generated %d price selectors for hypothesis '%s' (cache unavailable)",i.length,e.id)}return i}return[]}hasThemeTest(e){return e.some(t=>t.hypotheses.some(i=>i.type==="theme"))}hasTestThatIsNotThemeTest(e){return e.some(t=>t.hypotheses.some(i=>i.type!=="theme"&&i.type!=="dom"&&i.type!=="price"))}hasThemeAndOtherTestTypes(e){return this.hasThemeTest(e)&&this.hasTestThatIsNotThemeTest(e)}testIsPaused(e){return e.status==="paused"||e.status==="incompatible"||e.status==="suspended"}visitorActiveTestType(){const e=this.state.essential.visitorTests.filter(t=>this.testConfigs.some(i=>i.hypotheses.some(s=>s.id==t.hypothesisId)));return e.length===0?null:e.some(t=>t.isThemeTest)?"theme":"templateOrUrlRedirect"}getReservationType(e){return e==="price"||this.isTemplateTestType(e)?"deferred":"immediate"}isTemplateTestType(e){return["product","collection","landing","index","cart","search","blog","article","collectionList"].includes(e)}getEntryCriteriaKey(e){const t=e.hypotheses.find(i=>i.isControl);if(!t)return`unknown:${e.id}`;switch(t.type){case"theme":return"global:theme";case"basicScript":return"global:autoApi";case"price":return"global:price";case"manualScript":return`conditional:manualApi:${e.id}`;case"urlRedirect":return`conditional:url:${t.redirectPath||"unknown"}`;default:return`conditional:template:${t.type}`}}isGlobalEntryCriteria(e){return e.startsWith("global:")}groupTestsByEntryCriteria(e){const t=new Map;for(const i of e){const s=this.getEntryCriteriaKey(i),r=t.get(s)||[];r.push(i),t.set(s,r)}return t}doesCurrentPageMatchEntryCriteria(e){if(this.isGlobalEntryCriteria(e))return!0;if(e==="conditional:manualApi")return!1;if(e.startsWith("conditional:url:")){const t=e.replace("conditional:url:","");return window.location.pathname.endsWith(t)}if(e.startsWith("conditional:template:")){const t=e.replace("conditional:template:","");return this.typeFromTemplate()===t}return!1}hasActiveReservation(){const e=this.getActiveReservations();return Object.values(e).some(t=>!t.isRealized)}getActiveReservation(){const e=this.getActiveReservations();return Object.values(e).find(t=>!t.isRealized)??null}clearStaleReservations(){const e=this.state.temporary.testReservations;if(!e)return;let t=!1;for(const[i,s]of Object.entries(e)){const r=this.testConfigs.find(o=>o.id===s.testId);if(!r){this.log("Test '%s' no longer in config, clearing reservation for criteria '%s'",s.testId,i),delete e[i],t=!0;continue}if(r.status!=="active"){this.log("Test '%s' status is '%s', clearing reservation for criteria '%s'",s.testId,r.status,i),delete e[i],t=!0;continue}this.testsFilteredByAudience.some(o=>o.id===s.testId)||(this.log("Visitor no longer passes audience for test '%s', clearing reservation for criteria '%s'",s.testId,i),delete e[i],t=!0)}t&&this.persistTemporaryState()}createReservations(e){if(this.state.temporary.testReservations||(this.state.temporary.testReservations={}),this.state.temporary.rolledEntryCriteria||(this.state.temporary.rolledEntryCriteria=[]),this.state.temporary.testCategory==="global"){this.createSingleReservation(e,"global");return}const i=e.filter(o=>this.doesCurrentPageMatchEntryCriteria(this.getEntryCriteriaKey(o))),s=e.filter(o=>!this.doesCurrentPageMatchEntryCriteria(this.getEntryCriteriaKey(o)));this.log("Conditional tests split - matching current page: %d, not matching: %d",i.length,s.length),i.length>0&&this.log("Tests matching current page (same pool): %o",i.map(o=>({id:o.id,title:o.title,criteria:this.getEntryCriteriaKey(o)})));const r=`conditional:current-page:${this.typeFromTemplate()}`;if(i.length>0&&!this.state.temporary.rolledEntryCriteria.includes(r)){this.createSingleReservation(i,r);for(const o of i){const l=this.getEntryCriteriaKey(o);this.state.temporary.rolledEntryCriteria.includes(l)||this.state.temporary.rolledEntryCriteria.push(l)}}const n=this.groupTestsByEntryCriteria(s);for(const[o,l]of n){if(this.state.temporary.rolledEntryCriteria.includes(o)){this.log("Already rolled for criteria '%s', skipping",o);continue}if(l.some(S=>this.state.essential.visitorTests.some(C=>C.testId===S.id))){this.log("Visitor already has VT for criteria '%s', skipping",o),this.state.temporary.rolledEntryCriteria.push(o);continue}const d=[...l].sort((S,C)=>S.id.localeCompare(C.id));this.log("Test dice roll for criteria '%s' - available tests: %o",o,d.map(S=>({id:S.id,title:S.title})));const p=Math.floor(Math.random()*d.length),h=d[p];this.log("Test dice roll: picked index %d of %d, selected test '%s' (%s)",p+1,l.length,h.id,h.title);const u=this.pickHypothesis(h);if(!u){this.log("No hypothesis picked for test '%s'",h.id);continue}this.sendDiagnosticTelemetry("assignment",h.id,{hypothesisId:u.id,isControl:u.isControl,testType:u.type});const b=this.getReservationType(u.type),E={testId:h.id,hypothesisId:u.id,testType:u.type,reservationType:b,isThemeTest:u.type==="theme",themeId:u.themeId,createdAt:new Date,isRealized:!1,entryCriteriaKey:o};this.state.temporary.testReservations[o]=E,this.state.temporary.rolledEntryCriteria.push(o),this.log("Created %s reservation for test '%s' (criteria: %s)",b,h.id,o);for(const S of l)S.id!==h.id&&this.markTestAsBlocked(S,o)}this.persistTemporaryState()}createSingleReservation(e,t){if(this.state.temporary.rolledEntryCriteria.includes(t)){this.log("Already rolled for pool '%s', skipping",t);return}if(e.some(p=>this.state.essential.visitorTests.some(h=>h.testId===p.id&&!h.isInvalid))){this.log("Visitor already has VT for pool '%s', skipping",t),this.state.temporary.rolledEntryCriteria.push(t);return}if(e.length===0){this.log("No tests in pool '%s'",t);return}const s=[...e].sort((p,h)=>p.id.localeCompare(h.id));this.log("Test dice roll for pool '%s' - available tests: %o",t,s.map(p=>({id:p.id,title:p.title,criteria:this.getEntryCriteriaKey(p)})));const r=Math.floor(Math.random()*s.length),n=s[r];this.log("Test dice roll: picked index %d of %d, selected test '%s' (%s)",r,e.length,n.id,n.title);const o=this.pickHypothesis(n);if(!o){this.log("No hypothesis picked for test '%s'",n.id);return}this.sendDiagnosticTelemetry("assignment",n.id,{hypothesisId:o.id,isControl:o.isControl,testType:o.type});const l=this.getReservationType(o.type),c=this.getEntryCriteriaKey(n),d={testId:n.id,hypothesisId:o.id,testType:o.type,reservationType:l,isThemeTest:o.type==="theme",themeId:o.themeId,createdAt:new Date,isRealized:!1,entryCriteriaKey:c};this.state.temporary.testReservations[c]=d,this.state.temporary.rolledEntryCriteria.push(t),this.log("Created %s reservation for test '%s' from pool '%s' (criteria: %s)",l,n.id,t,c);for(const p of e)p.id!==n.id&&this.markTestAsBlocked(p,`pool:${t}`);this.persistTemporaryState()}markTestAsBlocked(e,t){this.state.essential.visitorTests.some(i=>i.testId===e.id)||(this.log("Blocking visitor from test '%s' (reason: %s)",e.id,t),this.state.essential.visitorTests.push({createdAt:new Date,testId:e.id,hypothesisId:null,isThemeTest:e.hypotheses.some(i=>i.type==="theme"),shouldSendToGa:!1,isSaved:!0,isInvalid:!0,themeId:void 0}))}realizeReservationForCriteria(e){const t=this.state.temporary.testReservations?.[e];if(!t)return this.log("No reservation found for criteria '%s'",e),!1;if(t.isRealized)return this.log("Reservation already realized for criteria '%s'",e),!1;if(this.state.essential.visitorTests.some(s=>s.testId===t.testId&&!s.isInvalid))return this.log("Visitor already assigned to test '%s'",t.testId),!1;const i=this.getHypothesis(t.hypothesisId);return i?(t.isRealized=!0,this.persistTemporaryState(),this.queueAddVisitorToTest(t.testId,i),this.saveState(),this.log("Realized reservation for test '%s' (criteria: %s)",t.testId,e),!0):(this.log("Hypothesis '%s' not found",t.hypothesisId),!1)}getActiveReservations(){return this.state.temporary.testReservations??{}}getReservationForCurrentPage(){const e=this.getActiveReservations();for(const[t,i]of Object.entries(e)){if(i.isRealized)continue;const s=this.testConfigs.find(r=>r.id===i.testId);if(!(!s||s.status!=="active")&&this.doesCurrentPageMatchEntryCriteria(t))return i}return null}getReservationForTest(e){const t=this.getActiveReservations();return Object.values(t).find(i=>i.testId===e)??null}getReservationTestType(){const e=this.getActiveReservations(),t=Object.values(e);if(t.length===0)return null;for(const i of t)if(i.isThemeTest)return"theme";for(const i of t)if(i.testType==="price")return"price";return t.some(i=>!i.isRealized)?"templateOrUrlRedirect":null}hasPriceTests(e){return e.some(t=>t.hypotheses.some(i=>i.type==="price"))}_priceTestProductIds=null;getPriceTestProductIds(){if(this._priceTestProductIds)return this._priceTestProductIds;const e=new Set;for(const t of this.testConfigs)for(const i of t.hypotheses)if(i.type==="price"){for(const s of i.domSelectors||[]){const r=s.cssSelector.match(/data-sl-attribute-(?:p|cap)="(\d+)"/);r?.[1]&&e.add(r[1])}if(i.priceData?.variants)for(const[s]of i.priceData.variants)e.add(s)}return this._priceTestProductIds=e,this.log("Built price test product ID cache with %d products",e.size),e}isProductInAnyPriceTest(e){return this.getPriceTestProductIds().has(e)}visitorActiveTestTypeWithReservations(){const e=this.getActiveReservations();for(const r of Object.values(e)){if(r.isThemeTest)return"theme";if(r.testType==="price")return"price"}if(Object.values(e).some(r=>!r.isRealized)){if(this.state.temporary.testCategory==="global")for(const n of Object.values(e)){if(n.testType==="theme")return"theme";if(n.testType==="price")return"price";if(n.testType==="basicScript")return"theme"}return"templateOrUrlRedirect"}const i=this.state.essential.visitorTests.filter(r=>!r.isInvalid&&this.testConfigs.some(n=>n.hypotheses.some(o=>o.id===r.hypothesisId)));return i.length===0?null:i.some(r=>this.getHypothesis(r.hypothesisId)?.type==="price")?"price":i.some(r=>r.isThemeTest)?"theme":"templateOrUrlRedirect"}applyControlForAudienceFilteredPriceTests(){const e=this.testConfigs.filter(s=>s.status==="active"&&s.hypotheses.some(r=>r.type==="price"));if(e.length===0)return;const t=this.testsFilteredByAudience.filter(s=>s.hypotheses.some(r=>r.type==="price")),i=e.filter(s=>!t.some(r=>r.id===s.id));if(i.length!==0){this.log("Found %d price tests filtered by audience, applying control selectors",i.length);for(const s of i){const r=s.hypotheses.find(c=>c.isControl),n=this.getDomSelectorsForHypothesis(r);if(n.length===0){this.log("No control selectors for audience-filtered price test '%s'",s.id);continue}const o=new URL(window.location.href);n.some(c=>{try{return new RegExp(se(c)).test(ee(o.toString()))}catch{return!1}})&&(this.log("Applying control selectors for audience-filtered price test '%s'",s.id),U(document,{testId:s.id,hypothesisId:r.id,selectors:n},()=>{}),this.updatePriceTestHiddenInputs(s.id,"control",!1))}}}pickHypothesis(e){let t=Math.random();const i=e.hypotheses.reduce((r,n)=>r+n.visitorCount,0);return e.hypotheses.sort((r,n)=>r.isControl?n.isControl?0:-1:n.isControl?1:0).reduce((r,n)=>{if(r!==null)return r;const l=e.hypotheses.reduce((c,d)=>c&&d.visitorCount>20,!0)?n.visitorCount/i-n.trafficPercentage:0;return t<=n.trafficPercentage-l?n:(t-=n.trafficPercentage-l,null)},null)}typeFromTemplate(){switch(template.type){case"list-collections":return"collectionList";case"page":return"landing";case"article":case"blog":case"cart":case"collection":case"index":case"product":case"search":return template.type;default:return null}}queueRedirect(e){this.saveState(),this.disableReferrerOverride||(this.log(`Saving temporary referrer override '${document.referrer}'`),this.state.temporary.originalReferrer=document.referrer,this.persistTemporaryState()),window.setTimeout(()=>window.location.assign(e),0),window.setTimeout(()=>{this.syncAllEvents()},2e3)}scheduleRetrySync(){this.clientIdRetryCount>=5||(this.clientIdRetryCount++,window.setTimeout(()=>{this.syncAllEvents()},500))}async syncAllEvents(){const e=async()=>{if(this.isSyncing){window.setTimeout(()=>{(async()=>await e())()},500);return}try{if(this.isSyncing=!0,this.syncGAEvents(),this.shopifyAnalyticsId||(this.shopifyAnalyticsId=this.getShopifyAnalyticsId()),!this.shopifyAnalyticsId){this.scheduleRetrySync();return}await this.syncEvents()}finally{this.isSyncing=!1}};await e()}async syncEvents(){if(!this.state.essential.consentApproved||!this.shopifyAnalyticsId||this.state.analytics.queue.length===0)return;const e=this.state.analytics.queue.length,t=this.state.analytics.queue.splice(0,e);this.log("Syncing %s events",e);try{const i={shop:this.shop,visitorDetails:{shopifyAnalyticsId:this.shopifyAnalyticsId,device:this.state.analytics.visitor?.device??this.device,country:this.state.analytics.visitor?.country??null,...this.state.essential.initialState},events:this.state.essential.visitorTests.filter(r=>!r.isInvalid&&!r.isSaved&&r.hypothesisId!=null).map(r=>new be(r.testId,r.hypothesisId,r.createdAt)).concat(t)};await this.sendEvents(i);for(const r of this.state.essential.visitorTests.filter(n=>!n.isInvalid&&!n.isSaved&&n.hypothesisId!=null))this.sendDiagnosticTelemetry("event-delivered",r.testId,{hypothesisId:r.hypothesisId,isControl:r.assignedTo==="control",testType:r.testType??"unknown"});const s=await this.getVisitor(this.shopifyAnalyticsId);s!==null&&this.updateLocalVisitor(s);for(const r of this.state.essential.visitorTests.filter(n=>!n.isInvalid&&!n.isSaved))r.isSaved=!0,r.savedAt=Date.now()}catch{this.state.analytics.queue.splice(0,0,...t)}finally{this.saveState()}}syncGAEvents(){if(!this.gaConfig.sendEvents){if(he)return;he=!0,this.log("UseGtag is false — skipping GA Events");return}if(this.isSyncingGA){this.log("Already syncing GA - skipping GA events");return}const e=this.state.essential.visitorTests.filter(t=>t.shouldSendToGa);e.length!==0&&(this.isSyncingGA=!0,this.log("Syncing %s GA Events",e.length),Promise.allSettled(e.map(t=>this.sendGAEvent(t))).then(()=>this.log("All gtag events sent")).finally(()=>this.isSyncingGA=!1))}sendGAEvent(e){return new Promise(t=>{this.log("Sending GA Event for test %s, hypothesis %s",e.testId,e.hypothesisId);const i=()=>{this.log("GA acknowledged event for hypothesis %s",e.hypothesisId),e.shouldSendToGa=!1,this.persistEssentialState(),t()},s={exp_variant_string:`SL-${e.testId}-${e.hypothesisId}`};this.shopliftDebug&&Object.assign(s,{debug_mode:!0});function r(n,o,l){window.dataLayer=window.dataLayer||[],window.dataLayer.push(arguments)}this.gaConfig.mode==="gtag"?r("event","experience_impression",{...s,event_callback:i}):(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"experience_impression",...s,eventCallback:i}))})}updateLocalVisitor(e){let t;({visitorTests:t,...this.state.analytics.visitor}=e),this.log("updateLocalVisitor - server returned %d tests: %o",t.length,t.map(s=>({testId:s.testId,hypothesisId:s.hypothesisId,isInvalid:s.isInvalid}))),this.log("updateLocalVisitor - local has %d tests: %o",this.state.essential.visitorTests.length,this.state.essential.visitorTests.map(s=>({testId:s.testId,hypothesisId:s.hypothesisId,isSaved:s.isSaved,isInvalid:s.isInvalid})));const i=300*1e3;for(const s of this.state.essential.visitorTests.filter(r=>r.isSaved&&(!r.savedAt||Date.now()-r.savedAt>i)&&!t.some(n=>n.testId===r.testId)))this.log("updateLocalVisitor - marking LOCAL test as INVALID (isSaved && not in server): testId=%s, hypothesisId=%s",s.testId,s.hypothesisId),s.isInvalid=!0;for(const s of t){const r=this.state.essential.visitorTests.findIndex(o=>o.testId===s.testId);if(!(r!==-1))this.log("updateLocalVisitor - ADDING server test (not found locally): testId=%s, hypothesisId=%s",s.testId,s.hypothesisId),this.state.essential.visitorTests.push(s);else{const o=this.state.essential.visitorTests.at(r);this.log("updateLocalVisitor - REPLACING local test with server test: testId=%s, local hypothesisId=%s -> server hypothesisId=%s, local isInvalid=%s -> false",s.testId,o?.hypothesisId,s.hypothesisId,o?.isInvalid),s.isInvalid=!1,s.shouldSendToGa=o?.shouldSendToGa??!1,s.testType=o?.testType,s.assignedTo=o?.assignedTo,s.testTitle=o?.testTitle,this.state.essential.visitorTests.splice(r,1,s)}}this.log("updateLocalVisitor - FINAL local tests: %o",this.state.essential.visitorTests.map(s=>({testId:s.testId,hypothesisId:s.hypothesisId,isSaved:s.isSaved,isInvalid:s.isInvalid}))),this.state.analytics.visitor.storedAt=new Date}async getVisitor(e){try{return await this.makeJsonRequest({method:"get",url:`${this.eventHost}/api/v0/visitors/by-key/${this.shop}/${e}`})}catch{return null}}async sendEvents(e){await this.makeRequest({method:"post",url:`${this.eventHost}/api/v0/events`,data:JSON.stringify(e)})}sendDiagnosticTelemetry(e,t,i){if(!this.telemetryEnabled||!navigator.sendBeacon)return;const s=this.state.essential.consentApproved,r=JSON.stringify({shop:this.shop,testId:t,checkpoint:e,device:this.device,...s?{visitorId:this.shopifyAnalyticsId??"unknown"}:{},clientTimestamp:Date.now(),consentApproved:s,hasConsentInteraction:this.state.essential.hasConsentInteraction,...i});navigator.sendBeacon(`${this.eventHost}/api/v0/telemetry`,new Blob([r],{type:"text/plain"}))}getUTMValue(e){const i=decodeURIComponent(window.location.search.substring(1)).split("&");for(let s=0;s<i.length;s++){const r=i[s].split("=");if(r[0]===e)return r[1]||null}return null}hidePage(e){this.log("Hiding page"),this.cssHideClass&&!window.document.documentElement.classList.contains(this.cssHideClass)&&(window.document.documentElement.classList.add(this.cssHideClass),e||setTimeout(this.removeAsyncHide(this.cssHideClass),2e3))}showPage(){this.cssHideClass&&this.removeAsyncHide(this.cssHideClass)()}getDeviceType(){function e(){let i=!1;return(function(s){(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(s)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(s.substr(0,4)))&&(i=!0)})(navigator.userAgent||navigator.vendor),i}function t(){let i=!1;return(function(s){(/android|ipad|playbook|silk/i.test(s)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(s.substr(0,4)))&&(i=!0)})(navigator.userAgent||navigator.vendor),i}return e()?"mobile":t()?"tablet":"desktop"}removeAsyncHide(e){return()=>{e&&window.document.documentElement.classList.remove(e)}}async getCartState(){try{let e=await this.makeJsonRequest({method:"get",url:`${window.location.origin}/cart.js`});return e===null||(e.note===null&&(e=await this.makeJsonRequest({method:"post",url:`${window.location.origin}/cart/update.js`,data:JSON.stringify({note:""})})),e==null)?null:{token:e.token,total_price:e.total_price,total_discount:e.total_discount,currency:e.currency,items_subtotal_price:e.items_subtotal_price,items:e.items.map(t=>({quantity:t.quantity,variant_id:t.variant_id,key:t.key,price:t.price,final_line_price:t.final_line_price,sku:t.sku,product_id:t.product_id}))}}catch(e){return this.log("Error sending cart info",e),null}}ensureCartAttributesForExistingPriceTests(e){try{if(this.log("Checking visitor assignments for active price tests"),e&&this.state.temporary.previewConfig){const t=this.state.temporary.previewConfig;this.log("Using preview config for merchant:",t.testId);let i="variant";if(t.variants&&t.variants.length>0){const s=t.variants.find(r=>r.id===t.currentVariant);s&&s.isControl&&(i="control")}this.log("Merchant preview - updating hidden inputs:",t.testId,i),this.updatePriceTestHiddenInputs(t.testId,i,!0);return}for(const t of this.state.essential.visitorTests){const i=this.testConfigs.find(n=>n.id===t.testId);if(!i){this.log("Test config not found:",t.testId);continue}const s=i.hypotheses.find(n=>n.id===t.hypothesisId);if(!s||s.type!=="price")continue;const r=s.isControl?"control":"variant";this.log("Updating hidden inputs for price test:",t.testId,r),this.updatePriceTestHiddenInputs(t.testId,r,e)}}catch(t){this.log("Error ensuring cart attributes for existing price tests:",t)}}subscriptionSwapDone=!1;subscriptionHideWrongPlans=null;subscriptionPriceDone=!1;subscriptionUpdateOneTime=null;subscriptionOneTimeDone=!1;swapMap=null;slptValue=null;async subscriptionSwap(){await Ue(this)}async subscriptionPriceChange(){await ze(this)}async subscriptionOneTimePrice(){await We(this)}updatePriceTestHiddenInputs(e,t,i){try{this.cleanupPriceTestObservers();const s=`${e}:${t}:${i?"t":"f"}`,r=T=>{const m=T.getAttribute("data-sl-pid");if(!m)return!0;if(i&&this.state.temporary.previewConfig){const w=this.state.temporary.previewConfig,I=t==="control"?"a":"b",f=w.variants.find(v=>v.label===I);if(!f)return!1;for(const v of f.domSelectors||[]){const g=v.cssSelector.match(/data-sl-attribute-(?:p|cap)="(\d+)"/);if(g){const P=g[1];if(this.log(`Extracted ID from selector: ${P}, comparing to: ${m}`),P===m)return this.log("Product ID match found in preview config:",m,"variant:",f.label),!0}else this.log(`Could not extract ID from selector: ${v.cssSelector}`)}return this.log("No product ID match in preview config for:",m,"variant:",I),!1}const y=this.testConfigs.find(w=>w.id===e);if(!y)return this.log("Test config not found for testId:",e),!1;for(const w of y.hypotheses||[]){for(const I of w.domSelectors||[]){const f=I.cssSelector.match(/data-sl-attribute-(?:p|cap)="(\d+)"/);if(f&&f[1]===m)return this.log("Product ID match found in domSelectors:",m,"for test:",e),!0}if(w.priceData?.variants){for(const I of w.priceData.variants)if(I[0]===m)return this.log("Product ID match found in priceData:",m,"for test:",e),!0}}return this.log("No product ID match for:",m,"in test:",e),!1},n=new Set;let o=!1,l=null;const c=(T,m)=>{if(document.querySelectorAll("[data-sl-attribute-p]").forEach(w=>{if(w instanceof Element&&w.nodeType===Node.ELEMENT_NODE&&w.isConnected&&document.contains(w))try{T.observe(w,{childList:!0,subtree:!0,characterData:!0,characterDataOldValue:!0,attributes:!1})}catch(I){this.log(`Failed to observe element (${m}):`,I)}}),document.body&&document.body.isConnected)try{T.observe(document.body,{childList:!0,subtree:!0,characterData:!0,characterDataOldValue:!0,attributes:!1})}catch(w){this.log(`Failed to observe document.body (${m}):`,w)}},d=(T,m,y,w)=>{const I=T.filter(f=>{const v=f.cssSelector.match(/data-sl-attribute-(?:p|cap)="(\d+)"/);return v&&v[1]===w});this.log(`Applying ${y} DOM selectors, total: ${T.length}, filtered: ${I.length}`),I.length>0&&U(document,{testId:e,hypothesisId:m,selectors:I})},p=(T,m)=>{this.log(`Applying DOM selector changes for product ID: ${T}`),m.disconnect(),o=!0;try{if(i&&this.state.temporary.previewConfig){const y=t==="control"?"a":"b",w=this.state.temporary.previewConfig.variants.find(I=>I.label===y);if(!w?.domSelectors){this.log(`No DOM selectors found for preview variant: ${y}`);return}d(w.domSelectors,w.id,"preview config",T)}else{const y=this.testConfigs.find(I=>I.id===e);if(!y){this.log(`No test config found for testId: ${e}`);return}const w=y.hypotheses.find(I=>t==="control"?I.isControl:!I.isControl);if(!w?.domSelectors){this.log(`No DOM selectors found for assignment: ${t}`);return}d(w.domSelectors,w.id,"live config",T)}}finally{l!==null&&clearTimeout(l),l=window.setTimeout(()=>{o=!1,l=null,c(m,"reconnection"),this.log("Re-established innerHTML observer after DOM changes")},50)}},h=new MutationObserver(T=>{if(!o)for(const m of T){if(m.type!=="childList"&&m.type!=="characterData")continue;let y=m.target;m.type==="characterData"&&(y=m.target.parentElement||m.target.parentNode);let w=y,I=w.getAttribute("data-sl-attribute-p");for(;!I&&w.parentElement;)w=w.parentElement,I=w.getAttribute("data-sl-attribute-p");if(!I)continue;const f=w.innerHTML||w.textContent||"";let v="";m.type==="characterData"&&m.oldValue!==null&&(v=m.oldValue),this.log(`innerHTML changed on element with data-sl-attribute-p="${I}"`),v&&this.log(`Previous content: "${v}"`),this.log(`Current content: "${f}"`),p(I,h)}});c(h,"initial setup"),n.add(h);const u=new MutationObserver(T=>{T.forEach(m=>{m.addedNodes.forEach(y=>{if(y.nodeType===Node.ELEMENT_NODE){const w=y;E(w);const I=w.matches('input[name="properties[_slpt]"]')?[w]:w.querySelectorAll('input[name="properties[_slpt]"]');I.length>0&&this.log(`MutationObserver found ${I.length} new hidden input(s)`),I.forEach(f=>{const v=f.getAttribute("data-sl-pid");if(this.log(`MutationObserver checking new input with data-sl-pid="${v}"`),r(f))f.value!==s&&(f.value=s,this.log("Updated newly added hidden input:",s)),S(f);else{const g=f.getAttribute("data-sl-pid");g&&this.isProductInAnyPriceTest(g)?this.log("Preserving hidden input for product ID '%s' - belongs to a different price test",g):(f.remove(),this.log("Removed newly added non-matching hidden input for product ID:",g))}})}})})});n.add(u);const b=new MutationObserver(T=>{T.forEach(m=>{if(m.type==="attributes"&&m.attributeName==="data-sl-pid"){const y=m.target;if(this.log("AttributeObserver detected data-sl-pid attribute change on:",y.tagName),y.matches('input[name="properties[_slpt]"]')){const w=y,I=m.oldValue,f=w.getAttribute("data-sl-pid");this.log(`data-sl-pid changed from "${I}" to "${f}" - triggering payment placement updates`),r(w)?(w.value!==s&&(w.value=s,this.log("Updated hidden input after data-sl-pid change:",s)),f&&p(f,h),this.log("Re-running payment placement updates after variant change"),E(document.body)):f&&this.isProductInAnyPriceTest(f)?this.log("Preserving hidden input for product ID '%s' - belongs to a different price test",f):(w.remove(),this.log("Removed non-matching hidden input after data-sl-pid change:",f))}}})});n.add(b);const E=T=>{T.tagName==="SHOPIFY-PAYMENT-TERMS"&&(this.log("MutationObserver found new shopify-payment-terms element"),this.updateShopifyPaymentTerms(e,t));const m=T.querySelectorAll("shopify-payment-terms");m.length>0&&(this.log(`MutationObserver found ${m.length} shopify-payment-terms in added node`),this.updateShopifyPaymentTerms(e,t)),T.tagName==="AFTERPAY-PLACEMENT"&&(this.log("MutationObserver found new afterpay-placement element"),this.updateAfterpayPlacements(e,t,"afterpay"));const y=T.querySelectorAll("afterpay-placement");y.length>0&&(this.log(`MutationObserver found ${y.length} afterpay-placement in added node`),this.updateAfterpayPlacements(e,t,"afterpay")),T.tagName==="SQUARE-PLACEMENT"&&(this.log("MutationObserver found new square-placement element"),this.updateAfterpayPlacements(e,t,"square"));const w=T.querySelectorAll("square-placement");w.length>0&&(this.log(`MutationObserver found ${w.length} square-placement in added node`),this.updateAfterpayPlacements(e,t,"square")),T.tagName==="KLARNA-PLACEMENT"&&(this.log("MutationObserver found new klarna-placement element"),this.updateKlarnaPlacements(e,t));const I=T.querySelectorAll("klarna-placement");I.length>0&&(this.log(`MutationObserver found ${I.length} klarna-placement in added node`),this.updateKlarnaPlacements(e,t))},S=T=>{b.observe(T,{attributes:!0,attributeFilter:["data-sl-pid"],attributeOldValue:!0,subtree:!1});const m=T.getAttribute("data-sl-pid");this.log(`Started AttributeObserver on specific input with data-sl-pid="${m}"`)},C=()=>{const T=document.querySelectorAll('input[name="properties[_slpt]"]');this.log(`Found ${T.length} existing hidden inputs to check`),T.forEach(m=>{const y=m.getAttribute("data-sl-pid");this.log(`Checking existing input with data-sl-pid="${y}"`),r(m)?(m.value=s,this.log("Updated existing hidden input:",s),y&&(this.log("Applying initial DOM selector changes for existing product"),p(y,h)),S(m)):y&&this.isProductInAnyPriceTest(y)?this.log("Preserving hidden input for product ID '%s' - belongs to a different price test",y):(m.remove(),this.log("Removed non-matching hidden input for product ID:",y))})},_=()=>{document.body?(u.observe(document.body,{childList:!0,subtree:!0}),this.log("Started MutationObserver on document.body"),C(),E(document.body)):document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{document.body&&(u.observe(document.body,{childList:!0,subtree:!0}),this.log("Started MutationObserver after DOMContentLoaded"),C(),E(document.body))}):(this.log("Set timeout on observer"),setTimeout(_,10))};_(),window.__shopliftPriceTestObservers=n,window.__shopliftPriceTestValue=s,this.log("Set up DOM observer for price test hidden inputs")}catch(s){this.log("Error updating price test hidden inputs:",s)}}updateKlarnaPlacements(e,t){this.updatePlacementElements(e,t,"klarna-placement",(i,s)=>{i.setAttribute("data-purchase-amount",s.toString())})}cleanupPriceTestObservers(){const e=window.__shopliftPriceTestObservers;e&&(e.forEach(t=>{t.disconnect()}),e.clear(),this.log("Cleaned up existing price test observers")),delete window.__shopliftPriceTestObservers,delete window.__shopliftPriceTestValue}updateAfterpayPlacements(e,t,i="afterpay"){const s=i==="square"?"square-placement":"afterpay-placement";if(document.querySelectorAll(s).length===0){this.log(`No ${s} elements found on page - early return`);return}this.updatePlacementElements(e,t,s,(n,o)=>{if(i==="afterpay"){const l=(o/100).toFixed(2);n.setAttribute("data-amount",l)}else n.setAttribute("data-amount",o.toString())}),this.log("updateAfterpayPlacements completed")}updatePlacementElements(e,t,i,s){const r=document.querySelectorAll(i);if(r.length===0){this.log(`No ${i} elements found - early return`);return}let n;if(this.state.temporary.isMerchant&&this.state.temporary.previewConfig){const l=t==="control"?"a":"b",c=this.state.temporary.previewConfig.variants.find(d=>d.label===l);if(!c?.domSelectors){this.log(`No variant found for label ${l} in preview config for ${i}`);return}n=c.domSelectors,this.log(`Using preview config for ${i} in merchant mode, variant: ${l}`)}else{const l=this.testConfigs.find(d=>d.id===e);if(!l){this.log(`No testConfig found for id: ${e} - early return`);return}const c=l.hypotheses.find(d=>t==="control"?d.isControl:!d.isControl);if(!c?.domSelectors){this.log(`No hypothesis or domSelectors found for assignment: ${t} - early return`);return}n=c.domSelectors}const o=new RegExp(`${this.DATA_SL_ATTRIBUTE_P}=["'](\\d+)["']`);r.forEach(l=>{let c=null;const d=l.parentElement;if(d&&(c=d.querySelector('input[name="properties[_slpt]"]')),c||(c=l.querySelector('input[name="properties[_slpt]"]')),!c){this.log(`No hidden input found for ${i} element`);return}const p=c.getAttribute("data-sl-pid");if(!p){this.log("Hidden input has no data-sl-pid attribute - skipping");return}const h=n.find(S=>{const C=S.cssSelector.match(o);return C&&C[1]===p});if(!h){this.log(`No matching selector found for productId: ${p} - skipping element`);return}const u=h.actions.find(S=>S.scope==="price");if(!u?.value){this.log("No price action or value found - skipping element");return}const b=parseFloat(u.value.replace(/[^0-9.]/g,""));if(Number.isNaN(b)){this.log(`Invalid price "${u.value}" for product ${p} - skipping`);return}const E=Math.round(b*100);s(l,E)}),this.log(`updatePlacementElements completed for ${i}`)}updateShopifyPaymentTerms(e,t){const i=document.querySelectorAll("shopify-payment-terms");if(i.length===0)return;this.log("Store using shopify payments");let s;if(this.state.temporary.isMerchant&&this.state.temporary.previewConfig){const n=t==="control"?"a":"b",o=this.state.temporary.previewConfig.variants.find(l=>l.label===n);if(!o||!o.domSelectors){this.log(`No variant found for label ${n} in preview config`);return}s=o.domSelectors,this.log(`Using preview config for shopify-payment-terms in merchant mode, variant: ${n}`)}else{const n=this.testConfigs.find(l=>l.id===e);if(!n)return;const o=n.hypotheses.find(l=>t==="control"?l.isControl===!0:l.isControl===!1);if(!o||!o.domSelectors)return;s=o.domSelectors}const r=new RegExp(`${this.DATA_SL_ATTRIBUTE_P}=["'](\\d+)["']`);i.forEach(n=>{const o=n.getAttribute("variant-id");if(!o)return;const l=s.find(c=>{const d=c.cssSelector.match(r);return d&&d[1]===o});if(l){const c=l.actions.find(d=>d.scope==="price");if(c&&c.value){const d=n.getAttribute("shopify-meta");if(d)try{const p=JSON.parse(d);if(p.variants&&Array.isArray(p.variants)){const h=p.variants.find(u=>u.id?.toString()===o);if(h){h.full_price=c.value;const u=parseFloat(c.value.replace(/[^0-9.]/g,""));if(h.number_of_payment_terms&&h.number_of_payment_terms>1){const b=u/h.number_of_payment_terms;h.price_per_term=`$${b.toFixed(2)}`}n.setAttribute("shopify-meta",JSON.stringify(p))}}}catch(p){this.log("Error parsing/updating shoplift-meta:",p)}}}})}async makeJsonRequest(e){const t=await this.makeRequest(e);return t===null?null:JSON.parse(await t.text(),F)}async makeRequest(e){const{url:t,method:i,headers:s,data:r,signal:n}=e,o=new Headers;if(s)for(const c in s)o.append(c,s[c]);(!s||!s.Accept)&&o.append("Accept","application/json"),(!s||!s["Content-Type"])&&o.append("Content-Type","application/json"),(this.eventHost.includes("ngrok.io")||this.eventHost.includes("ngrok-free.app"))&&o.append("ngrok-skip-browser-warning","1234");const l=await this.fetch(t,{method:i,headers:o,body:r,signal:n});if(!l.ok){if(l.status===204)return null;if(l.status===422){const c=await l.json();if(typeof c<"u"&&c.isBot)throw new ie}throw new Error(`Error sending shoplift request ${l.status}`)}return l}queueAddVisitorToTest(e,t){if(this.state.essential.visitorTests.some(s=>s.testId===e))return;const i=this.testConfigs.find(s=>s.id===e);if(this.state.essential.visitorTests.push({createdAt:new Date,testId:e,hypothesisId:t.id,isThemeTest:t.type==="theme",themeId:t.themeId,isSaved:!1,isInvalid:!1,shouldSendToGa:!0,testType:t.type,assignedTo:t.isControl?"control":"variant",testTitle:i?.title}),t.type==="price"){const s=t.isControl?"control":"variant";this.log("Price test assignment detected, updating cart attributes:",e,s),this.updatePriceTestHiddenInputs(e,s,!1)}}queueCartUpdate(e){this.queueEvent(new Ce(e))}queuePageView(e){this.queueEvent(new Se(e))}queueEvent(e){!this.state.essential.consentApproved&&this.state.essential.hasConsentInteraction||this.state.analytics.queue.length>10||this.state.analytics.queue.push(e)}legacyGetLocalStorageVisitor(){const e=this.localStorageGet(this.legacySessionKey);if(e)try{return JSON.parse(e,F)}catch{}return null}pruneStaleVisitorTests(){this.state.essential.visitorTests=this.state.essential.visitorTests.filter(e=>this.testConfigs.some(t=>t.id==e.testId)||this.inactiveTestConfigs.filter(t=>this.testIsPaused(t)).some(t=>t.id===e.testId))}pruneStateAndSave(){this.pruneStaleVisitorTests(),this.saveState()}saveState(){this.persistEssentialState(),this.persistAnalyticsState()}loadState(){const e=this.loadAnalyticsState(),t={analytics:e,essential:this.loadEssentialState(e),temporary:this.loadTemporaryState()},i=this.legacyGetLocalStorageVisitor(),s=this.legacyGetCookieVisitor(),r=[i,s].filter(n=>n!==null).sort((n,o)=>+o.storedAt-+n.storedAt)[0];return t.analytics.visitor===null&&r&&({visitorTests:t.essential.visitorTests,...t.analytics.visitor}=r,t.essential.isFirstLoad=!1,t.essential.initialState={createdAt:r.createdAt,referrer:r.referrer,utmCampaign:r.utmCampaign,utmContent:r.utmContent,utmMedium:r.utmMedium,utmSource:r.utmSource,device:r.device},this.deleteCookie("SHOPLIFT"),this.deleteLocalStorage(this.legacySessionKey)),!t.essential.consentApproved&&t.essential.hasConsentInteraction&&this.deleteLocalStorage(this.analyticsSessionKey),t}loadEssentialState(e){const t=this.loadLocalStorage(this.essentialSessionKey),i=this.loadCookie(this.essentialSessionKey),s=this.getInitialState();e.visitor?.device&&(s.device=e.visitor.device);const r={timestamp:new Date,consentApproved:!1,hasConsentInteraction:!1,debugMode:!1,initialState:s,visitorTests:[],isFirstLoad:!0},n=[t,i].filter(o=>o!==null).sort((o,l)=>+l.timestamp-+o.timestamp)[0]??r;return n.initialState||(e.visitor!==null?n.initialState=e.visitor:(n.initialState=s,n.initialState.createdAt=n.timestamp)),n}loadAnalyticsState(){const e=this.loadLocalStorage(this.analyticsSessionKey),t=this.loadCookie(this.analyticsSessionKey),i={timestamp:new Date,visitor:null,queue:[]},s=[e,t].filter(r=>r!==null).sort((r,n)=>+n.timestamp-+r.timestamp)[0]??i;return s.queue.length===0&&e&&e.queue.length>1&&(s.queue=e.queue),s}loadTemporaryState(){const e=this.sessionStorageGet(this.temporarySessionKey),t=e?JSON.parse(e,F):null,i=this.loadCookie(this.temporarySessionKey);return t??i??{isMerchant:!1,timestamp:new Date}}persistEssentialState(){this.log("Persisting essential state"),this.state.essential.isFirstLoad=!1,this.state.essential.timestamp=new Date,this.persistLocalStorageState(this.essentialSessionKey,this.state.essential),this.persistCookieState(this.essentialSessionKey,this.state.essential)}persistAnalyticsState(){this.log("Persisting analytics state"),this.state.essential.consentApproved&&(this.state.analytics.timestamp=new Date,this.persistLocalStorageState(this.analyticsSessionKey,this.state.analytics),this.persistCookieState(this.analyticsSessionKey,{...this.state.analytics,queue:[]}))}persistTemporaryState(){this.log("Setting temporary session state"),this.state.temporary.timestamp=new Date,this.sessionStorageSet(this.temporarySessionKey,JSON.stringify(this.state.temporary)),this.persistCookieState(this.temporarySessionKey,this.state.temporary,!0)}loadLocalStorage(e){const t=this.localStorageGet(e);if(t===null)return null;try{return JSON.parse(t,F)}catch{return null}}loadCookie(e){const t=this.getCookie(e);if(t===null)return null;try{return JSON.parse(t,F)}catch{return null}}persistLocalStorageState(e,t){this.localStorageSet(e,JSON.stringify(t))}persistCookieState(e,t,i=!1){const s=JSON.stringify(t),r=i?"":`expires=${new Date(new Date().getTime()+864e5*365).toUTCString()};`;document.cookie=`${e}=${s};domain=.${window.location.hostname};path=/;SameSite=Strict;${r}`}deleteCookie(e){const t=new Date(0).toUTCString();document.cookie=`${e}=;domain=.${window.location.hostname};path=/;expires=${t};`}deleteLocalStorage(e){window.localStorage.removeItem(e)}getChannel(e){return[{"name":"cross-network","test":(v) => new RegExp(".*cross-network.*", "i").test(v.utmCampaign)},{"name":"direct","test":(v) => v.utmSource === "" && v.utmMedium === ""},{"name":"paid-shopping","test":(v) => (new RegExp("^(?:Google|IGShopping|aax-us-east\.amazon-adsystem\.com|aax\.amazon-adsystem\.com|alibaba|alibaba\.com|amazon|amazon\.co\.uk|amazon\.com|apps\.shopify\.com|checkout\.shopify\.com|checkout\.stripe\.com|cr\.shopping\.naver\.com|cr2\.shopping\.naver\.com|ebay|ebay\.co\.uk|ebay\.com|ebay\.com\.au|ebay\.de|etsy|etsy\.com|m\.alibaba\.com|m\.shopping\.naver\.com|mercadolibre|mercadolibre\.com|mercadolibre\.com\.ar|mercadolibre\.com\.mx|message\.alibaba\.com|msearch\.shopping\.naver\.com|nl\.shopping\.net|no\.shopping\.net|offer\.alibaba\.com|one\.walmart\.com|order\.shopping\.yahoo\.co\.jp|partners\.shopify\.com|s3\.amazonaws\.com|se\.shopping\.net|shop\.app|shopify|shopify\.com|shopping\.naver\.com|shopping\.yahoo\.co\.jp|shopping\.yahoo\.com|shopzilla|shopzilla\.com|simplycodes\.com|store\.shopping\.yahoo\.co\.jp|stripe|stripe\.com|uk\.shopping\.net|walmart|walmart\.com)$", "i").test(v.utmSource) || new RegExp("^(.*(([^a-df-z]|^)shop|shopping).*)$", "i").test(v.utmCampaign)) && new RegExp("^(.*cp.*|ppc|retargeting|paid.*)$", "i").test(v.utmMedium)},{"name":"paid-search","test":(v) => new RegExp("^(?:360\.cn|alice|aol|ar\.search\.yahoo\.com|ask|at\.search\.yahoo\.com|au\.search\.yahoo\.com|auone|avg|babylon|baidu|biglobe|biglobe\.co\.jp|biglobe\.ne\.jp|bing|br\.search\.yahoo\.com|ca\.search\.yahoo\.com|centrum\.cz|ch\.search\.yahoo\.com|cl\.search\.yahoo\.com|cn\.bing\.com|cnn|co\.search\.yahoo\.com|comcast|conduit|daum|daum\.net|de\.search\.yahoo\.com|dk\.search\.yahoo\.com|dogpile|dogpile\.com|duckduckgo|ecosia\.org|email\.seznam\.cz|eniro|es\.search\.yahoo\.com|espanol\.search\.yahoo\.com|exalead\.com|excite\.com|fi\.search\.yahoo\.com|firmy\.cz|fr\.search\.yahoo\.com|globo|go\.mail\.ru|google|google-play|hk\.search\.yahoo\.com|id\.search\.yahoo\.com|in\.search\.yahoo\.com|incredimail|it\.search\.yahoo\.com|kvasir|lens\.google\.com|lite\.qwant\.com|lycos|m\.baidu\.com|m\.naver\.com|m\.search\.naver\.com|m\.sogou\.com|mail\.rambler\.ru|mail\.yandex\.ru|malaysia\.search\.yahoo\.com|msn|msn\.com|mx\.search\.yahoo\.com|najdi|naver|naver\.com|news\.google\.com|nl\.search\.yahoo\.com|no\.search\.yahoo\.com|ntp\.msn\.com|nz\.search\.yahoo\.com|onet|onet\.pl|pe\.search\.yahoo\.com|ph\.search\.yahoo\.com|pl\.search\.yahoo\.com|play\.google\.com|qwant|qwant\.com|rakuten|rakuten\.co\.jp|rambler|rambler\.ru|se\.search\.yahoo\.com|search-results|search\.aol\.co\.uk|search\.aol\.com|search\.google\.com|search\.smt\.docomo\.ne\.jp|search\.ukr\.net|secureurl\.ukr\.net|seznam|seznam\.cz|sg\.search\.yahoo\.com|so\.com|sogou|sogou\.com|sp-web\.search\.auone\.jp|startsiden|startsiden\.no|suche\.aol\.de|terra|th\.search\.yahoo\.com|tr\.search\.yahoo\.com|tut\.by|tw\.search\.yahoo\.com|uk\.search\.yahoo\.com|ukr|us\.search\.yahoo\.com|virgilio|vn\.search\.yahoo\.com|wap\.sogou\.com|webmaster\.yandex\.ru|websearch\.rakuten\.co\.jp|yahoo|yahoo\.co\.jp|yahoo\.com|yandex|yandex\.by|yandex\.com|yandex\.com\.tr|yandex\.fr|yandex\.kz|yandex\.ru|yandex\.ua|yandex\.uz|zen\.yandex\.ru)$", "i").test(v.utmSource) && new RegExp("^(.*cp.*|ppc|retargeting|paid.*)$", "i").test(v.utmMedium)},{"name":"paid-social","test":(v) => new RegExp("^(?:43things|43things\.com|51\.com|5ch\.net|Hatena|ImageShack|academia\.edu|activerain|activerain\.com|activeworlds|activeworlds\.com|addthis|addthis\.com|airg\.ca|allnurses\.com|allrecipes\.com|alumniclass|alumniclass\.com|ameba\.jp|ameblo\.jp|americantowns|americantowns\.com|amp\.reddit\.com|ancestry\.com|anobii|anobii\.com|answerbag|answerbag\.com|answers\.yahoo\.com|aolanswers|aolanswers\.com|apps\.facebook\.com|ar\.pinterest\.com|artstation\.com|askubuntu|askubuntu\.com|asmallworld\.com|athlinks|athlinks\.com|away\.vk\.com|awe\.sm|b\.hatena\.ne\.jp|baby-gaga|baby-gaga\.com|babyblog\.ru|badoo|badoo\.com|bebo|bebo\.com|beforeitsnews|beforeitsnews\.com|bharatstudent|bharatstudent\.com|biip\.no|biswap\.org|bit\.ly|blackcareernetwork\.com|blackplanet|blackplanet\.com|blip\.fm|blog\.com|blog\.feedspot\.com|blog\.goo\.ne\.jp|blog\.naver\.com|blog\.yahoo\.co\.jp|blogg\.no|bloggang\.com|blogger|blogger\.com|blogher|blogher\.com|bloglines|bloglines\.com|blogs\.com|blogsome|blogsome\.com|blogspot|blogspot\.com|blogster|blogster\.com|blurtit|blurtit\.com|bookmarks\.yahoo\.co\.jp|bookmarks\.yahoo\.com|br\.pinterest\.com|brightkite|brightkite\.com|brizzly|brizzly\.com|business\.facebook\.com|buzzfeed|buzzfeed\.com|buzznet|buzznet\.com|cafe\.naver\.com|cafemom|cafemom\.com|camospace|camospace\.com|canalblog\.com|care\.com|care2|care2\.com|caringbridge\.org|catster|catster\.com|cbnt\.io|cellufun|cellufun\.com|centerblog\.net|chat\.zalo\.me|chegg\.com|chicagonow|chicagonow\.com|chiebukuro\.yahoo\.co\.jp|classmates|classmates\.com|classquest|classquest\.com|co\.pinterest\.com|cocolog-nifty|cocolog-nifty\.com|copainsdavant\.linternaute\.com|couchsurfing\.org|cozycot|cozycot\.com|cross\.tv|crunchyroll|crunchyroll\.com|cyworld|cyworld\.com|cz\.pinterest\.com|d\.hatena\.ne\.jp|dailystrength\.org|deluxe\.com|deviantart|deviantart\.com|dianping|dianping\.com|digg|digg\.com|diigo|diigo\.com|discover\.hubpages\.com|disqus|disqus\.com|dogster|dogster\.com|dol2day|dol2day\.com|doostang|doostang\.com|dopplr|dopplr\.com|douban|douban\.com|draft\.blogger\.com|draugiem\.lv|drugs-forum|drugs-forum\.com|dzone|dzone\.com|edublogs\.org|elftown|elftown\.com|epicurious\.com|everforo\.com|exblog\.jp|extole|extole\.com|facebook|facebook\.com|faceparty|faceparty\.com|fandom\.com|fanpop|fanpop\.com|fark|fark\.com|fb|fb\.me|fc2|fc2\.com|feedspot|feministing|feministing\.com|filmaffinity|filmaffinity\.com|flickr|flickr\.com|flipboard|flipboard\.com|folkdirect|folkdirect\.com|foodservice|foodservice\.com|forums\.androidcentral\.com|forums\.crackberry\.com|forums\.imore\.com|forums\.nexopia\.com|forums\.webosnation\.com|forums\.wpcentral\.com|fotki|fotki\.com|fotolog|fotolog\.com|foursquare|foursquare\.com|free\.facebook\.com|friendfeed|friendfeed\.com|fruehstueckstreff\.org|fubar|fubar\.com|gaiaonline|gaiaonline\.com|gamerdna|gamerdna\.com|gather\.com|geni\.com|getpocket\.com|glassboard|glassboard\.com|glassdoor|glassdoor\.com|godtube|godtube\.com|goldenline\.pl|goldstar|goldstar\.com|goo\.gl|gooblog|goodreads|goodreads\.com|google\+|googlegroups\.com|googleplus|govloop|govloop\.com|gowalla|gowalla\.com|gree\.jp|groups\.google\.com|gulli\.com|gutefrage\.net|habbo|habbo\.com|hi5|hi5\.com|hootsuite|hootsuite\.com|houzz|houzz\.com|hoverspot|hoverspot\.com|hr\.com|hu\.pinterest\.com|hubculture|hubculture\.com|hubpages\.com|hyves\.net|hyves\.nl|ibibo|ibibo\.com|id\.pinterest\.com|identi\.ca|ig|imageshack\.com|imageshack\.us|imvu|imvu\.com|in\.pinterest\.com|insanejournal|insanejournal\.com|instagram|instagram\.com|instapaper|instapaper\.com|internations\.org|interpals\.net|intherooms|intherooms\.com|irc-galleria\.net|is\.gd|italki|italki\.com|jammerdirect|jammerdirect\.com|jappy\.com|jappy\.de|kaboodle\.com|kakao|kakao\.com|kakaocorp\.com|kaneva|kaneva\.com|kin\.naver\.com|l\.facebook\.com|l\.instagram\.com|l\.messenger\.com|last\.fm|librarything|librarything\.com|lifestream\.aol\.com|line|line\.me|linkedin|linkedin\.com|listal|listal\.com|listography|listography\.com|livedoor\.com|livedoorblog|livejournal|livejournal\.com|lm\.facebook\.com|lnkd\.in|m\.blog\.naver\.com|m\.cafe\.naver\.com|m\.facebook\.com|m\.kin\.naver\.com|m\.vk\.com|m\.yelp\.com|mbga\.jp|medium\.com|meetin\.org|meetup|meetup\.com|meinvz\.net|meneame\.net|menuism\.com|messages\.google\.com|messages\.yahoo\.co\.jp|messenger|messenger\.com|mix\.com|mixi\.jp|mobile\.facebook\.com|mocospace|mocospace\.com|mouthshut|mouthshut\.com|movabletype|movabletype\.com|mubi|mubi\.com|my\.opera\.com|myanimelist\.net|myheritage|myheritage\.com|mylife|mylife\.com|mymodernmet|mymodernmet\.com|myspace|myspace\.com|netvibes|netvibes\.com|news\.ycombinator\.com|newsshowcase|nexopia|ngopost\.org|niconico|nicovideo\.jp|nightlifelink|nightlifelink\.com|ning|ning\.com|nl\.pinterest\.com|odnoklassniki\.ru|odnoklassniki\.ua|okwave\.jp|old\.reddit\.com|oneworldgroup\.org|onstartups|onstartups\.com|opendiary|opendiary\.com|oshiete\.goo\.ne\.jp|out\.reddit\.com|over-blog\.com|overblog\.com|paper\.li|partyflock\.nl|photobucket|photobucket\.com|pinboard|pinboard\.in|pingsta|pingsta\.com|pinterest|pinterest\.at|pinterest\.ca|pinterest\.ch|pinterest\.cl|pinterest\.co\.kr|pinterest\.co\.uk|pinterest\.com|pinterest\.com\.au|pinterest\.com\.mx|pinterest\.de|pinterest\.es|pinterest\.fr|pinterest\.it|pinterest\.jp|pinterest\.nz|pinterest\.ph|pinterest\.pt|pinterest\.ru|pinterest\.se|pixiv\.net|pl\.pinterest\.com|playahead\.se|plurk|plurk\.com|plus\.google\.com|plus\.url\.google\.com|pocket\.co|posterous|posterous\.com|pro\.homeadvisor\.com|pulse\.yahoo\.com|qapacity|qapacity\.com|quechup|quechup\.com|quora|quora\.com|qzone\.qq\.com|ravelry|ravelry\.com|reddit|reddit\.com|redux|redux\.com|renren|renren\.com|researchgate\.net|reunion|reunion\.com|reverbnation|reverbnation\.com|rtl\.de|ryze|ryze\.com|salespider|salespider\.com|scoop\.it|screenrant|screenrant\.com|scribd|scribd\.com|scvngr|scvngr\.com|secondlife|secondlife\.com|serverfault|serverfault\.com|shareit|sharethis|sharethis\.com|shvoong\.com|sites\.google\.com|skype|skyrock|skyrock\.com|slashdot\.org|slideshare\.net|smartnews\.com|snapchat|snapchat\.com|social|sociallife\.com\.br|socialvibe|socialvibe\.com|spaces\.live\.com|spoke|spoke\.com|spruz|spruz\.com|ssense\.com|stackapps|stackapps\.com|stackexchange|stackexchange\.com|stackoverflow|stackoverflow\.com|stardoll\.com|stickam|stickam\.com|studivz\.net|suomi24\.fi|superuser|superuser\.com|sweeva|sweeva\.com|t\.co|t\.me|tagged|tagged\.com|taggedmail|taggedmail\.com|talkbiznow|talkbiznow\.com|taringa\.net|techmeme|techmeme\.com|tencent|tencent\.com|tiktok|tiktok\.com|tinyurl|tinyurl\.com|toolbox|toolbox\.com|touch\.facebook\.com|tr\.pinterest\.com|travellerspoint|travellerspoint\.com|tripadvisor|tripadvisor\.com|trombi|trombi\.com|trustpilot|tudou|tudou\.com|tuenti|tuenti\.com|tumblr|tumblr\.com|tweetdeck|tweetdeck\.com|twitter|twitter\.com|twoo\.com|typepad|typepad\.com|unblog\.fr|urbanspoon\.com|ushareit\.com|ushi\.cn|vampirefreaks|vampirefreaks\.com|vampirerave|vampirerave\.com|vg\.no|video\.ibm\.com|vk\.com|vkontakte\.ru|wakoopa|wakoopa\.com|wattpad|wattpad\.com|web\.facebook\.com|web\.skype\.com|webshots|webshots\.com|wechat|wechat\.com|weebly|weebly\.com|weibo|weibo\.com|wer-weiss-was\.de|weread|weread\.com|whatsapp|whatsapp\.com|wiki\.answers\.com|wikihow\.com|wikitravel\.org|woot\.com|wordpress|wordpress\.com|wordpress\.org|xanga|xanga\.com|xing|xing\.com|yahoo-mbga\.jp|yammer|yammer\.com|yelp|yelp\.co\.uk|yelp\.com|youroom\.in|za\.pinterest\.com|zalo|zoo\.gr|zooppa|zooppa\.com)$", "i").test(v.utmSource) && new RegExp("^(.*cp.*|ppc|retargeting|paid.*)$", "i").test(v.utmMedium)},{"name":"paid-video","test":(v) => new RegExp("^(?:blog\.twitch\.tv|crackle|crackle\.com|curiositystream|curiositystream\.com|d\.tube|dailymotion|dailymotion\.com|dashboard\.twitch\.tv|disneyplus|disneyplus\.com|fast\.wistia\.net|help\.hulu\.com|help\.netflix\.com|hulu|hulu\.com|id\.twitch\.tv|iq\.com|iqiyi|iqiyi\.com|jobs\.netflix\.com|justin\.tv|m\.twitch\.tv|m\.youtube\.com|music\.youtube\.com|netflix|netflix\.com|player\.twitch\.tv|player\.vimeo\.com|ted|ted\.com|twitch|twitch\.tv|utreon|utreon\.com|veoh|veoh\.com|viadeo\.journaldunet\.com|vimeo|vimeo\.com|wistia|wistia\.com|youku|youku\.com|youtube|youtube\.com)$", "i").test(v.utmSource) && new RegExp("^(.*cp.*|ppc|retargeting|paid.*)$", "i").test(v.utmMedium)},{"name":"display","test":(v) => new RegExp("^(?:display|banner|expandable|interstitial|cpm)$", "i").test(v.utmMedium)},{"name":"paid-other","test":(v) => new RegExp("^(.*cp.*|ppc|retargeting|paid.*)$", "i").test(v.utmMedium)},{"name":"organic-shopping","test":(v) => new RegExp("^(?:360\.cn|alice|aol|ar\.search\.yahoo\.com|ask|at\.search\.yahoo\.com|au\.search\.yahoo\.com|auone|avg|babylon|baidu|biglobe|biglobe\.co\.jp|biglobe\.ne\.jp|bing|br\.search\.yahoo\.com|ca\.search\.yahoo\.com|centrum\.cz|ch\.search\.yahoo\.com|cl\.search\.yahoo\.com|cn\.bing\.com|cnn|co\.search\.yahoo\.com|comcast|conduit|daum|daum\.net|de\.search\.yahoo\.com|dk\.search\.yahoo\.com|dogpile|dogpile\.com|duckduckgo|ecosia\.org|email\.seznam\.cz|eniro|es\.search\.yahoo\.com|espanol\.search\.yahoo\.com|exalead\.com|excite\.com|fi\.search\.yahoo\.com|firmy\.cz|fr\.search\.yahoo\.com|globo|go\.mail\.ru|google|google-play|hk\.search\.yahoo\.com|id\.search\.yahoo\.com|in\.search\.yahoo\.com|incredimail|it\.search\.yahoo\.com|kvasir|lens\.google\.com|lite\.qwant\.com|lycos|m\.baidu\.com|m\.naver\.com|m\.search\.naver\.com|m\.sogou\.com|mail\.rambler\.ru|mail\.yandex\.ru|malaysia\.search\.yahoo\.com|msn|msn\.com|mx\.search\.yahoo\.com|najdi|naver|naver\.com|news\.google\.com|nl\.search\.yahoo\.com|no\.search\.yahoo\.com|ntp\.msn\.com|nz\.search\.yahoo\.com|onet|onet\.pl|pe\.search\.yahoo\.com|ph\.search\.yahoo\.com|pl\.search\.yahoo\.com|play\.google\.com|qwant|qwant\.com|rakuten|rakuten\.co\.jp|rambler|rambler\.ru|se\.search\.yahoo\.com|search-results|search\.aol\.co\.uk|search\.aol\.com|search\.google\.com|search\.smt\.docomo\.ne\.jp|search\.ukr\.net|secureurl\.ukr\.net|seznam|seznam\.cz|sg\.search\.yahoo\.com|so\.com|sogou|sogou\.com|sp-web\.search\.auone\.jp|startsiden|startsiden\.no|suche\.aol\.de|terra|th\.search\.yahoo\.com|tr\.search\.yahoo\.com|tut\.by|tw\.search\.yahoo\.com|uk\.search\.yahoo\.com|ukr|us\.search\.yahoo\.com|virgilio|vn\.search\.yahoo\.com|wap\.sogou\.com|webmaster\.yandex\.ru|websearch\.rakuten\.co\.jp|yahoo|yahoo\.co\.jp|yahoo\.com|yandex|yandex\.by|yandex\.com|yandex\.com\.tr|yandex\.fr|yandex\.kz|yandex\.ru|yandex\.ua|yandex\.uz|zen\.yandex\.ru)$", "i").test(v.utmSource) || new RegExp("^(.*(([^a-df-z]|^)shop|shopping).*)$", "i").test(v.utmCampaign)},{"name":"organic-social","test":(v) => new RegExp("^(?:43things|43things\.com|51\.com|5ch\.net|Hatena|ImageShack|academia\.edu|activerain|activerain\.com|activeworlds|activeworlds\.com|addthis|addthis\.com|airg\.ca|allnurses\.com|allrecipes\.com|alumniclass|alumniclass\.com|ameba\.jp|ameblo\.jp|americantowns|americantowns\.com|amp\.reddit\.com|ancestry\.com|anobii|anobii\.com|answerbag|answerbag\.com|answers\.yahoo\.com|aolanswers|aolanswers\.com|apps\.facebook\.com|ar\.pinterest\.com|artstation\.com|askubuntu|askubuntu\.com|asmallworld\.com|athlinks|athlinks\.com|away\.vk\.com|awe\.sm|b\.hatena\.ne\.jp|baby-gaga|baby-gaga\.com|babyblog\.ru|badoo|badoo\.com|bebo|bebo\.com|beforeitsnews|beforeitsnews\.com|bharatstudent|bharatstudent\.com|biip\.no|biswap\.org|bit\.ly|blackcareernetwork\.com|blackplanet|blackplanet\.com|blip\.fm|blog\.com|blog\.feedspot\.com|blog\.goo\.ne\.jp|blog\.naver\.com|blog\.yahoo\.co\.jp|blogg\.no|bloggang\.com|blogger|blogger\.com|blogher|blogher\.com|bloglines|bloglines\.com|blogs\.com|blogsome|blogsome\.com|blogspot|blogspot\.com|blogster|blogster\.com|blurtit|blurtit\.com|bookmarks\.yahoo\.co\.jp|bookmarks\.yahoo\.com|br\.pinterest\.com|brightkite|brightkite\.com|brizzly|brizzly\.com|business\.facebook\.com|buzzfeed|buzzfeed\.com|buzznet|buzznet\.com|cafe\.naver\.com|cafemom|cafemom\.com|camospace|camospace\.com|canalblog\.com|care\.com|care2|care2\.com|caringbridge\.org|catster|catster\.com|cbnt\.io|cellufun|cellufun\.com|centerblog\.net|chat\.zalo\.me|chegg\.com|chicagonow|chicagonow\.com|chiebukuro\.yahoo\.co\.jp|classmates|classmates\.com|classquest|classquest\.com|co\.pinterest\.com|cocolog-nifty|cocolog-nifty\.com|copainsdavant\.linternaute\.com|couchsurfing\.org|cozycot|cozycot\.com|cross\.tv|crunchyroll|crunchyroll\.com|cyworld|cyworld\.com|cz\.pinterest\.com|d\.hatena\.ne\.jp|dailystrength\.org|deluxe\.com|deviantart|deviantart\.com|dianping|dianping\.com|digg|digg\.com|diigo|diigo\.com|discover\.hubpages\.com|disqus|disqus\.com|dogster|dogster\.com|dol2day|dol2day\.com|doostang|doostang\.com|dopplr|dopplr\.com|douban|douban\.com|draft\.blogger\.com|draugiem\.lv|drugs-forum|drugs-forum\.com|dzone|dzone\.com|edublogs\.org|elftown|elftown\.com|epicurious\.com|everforo\.com|exblog\.jp|extole|extole\.com|facebook|facebook\.com|faceparty|faceparty\.com|fandom\.com|fanpop|fanpop\.com|fark|fark\.com|fb|fb\.me|fc2|fc2\.com|feedspot|feministing|feministing\.com|filmaffinity|filmaffinity\.com|flickr|flickr\.com|flipboard|flipboard\.com|folkdirect|folkdirect\.com|foodservice|foodservice\.com|forums\.androidcentral\.com|forums\.crackberry\.com|forums\.imore\.com|forums\.nexopia\.com|forums\.webosnation\.com|forums\.wpcentral\.com|fotki|fotki\.com|fotolog|fotolog\.com|foursquare|foursquare\.com|free\.facebook\.com|friendfeed|friendfeed\.com|fruehstueckstreff\.org|fubar|fubar\.com|gaiaonline|gaiaonline\.com|gamerdna|gamerdna\.com|gather\.com|geni\.com|getpocket\.com|glassboard|glassboard\.com|glassdoor|glassdoor\.com|godtube|godtube\.com|goldenline\.pl|goldstar|goldstar\.com|goo\.gl|gooblog|goodreads|goodreads\.com|google\+|googlegroups\.com|googleplus|govloop|govloop\.com|gowalla|gowalla\.com|gree\.jp|groups\.google\.com|gulli\.com|gutefrage\.net|habbo|habbo\.com|hi5|hi5\.com|hootsuite|hootsuite\.com|houzz|houzz\.com|hoverspot|hoverspot\.com|hr\.com|hu\.pinterest\.com|hubculture|hubculture\.com|hubpages\.com|hyves\.net|hyves\.nl|ibibo|ibibo\.com|id\.pinterest\.com|identi\.ca|ig|imageshack\.com|imageshack\.us|imvu|imvu\.com|in\.pinterest\.com|insanejournal|insanejournal\.com|instagram|instagram\.com|instapaper|instapaper\.com|internations\.org|interpals\.net|intherooms|intherooms\.com|irc-galleria\.net|is\.gd|italki|italki\.com|jammerdirect|jammerdirect\.com|jappy\.com|jappy\.de|kaboodle\.com|kakao|kakao\.com|kakaocorp\.com|kaneva|kaneva\.com|kin\.naver\.com|l\.facebook\.com|l\.instagram\.com|l\.messenger\.com|last\.fm|librarything|librarything\.com|lifestream\.aol\.com|line|line\.me|linkedin|linkedin\.com|listal|listal\.com|listography|listography\.com|livedoor\.com|livedoorblog|livejournal|livejournal\.com|lm\.facebook\.com|lnkd\.in|m\.blog\.naver\.com|m\.cafe\.naver\.com|m\.facebook\.com|m\.kin\.naver\.com|m\.vk\.com|m\.yelp\.com|mbga\.jp|medium\.com|meetin\.org|meetup|meetup\.com|meinvz\.net|meneame\.net|menuism\.com|messages\.google\.com|messages\.yahoo\.co\.jp|messenger|messenger\.com|mix\.com|mixi\.jp|mobile\.facebook\.com|mocospace|mocospace\.com|mouthshut|mouthshut\.com|movabletype|movabletype\.com|mubi|mubi\.com|my\.opera\.com|myanimelist\.net|myheritage|myheritage\.com|mylife|mylife\.com|mymodernmet|mymodernmet\.com|myspace|myspace\.com|netvibes|netvibes\.com|news\.ycombinator\.com|newsshowcase|nexopia|ngopost\.org|niconico|nicovideo\.jp|nightlifelink|nightlifelink\.com|ning|ning\.com|nl\.pinterest\.com|odnoklassniki\.ru|odnoklassniki\.ua|okwave\.jp|old\.reddit\.com|oneworldgroup\.org|onstartups|onstartups\.com|opendiary|opendiary\.com|oshiete\.goo\.ne\.jp|out\.reddit\.com|over-blog\.com|overblog\.com|paper\.li|partyflock\.nl|photobucket|photobucket\.com|pinboard|pinboard\.in|pingsta|pingsta\.com|pinterest|pinterest\.at|pinterest\.ca|pinterest\.ch|pinterest\.cl|pinterest\.co\.kr|pinterest\.co\.uk|pinterest\.com|pinterest\.com\.au|pinterest\.com\.mx|pinterest\.de|pinterest\.es|pinterest\.fr|pinterest\.it|pinterest\.jp|pinterest\.nz|pinterest\.ph|pinterest\.pt|pinterest\.ru|pinterest\.se|pixiv\.net|pl\.pinterest\.com|playahead\.se|plurk|plurk\.com|plus\.google\.com|plus\.url\.google\.com|pocket\.co|posterous|posterous\.com|pro\.homeadvisor\.com|pulse\.yahoo\.com|qapacity|qapacity\.com|quechup|quechup\.com|quora|quora\.com|qzone\.qq\.com|ravelry|ravelry\.com|reddit|reddit\.com|redux|redux\.com|renren|renren\.com|researchgate\.net|reunion|reunion\.com|reverbnation|reverbnation\.com|rtl\.de|ryze|ryze\.com|salespider|salespider\.com|scoop\.it|screenrant|screenrant\.com|scribd|scribd\.com|scvngr|scvngr\.com|secondlife|secondlife\.com|serverfault|serverfault\.com|shareit|sharethis|sharethis\.com|shvoong\.com|sites\.google\.com|skype|skyrock|skyrock\.com|slashdot\.org|slideshare\.net|smartnews\.com|snapchat|snapchat\.com|social|sociallife\.com\.br|socialvibe|socialvibe\.com|spaces\.live\.com|spoke|spoke\.com|spruz|spruz\.com|ssense\.com|stackapps|stackapps\.com|stackexchange|stackexchange\.com|stackoverflow|stackoverflow\.com|stardoll\.com|stickam|stickam\.com|studivz\.net|suomi24\.fi|superuser|superuser\.com|sweeva|sweeva\.com|t\.co|t\.me|tagged|tagged\.com|taggedmail|taggedmail\.com|talkbiznow|talkbiznow\.com|taringa\.net|techmeme|techmeme\.com|tencent|tencent\.com|tiktok|tiktok\.com|tinyurl|tinyurl\.com|toolbox|toolbox\.com|touch\.facebook\.com|tr\.pinterest\.com|travellerspoint|travellerspoint\.com|tripadvisor|tripadvisor\.com|trombi|trombi\.com|trustpilot|tudou|tudou\.com|tuenti|tuenti\.com|tumblr|tumblr\.com|tweetdeck|tweetdeck\.com|twitter|twitter\.com|twoo\.com|typepad|typepad\.com|unblog\.fr|urbanspoon\.com|ushareit\.com|ushi\.cn|vampirefreaks|vampirefreaks\.com|vampirerave|vampirerave\.com|vg\.no|video\.ibm\.com|vk\.com|vkontakte\.ru|wakoopa|wakoopa\.com|wattpad|wattpad\.com|web\.facebook\.com|web\.skype\.com|webshots|webshots\.com|wechat|wechat\.com|weebly|weebly\.com|weibo|weibo\.com|wer-weiss-was\.de|weread|weread\.com|whatsapp|whatsapp\.com|wiki\.answers\.com|wikihow\.com|wikitravel\.org|woot\.com|wordpress|wordpress\.com|wordpress\.org|xanga|xanga\.com|xing|xing\.com|yahoo-mbga\.jp|yammer|yammer\.com|yelp|yelp\.co\.uk|yelp\.com|youroom\.in|za\.pinterest\.com|zalo|zoo\.gr|zooppa|zooppa\.com)$", "i").test(v.utmSource) || new RegExp("^(?:social|social-network|social-media|sm|social network|social media)$", "i").test(v.utmMedium)},{"name":"organic-video","test":(v) => new RegExp("^(?:blog\.twitch\.tv|crackle|crackle\.com|curiositystream|curiositystream\.com|d\.tube|dailymotion|dailymotion\.com|dashboard\.twitch\.tv|disneyplus|disneyplus\.com|fast\.wistia\.net|help\.hulu\.com|help\.netflix\.com|hulu|hulu\.com|id\.twitch\.tv|iq\.com|iqiyi|iqiyi\.com|jobs\.netflix\.com|justin\.tv|m\.twitch\.tv|m\.youtube\.com|music\.youtube\.com|netflix|netflix\.com|player\.twitch\.tv|player\.vimeo\.com|ted|ted\.com|twitch|twitch\.tv|utreon|utreon\.com|veoh|veoh\.com|viadeo\.journaldunet\.com|vimeo|vimeo\.com|wistia|wistia\.com|youku|youku\.com|youtube|youtube\.com)$", "i").test(v.utmSource) || new RegExp("^(.*video.*)$", "i").test(v.utmMedium)},{"name":"organic-search","test":(v) => new RegExp("^(?:360\.cn|alice|aol|ar\.search\.yahoo\.com|ask|at\.search\.yahoo\.com|au\.search\.yahoo\.com|auone|avg|babylon|baidu|biglobe|biglobe\.co\.jp|biglobe\.ne\.jp|bing|br\.search\.yahoo\.com|ca\.search\.yahoo\.com|centrum\.cz|ch\.search\.yahoo\.com|cl\.search\.yahoo\.com|cn\.bing\.com|cnn|co\.search\.yahoo\.com|comcast|conduit|daum|daum\.net|de\.search\.yahoo\.com|dk\.search\.yahoo\.com|dogpile|dogpile\.com|duckduckgo|ecosia\.org|email\.seznam\.cz|eniro|es\.search\.yahoo\.com|espanol\.search\.yahoo\.com|exalead\.com|excite\.com|fi\.search\.yahoo\.com|firmy\.cz|fr\.search\.yahoo\.com|globo|go\.mail\.ru|google|google-play|hk\.search\.yahoo\.com|id\.search\.yahoo\.com|in\.search\.yahoo\.com|incredimail|it\.search\.yahoo\.com|kvasir|lens\.google\.com|lite\.qwant\.com|lycos|m\.baidu\.com|m\.naver\.com|m\.search\.naver\.com|m\.sogou\.com|mail\.rambler\.ru|mail\.yandex\.ru|malaysia\.search\.yahoo\.com|msn|msn\.com|mx\.search\.yahoo\.com|najdi|naver|naver\.com|news\.google\.com|nl\.search\.yahoo\.com|no\.search\.yahoo\.com|ntp\.msn\.com|nz\.search\.yahoo\.com|onet|onet\.pl|pe\.search\.yahoo\.com|ph\.search\.yahoo\.com|pl\.search\.yahoo\.com|play\.google\.com|qwant|qwant\.com|rakuten|rakuten\.co\.jp|rambler|rambler\.ru|se\.search\.yahoo\.com|search-results|search\.aol\.co\.uk|search\.aol\.com|search\.google\.com|search\.smt\.docomo\.ne\.jp|search\.ukr\.net|secureurl\.ukr\.net|seznam|seznam\.cz|sg\.search\.yahoo\.com|so\.com|sogou|sogou\.com|sp-web\.search\.auone\.jp|startsiden|startsiden\.no|suche\.aol\.de|terra|th\.search\.yahoo\.com|tr\.search\.yahoo\.com|tut\.by|tw\.search\.yahoo\.com|uk\.search\.yahoo\.com|ukr|us\.search\.yahoo\.com|virgilio|vn\.search\.yahoo\.com|wap\.sogou\.com|webmaster\.yandex\.ru|websearch\.rakuten\.co\.jp|yahoo|yahoo\.co\.jp|yahoo\.com|yandex|yandex\.by|yandex\.com|yandex\.com\.tr|yandex\.fr|yandex\.kz|yandex\.ru|yandex\.ua|yandex\.uz|zen\.yandex\.ru)$", "i").test(v.utmSource) || v.utmMedium.toLowerCase() === "organic"},{"name":"referral","test":(v) => new RegExp("^(?:referral|app|link)$", "i").test(v.utmMedium)},{"name":"email","test":(v) => new RegExp("^(?:email|e-mail|e_mail|e mail)$", "i").test(v.utmMedium) || new RegExp("^(?:email|e-mail|e_mail|e mail)$", "i").test(v.utmSource)},{"name":"affiliate","test":(v) => v.utmMedium.toLowerCase() === "affiliate"},{"name":"audio","test":(v) => v.utmMedium.toLowerCase() === "audio"},{"name":"sms","test":(v) => v.utmSource.toLowerCase() === "sms" || v.utmMedium.toLowerCase() === "sms"},{"name":"mobile-push-notification","test":(v) => v.utmSource.toLowerCase() === "firebase" || new RegExp("(?:.*mobile.*|.*notification.*|push$)", "i").test(v.utmMedium)}].find(i=>i.test(e))?.name??"other"}getShopifyAnalyticsId(){const e=this.getCookie("_shopify_y");if(e)return e;try{const t=this.localStorageGet("Shoplift_ClientId");if(t)return t}catch{}return null}legacyGetCookieVisitor(){const e=this.getCookie("SHOPLIFT");return e===null?null:JSON.parse(e,F)}getCookie(e){const t=this.cookie.split("; ").filter(i=>i.split("=").at(0)===e).at(0);return t===void 0?null:t.split("=").slice(1).join("=")}monitorConsentChange(){document.addEventListener("visitorConsentCollected",e=>{(async()=>await this.onConsentChange(e.detail.analyticsAllowed,!0))()}),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>this.loadShopifyConsentApiWithRetry()):this.loadShopifyConsentApiWithRetry()}loadShopifyConsentApiWithRetry(){let e=0;const t=()=>{this.loadShopifyConsentApi()||e++<10&&window.setTimeout(t,100)};t()}loadShopifyConsentApi(){if(window.Shopify){this.log("Loading Shopify features");const e=async()=>{if(!window.Shopify){this.log("Shopify object missing... suddenly?");return}if(window.Shopify.customerPrivacy===void 0){this.log("Shopify CustomerPrivacy api still missing, trying again in 1000ms"),t=window.setTimeout(()=>{(async()=>await e())()},1e3);return}if(this.geoViaShopify){const s=window.Shopify.customerPrivacy.getRegion?.();this.resolvedRegion=typeof s=="string"?s.replace(/-/g,""):""}const i=window.Shopify.customerPrivacy.getTrackingConsent();await this.onConsentChange(window.Shopify.customerPrivacy.analyticsProcessingAllowed(),i==="yes")};let t=window.setTimeout(()=>{(async()=>await e())()},5e3);return window.Shopify.loadFeatures([{name:"consent-tracking-api",version:"0.1"}],i=>{(async()=>{if(window.clearTimeout(t),i){this.log("Error loading consent tracking",i);return}await e()})()}),!0}return!1}async onConsentChange(e,t){try{if(this.log("Consent change detected",e,t),this.state.essential.consentApproved=e,this.state.essential.hasConsentInteraction=t,!this.state.essential.consentApproved){this.state.essential.hasConsentInteraction&&(this.state.analytics.queue.length=0),this.saveState();return}this.cookie=document.cookie,this.shopifyAnalyticsId=this.getShopifyAnalyticsId(),this.saveState(),await this.syncAllEvents()}catch(i){this.log("Error syncing on consent change",i)}}isThemePreview(){return isThemePreview||themeRole!=="main"}isAppProxyPath(){const e=["/apps/","/tools/","/a/"],t=window.location.pathname;return e.some(i=>t.startsWith(i))}clearThemeBar(e,t,i){const s=structuredClone(i);this.log("Looking for theme bar"),this.waitForElement(null,"body").then(r=>this.waitForElement(r,"#preview-bar-iframe, #PBarNextFrameWrapper").then(n=>(this.log("Found theme bar"),t&&(this.log("Removing theme bar"),n.remove()),e?this.makeRequest({url:`${this.eventHost}/api/v0/logs`,method:"post",data:JSON.stringify({...this.debugState(),stateAtEvaluation:s},X)}):Promise.resolve(null)))).catch(r=>console.error(r))}waitForElement(e,t){return new Promise(i=>{const s=document.querySelector(t);if(s){i(s);return}const r=new MutationObserver(n=>{const o=document.querySelector(t);if(o){r.disconnect(),i(o);return}});r.observe(e??document.documentElement,{childList:!0})})}setDebug(e){this.state.essential.debugMode=e,this.saveState()}log(e,...t){let i=0;const s=e.replace(/%[sdoOfF]/g,r=>{if(i>=t.length)return r;const n=t[i++];return r==="%o"||r==="%O"?JSON.stringify(n):String(n)});this.logHistory.push(`[${new Date().toISOString()}][SL] ${s}`),!(!this.state.essential.debugMode&&!this.shopliftDebug)&&console.debug(`[SL] ${e}`,...t)}debugState(){return{state:this.state,storage:{essential:this.loadLocalStorage(this.essentialSessionKey),analytics:this.loadLocalStorage(this.analyticsSessionKey)},params:{shop:this.shop,host:this.host,eventHost:this.eventHost,cssHideClass:this.cssHideClass,testConfigs:this.testConfigs,inactiveTestConfigs:this.inactiveTestConfigs,sendPageView:this.sendPageView,isShopifyMerchantCookie:this.getCookie("is_shopify_merchant"),themeId,url:window.location.href,isThemePreview,themeRole,gaConfig:this.gaConfig},logHistory:this.logHistory}}createViewportObserver(e,t={}){const{threshold:i=this.VIEWPORT_TRACK_THRESHOLD,triggerOnce:s=!0}=t,r=new Set;return new IntersectionObserver(n=>{n.forEach(o=>{if(o.isIntersecting&&!r.has(o.target)){const l=o.target,c=l.getAttribute(this.DATA_SL_TEST_ID);c&&(e(c,l),s&&r.add(l))}})},{threshold:i})}applyChangesWithViewport(e,t,i,s){const r=t.selectorsForViewportTracking??t.selectors,n=o=>{if(this.state.essential.visitorTests.some(h=>h.testId===o)||this.activeViewportObservers.has(o))return;const l=[];if(r.forEach(h=>{e.querySelectorAll(h.cssSelector).forEach(b=>l.push(b))}),l.length===0)return;let c=!1;const d=()=>{c||(c=!0,i(o),p.disconnect(),this.activeViewportObservers.delete(o))},p=this.createViewportObserver(()=>{d()},{triggerOnce:!0,...s});this.activeViewportObservers.set(o,p),this.log(`Created viewport observer for test ${o}, observing ${l.length} elements`),l.forEach(h=>{h.setAttribute(this.DATA_SL_TEST_ID,String(o)),p.observe(h)}),setTimeout(()=>{c||l.forEach(h=>{const u=h.getBoundingClientRect(),b=s?.threshold??this.VIEWPORT_TRACK_THRESHOLD,E=Math.min(u.bottom,window.innerHeight)-Math.max(u.top,0),S=Math.min(u.right,window.innerWidth)-Math.max(u.left,0);u.top<window.innerHeight&&u.bottom>0&&u.left<window.innerWidth&&u.right>0&&E>0&&S>0&&E>=u.height*b&&(this.log(`Price element already visible in viewport for test ${o}:`,h),d())})},100)};t.selectors.length>0&&U(e,t,()=>{}),Te(e,{testId:t.testId,hypothesisId:t.hypothesisId,selectors:r},o=>{n(o)})}applyPriceTestWithMapLookup(e,t,i,s){if(!t.priceData){this.log("No price data for hypothesis '%s'",t.id);return}this.log("Hypothesis '%s' isControl=%s, priceData has %d variants",t.id,t.isControl,t.priceData.variants.length);const r=t.priceData.variants.slice(0,3);for(const[S,C,_]of r)this.log("  Sample priceData: variant=%s, price=%d, compareAt=%d",S,C,_);const n=j(t.priceData),o=new Set;for(const S of i)if(S.priceData)for(const[C]of S.priceData.variants)o.add(C);this.log("Price test Map lookup: %d products in hypothesis, %d total products to track",n.size,o.size);const l=t.priceData,c=new WeakSet;let d=!1;const p="[data-sl-attribute-p], [data-sl-attribute-cap], [data-sl-attribute-discount]",h=S=>{if(c.has(S))return;const C=S.getAttribute("data-sl-attribute-p"),_=S.getAttribute("data-sl-attribute-cap"),T=S.getAttribute("data-sl-attribute-discount"),m=C||_||T;if(!m||!o.has(m))return;c.add(S);const y=n.get(m);y&&(this.log("Applying price for product %s: %d cents (compare at: %d cents)",m,y.priceInCents,y.compareAtPriceInCents),Le(S,m,y,l),this.log("Applied price to element for product %s",m)),!d&&!this.state.essential.visitorTests.some(w=>w.testId===e)&&(S.setAttribute(this.DATA_SL_TEST_ID,String(e)),this.setupElementViewportTracking(S,e,()=>{d||(d=!0,s(e))}))},u=()=>{const S=document.querySelectorAll(p);this.log("Scanning for price elements, found: %d",S.length),S.forEach(h)},b=new MutationObserver(S=>{for(const C of S)C.type==="childList"&&C.addedNodes.forEach(_=>{if(_.nodeType===Node.ELEMENT_NODE){const T=_;(T.hasAttribute("data-sl-attribute-p")||T.hasAttribute("data-sl-attribute-cap")||T.hasAttribute("data-sl-attribute-discount"))&&h(T),T.querySelectorAll(p).forEach(h)}}),C.type==="attributes"&&C.target instanceof Element&&h(C.target)}),E=document.body||document.documentElement;b.observe(E,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-sl-attribute-p","data-sl-attribute-cap","data-sl-attribute-discount"]}),this.log("MutationObserver started for price elements"),u(),document.readyState==="loading"&&document.addEventListener("DOMContentLoaded",()=>{this.log("DOMContentLoaded - rescanning for price elements"),u()}),setTimeout(()=>{this.log("Delayed rescan for price elements"),u()},100),setTimeout(()=>{this.log("Final rescan for price elements"),u()},500)}setupElementViewportTracking(e,t,i){const s=this.VIEWPORT_TRACK_THRESHOLD,r=e.getBoundingClientRect(),n=Math.min(r.bottom,window.innerHeight)-Math.max(r.top,0),o=Math.min(r.right,window.innerWidth)-Math.max(r.left,0);if(r.top<window.innerHeight&&r.bottom>0&&r.left<window.innerWidth&&r.right>0&&n>0&&o>0&&n>=r.height*s){this.log("Price element already visible for test %s",t),i();return}const c=new IntersectionObserver(d=>{for(const p of d)if(p.isIntersecting&&p.intersectionRatio>=s){this.log("Price element entered viewport for test %s",t),c.disconnect(),i();break}},{threshold:s});c.observe(e)}debug(){const e=this.debugState();console.log(JSON.stringify(e,X,2))}}(async function(){window.shopliftInstance||(window.shopliftInstance=new Ze("ehndwb-vu.myshopify.com","https://app.shoplift.ai","https://events.shoplift.ai",true,false,false,{"sendEvents":false,"mode":"gtag"},false,false,1000,[{"id":"01a06373-dc70-703b-947e-39a5d35aa618","startAt":"2026-09-02T18:48:52.590128Z","requiresCountry":false,"requiresRegion":false,"bayesianRevision":5,"device":"desktop","status":"active","visitorOption":"all","ignoreTestViewParameterEnforcement":false,"statusHistory":[{"status":"active","createdAt":"2026-09-02T18:48:52.597452Z"}],"hypotheses":[{"visitorCount":20016,"trafficPercentage":0.6915296856098718,"title":"Original","domSelectors":[],"id":"01a05e38-7ce1-74a5-b2be-6f78b00a2797","type":"product","themeId":149992931466,"affix":"","isControl":true},{"visitorCount":8928,"trafficPercentage":0.3084703143901282,"title":"No Sticky Buy Box Desktop","domSelectors":[],"id":"01a05e38-9a22-7d2c-8c58-f040c5757795","type":"product","themeId":149992931466,"affix":"product-01","isControl":false}],"targetAudiences":[],"title":"No Product Page-Sticky Buy Box Desktop"}],[],null,false),await window.shopliftInstance.init())})();async function Qe(a,e,t,i){const s=Be({log:i});if(t)return i("[SUB-PREVIEW] A side — no overlay applied; widget renders naturally"),s;const r=a.widget.widgetType,n=e?j(e):null;let o=W(e),l=K(a,o),c=l.discountMap,d=l.maxDiscount;function p(){const f=W(e);f!==o&&(o=f,l=K(a,o),c=l.discountMap,d=l.maxDiscount,i(`[SUB-PREVIEW] scope refreshed currentProductId=${o??"n/a"}, maxDiscount=${d}`))}i(`[SUB-PREVIEW] side=B, currentProductId=${o??"n/a"}, maxDiscount=${d}`);function h(f){if(!e||!n)return null;const v=Y(n),g=v?n.get(v):void 0;return g?{formattedVariantPrice:G(g.priceInCents,e),formattedDiscounted:G(g.priceInCents*(1-f/100),e)}:null}function u(f){const v=J(a,f);if(!v)return d;const g=D(a,"subscriptionInput"),P=g.length?g[0].selector:'input[name="rc_plan"]',A=v.querySelector(`${P}:checked`);if(A){const k=c[A.value];if(k!==void 0)return k}return d}function b(f){const v=D(a,"subscriptionDiscount");for(const g of v)if(g.selector.includes("badge")||g.selector.includes("__badge")){const P=f.querySelector(g.selector);P?.textContent&&!P.textContent.includes(`${d}%`)&&$(P,A=>N(A,d))}}function E(f,v){const g=h(v);if(!g)return;const P=D(a,"subscriptionCompareAt");for(const A of P){const k=f.querySelector(A.selector)||f.querySelector(`[part~="${A.selector}"]`);k?.textContent&&!k.textContent.includes(g.formattedVariantPrice)&&$(k,x=>/\d/.test(x)?g.formattedVariantPrice:x)}}function S(f,v){const g=h(v);if(!g)return;const P=D(a,"subscriptionPrice");for(const A of P){const k=f.querySelector(A.selector)||f.querySelector(`[part~="${A.selector}"]`);k?.textContent&&!k.textContent.includes(g.formattedDiscounted)&&$(k,x=>/\d/.test(x)?g.formattedDiscounted:x)}}function C(f){const v=D(a,"subscriptionInput"),g=v.length?v[0].selector:'input[name="rc_plan"]',P=D(a,"subscriptionPlanDiscount"),A=P.length?P[0].selector:".rc-plans-button__discount";for(const k of Array.from(f.querySelectorAll("label"))){const x=k.querySelector(g),R=k.querySelector(A);if(x&&R?.textContent){const O=c[x.value];if(O!==void 0){const V=R.textContent.match(/[\d.]+%/)?.[0];V&&V!==`${O}%`&&$(R,L=>N(L,O))}}}}function _(f){const v=f.querySelector("select");if(v)for(const g of Array.from(v.options)){const P=c[g.value];if(P!==void 0&&g.textContent){const A=g.textContent.match(/[\d.]+%/)?.[0];A&&A!==`${P}%`&&(g.textContent=N(g.textContent,P))}}}function T(f){const v=D(a,"onetimePrice");if(!v.length||!e||!n)return;const g=Y(n),P=g?n.get(g):void 0;if(!P)return;const A=G(P.priceInCents,e),k=D(a,"onetimeContainer"),x=k.length?k[0].selector:'[part~="rc-purchase-option__onetime"]',R=f.querySelector(x);if(R)for(const O of v){const V=R.querySelector(`[part~="${O.selector}"]`);V?.textContent&&!V.textContent.includes(A)&&$(V,L=>/\d/.test(L)?A:L)}}function m(f,v){const P=D(a,"subscriptionDiscount").filter(A=>A.selector.includes("benefit")||A.selector==="rc-benefits");for(const A of P){const k=f.querySelector(A.selector);if(k?.shadowRoot){for(const x of Array.from(k.shadowRoot.querySelectorAll("li")))if(x.textContent?.includes("Save")){const R=x.textContent.match(/[\d.]+%/)?.[0];R&&R!==`${v}%`&&$(x,O=>N(O,v))}}}}let y=!1;function w(){if(!y){y=!0;try{p();const f=B(a);if(!f)return;const v=u(f);b(f),E(f,v),S(f,v),T(f);const g=J(a,f);g&&(r==="buttons"||r==="radio"?C(g):_(g)),m(f,v)}finally{y=!1}}}const I=ue({data:a,runUpdates:w});return function(){I(),s()}}const Xe=Object.freeze(Object.defineProperty({__proto__:null,subscriptionPreviewRender:Qe},Symbol.toStringTag,{value:"Module"}))})(); })("/", { suffix: "", type: "index" }, "main", 149992931466, false)</script>
<!-- End of Shoplift scripts -->


    
    
    
    
    
  
    
<script>
  window.__ucScanner = /Usercentricsbot/.test(navigator.userAgent);
</script><script>
      var s = document.createElement('script');
      s.id = 'usercentrics-cmp';
      s.src = 'https://web.cmp.usercentrics.eu/ui/loader.js';
      s.setAttribute('data-settings-id', 'es5Qn9huyY2O1P'); s.setAttribute('data-draft', 'true');
      s.async = true;
      document.head.appendChild(s);
    </script>
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
    <link rel="preconnect" href="https://ac.cnstrc.com" crossorigin>

    

    

    

    <style>
      #userwayAccessibilityIcon {
        display: none;
      }
      #kampyleButtonContainer {
        z-index: 14 !important;
      }
    </style><link
        rel="icon"
        type="image/png"
        href="//www.swansonvitamins.com/cdn/shop/files/favicon-32x32.png?crop=center&height=32&v=1759171003&width=32"
      >
    <script type="text/javascript">
      window.constructorApiKey = 'key_S3qQqhjIprv5M63j';
    </script>
<script>
  !function(){
    if (window.__swOfferResolver) return;

    var BASE_URL = 'https://shopify-app-react-cf.swansonvitamins.workers.dev';
    var CUSTOMER_OFFER_OVERRIDE = '';
    var CUSTOMER_CLASS = '';
    var CART_PROMO_CODE = '';
    var CART_OFFER_CODE = '';

    function isCustomerOverridden() {
      if (CUSTOMER_OFFER_OVERRIDE) return true;
      // Mirror get-applied-offer.liquid: Employee and Distributor classes are
      // server-resolved and cannot be re-derived from cart state.
      if (CUSTOMER_CLASS === 'Employee' || CUSTOMER_CLASS === 'Distributor') return true;
      return false;
    }

    function hasNonDefaultCartAttrs() {
      var p = (CART_PROMO_CODE || '').toUpperCase();
      var o = (CART_OFFER_CODE || '').toUpperCase();
      if (p && p !== 'INT999') return true;
      if (o && o !== 'N9J') return true;
      return false;
    }

    function resolveFromCart() {
      return fetch('/cart.json', {credentials:'same-origin'})
        .then(function(r){ return r.json(); })
        .then(function(cart){
          var applicable = (cart.discount_codes || [])
            .filter(function(d){ return d && d.applicable && d.code; })
            .map(function(d){ return String(d.code).toUpperCase(); });
          if (!applicable.length) return null;
          if (applicable.indexOf('INT999') !== -1) return {promo:'INT999', offer:'N9J'};
          if (!BASE_URL) return null;
          var u = new URL(BASE_URL + '/api/check-promo');
          u.searchParams.set('codes', applicable.join(','));
          return fetch(u.toString()).then(function(r){ return r.json(); }).then(function(data){
            for (var i=0; i<applicable.length; i++) {
              var c = applicable[i];
              var res = data && data.details && data.details[c];
              if (res && res.isPromo && res.offerCode) return {promo:c, offer:res.offerCode};
            }
            return null;
          });
        });
    }

    window.__swOfferResolver = {
      isCustomerOverridden: isCustomerOverridden,
      hasNonDefaultCartAttrs: hasNonDefaultCartAttrs,
      resolveFromCart: resolveFromCart
    };
  }();
</script>



    <link
      rel="expect"
      href="#MainContent"
      blocking="render"
      id="view-transition-render-blocker"
    ><meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content=""
>



<meta
  property="og:site_name"
  content="Swanson Vitamins"
>
<meta
  property="og:url"
  content="https://www.swansonvitamins.com/"
>
<meta
  property="og:title"
  content="Vitamins, Supplements &amp; Natural Health Products - Swanson Vitamins"
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="Shop science-backed supplements and wellness essentials that support health from every angle. High-quality formulas designed to fit real life"
><meta
    property="og:image"
    content="http://www.swansonvitamins.com/cdn/shop/files/SwansonVitamins-share-2026-05-20.webp?v=1779379384"
  >
  <meta
    property="og:image:secure_url"
    content="https://www.swansonvitamins.com/cdn/shop/files/SwansonVitamins-share-2026-05-20.webp?v=1779379384"
  >
  <meta
    property="og:image:width"
    content="1200"
  >
  <meta
    property="og:image:height"
    content="628"
  ><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="Vitamins, Supplements &amp; Natural Health Products - Swanson Vitamins"
>
<meta
  name="twitter:description"
  content="Shop science-backed supplements and wellness essentials that support health from every angle. High-quality formulas designed to fit real life"
><title>
  Vitamins, Supplements &amp; Natural Health Products - Swanson Vitamins
</title>

  <link rel="canonical" href="https://www.swansonvitamins.com/" data-cf-canonical="true">


  <meta
    name="description"
    content="Shop science-backed supplements and wellness essentials that support health from every angle. High-quality formulas designed to fit real life"
  >



<link
    rel="preload"
    as="font"
    href="//www.swansonvitamins.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2"
    type="font/woff2"
    crossorigin
  ><link
    rel="preload"
    as="font"
    href="//www.swansonvitamins.com/cdn/fonts/jost/jost_i4.b690098389649750ada222b9763d55796c5283a5.woff2"
    type="font/woff2"
    crossorigin
  ><link
    rel="preload"
    as="font"
    href="//www.swansonvitamins.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2"
    type="font/woff2"
    crossorigin
  ><link
    rel="preload"
    as="font"
    href="//www.swansonvitamins.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2"
    type="font/woff2"
    crossorigin
  ><link
    rel="preload"
    as="font"
    href="//www.swansonvitamins.com/cdn/fonts/jost/jost_i4.b690098389649750ada222b9763d55796c5283a5.woff2"
    type="font/woff2"
    crossorigin
  ><link
    rel="preload"
    as="font"
    href="//www.swansonvitamins.com/cdn/fonts/domine/domine_n6.70313db43309874b6a9908823c8428bf6b29604a.woff2"
    type="font/woff2"
    crossorigin
  >
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/product-title": "//www.swansonvitamins.com/cdn/shop/t/578/assets/product-title-truncation.js?v=81744426891537421781766440499",
      "@theme/component": "//www.swansonvitamins.com/cdn/shop/t/578/assets/component.js?v=6378698443864695391779988249",
      "@theme/dialog": "//www.swansonvitamins.com/cdn/shop/t/578/assets/dialog.js?v=73337267641248443041769983289",
      "@theme/events": "//www.swansonvitamins.com/cdn/shop/t/578/assets/events.js?v=30397703022478970011786649668",
      "@theme/focus": "//www.swansonvitamins.com/cdn/shop/t/578/assets/focus.js?v=60436577539430446401766440499",
      "@theme/morph": "//www.swansonvitamins.com/cdn/shop/t/578/assets/morph.js?v=145786632709100725361788373107",
      "@theme/paginated-list": "//www.swansonvitamins.com/cdn/shop/t/578/assets/paginated-list.js?v=133986602874276018051766440497",
      "@theme/performance": "//www.swansonvitamins.com/cdn/shop/t/578/assets/performance.js?v=149603868801881223341779988248",
      "@theme/product-form": "//www.swansonvitamins.com/cdn/shop/t/578/assets/product-form.js?v=35368234576718153671779988248",
      "@theme/recently-viewed-products": "//www.swansonvitamins.com/cdn/shop/t/578/assets/recently-viewed-products.js?v=94729125001750262651766440500",
      "@theme/scrolling": "//www.swansonvitamins.com/cdn/shop/t/578/assets/scrolling.js?v=89860576516239867181766440499",
      "@theme/section-renderer": "//www.swansonvitamins.com/cdn/shop/t/578/assets/section-renderer.js?v=96894699356915887271779988249",
      "@theme/utilities": "//www.swansonvitamins.com/cdn/shop/t/578/assets/utilities.js?v=178065859937468409971779988248",
      "@theme/variant-picker": "//www.swansonvitamins.com/cdn/shop/t/578/assets/variant-picker.js?v=144204638868046734811787154965",
      "@theme/media-gallery": "//www.swansonvitamins.com/cdn/shop/t/578/assets/media-gallery.js?v=129690698755894941521766440499",
      "@theme/quick-add": "//www.swansonvitamins.com/cdn/shop/t/578/assets/quick-add.js?v=13585413387841655561779988249",
      "@theme/toggle-listener": "//www.swansonvitamins.com/cdn/shop/t/578/assets/toggle-listener.js?v=159189730353417320681777396059",
      "@theme/consent-util": "//www.swansonvitamins.com/cdn/shop/t/578/assets/consent-util.js?v=86205808976419124231778523293",
      "@theme/object-util": "//www.swansonvitamins.com/cdn/shop/t/578/assets/object-util.js?v=110145157382519405461779988248",
      "@theme/product-util": "//www.swansonvitamins.com/cdn/shop/t/578/assets/product-util.js?v=14350835770009263301779988249",
      "@theme/profile": "//www.swansonvitamins.com/cdn/shop/t/578/assets/profile.js?v=140683387988734233191779988249",
      "@theme/quick-view-dialog": "//www.swansonvitamins.com/cdn/shop/t/578/assets/quick-view-dialog.js?v=143369490194660179891779988249",
      "@theme/cordial-bis-form": "//www.swansonvitamins.com/cdn/shop/t/578/assets/cordial-bis-form.js?v=155610536997144791181781632696",
      "@theme/product-card": "//www.swansonvitamins.com/cdn/shop/t/578/assets/product-card.js?v=160996964966576329271782324629",
      "@theme/accordion-custom": "//www.swansonvitamins.com/cdn/shop/t/578/assets/accordion-custom.js?v=78246492662079872721766440497",
      "@theme/sidebar-accordion": "//www.swansonvitamins.com/cdn/shop/t/578/assets/sidebar-accordion.js?v=160352007052265991351766440498",
      "@theme/media": "//www.swansonvitamins.com/cdn/shop/t/578/assets/media.js?v=121262317152177800911784220612",
      "@theme/product-price": "//www.swansonvitamins.com/cdn/shop/t/578/assets/product-price.js?v=30079423257668675401766440498",
      "@theme/product-inventory": "//www.swansonvitamins.com/cdn/shop/t/578/assets/product-inventory.js?v=16343734458933704981766440497",
      "@theme/show-more": "//www.swansonvitamins.com/cdn/shop/t/578/assets/show-more.js?v=94563802205717136101766440497",
      "@theme/slideshow": "//www.swansonvitamins.com/cdn/shop/t/578/assets/slideshow.js?v=59562252054937873011779988249",
      "@theme/floating-panel": "//www.swansonvitamins.com/cdn/shop/t/578/assets/floating-panel.js?v=128677600744947036551766440499",
      "@theme/video-background": "//www.swansonvitamins.com/cdn/shop/t/578/assets/video-background.js?v=25237992823806706551766440499",
      "@theme/quantity-selector": "//www.swansonvitamins.com/cdn/shop/t/578/assets/component-quantity-selector.js?v=180888992934605476111770808676",
      "@theme/rte-formatter": "//www.swansonvitamins.com/cdn/shop/t/578/assets/rte-formatter.js?v=101420294193111439321766440498",
      "@theme/share-button": "//www.swansonvitamins.com/cdn/shop/t/578/assets/share-button.js?v=85021309706254486581779988249",
      "@theme/chat-button": "//www.swansonvitamins.com/cdn/shop/t/578/assets/chat-button.js?v=181610949556783926331779988249",
      "@theme/rewards-points": "//www.swansonvitamins.com/cdn/shop/t/578/assets/rewards-points.js?v=111384615907142432191779988249",
      "@theme/zinrelo-product-points": "//www.swansonvitamins.com/cdn/shop/t/578/assets/zinrelo-product-points.js?v=74159837078061481441779988249",
      "@theme/image-with-fallback": "//www.swansonvitamins.com/cdn/shop/t/578/assets/image-with-fallback.js?v=9466610343992003891768861917",
      "@theme/auto-close-details": "//www.swansonvitamins.com/cdn/shop/t/578/assets/auto-close-details.js?v=102542634809590739201779988248",
      "@theme/content-card-add-to-cart": "//www.swansonvitamins.com/cdn/shop/t/578/assets/content-card-add-to-cart.js?v=149431086044918376281779988249",
      "@theme/placeholder-image": "//www.swansonvitamins.com/cdn/shop/t/578/assets/placeholder-image.js?v=97758057548568586831766440498",
      "@theme/tabs-custom": "//www.swansonvitamins.com/cdn/shop/t/578/assets/tabs-custom.js?v=139214660435856698211766440499",
      "@theme/plp-visual-filters": "//www.swansonvitamins.com/cdn/shop/t/578/assets/plp-visual-filters.js?v=112536890362625439021779988248",
      "@theme/age-verification-service": "//www.swansonvitamins.com/cdn/shop/t/578/assets/age-verification-service.js?v=62241142708894327681779988248"
    }
  }
</script>



<link href="//www.swansonvitamins.com/cdn/shop/t/578/assets/critical.js?v=137611512248292459131780166541" as="script" rel="preload">

<script type="text/javascript">
  class SessionPersistedObject{#data={};#key;#storageAvailable=!1;constructor(storageKey,seed={}){if(!storageKey)throw new Error("SessionPersistedObject requires a storage key");this.#key=String(storageKey);let stored={};try{if(this.#storageAvailable=typeof window<"u"&&typeof window.sessionStorage<"u",this.#storageAvailable){const raw=window.sessionStorage.getItem(this.#key);raw&&(stored=JSON.parse(raw))}}catch{this.#storageAvailable=!1}return this.#data=Object.assign({},stored,seed),this.#save(),new Proxy(this,{get:(target,prop,receiver)=>typeof prop!="string"||prop in target?Reflect.get(target,prop,receiver):target.#data[prop],set:(target,prop,value,receiver)=>typeof prop!="string"||prop in target?Reflect.set(target,prop,value,receiver):(target.#data[prop]=String(value),target.#save(),!0),has:(target,prop)=>typeof prop=="string"&&!(prop in target)?Object.prototype.hasOwnProperty.call(target.#data,prop):prop in target,ownKeys:target=>{const base=Reflect.ownKeys(target);return Array.from(new Set([...base,...Object.keys(target.#data)]))},getOwnPropertyDescriptor:(target,prop)=>typeof prop=="string"&&!(prop in target)&&prop in target.#data?{value:target.#data[prop],writable:!0,enumerable:!0,configurable:!0}:Object.getOwnPropertyDescriptor(target,prop),deleteProperty:(target,prop)=>typeof prop=="string"&&!(prop in target)?(prop in target.#data&&(delete target.#data[prop],target.#save()),!0):Reflect.deleteProperty(target,prop)})}get(handle){return this.#data[handle]}set(handle,v){return this.#data[handle]=String(v),this.#save(),this}keys(){return Object.keys(this.#data)}values(){return Object.values(this.#data)}entries(){return Object.entries(this.#data)}toJSON(){return{...this.#data}}clear(){this.#data={},this.#save()}#save(){if(this.#storageAvailable)try{window.sessionStorage.setItem(this.#key,JSON.stringify(this.#data))}catch{}}}
//# sourceMappingURL=/s/files/1/0693/8139/0474/t/578/assets/session-persisted-object.js.map?v=164923188402046623491766440499

</script>





<script type="module">
  import '@theme/toggle-listener';

  const CE = {
    // quick-add / quick-view are interaction-gated below (see the delegated
    // pointerover/focusin/click block) instead of eagerly imported here. They are
    // only needed when a shopper clicks "Quick View +" / "Quick Add" on a product
    // card, so gating keeps their High-priority dynamic import() off the LCP path.
    'dialog-component': '@theme/dialog',
    'variant-picker': '@theme/variant-picker',
    'product-card': '@theme/product-card',
    'swatches-variant-picker-component': '@theme/product-card',
    'add-to-cart-component': '@theme/product-form',
    'accordion-custom': '@theme/accordion-custom',
    'sidebar-accordion': '@theme/sidebar-accordion',
    'deferred-media': '@theme/media',
    'product-model': '@theme/media',
    'product-price': '@theme/product-price',
    'product-title': '@theme/product-title',
    'product-inventory': '@theme/product-inventory',
    'show-more-component': '@theme/show-more',
    'slideshow-component': '@theme/slideshow',
    'floating-panel-component': '@theme/floating-panel',
    'video-background-component': '@theme/video-background',
    'media-gallery': '@theme/media-gallery',
    'rte-formatter': '@theme/rte-formatter',
    'share-button': '@theme/share-button',
    'rewards-points-component': '@theme/rewards-points',
    'zinrelo-product-points': '@theme/zinrelo-product-points',
    'image-with-fallback': '@theme/image-with-fallback',
    'placeholder-image': '@theme/placeholder-image',
    'tabs-custom': '@theme/tabs-custom',
    'plp-visual-filters': '@theme/plp-visual-filters',
  };

  const SEL = [
    ['[data-auto-close-details]', '@theme/auto-close-details'],
    ['[data-product-picker]', '@theme/content-card-add-to-cart'],
    ['form[class*="cordial-bis-form"]', '@theme/cordial-bis-form'],
  ];

  const loaded = new Set();
  function load(mod) {
    if (!loaded.has(mod)) {
      loaded.add(mod);
      import(mod);
    }
  }

  function scan(root = document) {
    const isEl = root instanceof Element;
    for (const [tag, mod] of Object.entries(CE)) {
      if ((isEl && root.matches(tag)) || root.querySelector(tag)) load(mod);
    }
    for (const [sel, mod] of SEL) {
      if ((isEl && root.matches(sel)) || root.querySelector(sel)) load(mod);
    }
  }

  scan();

  // Observe dynamically added nodes to load their respective components
  const observer = new MutationObserver((mutations) => {
    for (const mutation of mutations) {
      for (const node of mutation.addedNodes) {
        if (node.nodeType === 1) {
          scan(node);
        }
      }
    }
  });
  observer.observe(document.documentElement, { childList: true, subtree: true });

  // Defer chat-button.js until the user interacts with a chat button. Delegated
  // so every <chat-button> is covered, including ones added later (drawers, footer).
  const loadChatButton = () => load('@theme/chat-button');
  const inChatButton = (event) =>
    event.target instanceof Element ? event.target.closest('chat-button') : null;

  // Prefetch the module as soon as the user hovers or focuses a chat button.
  document.addEventListener('pointerover', (e) => inChatButton(e) && loadChatButton(), {
    passive: true,
  });
  document.addEventListener('focusin', (e) => inChatButton(e) && loadChatButton());

  // The async deferral means the first click can land before <chat-button> is
  // upgraded, so the declarative on:click="/showChat" handler swallows it. Detect
  // the click, import the module, then trigger showChat() ourselves. Once the
  // element is defined the component's own handler takes over, so we no-op.
  document.addEventListener(
    'click',
    (e) => {
      const chatButton = inChatButton(e);
      if (!chatButton || customElements.get('chat-button')) return;

      loadChatButton();
      customElements.whenDefined('chat-button').then(() => {
        customElements.upgrade(chatButton);
        if (typeof chatButton.showChat === 'function') {
          Promise.resolve(chatButton.showChat()).catch(() => {});
        }
      });
    },
    { capture: true }
  );

  // Defer quick-add.js / quick-view-dialog.js until the user interacts with a
  // product card's "Quick Add" / "Quick View +" trigger. These are only needed on
  // click, and their dynamic import() is High priority, so eagerly scanning for
  // them competed with LCP-critical JS. Delegated at the document level so cards
  // rendered client-side by Constructor are covered without re-binding.
  // Each trigger element is the host custom element; its child <button> carries the
  // declarative on:click="<tag>/handleClick" handler.
  const QV_TRIGGERS = [
    { tag: 'quick-view-button-component', mod: '@theme/quick-view-dialog' },
    { tag: 'quick-add-component', mod: '@theme/quick-add' },
  ];

  // Returns the trigger entry whose host element contains the event target, or null.
  const inQvTrigger = (event) => {
    if (!(event.target instanceof Element)) return null;
    for (const entry of QV_TRIGGERS) {
      const el = event.target.closest(entry.tag);
      if (el) return { ...entry, el };
    }
    return null;
  };

  const prefetchQv = (e) => {
    const hit = inQvTrigger(e);
    if (hit) load(hit.mod);
  };

  // Prefetch on hover/focus so the module is usually warm before the click.
  document.addEventListener('pointerover', prefetchQv, { passive: true });
  document.addEventListener('focusin', prefetchQv);

  // The async deferral means the first click can land before the trigger element is
  // upgraded, so its declarative on:click="<tag>/handleClick" handler swallows it.
  // Detect the click, import the module, then call handleClick(event) ourselves
  // after the element upgrades. Once defined, the component's own handler takes
  // over so we no-op. handleClick reads state from `this` (productUrl / closest
  // product-card), not from the stale event, so replaying the event is safe.
  document.addEventListener(
    'click',
    (e) => {
      const hit = inQvTrigger(e);
      if (!hit || customElements.get(hit.tag)) return;

      load(hit.mod);
      customElements.whenDefined(hit.tag).then(() => {
        customElements.upgrade(hit.el);
        if (typeof hit.el.handleClick === 'function') {
          Promise.resolve(hit.el.handleClick(e)).catch(() => {});
        }
      });
    },
    { capture: true }
  );

  // quantity-selector-component is intentionally left out of the eager scan above.
  // It's only interactive in the cart drawer (opened on demand), the quick view
  // modal, and the cart/PDP buy boxes. On the cart & product templates the steppers
  // are visible immediately, so load it right away; elsewhere gate on cart intent
  // (hovering/clicking the cart trigger, add-to-cart, quick-add, or quick view)
  // so it's warm before the drawer or modal renders — keeping its High-priority
  // import off the collection/search LCP path.
  
    const loadQtySelector = () => load('@theme/quantity-selector');
    const isCartIntent = (event) =>
      event.target instanceof Element &&
      event.target.closest(
        '[on\\:click="#cart-drawer/open"], add-to-cart-component, quick-add-component, quick-view-button-component'
      );
    const onCartIntent = (event) => isCartIntent(event) && loadQtySelector();
    document.addEventListener('pointerover', onCartIntent, { passive: true });
    document.addEventListener('focusin', onCartIntent);
    document.addEventListener('click', onCartIntent, { capture: true });
    document.addEventListener('cart:update', loadQtySelector, { once: true });
  

  document.addEventListener('shopify:section:load', ({ target }) => scan(target));
</script>

  <script
    src="//www.swansonvitamins.com/cdn/shop/t/578/assets/cart-discount.js?v=5765998622672973761779988248"
    type="module"
  ></script>


<script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/offer-code-sync.js?v=109802150417443473171780166541" defer></script><script type="module">
  // Defer floating-ui-backed UI (tooltip-element, dropdown-custom) until first
  // relevant interaction. These ship the ~7KB gz floating-ui chunk; gating their
  // load keeps it off the initial page load (and off pages with no such element).
  const LAZY = [
    { tag: 'tooltip-element', url: '//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-tooltip-BPcZ0akd.js', defined: 'tooltip-element' },
    { tag: 'dropdown-custom', url: '//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-dropdown-custom-DG3Dsu0d.js', defined: 'dropdown-custom' },
  ];
  const importedUrls = new Set();
  const importUrl = (url) => {
    if (importedUrls.has(url)) return;
    importedUrls.add(url);
    import(/* @vite-ignore */ url);
  };
  for (const entry of LAZY) {
    if (customElements.get(entry.defined)) continue;
    const hit = (event) =>
      event.target instanceof Element ? event.target.closest(entry.tag) : null;
    const load = () => importUrl(entry.url);
    const onEvent = (e) => {
      if (hit(e)) load();
    };
    // Hover/focus prefetch covers tooltips & dropdowns; touchstart covers mobile.
    document.addEventListener('pointerover', onEvent, { passive: true });
    document.addEventListener('focusin', onEvent);
    document.addEventListener('touchstart', onEvent, { passive: true });
  }
</script>







<script src="https://cdn.datasteam.io/js/D20BBEC3DF3BB9.js" async defer fetchpriority="low"></script>



<script>
  const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
  const Theme = {
    shop_url: 'https://www.swansonvitamins.com',
    use_legacy_product_urls: true,
    placeholders: {
      general: [
        `${basePath}/general-1.png`,
        `${basePath}/general-2.png`,
        `${basePath}/general-3.png`,
        `${basePath}/general-4.png`,
        `${basePath}/general-5.png`,
        `${basePath}/general-6.png`,
        `${basePath}/general-7.png`,
      ],
      product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
    },
    fallbacks: {
      general: `//www.swansonvitamins.com/cdn/shop/t/578/assets/image-placeholder_320x.png?v=169700445109464817361766440499`,
    },
    translations: {
      placeholder_image: `Placeholder image`,
      added: `Added`,
      no_results_text: `No suggestions found for`,
    },
    routes: {
      root: '/',
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    money_currency_symbol: "${{amount}}",
    metaobjects: {
      store_redirects: [
        
          {
            redirect_from: '/pages/landing-pages_rewards',
            redirect_to: '/account?view=wellness-rewards ',
            redirect_condition: 'authenticated-user',
          },
        
          {
            redirect_from: '/pages/landing-pages_subscription',
            redirect_to: '/apps/subscriptions/manage/',
            redirect_condition: 'authenticated-user',
          }
        
      ]
    },
    customer_logged_in: false,
    template: {
      name: 'index',
    },
    offer_code: 'N9J',
    hide_offer_price: true,
    price_offer_code: 'N9J',
    cart_promo_code: '',
    cart_discount_codes: '',
    source_code: '',
    user_segment_ids: '',
    colorSchemes: {
      productCard: 'scheme-2',
      badges: 'scheme-3',
    },
    products_per_page: "24, 48, 72",
    collection_custom_id: new SessionPersistedObject('CollectionIdStorage', {}),
    collectionSwansonId: "",
};
</script>

<script>
  if (!Theme.use_legacy_product_urls && window.location.pathname.startsWith('/p/')) {
    window.location.replace(window.location.pathname.replace(/^\/p\//, '/products/'));
  }
</script>




<style data-shopify>
  @font-face {
  font-family: Jost;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff");
}

  @font-face {
  font-family: Jost;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n5.7c8497861ffd15f4e1284cd221f14658b0e95d61.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n5.fb6a06896db583cc2df5ba1b30d9c04383119dd9.woff") format("woff");
}

  @font-face {
  font-family: Jost;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i5.a6c7dbde35f2b89f8461eacda9350127566e5d51.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i5.2b58baee736487eede6bcdb523ca85eea2418357.woff") format("woff");
}

  @font-face {
  font-family: Jost;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff") format("woff");
}

  @font-face {
  font-family: Jost;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i4.b690098389649750ada222b9763d55796c5283a5.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i4.fd766415a47e50b9e391ae7ec04e2ae25e7e28b0.woff") format("woff");
}

  @font-face {
  font-family: Jost;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i7.d8201b854e41e19d7ed9b1a31fe4fe71deea6d3f.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i7.eae515c34e26b6c853efddc3fc0c552e0de63757.woff") format("woff");
}


  @font-face {
  font-family: Jost;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff");
}

  @font-face {
  font-family: Jost;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n5.7c8497861ffd15f4e1284cd221f14658b0e95d61.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n5.fb6a06896db583cc2df5ba1b30d9c04383119dd9.woff") format("woff");
}

  @font-face {
  font-family: Jost;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff") format("woff");
}

  @font-face {
  font-family: Jost;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i4.b690098389649750ada222b9763d55796c5283a5.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i4.fd766415a47e50b9e391ae7ec04e2ae25e7e28b0.woff") format("woff");
}

  @font-face {
  font-family: Jost;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i7.d8201b854e41e19d7ed9b1a31fe4fe71deea6d3f.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i7.eae515c34e26b6c853efddc3fc0c552e0de63757.woff") format("woff");
}


  @font-face {
  font-family: Jost;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff");
}

  @font-face {
  font-family: Jost;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n5.7c8497861ffd15f4e1284cd221f14658b0e95d61.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n5.fb6a06896db583cc2df5ba1b30d9c04383119dd9.woff") format("woff");
}

  @font-face {
  font-family: Jost;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff") format("woff");
}

  @font-face {
  font-family: Jost;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i4.b690098389649750ada222b9763d55796c5283a5.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i4.fd766415a47e50b9e391ae7ec04e2ae25e7e28b0.woff") format("woff");
}

  @font-face {
  font-family: Jost;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i7.d8201b854e41e19d7ed9b1a31fe4fe71deea6d3f.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/jost/jost_i7.eae515c34e26b6c853efddc3fc0c552e0de63757.woff") format("woff");
}


  @font-face {
  font-family: Domine;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/domine/domine_n6.70313db43309874b6a9908823c8428bf6b29604a.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/domine/domine_n6.caaad91979ccc976c319c36b49e3d70819629123.woff") format("woff");
}

  @font-face {
  font-family: Domine;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/domine/domine_n7.d520ceeab5a578be739293e6dc0db2ca7409e6d8.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/domine/domine_n7.158567a933096dbe302df89a999ec132c98f0b81.woff") format("woff");
}

  
  

  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --extra-narrow-page-width: 68.13rem;
    --desktop-page-width: 80rem;
    --normal-page-width: 120rem;

    --container-margin-xs: 16px;
    --container-margin-sm: 20px;
    --container-margin-md: 40px;
    --container-margin-lg: 64px;
    --container-margin-xl: 112px;

    --columns-gap-xs: 20px;
    --columns-gap-sm: 16px;
    --columns-gap-md: 16px;
    --columns-gap-lg: 24px;
    --columns-gap-xl: 24px;

    --page-margin: var(--container-margin-xs);
    --columns-gap: var(--columns-gap-xs);

    @media screen and (min-width: 768px) {
      --columns-gap: var(--columns-gap-sm);
      --page-margin: var(--container-margin-sm);
    }

    @media screen and (min-width: 1024px) {
      --columns-gap: var(--columns-gap-md);
      --page-margin: var(--container-margin-md);
    }

    @media screen and (min-width: 1280px) {
      --columns-gap: var(--columns-gap-lg);
      --page-margin: var(--container-margin-lg);
    }

    @media screen and (min-width: 1600px) {
      --columns-gap: var(--columns-gap-xl);
      --page-margin: var(--container-margin-xl);
    }

    --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2));

    --page-max-width: calc(var(--normal-page-width) - (var(--container-margin-xl) * 2));
    --page-max-width-extended: calc(var(--normal-page-width) - (var(--container-margin-lg) * 2));

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: Jost, sans-serif;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: Jost, sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 400;
    --font-heading--family: Jost, sans-serif;
    --font-heading--style: normal;
    --font-heading--weight: 400;
    --font-accent--family: Domine, serif;
    --font-accent--style: normal;
    --font-accent--weight: 600;

    /* Margin sizes */
    --font-h1--spacing: 0.25em;
    --font-h2--spacing: 0.25em;
    --font-h3--spacing: 0.25em;
    --font-h4--spacing: 0.25em;
    --font-h5--spacing: 0.25em;
    --font-h6--spacing: 0.25em;
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 18;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;
    --layer-hidden: 24;
    --floating-compare-bar-z-index: var(--layer-overlay);

    /* Max-width / Measure */
    --max-width--body-normal: 50ch;
    --max-width--body-narrow: 35ch;

    --max-width--heading-normal: 50ch;
    --max-width--heading-narrow: 30ch;

    --max-width--display-normal: 20ch;
    --max-width--display-narrow: 15ch;
    --max-width--display-tight: 5ch;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.005em;
    --letter-spacing--display-normal: 0;
    --letter-spacing--display-loose: 0.005em;

    --letter-spacing--heading-tight: -0.005em;
    --letter-spacing--heading-normal: 0;
    --letter-spacing--heading-loose: 0.005em;

    --letter-spacing--body-tight: -0.005em;
    --letter-spacing--body-normal: 0;
    --letter-spacing--body-loose: 0.005em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-compact: 1.14583333;
    --line-height--display-regular: 1.33333333;
    --line-height--display-relaxed: 1.36111111;
    --line-height--display-comfortable: 1.36666667;
    --line-height--display-loose: 1.4;
    --line-height--display-medium: 1.5;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: var(--line-height--display-compact);
    --line-height--body-normal: var(--line-height--display-regular);
    --line-height--body-loose: var(--line-height--display-loose);
    --line-height--body-medium: var(--line-height--display-medium);

    /* Typography presets */
    --font-size--paragraph: 1.0rem;--font-size--h1: clamp(3.0rem, 6.0vw, 3.75rem);--font-size--h2: clamp(2.5rem, 4.8vw, 3.0rem);--font-size--h3: 2.25rem;--font-size--h4: 1.875rem;--font-size--h5: 1.5rem;--font-size--h6: 1.25rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-compact);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-relaxed);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-comfortable);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-regular);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);

    /* Hardcoded font sizes */
    --font-size--2xs: 0.625rem;
    --font-size--2xs--line-height: 0.75rem;
    --font-size--xs: 0.75rem;
    --font-size--xs--line-height: 1rem;
    --font-size--sm: 0.875rem;
    --font-size--sm--line-height: 1.25rem;
    --font-size--md: 1rem;
    --font-size--md--line-height: 1.5rem;
    --font-size--lg: 1.125rem;
    --font-size--lg--line-height: 1.5rem;
    --font-size--xl: 1.25rem;
    --font-size--xl--line-height: 1.75rem;
    --font-size--2xl: 1.5rem;
    --font-size--2xl--line-height: 2rem;
    --font-size--3xl: 1.875rem;
    --font-size--3xl--line-height: 2.5625rem;
    --font-size--4xl: 2.25rem;
    --font-size--4xl--line-height: 3.0625rem;
    --font-size--5xl: 2.5rem;
    --font-size--5xl--line-height: 2.5rem;
    --font-size--6xl: 3rem;
    --font-size--6xl--line-height: 3.4375rem;
    --font-size--7xl: 3.75rem;
    --font-size--7xl--line-height: 4.125rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #B93E09;
    --color-success: #57A300;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Design System Colors */
    --color-amber-400: #ffae02;
    --color-blue-600: #0044a3;
    --color-blue-950: #011f49;
    --color-emerald-600: #008445;
    --color-green-100: #ebfadd;
    --color-green-500: #305937;
    --color-green-600: #57a445;
    --color-green-900: #41552a;
    --color-green-950: #23350d;
    --color-orange-100: #fbe6cf;
    --color-orange-200: #f7c9a1;
    --color-orange-300: #e99e6f;
    --color-orange-500: #d37549;
    --color-orange-700: #b93e09;
    --color-purple-950: #2a0d53;
    --color-red-800: #8e0100;
    --color-rose-200: #ffb3cb;
    --color-rose-800: #9f1a4a;
    --color-rose-950: #540c26;
    --color-sky-300: #51c7e8;
    --color-slate-100: #f5f7f8;
    --color-stone-50: #fdfdfd;
    --color-stone-600: #707070;
    --color-stone-400: #C4C4C4;
    --color-stone-500: #919191;
    --color-stone-300: #DEDEDE;
    --color-stone-700: #333333;
    --color-stone-800: #2b2b2b;
    --color-stone-900: #121212;
    --color-stone-950: #1A1C16;
    --color-teal-50: #f1f3e9;
    --color-teal-200: #e3e8d4;
    --color-teal-400: #b4baa2;
    --color-teal-600: #717663;
    --color-violet-300: #b499ff;
    --color-violet-900: #432598;
    --color-yellow-50: #fefbf1;
    --color-zinc-100: #f1f1f1;

    /* Opacity */
    --opacity-subdued-text: 0.7;

    --shadow-button: 0 2px 3px rgba(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(from var(--color-black) r g b / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-4xs: 0.125rem;
    --padding-3xs: 0.25rem;
    --padding-2xs: 0.375rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.75rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3125rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.75rem;
    --gap-md: 0.875rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 8px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 4px;
    --style-border-radius-sm: 8px;
    --style-border-radius-md: 16px;
    --style-border-radius-lg: 24px;
    --style-border-radius-xl: 32px;
    --style-border-radius-2xl: 40px;
    --style-border-radius-3xl: 45px;
    --style-border-radius-4xl: 50px;
    --style-border-radius-50: 50%;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 32px;
    --style-border-radius-buttons-primary: 50px;
    --style-border-radius-buttons-secondary: 50px;
    --style-border-width-primary: 1px;
    --style-border-width-secondary: 1px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 0px;
    --style-border-popover: 1px none rgb(from var(--color-border) r g b / 50%);
    --style-border-drawer: 1px none rgb(from var(--color-border) r g b / 50%);
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Shadows */
    --shadow-sm: 0 2px 2px 0 rgba(0 0 0 / 13%);
    --shadow-md: 0 2px 6px 0 rgba(0 0 0 / 25%);
    --shadow-lg: 7px 4px 26px 0 rgba(0 0 0 / 4%);

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 2px;
    --focus-outline-offset: 2px;
    --focus-outline-color: var(--color-stone-600);

    /* Badges */
    --badge-blob-padding-block: 8px;
    --badge-blob-padding-inline: 12px;
    --badge-rectangle-padding-block: 8px;
    --badge-rectangle-padding-inline: 16px;
    @media screen and (min-width: 768px) {
      --badge-blob-padding-block: 12px;
      --badge-blob-padding-inline: 16px;
    }
    --badge-border-radius: 100px;
    --badge-font-family: var(--font-subheading--family);
    --badge-font-size: 12px;
    --badge-font-weight: 500;
    --badge-text-transform: none;

    /* Icons */
    --icon-size-3xs: 0.5rem;
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.875rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-size-xl: 2rem;
    --icon-stroke-width: 1.5px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 14px;
    --input-padding-x: 16px;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-padding-sm-y: 7px;
    --input-padding-sm-x: 12px;
    --input-padding-sm: var(--input-padding-sm-y) var(--input-padding-sm-x);
    --input-border: var(--style-border-width-inputs) solid var(--color-input-border);
    --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
    --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%);
    --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
    --input-textarea-min-height: 55px;
    --field-label-color: var(--color-field-label);
    --field-label-font-size: 16px;

    /* Select */
    --select-icon-color: var(--color-stone-700);
    --select-list-padding-y: var(--padding-3xs);
    --select-list-item-spacing: var(--padding-xs);
    --select-list-item-padding-x: var(--padding-lg);
    --select-list-item-padding-y: var(--padding-xs);

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 22px;
    --button-padding-block: 13px;
    --button-padding-inline-sm: 12px;
    --button-padding-block-sm: 7px;
    --button-font-size-sm: var(--font-size--md);
    --button-padding-inline-xs: 13px;
    --button-padding-block-xs: 7px;
    --button-font-size-xs: var(--font-size--xs);

    --style-primary-button-hover-border-width: inherit;
    --style-secondary-button-border-width: 1px;
    --style-secondary-button-hover-border-width: 3px;
    --style-inverted-button-hover-border-width: inherit;
    --style-secondary-inverted-button-hover-border-width: 3px;

    /* Button font-family */
    --button-font-family-primary: var(--font-body--family);
    --button-font-family-secondary: var(--font-body--family);
    --button-font-family-secondary-inverted: var(--font-body--family);
    --button-font-family-inverted: var(--font-body--family);

    /* Button font-weight */
    --button-font-weight-primary: 500;
    --button-font-weight-secondary: 500;
    --button-font-weight-secondary-inverted: 500;
    --button-font-weight-inverted: 500;

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: default;
    --button-text-case-secondary: default;
    --button-text-case-secondary-inverted: default;
    --button-text-case-inverted: default;

    /* Button border radius */
    --style-border-radius-buttons-secondary-inverted: 50px;
    --style-border-width-secondary-inverted: 1px;
    --style-border-radius-buttons-inverted: 50px;
    --style-border-width-inverted: 1px;

    /* Borders */
    --border-color: rgba(from var(--color-border) r g b / 0.55);
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: calc(100dvh - var(--header-group-height));
    --drawer-width: 100vw;
    --drawer-max-width: 500px;
    --main-menu-first-column-width: 292px;
    --main-menu-second-column-width: 252px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 34;
    --variant-picker-swatch-height-unitless: 34;
    --variant-picker-swatch-width: 34px;
    --variant-picker-swatch-height: 34px;
    --variant-picker-swatch-radius: 50px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 50px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.6;
    --backdrop-color: var(--color-stone-900);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    @media screen and (max-width: 767px) {
      --height-buy-buttons: calc(var(--padding-xl) + var(--icon-size-sm));
    }

    /* Card image height variables */
    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 768px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 85dvh;

    /* Card styles for search */
    --card-bg-hover: rgb(from var(--color-foreground) r g b / 0.03);
    --card-border-hover: rgb(from var(--color-foreground) r g b / 0.3);
    --card-border-focus: rgb(from var(--color-border) r g b / 0.1);

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-secondary--family);
    --cart-secondary-font-style: var(--font-secondary--style);
    --cart-secondary-font-weight: var(--font-secondary--weight);
  }
</style>
<style data-shopify>
  

      :root,
    
    
    

    

    .color-scheme-1 {
      
      --color-background: rgba(255 255 255 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(253 253 253 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(0 0 0 / 0.0);
      --color-variant-border: rgba(18 18 18 / 1.0);
      --color-variant-text: rgba(18 18 18 / 1.0);
      --color-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-variant-hover-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(18 18 18 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }


    
    

    

    .color-scheme-2 {
      
      --color-background: rgba(254 254 254 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(43 43 43 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(43 43 43 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(254 254 254 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(254 254 254 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-text: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(0 0 0 / 0.0);
      --color-inverted-button-text: rgba(112 112 112 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-text: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(0 0 0 / 0.0);
      --color-input-background: rgba(0 0 0 / 0.0);
      --color-input-text: rgba(68 68 68 / 1.0);
      --color-input-border: rgba(0 0 0 / 0.0);
      --color-input-placeholder: rgba(0 0 0 / 0.0);
      --color-field-label: rgba(0 0 0 / 0.0);
      --color-input-hover-background: rgba(0 0 0 / 0.0);
      --color-variant-background: rgba(0 0 0 / 0.0);
      --color-variant-border: rgba(0 0 0 / 0.0);
      --color-variant-text: rgba(185 62 9 / 1.0);
      --color-variant-hover-background: rgba(0 0 0 / 0.0);
      --color-variant-hover-text: rgba(0 0 0 / 0.0);
      --color-variant-hover-border: rgba(0 0 0 / 0.0);
      --color-selected-variant-background: rgba(0 0 0 / 0.0);
      --color-selected-variant-border: rgba(0 0 0 / 0.0);
      --color-selected-variant-text: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-background: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-text: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-border: rgba(0 0 0 / 0.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }


    
    

    

    .color-scheme-3 {
      
      --color-background: rgba(241 241 241 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(43 43 43 / 1.0);
      --color-foreground-heading: rgba(0 0 0 / 0.0);
      --color-primary: rgba(0 0 0 / 0.0);
      --color-primary-hover: rgba(0 0 0 / 0.0);
      --color-border: rgba(0 0 0 / 0.0);
      --color-shadow: rgba(0 0 0 / 0.0);
      --color-primary-button-text: rgba(0 0 0 / 0.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(0 0 0 / 0.0);
      --color-primary-button-hover-text: rgba(0 0 0 / 0.0);
      --color-primary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-primary-button-hover-border: rgba(0 0 0 / 0.0);
      --color-secondary-button-text: rgba(0 0 0 / 0.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-text: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-text: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-text: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(0 0 0 / 0.0);
      --color-inverted-button-text: rgba(0 0 0 / 0.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-text: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(0 0 0 / 0.0);
      --color-input-background: rgba(0 0 0 / 0.0);
      --color-input-text: rgba(0 0 0 / 0.0);
      --color-input-border: rgba(0 0 0 / 0.0);
      --color-input-placeholder: rgba(0 0 0 / 0.0);
      --color-field-label: rgba(0 0 0 / 0.0);
      --color-input-hover-background: rgba(0 0 0 / 0.0);
      --color-variant-background: rgba(0 0 0 / 0.0);
      --color-variant-border: rgba(0 0 0 / 0.0);
      --color-variant-text: rgba(0 0 0 / 0.0);
      --color-variant-hover-background: rgba(0 0 0 / 0.0);
      --color-variant-hover-text: rgba(0 0 0 / 0.0);
      --color-variant-hover-border: rgba(0 0 0 / 0.0);
      --color-selected-variant-background: rgba(0 0 0 / 0.0);
      --color-selected-variant-border: rgba(0 0 0 / 0.0);
      --color-selected-variant-text: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-background: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-text: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-border: rgba(0 0 0 / 0.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }


    
    

    

    .color-scheme-4 {
      
      --color-background: rgba(35 53 13 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(255 251 240 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(75 109 48 / 1.0);
      --color-border: rgba(75 109 48 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(87 164 69 / 1.0);
      --color-secondary-button-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(255 255 255 / 1.0);
      --color-input-border: rgba(255 255 255 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.12);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(230 230 230 / 1.0);
      --color-variant-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-background: rgba(245 245 245 / 1.0);
      --color-variant-hover-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-border: rgba(230 230 230 / 1.0);
      --color-selected-variant-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-border: rgba(118 30 11 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(89 23 9 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(89 23 9 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }


    
    

    

    .color-scheme-5 {
      
      --color-background: rgba(83 16 3 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(226 200 243 / 1.0);
      --color-foreground-heading: rgba(226 200 243 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(255 255 255 / 1.0);
      --color-border: rgba(226 200 243 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(83 16 3 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(83 16 3 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(255 67 21 / 1.0);
      --color-secondary-button-border: rgba(255 67 21 / 1.0);
      --color-secondary-button-hover-text: rgba(255 67 21 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(0 0 0 / 0.0);
      --color-input-text: rgba(226 200 243 / 1.0);
      --color-input-border: rgba(226 200 243 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(226 200 243 / 0.09);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(230 230 230 / 1.0);
      --color-variant-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-background: rgba(245 245 245 / 1.0);
      --color-variant-hover-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-border: rgba(230 230 230 / 1.0);
      --color-selected-variant-background: rgba(255 67 21 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(118 30 11 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }


    
    

    

    .color-scheme-6 {
      
      --color-background: rgba(0 0 0 / 0.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(255 251 240 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(255 251 240 / 1.0);
      --color-shadow: rgba(0 0 0 / 0.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(118 30 11 / 1.0);
      --color-input-border: rgba(239 232 227 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.78);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(239 232 227 / 1.0);
      --color-variant-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-background: rgba(239 232 227 / 1.0);
      --color-variant-hover-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-border: rgba(239 232 227 / 1.0);
      --color-selected-variant-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-border: rgba(118 30 11 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(83 16 3 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(83 16 3 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }


    
    

    

    .color-scheme-7 {
      
      --color-background: rgba(35 53 13 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(138 183 28 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(255 251 240 / 1.0);
      --color-border: rgba(255 251 240 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(35 53 13 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(0 0 0 / 0.0);
      --color-input-text: rgba(255 255 255 / 1.0);
      --color-input-border: rgba(255 255 255 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.12);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(230 230 230 / 1.0);
      --color-variant-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-background: rgba(245 245 245 / 1.0);
      --color-variant-hover-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-border: rgba(230 230 230 / 1.0);
      --color-selected-variant-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-border: rgba(118 30 11 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(89 23 9 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(89 23 9 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }


    
    

    

    .color-scheme-8 {
      
      --color-background: rgba(44 74 19 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(255 251 240 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(255 251 240 / 1.0);
      --color-border: rgba(255 251 240 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 251 240 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 251 240 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-border: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(118 30 11 / 1.0);
      --color-input-border: rgba(118 30 11 / 0.12);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }


    
    

    

    .color-scheme-4d46b2e1-955f-4037-b13d-677b7476e00d {
      
      --color-background: rgba(0 0 0 / 0.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 255 255 / 1.0);
      --color-foreground-heading: rgba(255 255 255 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(255 255 255 / 1.0);
      --color-border: rgba(255 255 255 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(141 0 0 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(141 0 0 / 1.0);
      --color-secondary-button-border: rgba(141 0 0 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-text: rgba(83 16 3 / 1.0);
      --color-secondary-inverted-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(83 16 3 / 1.0);
      --color-input-border: rgba(239 232 227 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.78);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(239 232 227 / 1.0);
      --color-variant-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-background: rgba(239 232 227 / 1.0);
      --color-variant-hover-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-border: rgba(239 232 227 / 1.0);
      --color-selected-variant-background: rgba(83 16 3 / 1.0);
      --color-selected-variant-border: rgba(83 16 3 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(118 30 11 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }
      /* Positional alias for the theme editor's "Scheme 9" label. */
      .color-scheme-9 {
        
      --color-background: rgba(0 0 0 / 0.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 255 255 / 1.0);
      --color-foreground-heading: rgba(255 255 255 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(255 255 255 / 1.0);
      --color-border: rgba(255 255 255 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(141 0 0 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(141 0 0 / 1.0);
      --color-secondary-button-border: rgba(141 0 0 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-text: rgba(83 16 3 / 1.0);
      --color-secondary-inverted-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(83 16 3 / 1.0);
      --color-input-border: rgba(239 232 227 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.78);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(239 232 227 / 1.0);
      --color-variant-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-background: rgba(239 232 227 / 1.0);
      --color-variant-hover-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-border: rgba(239 232 227 / 1.0);
      --color-selected-variant-background: rgba(83 16 3 / 1.0);
      --color-selected-variant-border: rgba(83 16 3 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(118 30 11 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }


    
    

    

    .color-scheme-6f2a914a-293d-434e-b830-6d86b78906b0 {
      
      --color-background: rgba(255 255 255 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(118 30 11 / 1.0);
      --color-primary-hover: rgba(255 67 21 / 1.0);
      --color-border: rgba(112 112 112 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(255 67 21 / 1.0);
      --color-primary-button-border: rgba(255 67 21 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(118 30 11 / 1.0);
      --color-primary-button-hover-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-border: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(118 30 11 / 1.0);
      --color-input-border: rgba(118 30 11 / 0.12);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }
      /* Positional alias for the theme editor's "Scheme 10" label. */
      .color-scheme-10 {
        
      --color-background: rgba(255 255 255 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(118 30 11 / 1.0);
      --color-primary-hover: rgba(255 67 21 / 1.0);
      --color-border: rgba(112 112 112 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(255 67 21 / 1.0);
      --color-primary-button-border: rgba(255 67 21 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(118 30 11 / 1.0);
      --color-primary-button-hover-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-border: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(118 30 11 / 1.0);
      --color-input-border: rgba(118 30 11 / 0.12);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }


    
    

    

    .color-scheme-df0b6c0d-0ac1-468e-9ccf-2c0f35e283fa {
      
      --color-background: rgba(18 18 18 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 255 255 / 1.0);
      --color-foreground-heading: rgba(255 255 255 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(18 18 18 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(18 18 18 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(43 43 43 / 1.0);
      --color-secondary-button-border: rgba(43 43 43 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }
      /* Positional alias for the theme editor's "Scheme 11" label. */
      .color-scheme-11 {
        
      --color-background: rgba(18 18 18 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 255 255 / 1.0);
      --color-foreground-heading: rgba(255 255 255 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(18 18 18 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(18 18 18 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(43 43 43 / 1.0);
      --color-secondary-button-border: rgba(43 43 43 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }


    
    

    

    .color-scheme-e89a4238-324d-4477-a90e-8f65e6f71220 {
      
      --color-background: rgba(227 232 212 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(196 196 196 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(113 118 99 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(43 43 43 / 1.0);
      --color-secondary-button-border: rgba(43 43 43 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }
      /* Positional alias for the theme editor's "Scheme 12" label. */
      .color-scheme-12 {
        
      --color-background: rgba(227 232 212 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(196 196 196 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(113 118 99 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(43 43 43 / 1.0);
      --color-secondary-button-border: rgba(43 43 43 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }


    
    

    

    .color-scheme-b8ebc9f7-cc62-4655-ade9-571457bc9c32 {
      
      --color-background: rgba(255 251 240 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(180 186 162 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(18 18 18 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(43 43 43 / 1.0);
      --color-secondary-button-border: rgba(43 43 43 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }
      /* Positional alias for the theme editor's "Scheme 13" label. */
      .color-scheme-13 {
        
      --color-background: rgba(255 251 240 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(180 186 162 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(18 18 18 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(43 43 43 / 1.0);
      --color-secondary-button-border: rgba(43 43 43 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }


    
    

    

    .color-scheme-e4f802d8-1817-4280-8478-d640ff2a3811 {
      
      --color-background: rgba(255 251 240 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(35 53 13 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(0 132 69 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(18 18 18 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(0 132 69 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(0 132 69 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }
      /* Positional alias for the theme editor's "Scheme 14" label. */
      .color-scheme-14 {
        
      --color-background: rgba(255 251 240 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(35 53 13 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(0 132 69 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(18 18 18 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(0 132 69 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(0 132 69 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }


    
    

    

    .color-scheme-29ed9998-910c-482a-a4b2-b0a6064def63 {
      
      --color-background: rgba(0 0 0 / 0.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(196 175 255 / 1.0);
      --color-foreground-heading: rgba(196 175 255 / 1.0);
      --color-primary: rgba(196 175 255 / 1.0);
      --color-primary-hover: rgba(196 175 255 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(253 253 253 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }
      /* Positional alias for the theme editor's "Scheme 15" label. */
      .color-scheme-15 {
        
      --color-background: rgba(0 0 0 / 0.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(196 175 255 / 1.0);
      --color-foreground-heading: rgba(196 175 255 / 1.0);
      --color-primary: rgba(196 175 255 / 1.0);
      --color-primary-hover: rgba(196 175 255 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(253 253 253 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }


    
    

    

    .color-scheme-8bb385b8-9709-4e53-9c92-84676330dc98 {
      
      --color-background: rgba(255 255 255 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(35 53 13 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(18 18 18 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(253 253 253 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 251 240 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 251 240 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(255 251 240 / 1.0);
      --color-inverted-button-border: rgba(255 251 240 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(255 251 240 / 1.0);
      --color-inverted-button-hover-border: rgba(255 251 240 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }
      /* Positional alias for the theme editor's "Scheme 16" label. */
      .color-scheme-16 {
        
      --color-background: rgba(255 255 255 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(35 53 13 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(18 18 18 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(253 253 253 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 251 240 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 251 240 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(255 251 240 / 1.0);
      --color-inverted-button-border: rgba(255 251 240 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(255 251 240 / 1.0);
      --color-inverted-button-hover-border: rgba(255 251 240 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }


    
    

    

    .color-scheme-e426086f-930c-46e5-836a-2e95ee51df88 {
      
      --color-background: rgba(65 85 42 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(253 253 253 / 1.0);
      --color-foreground-heading: rgba(253 253 253 / 1.0);
      --color-primary: rgba(253 253 253 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(253 253 253 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(109 37 20 / 0.08);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }
      /* Positional alias for the theme editor's "Scheme 17" label. */
      .color-scheme-17 {
        
      --color-background: rgba(65 85 42 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(253 253 253 / 1.0);
      --color-foreground-heading: rgba(253 253 253 / 1.0);
      --color-primary: rgba(253 253 253 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(253 253 253 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(109 37 20 / 0.08);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }


    
    

    

    .color-scheme-f73ef335-7486-4364-84a5-f340d3fe0526 {
      
      --color-background: rgba(24 57 67 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(254 254 254 / 1.0);
      --color-foreground-heading: rgba(254 254 254 / 1.0);
      --color-primary: rgba(254 254 254 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(254 254 254 / 1.0);
      --color-primary-button-border: rgba(254 254 254 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-background: rgba(254 254 254 / 1.0);
      --color-primary-button-hover-border: rgba(254 254 254 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }
      /* Positional alias for the theme editor's "Scheme 18" label. */
      .color-scheme-18 {
        
      --color-background: rgba(24 57 67 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(254 254 254 / 1.0);
      --color-foreground-heading: rgba(254 254 254 / 1.0);
      --color-primary: rgba(254 254 254 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(254 254 254 / 1.0);
      --color-primary-button-border: rgba(254 254 254 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-background: rgba(254 254 254 / 1.0);
      --color-primary-button-hover-border: rgba(254 254 254 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }


    
    

    

    .color-scheme-4e9245f4-ebba-40ee-b311-1ae626b5090b {
      
      --color-background: rgba(255 251 240 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(35 53 13 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(119 159 23 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(43 43 43 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }
      /* Positional alias for the theme editor's "Scheme 19" label. */
      .color-scheme-19 {
        
      --color-background: rgba(255 251 240 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(35 53 13 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(119 159 23 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(43 43 43 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }


    
    

    

    .color-scheme-5f59ede8-61cf-415a-80e7-788341816c5b {
      
      --color-background: rgba(0 132 69 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(255 255 255 / 1.0);
      --color-foreground-heading: rgba(255 255 255 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(255 250 247 / 1.0);
      --color-border: rgba(255 255 255 / 0.38);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(255 67 21 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(5 97 53 / 1.0);
      --color-secondary-button-border: rgba(65 85 42 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(7 60 34 / 1.0);
      --color-secondary-button-hover-border: rgba(65 85 42 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(255 255 255 / 1.0);
      --color-input-border: rgba(255 255 255 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.12);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(230 230 230 / 1.0);
      --color-variant-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-background: rgba(245 245 245 / 1.0);
      --color-variant-hover-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-border: rgba(230 230 230 / 1.0);
      --color-selected-variant-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-border: rgba(118 30 11 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(89 23 9 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(89 23 9 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }
      /* Positional alias for the theme editor's "Scheme 20" label. */
      .color-scheme-20 {
        
      --color-background: rgba(0 132 69 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(255 255 255 / 1.0);
      --color-foreground-heading: rgba(255 255 255 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(255 250 247 / 1.0);
      --color-border: rgba(255 255 255 / 0.38);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(255 67 21 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(5 97 53 / 1.0);
      --color-secondary-button-border: rgba(65 85 42 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(7 60 34 / 1.0);
      --color-secondary-button-hover-border: rgba(65 85 42 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(255 255 255 / 1.0);
      --color-input-border: rgba(255 255 255 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.12);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(230 230 230 / 1.0);
      --color-variant-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-background: rgba(245 245 245 / 1.0);
      --color-variant-hover-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-border: rgba(230 230 230 / 1.0);
      --color-selected-variant-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-border: rgba(118 30 11 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(89 23 9 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(89 23 9 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }


    
    

    

    .color-scheme-cf61c1c4-ff1a-4361-9745-f5adf830d0aa {
      
      --color-background: rgba(41 14 82 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(33 33 33 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(255 251 240 / 1.0);
      --color-border: rgba(255 251 240 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 251 240 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 251 240 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-background: rgba(255 251 240 / 1.0);
      --color-primary-button-hover-border: rgba(255 251 240 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(0 0 0 / 0.0);
      --color-variant-border: rgba(18 18 18 / 1.0);
      --color-variant-text: rgba(18 18 18 / 1.0);
      --color-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-variant-hover-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(18 18 18 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
    }
      /* Positional alias for the theme editor's "Scheme 21" label. */
      .color-scheme-21 {
        
      --color-background: rgba(41 14 82 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(33 33 33 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(255 251 240 / 1.0);
      --color-border: rgba(255 251 240 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 251 240 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 251 240 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-background: rgba(255 251 240 / 1.0);
      --color-primary-button-hover-border: rgba(255 251 240 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(0 0 0 / 0.0);
      --color-variant-border: rgba(18 18 18 / 1.0);
      --color-variant-text: rgba(18 18 18 / 1.0);
      --color-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-variant-hover-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(18 18 18 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }

  @media screen and (max-width: 767px) {
    
      .mobile\:color-scheme-1 {
        
      --color-background: rgba(255 255 255 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(253 253 253 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(0 0 0 / 0.0);
      --color-variant-border: rgba(18 18 18 / 1.0);
      --color-variant-text: rgba(18 18 18 / 1.0);
      --color-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-variant-hover-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(18 18 18 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-2 {
        
      --color-background: rgba(254 254 254 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(43 43 43 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(43 43 43 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(254 254 254 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(254 254 254 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-text: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(0 0 0 / 0.0);
      --color-inverted-button-text: rgba(112 112 112 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-text: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(0 0 0 / 0.0);
      --color-input-background: rgba(0 0 0 / 0.0);
      --color-input-text: rgba(68 68 68 / 1.0);
      --color-input-border: rgba(0 0 0 / 0.0);
      --color-input-placeholder: rgba(0 0 0 / 0.0);
      --color-field-label: rgba(0 0 0 / 0.0);
      --color-input-hover-background: rgba(0 0 0 / 0.0);
      --color-variant-background: rgba(0 0 0 / 0.0);
      --color-variant-border: rgba(0 0 0 / 0.0);
      --color-variant-text: rgba(185 62 9 / 1.0);
      --color-variant-hover-background: rgba(0 0 0 / 0.0);
      --color-variant-hover-text: rgba(0 0 0 / 0.0);
      --color-variant-hover-border: rgba(0 0 0 / 0.0);
      --color-selected-variant-background: rgba(0 0 0 / 0.0);
      --color-selected-variant-border: rgba(0 0 0 / 0.0);
      --color-selected-variant-text: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-background: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-text: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-border: rgba(0 0 0 / 0.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-3 {
        
      --color-background: rgba(241 241 241 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(43 43 43 / 1.0);
      --color-foreground-heading: rgba(0 0 0 / 0.0);
      --color-primary: rgba(0 0 0 / 0.0);
      --color-primary-hover: rgba(0 0 0 / 0.0);
      --color-border: rgba(0 0 0 / 0.0);
      --color-shadow: rgba(0 0 0 / 0.0);
      --color-primary-button-text: rgba(0 0 0 / 0.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(0 0 0 / 0.0);
      --color-primary-button-hover-text: rgba(0 0 0 / 0.0);
      --color-primary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-primary-button-hover-border: rgba(0 0 0 / 0.0);
      --color-secondary-button-text: rgba(0 0 0 / 0.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-text: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-text: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-text: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(0 0 0 / 0.0);
      --color-inverted-button-text: rgba(0 0 0 / 0.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-text: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(0 0 0 / 0.0);
      --color-input-background: rgba(0 0 0 / 0.0);
      --color-input-text: rgba(0 0 0 / 0.0);
      --color-input-border: rgba(0 0 0 / 0.0);
      --color-input-placeholder: rgba(0 0 0 / 0.0);
      --color-field-label: rgba(0 0 0 / 0.0);
      --color-input-hover-background: rgba(0 0 0 / 0.0);
      --color-variant-background: rgba(0 0 0 / 0.0);
      --color-variant-border: rgba(0 0 0 / 0.0);
      --color-variant-text: rgba(0 0 0 / 0.0);
      --color-variant-hover-background: rgba(0 0 0 / 0.0);
      --color-variant-hover-text: rgba(0 0 0 / 0.0);
      --color-variant-hover-border: rgba(0 0 0 / 0.0);
      --color-selected-variant-background: rgba(0 0 0 / 0.0);
      --color-selected-variant-border: rgba(0 0 0 / 0.0);
      --color-selected-variant-text: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-background: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-text: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-border: rgba(0 0 0 / 0.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-4 {
        
      --color-background: rgba(35 53 13 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(255 251 240 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(75 109 48 / 1.0);
      --color-border: rgba(75 109 48 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(87 164 69 / 1.0);
      --color-secondary-button-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(255 255 255 / 1.0);
      --color-input-border: rgba(255 255 255 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.12);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(230 230 230 / 1.0);
      --color-variant-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-background: rgba(245 245 245 / 1.0);
      --color-variant-hover-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-border: rgba(230 230 230 / 1.0);
      --color-selected-variant-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-border: rgba(118 30 11 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(89 23 9 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(89 23 9 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-5 {
        
      --color-background: rgba(83 16 3 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(226 200 243 / 1.0);
      --color-foreground-heading: rgba(226 200 243 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(255 255 255 / 1.0);
      --color-border: rgba(226 200 243 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(83 16 3 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(83 16 3 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(255 67 21 / 1.0);
      --color-secondary-button-border: rgba(255 67 21 / 1.0);
      --color-secondary-button-hover-text: rgba(255 67 21 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(0 0 0 / 0.0);
      --color-input-text: rgba(226 200 243 / 1.0);
      --color-input-border: rgba(226 200 243 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(226 200 243 / 0.09);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(230 230 230 / 1.0);
      --color-variant-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-background: rgba(245 245 245 / 1.0);
      --color-variant-hover-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-border: rgba(230 230 230 / 1.0);
      --color-selected-variant-background: rgba(255 67 21 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(118 30 11 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-6 {
        
      --color-background: rgba(0 0 0 / 0.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(255 251 240 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(255 251 240 / 1.0);
      --color-shadow: rgba(0 0 0 / 0.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(118 30 11 / 1.0);
      --color-input-border: rgba(239 232 227 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.78);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(239 232 227 / 1.0);
      --color-variant-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-background: rgba(239 232 227 / 1.0);
      --color-variant-hover-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-border: rgba(239 232 227 / 1.0);
      --color-selected-variant-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-border: rgba(118 30 11 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(83 16 3 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(83 16 3 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-7 {
        
      --color-background: rgba(35 53 13 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(138 183 28 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(255 251 240 / 1.0);
      --color-border: rgba(255 251 240 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(35 53 13 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(0 0 0 / 0.0);
      --color-input-text: rgba(255 255 255 / 1.0);
      --color-input-border: rgba(255 255 255 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.12);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(230 230 230 / 1.0);
      --color-variant-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-background: rgba(245 245 245 / 1.0);
      --color-variant-hover-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-border: rgba(230 230 230 / 1.0);
      --color-selected-variant-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-border: rgba(118 30 11 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(89 23 9 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(89 23 9 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-8 {
        
      --color-background: rgba(44 74 19 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(255 251 240 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(255 251 240 / 1.0);
      --color-border: rgba(255 251 240 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 251 240 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 251 240 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-border: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(118 30 11 / 1.0);
      --color-input-border: rgba(118 30 11 / 0.12);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-4d46b2e1-955f-4037-b13d-677b7476e00d {
        
      --color-background: rgba(0 0 0 / 0.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 255 255 / 1.0);
      --color-foreground-heading: rgba(255 255 255 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(255 255 255 / 1.0);
      --color-border: rgba(255 255 255 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(141 0 0 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(141 0 0 / 1.0);
      --color-secondary-button-border: rgba(141 0 0 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-text: rgba(83 16 3 / 1.0);
      --color-secondary-inverted-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(83 16 3 / 1.0);
      --color-input-border: rgba(239 232 227 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.78);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(239 232 227 / 1.0);
      --color-variant-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-background: rgba(239 232 227 / 1.0);
      --color-variant-hover-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-border: rgba(239 232 227 / 1.0);
      --color-selected-variant-background: rgba(83 16 3 / 1.0);
      --color-selected-variant-border: rgba(83 16 3 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(118 30 11 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-6f2a914a-293d-434e-b830-6d86b78906b0 {
        
      --color-background: rgba(255 255 255 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(118 30 11 / 1.0);
      --color-primary-hover: rgba(255 67 21 / 1.0);
      --color-border: rgba(112 112 112 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(255 67 21 / 1.0);
      --color-primary-button-border: rgba(255 67 21 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(118 30 11 / 1.0);
      --color-primary-button-hover-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-border: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(118 30 11 / 1.0);
      --color-input-border: rgba(118 30 11 / 0.12);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-df0b6c0d-0ac1-468e-9ccf-2c0f35e283fa {
        
      --color-background: rgba(18 18 18 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 255 255 / 1.0);
      --color-foreground-heading: rgba(255 255 255 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(18 18 18 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(18 18 18 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(43 43 43 / 1.0);
      --color-secondary-button-border: rgba(43 43 43 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-e89a4238-324d-4477-a90e-8f65e6f71220 {
        
      --color-background: rgba(227 232 212 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(196 196 196 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(113 118 99 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(43 43 43 / 1.0);
      --color-secondary-button-border: rgba(43 43 43 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-b8ebc9f7-cc62-4655-ade9-571457bc9c32 {
        
      --color-background: rgba(255 251 240 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(180 186 162 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(18 18 18 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(43 43 43 / 1.0);
      --color-secondary-button-border: rgba(43 43 43 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-e4f802d8-1817-4280-8478-d640ff2a3811 {
        
      --color-background: rgba(255 251 240 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(35 53 13 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(0 132 69 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(18 18 18 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(0 132 69 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(0 132 69 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-29ed9998-910c-482a-a4b2-b0a6064def63 {
        
      --color-background: rgba(0 0 0 / 0.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(196 175 255 / 1.0);
      --color-foreground-heading: rgba(196 175 255 / 1.0);
      --color-primary: rgba(196 175 255 / 1.0);
      --color-primary-hover: rgba(196 175 255 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(253 253 253 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-8bb385b8-9709-4e53-9c92-84676330dc98 {
        
      --color-background: rgba(255 255 255 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(35 53 13 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(18 18 18 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(253 253 253 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 251 240 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 251 240 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(255 251 240 / 1.0);
      --color-inverted-button-border: rgba(255 251 240 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(255 251 240 / 1.0);
      --color-inverted-button-hover-border: rgba(255 251 240 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-e426086f-930c-46e5-836a-2e95ee51df88 {
        
      --color-background: rgba(65 85 42 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(253 253 253 / 1.0);
      --color-foreground-heading: rgba(253 253 253 / 1.0);
      --color-primary: rgba(253 253 253 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(253 253 253 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(109 37 20 / 0.08);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-f73ef335-7486-4364-84a5-f340d3fe0526 {
        
      --color-background: rgba(24 57 67 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(254 254 254 / 1.0);
      --color-foreground-heading: rgba(254 254 254 / 1.0);
      --color-primary: rgba(254 254 254 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(254 254 254 / 1.0);
      --color-primary-button-border: rgba(254 254 254 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-background: rgba(254 254 254 / 1.0);
      --color-primary-button-hover-border: rgba(254 254 254 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-4e9245f4-ebba-40ee-b311-1ae626b5090b {
        
      --color-background: rgba(255 251 240 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(35 53 13 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(119 159 23 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(43 43 43 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-5f59ede8-61cf-415a-80e7-788341816c5b {
        
      --color-background: rgba(0 132 69 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(255 255 255 / 1.0);
      --color-foreground-heading: rgba(255 255 255 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(255 250 247 / 1.0);
      --color-border: rgba(255 255 255 / 0.38);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(255 67 21 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(5 97 53 / 1.0);
      --color-secondary-button-border: rgba(65 85 42 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(7 60 34 / 1.0);
      --color-secondary-button-hover-border: rgba(65 85 42 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(255 255 255 / 1.0);
      --color-input-border: rgba(255 255 255 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.12);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(230 230 230 / 1.0);
      --color-variant-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-background: rgba(245 245 245 / 1.0);
      --color-variant-hover-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-border: rgba(230 230 230 / 1.0);
      --color-selected-variant-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-border: rgba(118 30 11 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(89 23 9 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(89 23 9 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .mobile\:color-scheme-cf61c1c4-ff1a-4361-9745-f5adf830d0aa {
        
      --color-background: rgba(41 14 82 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(33 33 33 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(255 251 240 / 1.0);
      --color-border: rgba(255 251 240 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 251 240 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 251 240 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-background: rgba(255 251 240 / 1.0);
      --color-primary-button-hover-border: rgba(255 251 240 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(0 0 0 / 0.0);
      --color-variant-border: rgba(18 18 18 / 1.0);
      --color-variant-text: rgba(18 18 18 / 1.0);
      --color-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-variant-hover-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(18 18 18 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
  }
  @media screen and (min-width: 768px) {
    
      .desktop\:color-scheme-1 {
        
      --color-background: rgba(255 255 255 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(253 253 253 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(0 0 0 / 0.0);
      --color-variant-border: rgba(18 18 18 / 1.0);
      --color-variant-text: rgba(18 18 18 / 1.0);
      --color-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-variant-hover-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(18 18 18 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-2 {
        
      --color-background: rgba(254 254 254 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(43 43 43 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(43 43 43 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(254 254 254 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(254 254 254 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-text: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(0 0 0 / 0.0);
      --color-inverted-button-text: rgba(112 112 112 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-text: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(0 0 0 / 0.0);
      --color-input-background: rgba(0 0 0 / 0.0);
      --color-input-text: rgba(68 68 68 / 1.0);
      --color-input-border: rgba(0 0 0 / 0.0);
      --color-input-placeholder: rgba(0 0 0 / 0.0);
      --color-field-label: rgba(0 0 0 / 0.0);
      --color-input-hover-background: rgba(0 0 0 / 0.0);
      --color-variant-background: rgba(0 0 0 / 0.0);
      --color-variant-border: rgba(0 0 0 / 0.0);
      --color-variant-text: rgba(185 62 9 / 1.0);
      --color-variant-hover-background: rgba(0 0 0 / 0.0);
      --color-variant-hover-text: rgba(0 0 0 / 0.0);
      --color-variant-hover-border: rgba(0 0 0 / 0.0);
      --color-selected-variant-background: rgba(0 0 0 / 0.0);
      --color-selected-variant-border: rgba(0 0 0 / 0.0);
      --color-selected-variant-text: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-background: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-text: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-border: rgba(0 0 0 / 0.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-3 {
        
      --color-background: rgba(241 241 241 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(43 43 43 / 1.0);
      --color-foreground-heading: rgba(0 0 0 / 0.0);
      --color-primary: rgba(0 0 0 / 0.0);
      --color-primary-hover: rgba(0 0 0 / 0.0);
      --color-border: rgba(0 0 0 / 0.0);
      --color-shadow: rgba(0 0 0 / 0.0);
      --color-primary-button-text: rgba(0 0 0 / 0.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(0 0 0 / 0.0);
      --color-primary-button-hover-text: rgba(0 0 0 / 0.0);
      --color-primary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-primary-button-hover-border: rgba(0 0 0 / 0.0);
      --color-secondary-button-text: rgba(0 0 0 / 0.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-text: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-text: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-text: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(0 0 0 / 0.0);
      --color-inverted-button-text: rgba(0 0 0 / 0.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-text: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(0 0 0 / 0.0);
      --color-input-background: rgba(0 0 0 / 0.0);
      --color-input-text: rgba(0 0 0 / 0.0);
      --color-input-border: rgba(0 0 0 / 0.0);
      --color-input-placeholder: rgba(0 0 0 / 0.0);
      --color-field-label: rgba(0 0 0 / 0.0);
      --color-input-hover-background: rgba(0 0 0 / 0.0);
      --color-variant-background: rgba(0 0 0 / 0.0);
      --color-variant-border: rgba(0 0 0 / 0.0);
      --color-variant-text: rgba(0 0 0 / 0.0);
      --color-variant-hover-background: rgba(0 0 0 / 0.0);
      --color-variant-hover-text: rgba(0 0 0 / 0.0);
      --color-variant-hover-border: rgba(0 0 0 / 0.0);
      --color-selected-variant-background: rgba(0 0 0 / 0.0);
      --color-selected-variant-border: rgba(0 0 0 / 0.0);
      --color-selected-variant-text: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-background: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-text: rgba(0 0 0 / 0.0);
      --color-selected-variant-hover-border: rgba(0 0 0 / 0.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-4 {
        
      --color-background: rgba(35 53 13 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(255 251 240 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(75 109 48 / 1.0);
      --color-border: rgba(75 109 48 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(87 164 69 / 1.0);
      --color-secondary-button-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(255 255 255 / 1.0);
      --color-input-border: rgba(255 255 255 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.12);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(230 230 230 / 1.0);
      --color-variant-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-background: rgba(245 245 245 / 1.0);
      --color-variant-hover-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-border: rgba(230 230 230 / 1.0);
      --color-selected-variant-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-border: rgba(118 30 11 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(89 23 9 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(89 23 9 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-5 {
        
      --color-background: rgba(83 16 3 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(226 200 243 / 1.0);
      --color-foreground-heading: rgba(226 200 243 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(255 255 255 / 1.0);
      --color-border: rgba(226 200 243 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(83 16 3 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(83 16 3 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(255 67 21 / 1.0);
      --color-secondary-button-border: rgba(255 67 21 / 1.0);
      --color-secondary-button-hover-text: rgba(255 67 21 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(0 0 0 / 0.0);
      --color-input-text: rgba(226 200 243 / 1.0);
      --color-input-border: rgba(226 200 243 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(226 200 243 / 0.09);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(230 230 230 / 1.0);
      --color-variant-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-background: rgba(245 245 245 / 1.0);
      --color-variant-hover-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-border: rgba(230 230 230 / 1.0);
      --color-selected-variant-background: rgba(255 67 21 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(118 30 11 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-6 {
        
      --color-background: rgba(0 0 0 / 0.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(255 251 240 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(255 251 240 / 1.0);
      --color-shadow: rgba(0 0 0 / 0.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(118 30 11 / 1.0);
      --color-input-border: rgba(239 232 227 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.78);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(239 232 227 / 1.0);
      --color-variant-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-background: rgba(239 232 227 / 1.0);
      --color-variant-hover-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-border: rgba(239 232 227 / 1.0);
      --color-selected-variant-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-border: rgba(118 30 11 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(83 16 3 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(83 16 3 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-7 {
        
      --color-background: rgba(35 53 13 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(138 183 28 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(255 251 240 / 1.0);
      --color-border: rgba(255 251 240 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(35 53 13 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(0 0 0 / 0.0);
      --color-input-text: rgba(255 255 255 / 1.0);
      --color-input-border: rgba(255 255 255 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.12);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(230 230 230 / 1.0);
      --color-variant-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-background: rgba(245 245 245 / 1.0);
      --color-variant-hover-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-border: rgba(230 230 230 / 1.0);
      --color-selected-variant-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-border: rgba(118 30 11 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(89 23 9 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(89 23 9 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-8 {
        
      --color-background: rgba(44 74 19 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(255 251 240 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(255 251 240 / 1.0);
      --color-border: rgba(255 251 240 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 251 240 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 251 240 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-border: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(118 30 11 / 1.0);
      --color-input-border: rgba(118 30 11 / 0.12);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-4d46b2e1-955f-4037-b13d-677b7476e00d {
        
      --color-background: rgba(0 0 0 / 0.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 255 255 / 1.0);
      --color-foreground-heading: rgba(255 255 255 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(255 255 255 / 1.0);
      --color-border: rgba(255 255 255 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(141 0 0 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(141 0 0 / 1.0);
      --color-secondary-button-border: rgba(141 0 0 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-text: rgba(83 16 3 / 1.0);
      --color-secondary-inverted-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(83 16 3 / 1.0);
      --color-input-border: rgba(239 232 227 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.78);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(239 232 227 / 1.0);
      --color-variant-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-background: rgba(239 232 227 / 1.0);
      --color-variant-hover-text: rgba(83 16 3 / 1.0);
      --color-variant-hover-border: rgba(239 232 227 / 1.0);
      --color-selected-variant-background: rgba(83 16 3 / 1.0);
      --color-selected-variant-border: rgba(83 16 3 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(118 30 11 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-6f2a914a-293d-434e-b830-6d86b78906b0 {
        
      --color-background: rgba(255 255 255 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(118 30 11 / 1.0);
      --color-primary-hover: rgba(255 67 21 / 1.0);
      --color-border: rgba(112 112 112 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(255 67 21 / 1.0);
      --color-primary-button-border: rgba(255 67 21 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(118 30 11 / 1.0);
      --color-primary-button-hover-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(118 30 11 / 1.0);
      --color-secondary-button-hover-border: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-text: rgba(118 30 11 / 1.0);
      --color-secondary-inverted-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-text: rgba(255 255 255 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(255 255 255 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(118 30 11 / 1.0);
      --color-input-border: rgba(118 30 11 / 0.12);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-df0b6c0d-0ac1-468e-9ccf-2c0f35e283fa {
        
      --color-background: rgba(18 18 18 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 255 255 / 1.0);
      --color-foreground-heading: rgba(255 255 255 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(18 18 18 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(18 18 18 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(43 43 43 / 1.0);
      --color-secondary-button-border: rgba(43 43 43 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-e89a4238-324d-4477-a90e-8f65e6f71220 {
        
      --color-background: rgba(227 232 212 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(196 196 196 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(113 118 99 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(43 43 43 / 1.0);
      --color-secondary-button-border: rgba(43 43 43 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-b8ebc9f7-cc62-4655-ade9-571457bc9c32 {
        
      --color-background: rgba(255 251 240 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(180 186 162 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(18 18 18 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(43 43 43 / 1.0);
      --color-secondary-button-border: rgba(43 43 43 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(16 185 129 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-e4f802d8-1817-4280-8478-d640ff2a3811 {
        
      --color-background: rgba(255 251 240 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(35 53 13 / 1.0);
      --color-foreground-heading: rgba(18 18 18 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(0 132 69 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(18 18 18 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(0 132 69 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-inverted-button-hover-border: rgba(0 132 69 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-29ed9998-910c-482a-a4b2-b0a6064def63 {
        
      --color-background: rgba(0 0 0 / 0.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(196 175 255 / 1.0);
      --color-foreground-heading: rgba(196 175 255 / 1.0);
      --color-primary: rgba(196 175 255 / 1.0);
      --color-primary-hover: rgba(196 175 255 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(253 253 253 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-8bb385b8-9709-4e53-9c92-84676330dc98 {
        
      --color-background: rgba(255 255 255 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(35 53 13 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(18 18 18 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(253 253 253 / 1.0);
      --color-primary-button-background: rgba(43 43 43 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 251 240 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 251 240 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(255 251 240 / 1.0);
      --color-inverted-button-border: rgba(255 251 240 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(255 251 240 / 1.0);
      --color-inverted-button-hover-border: rgba(255 251 240 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-e426086f-930c-46e5-836a-2e95ee51df88 {
        
      --color-background: rgba(65 85 42 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(253 253 253 / 1.0);
      --color-foreground-heading: rgba(253 253 253 / 1.0);
      --color-primary: rgba(253 253 253 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(253 253 253 / 1.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-button-background: rgba(109 37 20 / 0.08);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-f73ef335-7486-4364-84a5-f340d3fe0526 {
        
      --color-background: rgba(24 57 67 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(254 254 254 / 1.0);
      --color-foreground-heading: rgba(254 254 254 / 1.0);
      --color-primary: rgba(254 254 254 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(241 241 241 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(18 18 18 / 1.0);
      --color-primary-button-background: rgba(254 254 254 / 1.0);
      --color-primary-button-border: rgba(254 254 254 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-background: rgba(254 254 254 / 1.0);
      --color-primary-button-hover-border: rgba(254 254 254 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-4e9245f4-ebba-40ee-b311-1ae626b5090b {
        
      --color-background: rgba(255 251 240 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(18 18 18 / 1.0);
      --color-foreground-heading: rgba(35 53 13 / 1.0);
      --color-primary: rgba(18 18 18 / 1.0);
      --color-primary-hover: rgba(0 132 69 / 1.0);
      --color-border: rgba(119 159 23 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(43 43 43 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-background: rgba(43 43 43 / 1.0);
      --color-primary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(109 37 20 / 0.08);
      --color-variant-border: rgba(109 37 20 / 0.08);
      --color-variant-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-background: rgba(241 230 228 / 1.0);
      --color-variant-hover-text: rgba(109 37 20 / 1.0);
      --color-variant-hover-border: rgba(241 230 228 / 1.0);
      --color-selected-variant-background: rgba(238 84 47 / 1.0);
      --color-selected-variant-border: rgba(255 67 21 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(109 37 20 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(109 37 20 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-5f59ede8-61cf-415a-80e7-788341816c5b {
        
      --color-background: rgba(0 132 69 / 1.0);
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgba(255 255 255 / 1.0);
      --color-foreground-heading: rgba(255 255 255 / 1.0);
      --color-primary: rgba(255 255 255 / 1.0);
      --color-primary-hover: rgba(255 250 247 / 1.0);
      --color-border: rgba(255 255 255 / 0.38);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 255 255 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-text: rgba(255 67 21 / 1.0);
      --color-primary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-primary-button-hover-border: rgba(255 255 255 / 1.0);
      --color-secondary-button-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-background: rgba(5 97 53 / 1.0);
      --color-secondary-button-border: rgba(65 85 42 / 1.0);
      --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-background: rgba(7 60 34 / 1.0);
      --color-secondary-button-hover-border: rgba(65 85 42 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(255 255 255 / 1.0);
      --color-input-border: rgba(255 255 255 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(112 112 112 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 0.12);
      --color-variant-background: rgba(255 255 255 / 1.0);
      --color-variant-border: rgba(230 230 230 / 1.0);
      --color-variant-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-background: rgba(245 245 245 / 1.0);
      --color-variant-hover-text: rgba(118 30 11 / 1.0);
      --color-variant-hover-border: rgba(230 230 230 / 1.0);
      --color-selected-variant-background: rgba(118 30 11 / 1.0);
      --color-selected-variant-border: rgba(118 30 11 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(89 23 9 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(89 23 9 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
      .desktop\:color-scheme-cf61c1c4-ff1a-4361-9745-f5adf830d0aa {
        
      --color-background: rgba(41 14 82 / 1.0);
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgba(255 251 240 / 1.0);
      --color-foreground-heading: rgba(33 33 33 / 1.0);
      --color-primary: rgba(255 251 240 / 1.0);
      --color-primary-hover: rgba(255 251 240 / 1.0);
      --color-border: rgba(255 251 240 / 1.0);
      --color-shadow: rgba(0 0 0 / 1.0);
      --color-primary-button-text: rgba(255 251 240 / 1.0);
      --color-primary-button-background: rgba(0 0 0 / 0.0);
      --color-primary-button-border: rgba(255 251 240 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-primary-button-hover-background: rgba(255 251 240 / 1.0);
      --color-primary-button-hover-border: rgba(255 251 240 / 1.0);
      --color-secondary-button-text: rgba(18 18 18 / 1.0);
      --color-secondary-button-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-border: rgba(113 118 99 / 1.0);
      --color-secondary-button-hover-text: rgba(0 132 69 / 1.0);
      --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
      --color-secondary-button-hover-border: rgba(0 132 69 / 1.0);
      --color-secondary-inverted-button-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-text: rgba(253 253 253 / 1.0);
      --color-secondary-inverted-button-hover-background: rgba(0 0 0 / 0.0);
      --color-secondary-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-text: rgba(18 18 18 / 1.0);
      --color-inverted-button-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-border: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-text: rgba(0 132 69 / 1.0);
      --color-inverted-button-hover-background: rgba(253 253 253 / 1.0);
      --color-inverted-button-hover-border: rgba(253 253 253 / 1.0);
      --color-input-background: rgba(255 255 255 / 1.0);
      --color-input-text: rgba(18 18 18 / 1.0);
      --color-input-border: rgba(171 171 171 / 1.0);
      --color-input-placeholder: rgba(112 112 112 / 1.0);
      --color-field-label: rgba(18 18 18 / 1.0);
      --color-input-hover-background: rgba(255 255 255 / 1.0);
      --color-variant-background: rgba(0 0 0 / 0.0);
      --color-variant-border: rgba(18 18 18 / 1.0);
      --color-variant-text: rgba(18 18 18 / 1.0);
      --color-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-variant-hover-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-border: rgba(18 18 18 / 1.0);
      --color-selected-variant-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-background: rgba(43 43 43 / 1.0);
      --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
      --color-selected-variant-hover-border: rgba(18 18 18 / 1.0);
      --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
      --input-disabled-border-color: rgb(from var(--color-foreground) r g b / var(--opacity-5-15));
      --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
      --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */
      
        --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
      
        --shadow-blur: 20px;
        --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
      
    
      }
  }

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-8, .color-scheme-4d46b2e1-955f-4037-b13d-677b7476e00d, .color-scheme-9, .color-scheme-6f2a914a-293d-434e-b830-6d86b78906b0, .color-scheme-10, .color-scheme-df0b6c0d-0ac1-468e-9ccf-2c0f35e283fa, .color-scheme-11, .color-scheme-e89a4238-324d-4477-a90e-8f65e6f71220, .color-scheme-12, .color-scheme-b8ebc9f7-cc62-4655-ade9-571457bc9c32, .color-scheme-13, .color-scheme-e4f802d8-1817-4280-8478-d640ff2a3811, .color-scheme-14, .color-scheme-29ed9998-910c-482a-a4b2-b0a6064def63, .color-scheme-15, .color-scheme-8bb385b8-9709-4e53-9c92-84676330dc98, .color-scheme-16, .color-scheme-e426086f-930c-46e5-836a-2e95ee51df88, .color-scheme-17, .color-scheme-f73ef335-7486-4364-84a5-f340d3fe0526, .color-scheme-18, .color-scheme-4e9245f4-ebba-40ee-b311-1ae626b5090b, .color-scheme-19, .color-scheme-5f59ede8-61cf-415a-80e7-788341816c5b, .color-scheme-20, .color-scheme-cf61c1c4-ff1a-4361-9745-f5adf830d0aa, .color-scheme-21 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>



    



  <link href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-main-C6nNX5Wi.css" rel="stylesheet" type="text/css" media="all" />




  
    <link href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-main-D649Ua9A.js" as="script" crossorigin="anonymous" rel="preload">
  
  <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-main-D649Ua9A.js" type="module" crossorigin="anonymous"></script>

<script type="text/javascript">
      SHP = window.SHP || {}
      SHP.t = window.SHP.t || {};
      SHP.moneyForma = '${{amount}}';
      SHP.currency='USD';
      SHP.freeShippingAmount = 4900;
      SHP.baseUrl = 'https://shopify-app-react-cf.swansonvitamins.workers.dev';
      
      SHP.customer = null;
      
      SHP.buy_it_again = '';
      SHP.t.buy_again = 'Buy it again';
      SHP.t.free_shipping_achieved = 'Your order qualifies for free shipping!';
      SHP.t.free_shipping_text = 'Add products for [amount] for free shipping';
    </script>
    <script>
      // Idle-script queue: defers post-load enhancement/analytics scripts until
      // browser idle time AFTER the load event, so they don't compete for HTTP/2
      // bandwidth during the LCP window. Scripts push their URL onto window.__idleScripts.
      window.__idleScripts = window.__idleScripts || [];
      (function () {
        var flushed = false;
        function flush() {
          if (flushed) return;
          flushed = true;
          for (var i = 0; i < window.__idleScripts.length; i++) {
            var s = document.createElement('script');
            s.src = window.__idleScripts[i];
            document.body.appendChild(s);
          }
        }
        function schedule() {
          if ('requestIdleCallback' in window) requestIdleCallback(flush, { timeout: 2000 });
          else setTimeout(flush, 1);
        }
        if (document.readyState === 'complete') schedule();
        else window.addEventListener('load', schedule, { once: true });
      })();
    </script>
    <script>(window.__idleScripts=window.__idleScripts||[]).push("\/\/www.swansonvitamins.com\/cdn\/shop\/t\/578\/assets\/compare-override.js?v=10338163028407806491785420582");</script>
    <link rel="dns-prefetch" href="https://ac.cnstrc.com">
    <!-- Medallia DXA - www.swansonvitamins.com -->
    <link rel="dns-prefetch" href="//cdn.decibelinsight.net">
    <link rel="dns-prefetch" href="//collection.decibelinsight.net">
    <script>
      (function () {
        var EVENTS = ['mousedown', 'mousemove', 'scroll', 'touchstart', 'keydown'];
        var loaded = false;

        function loadDeferredScripts() {
          if (loaded) return;
          loaded = true;
          EVENTS.forEach(function (e) {
            document.removeEventListener(e, loadDeferredScripts);
          });

          // Medallia DXA
          (function (d, e, c, i, b, el, it) {
            d._da_ = d._da_ || [];
            _da_.oldErr = d.onerror;
            _da_.err = [];
            d.onerror = function () {
              _da_.err.push(arguments);
              _da_.oldErr && _da_.oldErr.apply(d, Array.prototype.slice.call(arguments));
            };
            d.DecibelInsight = b;
            d[b] =
              d[b] ||
              function () {
                (d[b].q = d[b].q || []).push(arguments);
              };
            ((el = e.createElement(c)), (it = e.getElementsByTagName(c)[0]));
            el.async = 1;
            el.src = i;
            it.parentNode.insertBefore(el, it);
          })(window, document, 'script', 'https://cdn.decibelinsight.net/i/14096/3381783/di.js', 'decibelInsight');

          // UpSellIt
          var s = document.createElement('script');
          s.async = true;
          s.src = 'https://www.upsellit.com/active/swansonvitamins.jsp';
          document.head.appendChild(s);
        }

        if (window.__ucScanner) {
          loadDeferredScripts();
        } else {
          EVENTS.forEach(function (e) {
            document.addEventListener(e, loadDeferredScripts, { passive: true });
          });
        }
      })();
    </script>

    
<script src="https://cnstrc.com/js/cust/swanson-health_pBRvQM.js" defer></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="TRvChgMn3n2wP3j1GDZn7kYGVkexzWhrqW9DR_cv96U">
<meta name="facebook-domain-verification" content="k8e9ymp47esqn15yd5hvi8aoa5fs7f">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/69381390474/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="bf43424bf522e242972ed7db5e8f6b87">
<meta id="in-context-paypal-metadata" data-shop-id="69381390474" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=7174062218"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=7174062218&shop_id=69381390474" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":69381390474,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/69381390474","merchantName":"Swanson Vitamins","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Swanson Vitamins","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"bf43424bf522e242972ed7db5e8f6b87","betas":["rich-media-storefront-analytics"],"domain":"www.swansonvitamins.com","predictiveSearch":true,"shopId":69381390474,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "ehndwb-vu.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"shopify-theme\/main-ci","id":149992931466,"schema_name":"Swanson Theme","schema_version":"0.1.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.swansonvitamins.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
  window.Shopify.SignInWithShop.eligible = false;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["\/\/cdn.shopify.com\/proxy\/cc29287c3bd4dd85b63208c3cac82c6701c8c5519425d3e0a70196769c32720b\/cdn-scripts.signifyd.com\/shopify\/script-tag.js?shop=ehndwb-vu.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/header.min.js?settings=eyJrZXkiOiJJSG1iMkZhSVRvVDZ4WG5UIiwicyI6Im5vbmUifQ==\u0026v=2.5\u0026shop=ehndwb-vu.myshopify.com","https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/success.min.js?settings=eyJrZXkiOiJJSG1iMkZhSVRvVDZ4WG5UIiwicyI6Im5vbmUiLCJ0IjpbIm9yZGVycy9mdWxmaWxsZWQiXSwidiI6IiIsImEiOiIifQ==\u0026shop=ehndwb-vu.myshopify.com","https:\/\/ecommplugins-trustboxsettings.trustpilot.com\/ehndwb-vu.myshopify.com.js?settings=1770826435053\u0026shop=ehndwb-vu.myshopify.com","https:\/\/ehndwb-vu.myshopify.com\/apps\/cordial-app\/load-track.js?track_key=swanson-health\u0026shop=ehndwb-vu.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0693\/8139\/0474\/t\/578\/assets\/loy_69381390474.js?v=1781195086\u0026shop=ehndwb-vu.myshopify.com","https:\/\/customer-first-focus.b-cdn.net\/cffPCLoader_min.js?shop=ehndwb-vu.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":69381390474,"offset":-18000,"reqid":"cce55fe8-193a-4c54-8cf6-3e989b66cae0-1788709478","pageurl":"www.swansonvitamins.com\/","u":"e633b482b941","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.swansonvitamins.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.swansonvitamins.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//www.swansonvitamins.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-mqQjA+yhr1DtPsW5MhDIq3zDu+LghfjNT49r/ttG3eY=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.MCP = window.Shopify.MCP || {};
  window.Shopify.MCP.enabled = true;
  window.Shopify.MCP.shop = "ehndwb-vu.myshopify.com";
  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.swansonvitamins.com\/api\/mcp";
  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("https:\/\/cdn.shopify.com\/storefront\/webmcp\/webmcp-0.1.1.js","");})();
</script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.swansonvitamins.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script integrity="sha256-bUBCCj2kbOnmp6AZdYNTZgzCYFu0b0cW52VDi3aRutc=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{&quot;publisher_shop_id&quot;:69381390474,&quot;theme_id&quot;:149992931466,&quot;theme_published&quot;:true,&quot;theme_store_id&quot;:0,&quot;placement&quot;:&quot;collection&quot;,&quot;event_data&quot;:{&quot;handle&quot;:&quot;&quot;,&quot;page_type&quot;:&quot;home&quot;},&quot;recommendations_tracking_enabled&quot;:true}" defer="defer" src="//www.swansonvitamins.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-d3054538.js" crossorigin="anonymous"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.swansonvitamins.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<link rel="stylesheet" media="screen" href="//www.swansonvitamins.com/cdn/shop/t/578/compiled_assets/styles.css?v=38751119750463251811788551138">
<script id="snippets-script" data-snippets="search" defer="defer" src="//www.swansonvitamins.com/cdn/shop/t/578/compiled_assets/snippet-scripts.js?v=34202010098444795601779988254"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

    


<script>
  (function () {
    // Wait for the page to be activated (not prerendering)
    var whenActivated = new Promise(function (resolve) {
      if (document.prerendering) {
        document.addEventListener('prerenderingchange', resolve, { once: true });
      } else {
        resolve();
      }
    });

    // Wait for the page to be visible (not a background tab)
    var whenFirstVisible = new Promise(function (resolve) {
      if (document.hidden) {
        document.addEventListener('visibilitychange', resolve, { once: true });
      } else {
        resolve();
      }
    });

    // Initialize GTM only when both conditions are met
    function loadGTM() {
      var w = window, d = document, l = 'dataLayer', i = 'GTM-KMSP8MQ4';
      w[l] = w[l] || [];
      w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
      var f = d.getElementsByTagName('script')[0],
          j = d.createElement('script'),
          dl = l != 'dataLayer' ? '&l=' + l : '';
      j.async = true;
      j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
      f.parentNode.insertBefore(j, f);
    }

    Promise.all([whenActivated, whenFirstVisible]).then(loadGTM);
  })();
</script>



<noscript>
  <iframe
    src="https://www.googletagmanager.com/ns.html?id=GTM-KMSP8MQ4"
    height="0"
    width="0"
    style="display:none;visibility:hidden"
  ></iframe>
</noscript>

    <script type="speculationrules">
      {
        "prerender": [
          {
            "where": {
              "and": [
                { "or": [
                  { "href_matches": "/products/*" },
                  { "href_matches": "/collections/*" }
                ] },
                { "not": { "href_matches": "/cart*" } },
                { "not": { "href_matches": "/checkout*" } },
                { "not": { "href_matches": "/account*" } }
              ]
            },
            "eagerness": "conservative"
          }
        ],
        "prefetch": [
          {
            "where": {
              "href_matches": "/*"
            },
            "eagerness": "moderate"
          }
        ]
      }
    </script>
    <!--
      Google Tag Manager <meta name="google-site-verification" content="TRvChgMn3n2wP3j1GDZn7kYGVkexzWhrqW9DR_cv96U" />
    -->
    
      <script>
        window.ss_mi = window.ss_mi || {};
        // zinrelo mitigation
        Object.defineProperty(window.ss_mi, 'verify_integration', {
          value: function () {
            console.log('Zinrelo iframe blocked to save bandwidth.');
          },
          writable: false, // Prevents the external script from overwriting this function
          configurable: false, // Prevents the external script from deleting/redefining it
          enumerable: true,
        });
      </script>
    
    <script type="module">
  import { hasConsent, visitorConsentCollected } from '@theme/consent-util';
  import { isFunction, isObject, isString, toDollars, toString } from '@theme/object-util';
  import { getLowestPriceVariant, getProduct, getSelector } from '@theme/product-util';
  import { Profile } from '@theme/profile';

  const profile = Profile.getProfile({ email: "", phone: "" });

  document.addEventListener('cordial:event', (event) => {
    if (event instanceof Event) {
      const detail = event.detail ?? {};

      if (detail.type === 'submit') {
        const action = detail.action;
        const properties = detail.properties ?? {};

        if (action === 'wishlist') {
          const product = detail.product ?? {};
          const variant = getLowestPriceVariant(product.variants) ?? {};

          properties.products = [{
            productId: toString(product.id),
            variantId: toString(variant.id),
            sku: toString(variant.sku),
            title: toString(product.title),
            price: toDollars(variant.price)
          }];
        }

        cordialEvent(action, properties);
      }
    }
  });

  document.addEventListener('sc:dynamic-compare:loaded', () => {
    const products = [];

    getSelector('sc-dynamic-compare')?.getHandles?.()?.forEach((handle) => {
      const product = getProduct(`div[class*="plp-product-card"][data-url$="${handle}"]`);

      if (product) {
        products.push(product);
      }
    });

    cordialEvent('compareProducts', { products: products });
  });

  const controller = new AbortController();

  function onFirstInteraction() {
    controller.abort();
    initCordial();
  }

  if (window.__ucScanner) {
    initCordial();
  } else {
    ['mousedown', 'mousemove', 'scroll', 'touchstart', 'keydown'].forEach((type) =>
      document.addEventListener(type, onFirstInteraction, { passive: true, signal: controller.signal })
    );
  }

  function initCordial() {
    const script = document.createElement('script');
    script.async = true;
    script.src = 'https://forms.swansonvitamins.com/w37htfhcq2/vendor/6b7f4403-912a-4c5b-9629-7be0de14e19d/lightbox_speed.js';
    document.head.appendChild(script);

    cordialContact();
    visitorConsentCollected(cordialContact);
  }

  function cordialContact(consent = hasConsent()) {
    if (!consent || !isFunction(window.crdl)) {
      return false;
    }

    const email = profile.email;
    const phone = profile.phone;

    if (email || phone) {
      crdl('contact', {
        ...(email && { email: email }),
        ...(phone && { sms: phone })
      }, {
        channels: {
          ...(email && { email: { address: email } }),
          ...(phone && { sms: { address: phone } })
        }
      });
    }

    return true;
  }

  function cordialEvent(action, properties) {
    Profile.coalesceProfile(profile, properties);

    if (cordialContact() && isString(action) && isObject(properties)) {
      crdl('event', action, properties);
    }
  }
</script>

    <script>
  (function () {
    'use strict';

    // ============================================================================
    // Configuration
    // ============================================================================

    const CONFIG = {
      // Keys that are safe to remove when storage is full (typically large Rebuy data)
      SAFE_TO_REMOVE_KEYS: ['snowplowOutQueue_sr_snowplow_cf_get'],
      // Pattern for keys that can be safely removed
      SAFE_TO_REMOVE_PATTERN: /^bounceClientVisit/,
      // Quota error names to detect
      QUOTA_ERROR_NAMES: ['QuotaExceededError', 'NS_ERROR_DOM_QUOTA_REACHED'],
      // Number of top entries to include in reports
      REPORT_TOP_ENTRIES: 20,
    };

    // ============================================================================
    // Utilities
    // ============================================================================
    /**
     * Simplified logger that reports directly to the CF Worker
     * Replaces DD_RUM.addError
     */
    const reportError = (function () {
      // Configuration derived from extension usage
      const ENDPOINT = 'https://shopify-app-react-cf.swansonvitamins.workers.dev/api/client-errors';
      const EXTENSION_NAME = 'storage-guard';
      return function (message, context = {}) {
        // Construct payload matching clientErrorService.ts expectations
        const payload = [
          {
            level: 'warn', // StorageGuard typically warns about quota/cleanup
            message: message,
            extension: EXTENSION_NAME,
            timestamp: new Date().toISOString(),
            context: context,
          },
        ];
        // Use sendBeacon for reliable delivery (especially during page unload)
        // Fallback to fetch if necessary
        const body = JSON.stringify(payload);

        if (navigator.sendBeacon) {
          const blob = new Blob([body], { type: 'application/json' });
          navigator.sendBeacon(ENDPOINT, blob);
        } else {
          fetch(ENDPOINT, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: body,
            keepalive: true,
          }).catch((e) => console.error('[StorageGuard] Report failed', e));
        }
      };
    })();
    /**
     * Check if an error is a quota exceeded error
     */
    function isQuotaError(error) {
      return CONFIG.QUOTA_ERROR_NAMES.includes(error.name);
    }
    // ============================================================================
    // Storage Analysis
    // ============================================================================

    /**
     * Calculate approximate size of a string in bytes (UTF-16 encoding)
     */
    function calculateSize(value) {
      return value ? value.length * 2 : 0;
    }

    /**
     * Generate a report of localStorage usage
     * @returns {Object} Report with totalBytes and sorted entries
     */
    function generateStorageReport() {
      const entries = [];
      let totalBytes = 0;

      for (let i = 0; i < window.localStorage.length; i++) {
        const key = window.localStorage.key(i);
        const value = window.localStorage.getItem(key);
        const sizeBytes = calculateSize(value);

        totalBytes += sizeBytes;
        entries.push({ key, sizeBytes });
      }

      // Sort by size descending
      entries.sort((a, b) => b.sizeBytes - a.sizeBytes);

      return { totalBytes, entries };
    }

    // ============================================================================
    // Cleanup Operations
    // ============================================================================

    /**
     * Remove a specific key from localStorage and log the action
     */
    function removeKey(key, log) {
      if (localStorage.getItem(key)) {
        localStorage.removeItem(key);
        log.push(`Removed ${key}`);
      }
    }

    /**
     * Remove keys matching the configured pattern
     */
    function removePatternMatches(log) {
      // Iterate backwards to safely remove items during iteration
      for (let i = localStorage.length - 1; i >= 0; i--) {
        const key = localStorage.key(i);
        if (key && CONFIG.SAFE_TO_REMOVE_PATTERN.test(key)) {
          removeKey(key, log);
        }
      }
    }

    /**
     * Remove known safe-to-remove keys
     */
    function removeKnownKeys(log) {
      CONFIG.SAFE_TO_REMOVE_KEYS.forEach((key) => {
        removeKey(key, log);
      });
    }

    /**
     * Perform cleanup of localStorage by removing safe-to-remove keys
     * @returns {Array} Array of actions taken (for logging)
     */
    function performCleanup() {
      console.warn('🧹 StorageGuard: Storage full. Performing cleanup...');
      const actionsTaken = [];

      try {
        removeKnownKeys(actionsTaken);
        removePatternMatches(actionsTaken);

        // Report cleanup results
        const report = generateStorageReport();
        const topEntries = report.entries.slice(0, CONFIG.REPORT_TOP_ENTRIES);
        const reportMessage = `Storage Cleared. Top Keys: ${JSON.stringify(topEntries)}. Actions: ${actionsTaken.join(', ')}`;
        reportError(reportMessage);
      } catch (err) {
        console.error('🛡️ StorageGuard: Cleanup failed', err);
        reportError(`StorageGuard: Cleanup failed - ${err.message}`);
      }

      return actionsTaken;
    }

    // ============================================================================
    // Storage Interception
    // ============================================================================

    /**
     * Handle quota exceeded error by attempting cleanup and retry
     */
    function handleQuotaError(originalSetItem, storage, key, value) {
      const actionsTaken = performCleanup();

      if (actionsTaken.length === 0) {
        // No safe keys to remove, redirect user
        console.warn('🛡️ StorageGuard: Storage full, but no safe keys to delete.');
        return;
      }

      // Attempt to retry the write after cleanup
      try {
        originalSetItem.call(storage, key, value);
        console.log('🛡️ StorageGuard: Successfully recovered from storage limit.');
      } catch (retryError) {
        // Still full after cleanup, redirect user
      }
    }

    /**
     * Intercept Storage.prototype.setItem to guard against quota exceeded errors.
     */
    function installStorageGuard() {
      const originalSetItem = Storage.prototype.setItem;

      Storage.prototype.setItem = function (key, value) {
        // Only guard localStorage, pass through sessionStorage
        if (this !== window.localStorage) {
          return originalSetItem.call(this, key, value);
        }

        try {
          // Attempt normal write
          originalSetItem.call(this, key, value);
        } catch (error) {
          if (isQuotaError(error)) {
            handleQuotaError(originalSetItem, this, key, value);
          } else {
            // Re-throw non-quota errors
            throw error;
          }
        }
      };
    }

    // ============================================================================
    // Public API
    // ============================================================================

    /**
     * Public API for StorageGuard
     */
    window.StorageGuard = {
      getReport: generateStorageReport,
      remediate: performCleanup,
    };

    // ============================================================================
    // Initialization
    // ============================================================================

    installStorageGuard();

    // Proactive cleanup on page load
    try {
      // Populate later
    } catch (e) {
      // Silently fail if storage is inaccessible
    }

    console.log('🛡️ StorageGuard: Installed on Storage.prototype');
  })();
</script>

    <script src="https://xp2023-pix.s3.amazonaws.com/px_eUahU.js" async></script>
     <noscript id="app_blocks_head">
      <head><!-- BEGIN app block: shopify://apps/trueloyalty-formerly-zinrelo/blocks/embed/6e99a1e9-b7b7-4f8c-b45d-433ab7fff18f --><script type="text/javascript">

  function hexToBase64(hexstring) {
    return btoa(hexstring.match(/\w{2}/g).map(function (a) {
      return String.fromCharCode(parseInt(a, 16));
    }).join(""));
  }

  // Function to encode base64 URL
  function Base64EncodeUrl(str) {
    return str.replace(/\+/g, '-').replace(/\//g, '_').replace(/\=+$/, '');
  }

  

  function hexToBase64(hexstring) {
    return btoa(hexstring.match(/\w{2}/g).map(function (a) {
      return String.fromCharCode(parseInt(a, 16));
    }).join(""));
  }

  // Function to encode base64 URL
  function Base64EncodeUrl(str) {
    return str.replace(/\+/g, '-').replace(/\//g, '_').replace(/\=+$/, '');
  }

  

  
  
  
  
  

  // Members info
  
  
  
  
  

  

  // Members info
  
  
  
  
  

  

  
  

  


  
  
  
  
  
  
  

  let jwtPayload = "eyJhbGciOiAiSFMyNTYiLCAidHlwIjogIkpXVCJ9.DQogIHsNCiAgICAibWVtYmVyX2lkIjogIiIsDQogICAgImVtYWlsX2FkZHJlc3MiOiAiIiwNCiAgICAiZXhwIjogMTc4ODcxMDY3OCwNCiAgICAiZmlyc3RfbmFtZSI6ICIiLA0KICAgIA0KICAgICJjdXN0b21fYXR0cmlidXRlcyI6IHsic2hvcGlmeV9jdXN0b21lcl9pZCI6IiJ9LA0KICAgICJsYXN0X25hbWUiOiAiIg0KICB9DQogIA";
  let jwtHexSignature = "61c3ce5a6f3cdb31f07c581c4678e66d36e4a919b7e38a51889dac9876a2fc09";
  let base64JWTSignature = Base64EncodeUrl(hexToBase64(jwtHexSignature));
  let jwt_token = jwtPayload + "." + base64JWTSignature;

  window._zrl  =  window._zrl || [];
  var  init_data = {
    // "server": "https://docker.shopsocially.com",
    // "server": "https://automation.shopsocially.com",
    "server": "https://app.zinrelo.com",
    "version": 'v2',
    "jwt_token": jwt_token,
    "partner_id" : "ec59c99439"

  };

  
  
    
// Please don't make any changes to the tag logic. This is the logic for "Enter Shopify Tags" for your Shopify store.




















// Update member info. For more details, refer to the notes below.









jwtPayload = "eyJhbGciOiAiSFMyNTYiLCAidHlwIjogIkpXVCJ9.CnsKICAibWVtYmVyX2lkIjogIiIsCiAgImVtYWlsX2FkZHJlc3MiOiAiIiwKICAiZXhwIjogMTc4ODcxMDY3OCwKICAiZmlyc3RfbmFtZSI6ICIiLAogIAogICJjdXN0b21fYXR0cmlidXRlcyI6IHsic2hvcGlmeV9jdXN0b21lcl9pZCI6IiJ9LAogICJsYXN0X25hbWUiOiAiIgp9Cg";
jwtHexSignature = "5fa6bce130f565be1a7a157cda0c467598438708bd6662b120fce11e48c1b4f6";
base64JWTSignature = Base64EncodeUrl(hexToBase64(jwtHexSignature));
jwt_token = jwtPayload + "." + base64JWTSignature;

window._zrl = window._zrl || [];

var init_data = {
  "server": "https://app.zinrelo.com",
  "version": 'v2',
  "jwt_token": jwt_token,
  "partner_id": "ec59c99439"
};

_zrl.push(['init', init_data]);
  

</script>





<script
  defer
  src="//cdn.zinrelo.com/js/all.js"
  type="text/javascript"></script><!-- END app block --><!-- BEGIN app block: shopify://apps/impact-com/blocks/consent_mode/adac1a7f-d17f-4936-8a12-45628cdd8add --><script id="consent_script" defer>
  window.Shopify.loadFeatures(
    [
      {
        name: 'consent-tracking-api',
        version: '0.1',
      },
    ],
    error => {
      if (error) {
        // Rescue error
      }

      document.addEventListener("visitorConsentCollected", (event) => {
        // Do nothing
      });
    },
  );
</script>

<!-- END app block --><!-- BEGIN app block: shopify://apps/ordergroove-subscriptions/blocks/main-app-embed/cf69fc68-e893-4d33-87e3-4e71e2f5822f -->






<script
  type="text/javascript"
  src="https://static.ordergroove.com/926859ae6b3411e8af87bc764e1107f2/main.js"
  defer
  data-shopify-selling-plans
  ></script>


<script>
  document.addEventListener("DOMContentLoaded", (event) => {
    const ordergrooveJsInstances = Array.from(document.querySelectorAll('script[src*="ordergroove.js"]'));
    if (ordergrooveJsInstances.length > 0) {
      console.warn("Multiple Ordergroove Theme Integrations appear to be in use. Subscriptions may not work as intended. Please check your theme setup.");
    }
  });
</script>


<!-- END app block --><!-- BEGIN app block: shopify://apps/persistent-cart/blocks/script_js/4ce05194-341e-4641-aaf4-5a8dad5444cb --><script>
  window.cffPCLiquidPlaced = true;
</script>







  
  
  <script defer src="https://cdn.shopify.com/extensions/019fb03e-26f8-7f95-9cd3-7efd847ee456/cart-persistify-133/assets/cffPC.production.min.js" onerror="this.onerror=null;this.remove();var s=document.createElement('script');s.defer=true;s.src='https://customer-first-focus.b-cdn.net/cffPC.production.min.js';document.head.appendChild(s);"></script>




<!-- END app block --><script src="https://cdn.shopify.com/extensions/019ffbfe-991e-7f15-96bd-3e2405423e76/specification-and-compare-669/assets/spec-and-compare.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/01a06e46-1c85-7fab-9b72-9721478993d4/forms-2548/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
<meta name="shopify-y" content="b14eac26-c68a-451e-a320-dfe22eddc42d" data-expiration="1820267078000"><meta name="shopify-s" content="3ac7dacd-f176-43a3-820f-fdacbb0efc01" data-expiration="1788711278000"><meta name="new-cookie-storage-activated" content="f">
</head>
    </noscript>
    <script id="app-block-gates">
  (function () {
    // ── Head noscript: Shopify analytics passthrough ────────────────────
    // Orphan scripts outside app-block comment boundaries that match these
    // patterns are Shopify's own infrastructure — injected immediately.
    var SHOPIFY_SRC_RE =
      /shopifysvc\.com|shopifycloud\.com|shopifypreview\.com\/cdn\/(s\/trekkie\.|shopifycloud\/)|\/cdn\/shopifycloud\//;
    var SHOPIFY_INLINE_MARKERS = [
      'ShopifyAnalytics',
      '__TREKKIE_SHIM_QUEUE',
      'wpmLoader(',
      'window.trekkie',
    ];

    // ── Head noscript: app block URL prefix → gate name ─────────────────
    var GATE_BY_APP = {
      'shopify://apps/impact-com':                    'consent_mode',
      'shopify://apps/ordergroove-subscriptions':      'ordergroove',
      'shopify://apps/persistent-cart':                'cff',
      'shopify://apps/trueloyalty-formerly-zinrelo':   'zinrelo',
    };

    // Scripts identified by src URL — takes priority over app-URL gate
    var SCRIPT_SRC_GATES = {
      '/spec-and-compare.js': 'spec_and_compare',
      '/shopify-forms-loader.js': 'shopify_forms',
    };
    // Inline scripts that must inject immediately regardless of interaction
    var INLINE_IMMEDIATE_RE = /"sendBeacon" in navigator/;

    // ── Footer noscript: identify .shopify-app-block divs by content ─────
    // Checked against the full block innerHTML; first match wins.
    var FOOTER_GATE_PATTERNS = {
      wishlist_king:    /swish-wishlist-king-225|appmate\.io|WishlistKingAppLoaderURL|wkAppSettings|wkThemeCode|wkWishlistPage/,
      turnto:           /turnto\.com|turnToConfig/,
      spec_and_compare: /specification-and-compare|spec-and-compare\.css|sc-dynamic-compare/,
    };

    // ── Gate stubs ────────────────────────────────────────────────────────
    // Head block gates use scripts[]; footer block gates use nodes[] (mixed
    // content: scripts, styles, HTML elements). load() fires on first interaction.
    window.AppBlockGates = {
      // ── Head blocks ──────────────────────────────────────────────────

      // Impact.com consent mode — wraps Shopify customerPrivacy API
      consent_mode: {
        scripts: [],
        load: function () {
          // TODO: run immediately vs. stay interaction-gated?
          this.scripts.forEach(injectScript);
        },
      },

      // OrderGroove subscription widget
      ordergroove: {
        scripts: [],
        load: function () {
          // TODO: sequence relative to product/cart readiness
          this.scripts.forEach(injectScript);
        },
      },

      // Customer First Focus — persistent cart (cffPC.production.min.js)
      // Note: inline window.cffPCLiquidPlaced flag must inject before the bundle
      cff: {
        scripts: [],
        load: function () {
          // TODO: sequence relative to cart init
          this.scripts.forEach(injectScript);
        },
      },

      // Zinrelo loyalty
      // Note: inline JWT init must inject before cdn.zinrelo.com/js/all.js
      // Bypasses interaction gating: fires as soon as the page is known to
      // need it (dashboard URL match immediately; rewards-points-component
      // presence at DOMContentLoaded). The interaction `flush()` still calls
      // load() as a fallback — the `loaded` flag keeps it idempotent.
      zinrelo: {
        scripts: [],
        loaded: false,
        needed: function () {
          return !!document.querySelector('rewards-points-component')
            || (location.pathname === '/account' && new URLSearchParams(location.search).get('view') === 'wellness-rewards');
        },
        load: function () {
          if (this.loaded) return;
          if (!this.needed()) {
            if (this.scripts.length) console.warn('[AppBlockGates] zinrelo skipped — no rewards-points-component on page and not on wellness-rewards dashboard');
            return;
          }
          this.loaded = true;
          this.scripts.forEach(injectScript);
        },
      },

      // ── Footer blocks ─────────────────────────────────────────────────

      // Wishlist King — collects JSON configs, module entry points, and CSS
      // from all three WK blocks (wkWishlistPage, wkThemeCode, wkAppSettings)
      wishlist_king: {
        nodes: [],
        load: function () {
          // TODO: sequence relative to wishlist UI needs
          // Note: WK CSS variables (--wk-color-*) are injected here — FOUC risk
          // if WK UI is rendered statically before interaction. Move <style>
          // nodes to immediate injection if needed.
          this.nodes.forEach(injectNode);
        },
      },

      // TurnTo ratings/reviews — PDP only
      // Blocked on all other page types via the Liquid template check below.
      turnto: {
        nodes: [],
        pdpOnly: "index",
        load: function () {
          if (!this.pdpOnly) return;
          // TODO: sequence relative to product data / SKU availability
          this.nodes.forEach(injectNode);
        },
      },

      // Specification & Compare — loads when .add-to-compare-button appears in DOM or when explicitly invoked
      spec_and_compare: {
        scripts: [],
        nodes: [],
        loaded: false,
        _observing: false,
        load: function (force) {
          if (this.loaded) return;
          if (!this.scripts.length && !this.nodes.length) return;
          var self = this;
          function doInject() {
            self.loaded = true;
            self.nodes.forEach(injectNode);
            self.nodes = [];
            self.scripts.forEach(injectScript);
            self.scripts = [];
            return true;
          }
          function tryLoad() {
            if (force || document.querySelector('.add-to-compare-button, sc-dynamic-compare, sc-compare-dialog, sc-floating-compare-bar, [data-btn-compare]')) {
              return doInject();
            }
            return false;
          }
          if (tryLoad()) {
            if (this._observer) {
              this._observer.disconnect();
              this._observer = null;
            }
            return;
          }
          if (!this._observing) {
            this._observing = true;
            var observer = new MutationObserver(function () {
              if (tryLoad()) {
                observer.disconnect();
                self._observer = null;
              }
            });
            this._observer = observer;
            observer.observe(document.body || document.documentElement, { childList: true, subtree: true });
          }
        },
      },

      // Shopify Forms — loads when a form mount point appears in DOM:
      // <shopify-forms-embed> (popup embeds) or [data-form-root] (inline form blocks)
      shopify_forms: {
        scripts: [],
        loaded: false,
        _observing: false,
        load: function () {
          if (this.loaded || !this.scripts.length) return;
          var self = this;
          function tryLoad() {
            if (!document.querySelector('shopify-forms-embed, [data-form-root="true"]')) return false;
            self.loaded = true;
            self.scripts.forEach(injectScript);
            return true;
          }
          if (!tryLoad() && !this._observing) {
            this._observing = true;
            var observer = new MutationObserver(function () { if (tryLoad()) observer.disconnect(); });
            observer.observe(document.body || document.documentElement, { childList: true, subtree: true });
          }
        },
      },

      // ── Catch-alls ────────────────────────────────────────────────────

      // Head noscript orphans not matched to a named gate and not Shopify analytics
      _unmatched: {
        scripts: [],
        load: function () {
          if (this.scripts.length) {
            console.warn(
              '[AppBlockGates] loading unmatched head scripts at page idle — move to a named gate:',
              this.scripts.map(function (s) {
                var src = s.getAttribute('src');
                return src || '(inline) ' + (s.textContent || '').slice(0, 80) + '…';
              })
            );
            this.scripts.forEach(injectScript);
          }
        },
      },

      // Footer noscript blocks not matched to a named gate
      _unmatched_footer: {
        nodes: [],
        load: function () {
          if (this.nodes.length) {
            console.warn(
              '[AppBlockGates] loading unmatched footer block nodes at page idle — review and move to named gates.',
              this.nodes.length + ' node(s)'
            );
            this.nodes.forEach(injectNode);
          }
        },
      },
    };

    // ── Helpers ───────────────────────────────────────────────────────────

    function isShopifyAnalytics(script) {
      var src = script.getAttribute('src') || '';
      if (src) return SHOPIFY_SRC_RE.test(src);
      var text = script.textContent || '';
      return SHOPIFY_INLINE_MARKERS.some(function (m) { return text.includes(m); });
    }

    function gateForSrc(src) {
      for (var pattern in SCRIPT_SRC_GATES) {
        if (src.includes(pattern)) return window.AppBlockGates[SCRIPT_SRC_GATES[pattern]];
      }
      return null;
    }

    function shouldInjectImmediately(script) {
      if (script.getAttribute('src')) return false;
      return INLINE_IMMEDIATE_RE.test(script.textContent || '');
    }

    function gateForApp(appUrl) {
      for (var prefix in GATE_BY_APP) {
        if (appUrl.startsWith(prefix)) return window.AppBlockGates[GATE_BY_APP[prefix]];
      }
      return window.AppBlockGates._unmatched;
    }

    // Creates a new <script> from a template node or a URL string.
    // Handles executable scripts, application/json data scripts, and type="module" entry points.
    function injectScript(template) {
      var s = document.createElement('script');
      if (typeof template === 'string') {
        s.src = template;
        document.head.appendChild(s);
        return;
      }
      for (var i = 0; i < template.attributes.length; i++) {
        var a = template.attributes[i];
        if (a.name !== 'src') s.setAttribute(a.name, a.value);
      }
      var src = template.getAttribute('src');
      if (src) {
        s.src = src;
      } else {
        s.textContent = template.textContent;
      }
      document.head.appendChild(s);
    }

    // Injects a generic node from a footer block.
    // Scripts go to <head>; styles go to <head>; all other elements go to <body>.
    function injectNode(node) {
      var tag = (node.tagName || '').toUpperCase();
      if (tag === 'SCRIPT') {
        injectScript(node);
        return;
      }
      if (tag === 'STYLE') {
        var style = document.createElement('style');
        style.textContent = node.textContent;
        document.head.appendChild(style);
        return;
      }
      // Divs, SVG containers, custom elements, etc.
      document.body.appendChild(document.importNode(node, true));
    }

    function identifyFooterBlock(blockEl) {
      var html = blockEl.innerHTML;
      for (var name in FOOTER_GATE_PATTERNS) {
        if (FOOTER_GATE_PATTERNS[name].test(html)) return name;
      }
      return '_unmatched_footer';
    }

    // ── Parse #app_blocks_head noscript ───────────────────────────────────
    // Runs synchronously — the head noscript is already in the DOM at this point
    // because this script is rendered immediately after it in theme.liquid.

    function parseHeadBlocks() {
      var el = document.getElementById('app_blocks_head');
      if (!el) return;

      var html = el.innerHTML;
      var ranges = [];

      var re =
        /<!--\s*BEGIN app block:\s*([\s\S]+?)\s*-->([\s\S]*?)<!--\s*END app block\s*-->/g;
      var m;
      while ((m = re.exec(html)) !== null) {
        ranges.push([m.index, m.index + m[0].length]);
        var gate = gateForApp(m[1].trim());
        new DOMParser()
          .parseFromString('<head>' + m[2] + '</head>', 'text/html')
          .head.querySelectorAll('script')
          .forEach(function (s) {
            if (shouldInjectImmediately(s)) { injectScript(s); return; }
            var src = s.getAttribute('src') || '';
            var resolved = (src && gateForSrc(src)) || gate;
            resolved.scripts.push(s);
          });
      }

      // Orphan scripts outside all app-block boundaries
      var orphan = html;
      for (var i = ranges.length - 1; i >= 0; i--) {
        orphan = orphan.slice(0, ranges[i][0]) + orphan.slice(ranges[i][1]);
      }
      new DOMParser()
        .parseFromString('<head>' + orphan + '</head>', 'text/html')
        .head.querySelectorAll('script')
        .forEach(function (s) {
          if (isShopifyAnalytics(s) || shouldInjectImmediately(s)) {
            injectScript(s);
            return;
          }
          var src = s.getAttribute('src') || '';
          var gate = (src && gateForSrc(src)) || window.AppBlockGates._unmatched;
          gate.scripts.push(s);
        });
    }

    // ── Parse #app_blocks_footer noscript ─────────────────────────────────
    // Called on DOMContentLoaded because the footer noscript is in <body> and
    // not yet in the DOM when this <head> script executes.

    function parseFooterBlocks() {
      var el = document.getElementById('app_blocks_footer');
      if (!el) return;

      var doc = new DOMParser().parseFromString(el.innerHTML, 'text/html');
      doc.querySelectorAll('.shopify-app-block').forEach(function (block) {
        var gateName = identifyFooterBlock(block);
        var gate = window.AppBlockGates[gateName];
        if (!gate || !gate.nodes) return;
        block.childNodes.forEach(function (node) {
          if (node.nodeType === 1) gate.nodes.push(node); // 1 = ELEMENT_NODE
        });
      });
    }

    // ── Boot ──────────────────────────────────────────────────────────────

    parseHeadBlocks();
    // Fire zinrelo immediately if the URL alone qualifies (dashboard case)
    // — the rewards-points-component check has to wait for DOMContentLoaded
    // because the element lives in <body>.
    window.AppBlockGates.zinrelo.load();
    document.addEventListener('DOMContentLoaded', function () {
      parseFooterBlocks();
      window.AppBlockGates.zinrelo.load();
      window.AppBlockGates.spec_and_compare.load();
      window.AppBlockGates.shopify_forms.load();
      (window.requestIdleCallback || window.setTimeout)(function () {
        window.AppBlockGates._unmatched.load();
        window.AppBlockGates._unmatched_footer.load();
      });
    });

    var controller = new AbortController();
    function flush() {
      controller.abort();
      for (var name in window.AppBlockGates) {
        window.AppBlockGates[name].load();
      }
    }
    if (window.__ucScanner) {
      // Usercentrics DPS scanner: fire every gate once the footer noscript has
      // been parsed (the DOMContentLoaded handler above runs first).
      document.addEventListener('DOMContentLoaded', flush);
    } else {
      ['mousedown', 'mousemove', 'scroll', 'touchstart', 'keydown'].forEach(function (type) {
        document.addEventListener(type, flush, { passive: true, signal: controller.signal });
      });
    }
  })();
</script>

  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 69381390474,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var d=void 0;try{d=decodeURIComponent(o)}catch(e){d=o}if("_shopify_s"===d){var a=n.slice(r+1).trim();try{return decodeURIComponent(a)}catch(e){return a}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function d(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(a,s,u,l){var c,p,f,v,h=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},y=(p=(c={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,f=c.legacy,(v=navigator.userAgent).match(e)?"bot":v.match(p)?"modern":v.match(f)?"legacy":v.match(t)?"bot":"unknown"),g=function(e){var t,i,n=r(e,128);try{var d=window.performance,a=null==(t=null==d?void 0:d.getEntriesByType)?void 0:t.call(d,"navigation")[0];if(!a)return{requestId:n,navigationType:o(d)};var s="type"in a?r(a.type,64):void 0,u="serverTiming"in a&&Array.isArray(a.serverTiming)?a.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(h.requestId),m=function(e){var t=e.version,r=e.browserTarget,o=e.surface,d=e.shopId,a=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(a){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:d,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(a,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(a,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}).catch(function(){})}catch(e){}else try{var P=new XMLHttpRequest;P.open("POST",a,!0),P.setRequestHeader("Content-Type","text/plain"),P.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:y,surface:a.surface,shopId:a.shopId,monorailEndpoint:a.monorailEndpoint});if(Boolean(null==(b=null==(w=window.Shopify)?void 0:w.analytics)?void 0:b.replayQueue))m.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var w,b;m.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var P=window.Shopify;P.analytics=P.analytics||{};var _=P.analytics;_.replayQueue=[],_.publish=function(e,t,i){return _.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var S,C="modern"===y?"modern":"legacy",k=(null!=l?l:{modern:"",legacy:""})[C],O=[(S={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",S.hashVersion,"modern"===S.buildTarget?"m":"l",".js"].join(""),T=!1,A=!1;try{h.browserTarget=y,function(){T=!0;try{window.addEventListener("pagehide",U)}catch(e){T=!1}}(),M(function(){try{M(B)}catch(e){R(e)}}),m.emit({status:"loading",requestId:g.requestId,navigationType:g.navigationType,trekkieState:d()})}catch(e){R(e)}}function I(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void x();if(!(null!==(n=i=t=window.webPixelsManager.init(a))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void x()}catch(e){return void x(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function x(e){E("manager_api_unavailable",void 0===e?void 0:D(e))}function B(){E("script_load_failed","".concat(O," has failed to load"))}function E(e,t){A||(A=!0,q(),m.emit({status:"failed",errorMsg:t,failureReason:e,requestId:g.requestId,navigationType:g.navigationType,trekkieState:d()}))}function U(e){T&&(q(),m.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:g.requestId,navigationType:g.navigationType,trekkieState:d()}))}function q(){T=!1;try{window.removeEventListener("pagehide",U)}catch(e){}}function M(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,d=e.sri,a=e.scriptDataAttributes,s=void 0===a?{}:a,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,d&&(u.integrity=d,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=s[p]}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:O,async:!0,onload:I,onerror:e,sri:(t=k,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?k:""),scriptDataAttributes:h})}function R(e){E("script_append_failed",D(e))}function D(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 69381390474,storefrontBaseUrl: "https://www.swansonvitamins.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.swansonvitamins.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["d5bdd5d0","873d0e44"],webPixelsConfigList: [{"id":"2643296394","configuration":"{\"shopDomain\":\"ehndwb-vu.myshopify.com\",\"accountId\":\"5358\",\"basisPixelVisit\":\"55a4a83fc1a5a100\",\"basisPixelCart\":\"31e481effcfd4910\",\"basisPixelCheckout\":\"cc03bddde04cc3a1\",\"analyticsApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/wp\",\"checkoutApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/cs\",\"cartApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/cc\",\"ardDataApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/ard\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8e379f4a1c4675f220238bcd0c75ff55","type":"APP","apiClientId":1821457,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2600665226","configuration":"{\"shop\":\"ehndwb-vu.myshopify.com\", \"shopliftUrl\":\"https:\/\/events.shoplift.ai\/api\/events\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7c8019ac869d59a8e99ce3b17433f212","type":"APP","apiClientId":7521861633,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2503770250","configuration":"{\"adAccountPixelId\":\"tvscientific-pix-o-5badd651-0f7c-42d7-9abd-0077dd110ff9\",\"isDevMode\":\"false\",\"pixelServiceOrigin\":\"https:\\\/\\\/tvspix.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"51c87d5ddb83009e192ddceb434dd68d","type":"APP","apiClientId":92361228289,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2427879562","configuration":"{\"redditPixelId\":\"t2_mmol7o37\",\"dataSharingType\":\"advanced\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"ef80035b4bf06fbbae4d7322a83033e2","type":"APP","apiClientId":304258285569,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2410479754","configuration":"{\"accountID\":\"ehndwb-vu.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"332c511ffb12ae40db0fa6949d100488","type":"APP","apiClientId":208094363649,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2318041226","configuration":"{\n                \"accountKey\":\"swanson-health\",\n                \"eventDomain\":\"se.e.swansonvitamins.com\",\n                \"connectUrl\": \"d.e.swansonvitamins.com\",\n                \"cookieDomain\": \"swansonvitamins.com\",\n                \"cookieLife\": \"365\"\n            }","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"42bec21780270885dfcb7887b15ad363","type":"APP","apiClientId":2905663,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2267119754","configuration":"{\"accountID\":\"1220658\",\"workspaceId\":\"cfbeb381-97c1-469a-8830-3f620f7640ab\",\"projectId\":\"4730cb4d-cdc5-4e45-88e9-012dd60f80e9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d98eb033f1e81320021a411362de3a55","type":"APP","apiClientId":5461967,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2068086922","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-1070957613\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/YB7rCPrU95scEK2I1v4D\\\",\\\"G-RCNQPQKC3E\\\",\\\"AW-1070957613\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/ttdfCMrw7_EbEK2I1v4D\\\",\\\"G-RCNQPQKC3E\\\",\\\"AW-1070957613\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-1LXCEMWQH2\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/W07rCM_v7_EbEK2I1v4D\\\",\\\"G-RCNQPQKC3E\\\",\\\"AW-1070957613\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-1LXCEMWQH2\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/odweCKfr7_EbEK2I1v4D\\\",\\\"AW-1070957613\\\/LsviCIea2gEQrYjW_gM\\\",\\\"G-RCNQPQKC3E\\\",\\\"AW-1070957613\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/LhIlCMzv7_EbEK2I1v4D\\\",\\\"G-RCNQPQKC3E\\\",\\\"AW-1070957613\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-1LXCEMWQH2\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/D_1GCM3w7_EbEK2I1v4D\\\",\\\"G-RCNQPQKC3E\\\",\\\"AW-1070957613\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/-qz_CMnv7_EbEK2I1v4D\\\",\\\"G-RCNQPQKC3E\\\",\\\"AW-1070957613\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-1LXCEMWQH2\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2050490506","configuration":"{\"serverPixelEndpoint\": \"https:\/\/shopify-app-react-cf.swansonvitamins.workers.dev\/api\/server-pixel\", \"amplitudeApiKey\": \"20b857873f1dc02d25b08e244cc6c934\", \"deviceIdAttribute\": \"amplitude_device_id\", \"trackIdentity\": \"false\", \"trackCheckout\": \"false\", \"trackAlerts\": \"false\", \"trackCustomEvents\": \"true\", \"trackSageEvents\": \"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0cf0e196832e5380a04451aa3d7e5656","type":"APP","apiClientId":257349615617,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1874690186","configuration":"{\"pixel_id\":\"383331525437993\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1509458058","configuration":"{\"campaignID\":\"20415\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/7d6b43d4cf8d8f1fc74d670a386a0962\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7a47b06116c806e4367c27d301f4f458","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"868057226","configuration":"{\"siteKey\":\"npE7gvJsqYWnwPLsite\",\"conversionEnabled\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a185a2fe7c225022100281af9c86107c","type":"APP","apiClientId":2865993,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"107479178","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"168","type":"CUSTOM","privacyPurposes":[],"name":"Amplitude Standard Events PROD"},{"id":"108429450","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"9","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Constructor Checkout Completed"},{"id":"132382858","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"9","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"Amazon Ads"},{"id":"133038218","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"7","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"Google Ads"},{"id":"133070986","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"11","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Criteo"},{"id":"133103754","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"10","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"Bing"},{"id":"133398666","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"FatMedia"},{"id":"134512778","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"5","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Floodlight"},{"id":"135364746","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Quad Graphics"},{"id":"136544394","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Upsellit"},{"id":"136773770","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"EngageX"},{"id":"145784970","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"10","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Medallia DXA"},{"id":"147947658","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"5","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Medallia Conversion"},{"id":"158597258","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"5","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"FloodLight Tag"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0520","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0520","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Swanson Vitamins","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"ehndwb-vu.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.swansonvitamins.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.swansonvitamins.com/cdn","80079e4cw22952a98p55856082md4f1b6b4",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"149992931466","themePublished":"true","eventMetadataId":"461dae47-90fb-4944-b733-ecd90c2ff911","pageType":"home","shopId":"69381390474","storefrontBaseUrl":"https:\/\/www.swansonvitamins.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"d5bdd5d0\", \"873d0e44\"]","isMerchantRequest":"false","hashVersion":"80079e4cw22952a98p55856082md4f1b6b4","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"cce55fe8-193a-4c54-8cf6-3e989b66cae0-1788709478"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 69381390474,
      theme_id: 149992931466,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//www.swansonvitamins.com/cdn/s/trekkie.storefront.ce2a643c30d67cd7b828f2dda8cfc17d1d88fbb5.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//www.swansonvitamins.com/cdn/s/trekkie.storefront.ce2a643c30d67cd7b828f2dda8cfc17d1d88fbb5.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.swansonvitamins.com/cdn/s/trekkie.storefront.ce2a643c30d67cd7b828f2dda8cfc17d1d88fbb5.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":69381390474,"isMerchantRequest":null,"themeId":149992931466,"themeCityHash":"940166850069129496","contentLanguage":"en","currency":"USD","eventMetadataId":"461dae47-90fb-4944-b733-ecd90c2ff911"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f43e7f5e","b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"cce55fe8-193a-4c54-8cf6-3e989b66cae0-1788709478","shopifyEmitted":true});

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//www.swansonvitamins.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://www.swansonvitamins.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.8.9.min.js"
  data-application="storefront-renderer"
  data-shop-id="69381390474"
  data-render-region="gcp-us-east1"
  data-page-type="index"
  data-theme-instance-id="149992931466"
  data-theme-name="Swanson Theme"
  data-theme-version="0.1.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://www.swansonvitamins.com/api/collect"
></script>
</head>

  <body class="page-width-normal card-hover-effect-none">
    <svg
  class="visually-hidden"
  style="width: 0; height: 0;"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 32 32"
  role="presentation"
>
  <defs>
    <linearGradient id="star-half" x1="0" x2="100%" y1="0" y2="0">
      <stop offset="50%" stop-color="var(--star-fill-color)"></stop>
      <stop offset="50%" stop-color="transparent"></stop>
    </linearGradient>

    <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 20" id="star">
      <path d="M10.9862 0.0136719L13.4527 7.60493L21.4346 7.60493L14.9771 12.2966L17.4437 19.8878L10.9862 15.1962L4.52866 19.8878L6.99521 12.2966L0.537702 7.60493L8.51962 7.60493L10.9862 0.0136719Z" fill="currentColor"/>
    </symbol>

    <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 20" id="star-empty">
      <path d="M12.4717 7.8877L12.6768 8.52051H18.5068L14.3291 11.5557L13.79 11.9473L13.9961 12.5791L15.5918 17.4912L11.4141 14.4551L10.876 14.0645L10.3379 14.4551L6.15918 17.4902L7.75586 12.5791L7.96094 11.9473L7.42285 11.5557L3.24512 8.52051H9.07422L9.28027 7.8877L10.875 2.97559L12.4717 7.8877Z" stroke="currentColor" stroke-width="1.83103"/>
    </symbol>

    <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 15" id="icon-caret">
      <g clip-path="url(#clip0_2612_6774)">
        <path
          d="M-0.000432968 4.88652C-0.000876427 4.80975 0.0138378 4.73365 0.0428667 4.66258C0.0718966 4.5915 0.11467 4.52686 0.168735 4.47235C0.222962 4.41768 0.287479 4.37428 0.358563 4.34467C0.429648 4.31505 0.505894 4.2998 0.5829 4.2998C0.659907 4.2998 0.736153 4.31505 0.807237 4.34467C0.878322 4.37428 0.942838 4.41768 0.997066 4.47235L5.7629 9.23819C6.09103 9.5659 6.53582 9.74998 6.99957 9.74998C7.46332 9.74998 7.90811 9.5659 8.23623 9.23819L13.0021 4.47235C13.1119 4.36251 13.2609 4.3008 13.4162 4.3008C13.5716 4.3008 13.7206 4.36251 13.8304 4.47235C13.9402 4.5822 14.002 4.73118 14.002 4.88652C14.002 5.04186 13.9402 5.19084 13.8304 5.30069L9.06457 10.0665C8.79363 10.3381 8.47178 10.5536 8.11743 10.7007C7.76308 10.8477 7.38321 10.9234 6.99957 10.9234C6.61592 10.9234 6.23605 10.8477 5.8817 10.7007C5.52736 10.5536 5.2055 10.3381 4.93457 10.0665L0.168735 5.30069C0.11467 5.24618 0.0718966 5.18154 0.0428667 5.11047C0.0138378 5.03939 -0.000876427 4.96329 -0.000432968 4.88652Z"
          fill="currentColor" />
      </g>
      <defs>
        <clipPath id="clip0_2612_6774">
          <rect width="14" height="14" fill="white" transform="matrix(0 1 -1 0 14 0.803711)" />
        </clipPath>
      </defs>
    </symbol>

    <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="icon-checkmark">
      <path
        d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658"
        stroke="currentColor"
        stroke-width="var(--icon-stroke-width)"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </symbol>

    <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="icon-heart">
      <path
        d="M13.6,2.6c-3.1.7-3.6,4.1-3.6,4.9,0-.8-.5-4.2-3.6-4.9C2.7,1.8.7,5.5,1,8.1s1.6,4.4,4.2,7.3,4.2,3,4.9,3,2,.1,4.9-3c2.4-2.6,3.9-4.7,4.2-7.3s-1.8-6.4-5.4-5.5Z"
        stroke="currentColor"
        stroke-width="1.7"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </symbol>

    <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" id="icon-plus">
      <path
        class="vertical"
        d="M2.75 7H11.25"
        stroke="currentColor"
        strokeWidth="var(--icon-stroke-width)"
        strokeLinecap="round"
      />
      <path
        class="horizontal"
        d="M7 2.75L7 11.25"
        stroke="currentColor"
        strokeWidth="var(--icon-stroke-width)"
        strokeLinecap="round"
      />
    </symbol>

    <symbol xmlns="http://www.w3.org/2000/svg" id="icon-plus-vertical" viewBox="0 0 14 14">
      <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
    </symbol>
    <symbol xmlns="http://www.w3.org/2000/svg" id="icon-plus-horizontal" viewBox="0 0 14 14">
      <path d="M7 2.75V11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
    </symbol>

    <symbol id="alert-info" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
      <rect x="1" y="1.5" width="18" height="18" rx="9" fill="#333333"/>
      <path d="M9.092 6.974V5.364H10.912V6.974H9.092ZM9.162 15.5V8.108H10.856V15.5H9.162Z" fill="white"/>
    </symbol>

    <symbol id="alert-success" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 1C8.21997 1 6.47991 1.52784 4.99987 2.51677C3.51983 3.50571 2.36628 4.91131 1.68509 6.55585C1.0039 8.20038 0.82567 10.01 1.17294 11.7558C1.5202 13.5016 2.37737 15.1053 3.63604 16.364C4.89471 17.6226 6.49836 18.4798 8.24419 18.8271C9.99002 19.1743 11.7996 18.9961 13.4442 18.3149C15.0887 17.6337 16.4943 16.4802 17.4832 15.0001C18.4722 13.5201 19 11.78 19 10C18.9975 7.61382 18.0485 5.3261 16.3612 3.63882C14.6739 1.95154 12.3862 1.00252 10 1ZM13.9513 8.41288L9.1052 13.259C9.0409 13.3234 8.96454 13.3745 8.8805 13.4093C8.79645 13.4441 8.70637 13.4621 8.61539 13.4621C8.52441 13.4621 8.43432 13.4441 8.35027 13.4093C8.26623 13.3745 8.18988 13.3234 8.12558 13.259L6.04866 11.1821C5.91875 11.0522 5.84577 10.876 5.84577 10.6923C5.84577 10.5086 5.91875 10.3324 6.04866 10.2025C6.17856 10.0726 6.35475 9.99961 6.53846 9.99961C6.72218 9.99961 6.89837 10.0726 7.02827 10.2025L8.61539 11.7905L12.9717 7.43327C13.0361 7.36895 13.1124 7.31792 13.1965 7.28311C13.2805 7.2483 13.3706 7.23038 13.4615 7.23038C13.5525 7.23038 13.6426 7.2483 13.7266 7.28311C13.8107 7.31792 13.887 7.36895 13.9513 7.43327C14.0157 7.49759 14.0667 7.57395 14.1015 7.65799C14.1363 7.74203 14.1542 7.83211 14.1542 7.92308C14.1542 8.01404 14.1363 8.10412 14.1015 8.18816C14.0667 8.2722 14.0157 8.34856 13.9513 8.41288Z" fill="#57A300"/>
    </symbol>

    <symbol id="alert-error" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
      <path d="M18.6879 5.76059L14.2277 1.3004C13.9673 1.04152 13.6153 0.895698 13.2481 0.894531H6.93942C6.57221 0.895698 6.22025 1.04152 5.95981 1.3004L1.49962 5.76059C1.24074 6.02103 1.09492 6.37299 1.09375 6.7402V13.0489C1.09492 13.4161 1.24074 13.768 1.49962 14.0285L5.95981 18.4887C6.22025 18.7475 6.57221 18.8934 6.93942 18.8945H13.2481C13.6153 18.8934 13.9673 18.7475 14.2277 18.4887L18.6879 14.0285C18.9468 13.768 19.0926 13.4161 19.0938 13.0489V6.7402C19.0926 6.37299 18.9468 6.02103 18.6879 5.76059ZM9.40144 5.74069C9.40144 5.55707 9.47438 5.38098 9.60421 5.25115C9.73405 5.12132 9.91014 5.04838 10.0938 5.04838C10.2774 5.04838 10.4535 5.12132 10.5833 5.25115C10.7131 5.38098 10.7861 5.55707 10.7861 5.74069V10.5868C10.7861 10.7705 10.7131 10.9465 10.5833 11.0764C10.4535 11.2062 10.2774 11.2791 10.0938 11.2791C9.91014 11.2791 9.73405 11.2062 9.60421 11.0764C9.47438 10.9465 9.40144 10.7705 9.40144 10.5868V5.74069ZM10.0938 14.7407C9.88836 14.7407 9.68759 14.6798 9.51681 14.5657C9.34604 14.4516 9.21294 14.2894 9.13434 14.0996C9.05574 13.9099 9.03517 13.7011 9.07524 13.4996C9.11531 13.2982 9.21422 13.1132 9.35945 12.9679C9.50468 12.8227 9.68971 12.7238 9.89116 12.6837C10.0926 12.6436 10.3014 12.6642 10.4912 12.7428C10.6809 12.8214 10.8431 12.9545 10.9572 13.1253C11.0713 13.2961 11.1322 13.4968 11.1322 13.7022C11.1322 13.9776 11.0228 14.2418 10.8281 14.4365C10.6333 14.6313 10.3692 14.7407 10.0938 14.7407Z" fill="#B93E09"/>
    </symbol>

    <symbol id="icon-search" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M9.37695 3.37305C11.0475 3.37314 12.4514 3.95621 13.6182 5.13086C14.7863 6.30676 15.3652 7.71344 15.3652 9.37891C15.3652 10.0474 15.2604 10.6836 15.0518 11.29C14.8436 11.8951 14.5304 12.4661 14.1084 13.0039L13.833 13.3545L14.1494 13.668L20.1631 19.6318L20.166 19.6338C20.2363 19.7027 20.2705 19.7795 20.2705 19.8965C20.2704 19.9844 20.2509 20.0513 20.21 20.1104L20.1621 20.167L20.1602 20.1689C20.0833 20.2466 20.0021 20.2812 19.8867 20.2812C19.772 20.2812 19.7016 20.2471 19.6377 20.1787L19.6318 20.1729L19.625 20.167L13.6367 14.1836L13.3105 13.8584L12.96 14.1562C12.5697 14.4875 12.1179 14.7578 11.6016 14.9658L11.376 15.0518C10.7695 15.2673 10.1165 15.377 9.41406 15.377C7.71323 15.377 6.29193 14.7921 5.11914 13.6182C3.9443 12.4419 3.36235 11.0369 3.3623 9.375C3.3623 7.71324 3.94477 6.30816 5.12109 5.13184C6.29674 3.95603 7.70599 3.37305 9.37695 3.37305ZM9.39062 4.07617C8.01061 4.07627 6.81093 4.53393 5.81543 5.44141L5.61816 5.62891C4.58695 6.65985 4.06543 7.9181 4.06543 9.375C4.06548 10.8318 4.5874 12.0892 5.61816 13.1201C6.65036 14.1525 7.91745 14.6728 9.39062 14.6729C10.8518 14.6729 12.1081 14.1515 13.1289 13.1182C14.1478 12.0868 14.6621 10.8299 14.6621 9.375C14.6621 7.9199 14.1476 6.66228 13.1279 5.63086C12.1067 4.59777 10.8508 4.07617 9.39062 4.07617Z"
        fill="currentColor" stroke="currentColor" />
    </symbol>

    <symbol id="icon-error-new" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
      <g clip-path="url(#clip0_2467_20181)">
        <path d="M11.2118 3.45577L8.53564 0.779652C8.37937 0.624326 8.1682 0.536833 7.94787 0.536133H4.16268C3.94235 0.536833 3.73117 0.624326 3.57491 0.779652L0.898793 3.45577C0.743467 3.61203 0.655973 3.82321 0.655273 4.04354V7.82873C0.655973 8.04906 0.743467 8.26023 0.898793 8.4165L3.57491 11.0926C3.73117 11.2479 3.94235 11.3354 4.16268 11.3361H7.94787C8.1682 11.3354 8.37937 11.2479 8.53564 11.0926L11.2118 8.4165C11.3671 8.26023 11.4546 8.04906 11.4553 7.82873V4.04354C11.4546 3.82321 11.3671 3.61203 11.2118 3.45577ZM5.63989 3.44383C5.63989 3.33366 5.68365 3.228 5.76155 3.1501C5.83945 3.0722 5.94511 3.02844 6.05527 3.02844C6.16544 3.02844 6.2711 3.0722 6.349 3.1501C6.42689 3.228 6.47066 3.33366 6.47066 3.44383V6.35152C6.47066 6.46168 6.42689 6.56734 6.349 6.64524C6.2711 6.72314 6.16544 6.7669 6.05527 6.7669C5.94511 6.7669 5.83945 6.72314 5.76155 6.64524C5.68365 6.56734 5.63989 6.46168 5.63989 6.35152V3.44383ZM6.05527 8.84383C5.93204 8.84383 5.81157 8.80728 5.70911 8.73882C5.60665 8.67035 5.52678 8.57304 5.47963 8.45919C5.43247 8.34534 5.42013 8.22006 5.44417 8.09919C5.46821 7.97833 5.52755 7.86731 5.61469 7.78017C5.70183 7.69303 5.81285 7.63369 5.93372 7.60964C6.05458 7.5856 6.17986 7.59794 6.29371 7.6451C6.40757 7.69226 6.50488 7.77212 6.57334 7.87459C6.64181 7.97705 6.67835 8.09752 6.67835 8.22075C6.67835 8.386 6.6127 8.54448 6.49586 8.66133C6.37901 8.77818 6.22052 8.84383 6.05527 8.84383Z" fill="#B93E09"/>
      </g>
      <defs>
        <clipPath id="clip0_2467_20181">
          <rect width="12" height="12" fill="white"/>
        </clipPath>
      </defs>
    </symbol>
  </defs>
</svg>


    <!-- External Links Handler -->
    <script>(window.__idleScripts=window.__idleScripts||[]).push("\/\/www.swansonvitamins.com\/cdn\/shop\/t\/578\/assets\/external-links.js?v=165788515094843682131779988249");</script>
    <!-- UserWay Dynamic Loader -->
    <script>(window.__idleScripts=window.__idleScripts||[]).push("\/\/www.swansonvitamins.com\/cdn\/shop\/t\/578\/assets\/userway-loader.js?v=157362062358741580411779988248");</script>
    <script>(window.__idleScripts=window.__idleScripts||[]).push("\/\/www.swansonvitamins.com\/cdn\/shop\/t\/578\/assets\/store-redirects.js?v=8383653152514367341766440499");</script>
    <script>(window.__idleScripts=window.__idleScripts||[]).push("\/\/www.swansonvitamins.com\/cdn\/shop\/t\/578\/assets\/shadowroot-observer.js?v=109263308185329162131779988249");</script>
    <a
  class="skip-to-content-link button-secondary"
  href="#MainMenu"
>
  Skip to main menu
</a>

    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Skip to content
</a>

    <a
  class="skip-to-content-link button-secondary"
  href="#MainFooter"
>
  Skip to footer
</a>

    <a
  class="skip-to-content-link button-secondary"
  href="/pages/landing-pages_accessibility"
>
  Skip to accessibility statement
</a>

    <div id="header-group">
      <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--20023019012234__header_announcements_kcHY6p" class="shopify-section shopify-section-group-header-group">



<div class="section-background color-scheme-7"></div>
<aside
  class="announcement-bar color-scheme-7"
  style="--border-bottom-width: 0px;"
>
  

  <div class="announcement-bar__container">
    <announcement-bar-component
      class="announcement-bar__slider spacing-style"
      style="--padding-block-start: 8px; --padding-block-end:8px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:10px; --padding-block-end-mobile:10px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;
"
      
    >
      

      <div class="announcement-bar__slides">
        


<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--AaFJ0ZDBJVTRQc2J4Z__announcement_e97Eem
      text-block--align-left
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 1rem;--font-size-mobile: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: left;
      --line-height: 1;
    "
    
    aria-hidden="false"
    
  >


    

      <p class="announcement-bar__text" >
        Ask Sage to find the right product for you. | Need help? <a href="/pages/contact" title="Contact">Contact Us</a>
      </p>

    
  </slideshow-slide>



      </div>
    </announcement-bar-component>

    
      <div class="announcement-bar__phone spacing-style" style="--padding-block-start: 8px; --padding-block-end:8px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:10px; --padding-block-end-mobile:10px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;
">
        <a
          href="tel:1-800-824-4491"
          class="announcement-bar__phone-link"
          aria-label="Call us at 1-800-824-4491"
        >
          
            <span class="announcement-bar__phone-icon">
              
<svg
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      aria-hidden="true"
      focusable="false"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M19.881 21.1495C20.2384 21.1495 20.5391 21.0287 20.7833 20.787C21.0275 20.5453 21.1495 20.2433 21.1495 19.881V16.47C21.1495 16.1618 21.0532 15.8914 20.8605 15.6588C20.668 15.4261 20.4149 15.2665 20.101 15.18L17.2458 14.5478C16.9903 14.4986 16.738 14.5113 16.4888 14.5858C16.2398 14.6604 16.016 14.8034 15.8175 15.0148L13.4125 17.4825C12.7024 17.1065 12.0205 16.6669 11.367 16.1638C10.7137 15.6608 10.0866 15.0986 9.48579 14.4773C8.91845 13.9264 8.40012 13.3463 7.93079 12.737C7.46145 12.1275 7.01804 11.4721 6.60054 10.7708L9.11879 8.28726C9.29179 8.12626 9.40412 7.93293 9.45578 7.70726C9.50745 7.48176 9.51204 7.22543 9.46954 6.93826L8.79628 3.89301C8.71762 3.57918 8.57604 3.32601 8.37154 3.13351C8.16704 2.94085 7.9142 2.84451 7.61304 2.84451H4.11304C3.75287 2.84451 3.45145 2.96651 3.20879 3.21051C2.96595 3.45435 2.84454 3.75718 2.84454 4.11901C2.84454 6.07268 3.3162 8.06351 4.25954 10.0915C5.20287 12.1197 6.53987 13.999 8.27054 15.7295C10.001 17.4602 11.8794 18.7962 13.9055 19.7375C15.9315 20.6788 17.9234 21.1495 19.881 21.1495ZM5.74304 9.22826C5.33404 8.24776 5.03254 7.3811 4.83854 6.62826C4.6447 5.87543 4.54979 5.18393 4.55379 4.55376H7.19904L7.76204 7.22001L5.74304 9.22826ZM14.9858 18.3333L16.955 16.27L19.4403 16.7833V19.4343C18.7023 19.3969 17.9412 19.2811 17.157 19.0868C16.373 18.8926 15.6493 18.6414 14.9858 18.3333Z" fill="currentColor"/>
    </svg>
            </span>
          
          <span class="announcement-bar__phone-text">1-800-824-4491</span>
        </a>
      </div>
    
  </div>
</aside>




</div><header id="shopify-section-sections--20023019012234__header_section" class="shopify-section shopify-section-group-header-group header-section">




  <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "Organization",
        "@id": "https://www.swansonvitamins.com/#org",
        "name": "Swanson Health Products",
        "legalName": "Swanson Health Products, Inc.",
        "url": "https:\/\/www.swansonvitamins.com",
        "logo": "https:\/\/www.swansonvitamins.com\/cdn\/shop\/files\/SVG-Swanson-Vitamins-horiz-2c-blk-logo-ada_1.svg?v=1777495067\u0026width=500",
        "foundingDate": "1969",
        "founder": "Leland Swanson, Sr.",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "4075 40th Ave SW",
          "addressLocality": "Fargo",
          "addressRegion": "ND",
          "postalCode": "58104",
          "addressCountry": "US"
        },
        "contactPoint": [
          {
            "@type": "ContactPoint",
            "telephone": "+1-800-824-4491",
            "contactType": "customer service",
            "areaServed": "US"
          }
        ],
        "sameAs": ["https://www.facebook.com/swansonhealth","https://twitter.com/swansonvitamins","https://www.instagram.com/swansonhealth/","https://www.youtube.com/user/SwansonVitamins","https://www.trustpilot.com/review/www.swansonvitamins.com"
        ],
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.3",
          "bestRating": "5.0",
          "ratingCount": "37346",
          "reviewCount": "37346",
          "url": "https://www.trustpilot.com/review/www.swansonvitamins.com"
        }
      }
    ]
  }
  </script>



<header-component
  id="header-component"
  class="header header--collapse-row-paddings"
  
  
    sticky="scroll-up"
  
  data-skip-node-update
  data-scroll-direction="none"
>
  
    

    

    
    
      <div
        class="header__row header__row--top color-scheme-8bb385b8-9709-4e53-9c92-84676330dc98 mobile:color-scheme-4 section section--full-width-margin section--container"
        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 1px;">
        <div class="header__columns spacing-style" ref="headerColumns">
          <div
      class="desktop--wrapper header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
          
              


<div class="flex items-start overflow-hidden max-w-[var(--page-max-width)] mx-auto w-full" >
  

<div
  class="header__drawer header__drawer--canonical"
  ref="headerDrawerContainer"
  
>
  <header-drawer
    id="menu-drawer"
    class="header-drawer header__drawer"
  >
    <details
      id="header-menu-toggle-mobile"
      class="menu-drawer-container"
      ref="details"
      scroll-lock
    >
      <summary
        class="header__icon header__icon--menu header__icon--summary focus-inset touch-manipulation select-none desktop:hidden"
        style="
          --font-size: 1rem;
          --padding-block-start: 12px;
          --padding-block-end: 8px;
          --padding-inline-start: 0px;
          --padding-inline-end: 0px;
          --icon-size: 24px;
          --icon-margin: 8px;
        "
        on:click="/toggle"
      >
        <span class="sr-only">Menu</span>
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Menu">
  <path d="M3.70234 18.2212C3.46184 18.2212 3.25975 18.139 3.09609 17.9745C2.93242 17.81 2.85059 17.6049 2.85059 17.3592C2.85059 17.1176 2.93242 16.9159 3.09609 16.7542C3.25975 16.5927 3.46184 16.512 3.70234 16.512H20.2978C20.5383 16.512 20.7414 16.5942 20.9071 16.7587C21.0728 16.9232 21.1556 17.1263 21.1556 17.368C21.1556 17.6137 21.0728 17.8172 20.9071 17.9787C20.7414 18.1404 20.5383 18.2212 20.2978 18.2212H3.70234ZM3.70234 12.8517C3.46184 12.8517 3.25975 12.7694 3.09609 12.6047C2.93242 12.4402 2.85059 12.2372 2.85059 11.9955C2.85059 11.754 2.93242 11.5524 3.09609 11.3907C3.25975 11.2291 3.46184 11.1482 3.70234 11.1482H20.2978C20.5383 11.1482 20.7414 11.2306 20.9071 11.3952C21.0728 11.5597 21.1556 11.7628 21.1556 12.0045C21.1556 12.246 21.0728 12.4476 20.9071 12.6092C20.7414 12.7709 20.5383 12.8517 20.2978 12.8517H3.70234ZM3.70234 7.488C3.46184 7.488 3.25975 7.40575 3.09609 7.24125C2.93242 7.07675 2.85059 6.87166 2.85059 6.626C2.85059 6.38433 2.93242 6.18275 3.09609 6.02125C3.25975 5.85958 3.46184 5.77875 3.70234 5.77875H20.2978C20.5383 5.77875 20.7414 5.861 20.9071 6.0255C21.0728 6.19 21.1556 6.39308 21.1556 6.63475C21.1556 6.88041 21.0728 7.08408 20.9071 7.24575C20.7414 7.40725 20.5383 7.488 20.2978 7.488H3.70234Z"/>
</svg>
</span>
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Close">
  <path
    d="M17.5996 5.92499C17.7639 5.92499 17.8659 5.97349 17.9463 6.05389C18.0265 6.1342 18.0751 6.23569 18.0752 6.3996C18.0752 6.5638 18.0266 6.66589 17.9463 6.74628L12.6924 12.0002L13.0459 12.3537L17.9463 17.2531C18.0267 17.3335 18.0752 17.4356 18.0752 17.5998C18.0752 17.7641 18.0267 17.8661 17.9463 17.9465C17.8659 18.0269 17.7639 18.0754 17.5996 18.0754C17.4355 18.0753 17.3333 18.0268 17.2529 17.9465L12.3535 13.0461L12 12.6926L6.74609 17.9465C6.66571 18.0268 6.56362 18.0754 6.39941 18.0754C6.23551 18.0753 6.13402 18.0267 6.05371 17.9465C5.97331 17.8661 5.9248 17.7641 5.9248 17.5998C5.92484 17.4356 5.97334 17.3335 6.05371 17.2531L11.3066 12.0002L10.9531 11.6467L6.05371 6.74628C5.97331 6.66587 5.9248 6.56387 5.9248 6.3996C5.92488 6.23556 5.97337 6.13423 6.05371 6.05389C6.13405 5.97356 6.23537 5.92506 6.39941 5.92499C6.56368 5.92499 6.66569 5.97349 6.74609 6.05389L11.6465 10.9533L12 11.3068L17.2529 6.05389C17.3333 5.97352 17.4355 5.92503 17.5996 5.92499Z"
    fill="currentColor" stroke="currentColor" />
</svg>
</span>
        <span class="ml-1 xl:ml-2 2xl:ml-1 mobile:hidden">
          Shop
        </span>
      </summary><div
        data-header-drawer
        class="
          menu-drawer
          motion-reduce
          color-scheme-6f2a914a-293d-434e-b830-6d86b78906b0
        "
        data-menu-category="main_nav"
      >
        <accordions-controller open-by-default-on-desktop>
          <div class="menu-drawer__inner">
            <nav
              class="menu-drawer__navigation"
              aria-label="Menu"
              style="--menu-top-level-font-family: var(--font-heading--family);
--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:none;
--menu-top-level-font-size: var(--menu-font-md--size);
--menu-top-level-font-line-height: var(--menu-font-md--line-height);
--menu-top-level-font-color: var(--color-foreground);

--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
    --menu-parent-active-font-color: rgba(from var(--color-foreground) r g b / var(--opacity-subdued-text));
  
--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:
var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
    --menu-child-font-color: rgba(from var(--color-foreground) r g b / var(--opacity-subdued-text));
    --menu-child-active-font-color: var(--color-foreground);
  

                --menu-item-padding-block-start: 12px;
                --menu-item-padding-block-end: 12px;
                --menu-item-padding-inline-start: 20px;
                --menu-item-padding-inline-end: 20px;
                --menu-item-icon-size: 18px;
                --menu-item-icon-margin: 10px;
              "
            >
              

<ul
  class="menu-drawer__menu menu-drawer__menu-top-level has-submenu"
  role="list"
  style="--menu-image-border-radius: px;"
  aria-label="Main Menu"
>
    
    
    <li
      class="menu-drawer__list-item"
    ><details
          id="Details-menu-drawer-menu-item-1-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
          class="menu-drawer__menu-container"
        >
          <summary
            id="HeaderDrawer-l1-vitamins-and-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
            class="menu-drawer__menu-item menu-drawer__menu-item--mainlist focus-inset"
            on:click="accordions-controller/open"
          >
            <span class="menu-drawer__menu-item-text">Vitamins and Supplements</span>
            <span class="svg-wrapper icon-caret icon-caret--forward" aria-hidden="true">
              <svg><use xlink:href="#icon-caret"></use></svg>
            </span>
          </summary>
          <div
            id="link-vitamins-and-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
            class="menu-drawer__submenu has-submenu gradient motion-reduce"
            tabindex="-1"
          >
            <div class="menu-drawer__inner-submenu">
              <div class="menu-drawer__nav-buttons">
                <button
                  class="menu-drawer__back-button focus-inset"
                  aria-expanded="true"
                  on:click="accordions-controller/back"
                  aria-label="Back"
                >
                  <span class="svg-wrapper icon-caret icon-caret--backward" aria-hidden="true">
                    <svg><use xlink:href="#icon-caret"></use></svg>
                  </span>
                  <span class="menu-drawer__menu-item-text">Main Menu</span>
                </button>
              </div>
              <div class="menu-drawer__heading">
                <a
                  id="HeaderDrawer-l2-vitamins-and-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                  href="/collections/vitamins-and-supplements-8"
                  class="menu-drawer__menu-item menu-drawer__menu-item--heading focus-inset"
                  
                >
                  

                  <span class="menu-drawer__menu-item-text">
                    Shop All Vitamins and Supplements
                  </span>
                </a>
              </div>
<ul
  class="menu-drawer__menu menu-drawer__menu--childlist"
  data-submenu="vitamins-and-supplements"
  role="list"
  tabindex="-1"
  aria-label="Expand Vitamins and Supplements"
></ul>

              
            </div>
          </div>
        </details></li>
    
    
    <li
      class="menu-drawer__list-item"
    ><details
          id="Details-menu-drawer-menu-item-2-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
          class="menu-drawer__menu-container"
        >
          <summary
            id="HeaderDrawer-l1-herbs-and-natural-remedies-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
            class="menu-drawer__menu-item menu-drawer__menu-item--mainlist focus-inset"
            on:click="accordions-controller/open"
          >
            <span class="menu-drawer__menu-item-text">Herbs and Natural Remedies</span>
            <span class="svg-wrapper icon-caret icon-caret--forward" aria-hidden="true">
              <svg><use xlink:href="#icon-caret"></use></svg>
            </span>
          </summary>
          <div
            id="link-herbs-and-natural-remedies-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
            class="menu-drawer__submenu has-submenu gradient motion-reduce"
            tabindex="-1"
          >
            <div class="menu-drawer__inner-submenu">
              <div class="menu-drawer__nav-buttons">
                <button
                  class="menu-drawer__back-button focus-inset"
                  aria-expanded="true"
                  on:click="accordions-controller/back"
                  aria-label="Back"
                >
                  <span class="svg-wrapper icon-caret icon-caret--backward" aria-hidden="true">
                    <svg><use xlink:href="#icon-caret"></use></svg>
                  </span>
                  <span class="menu-drawer__menu-item-text">Main Menu</span>
                </button>
              </div>
              <div class="menu-drawer__heading">
                <a
                  id="HeaderDrawer-l2-herbs-and-natural-remedies-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                  href="/collections/herbs-4"
                  class="menu-drawer__menu-item menu-drawer__menu-item--heading focus-inset"
                  
                >
                  

                  <span class="menu-drawer__menu-item-text">
                    Shop All Herbs and Natural Remedies
                  </span>
                </a>
              </div>
<ul
  class="menu-drawer__menu menu-drawer__menu--childlist"
  data-submenu="herbs-and-natural-remedies"
  role="list"
  tabindex="-1"
  aria-label="Expand Herbs and Natural Remedies"
></ul>

              
            </div>
          </div>
        </details></li>
    
    
    <li
      class="menu-drawer__list-item"
    ><details
          id="Details-menu-drawer-menu-item-3-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
          class="menu-drawer__menu-container"
        >
          <summary
            id="HeaderDrawer-l1-protein-and-fitness-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
            class="menu-drawer__menu-item menu-drawer__menu-item--mainlist focus-inset"
            on:click="accordions-controller/open"
          >
            <span class="menu-drawer__menu-item-text">Protein and Fitness</span>
            <span class="svg-wrapper icon-caret icon-caret--forward" aria-hidden="true">
              <svg><use xlink:href="#icon-caret"></use></svg>
            </span>
          </summary>
          <div
            id="link-protein-and-fitness-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
            class="menu-drawer__submenu has-submenu gradient motion-reduce"
            tabindex="-1"
          >
            <div class="menu-drawer__inner-submenu">
              <div class="menu-drawer__nav-buttons">
                <button
                  class="menu-drawer__back-button focus-inset"
                  aria-expanded="true"
                  on:click="accordions-controller/back"
                  aria-label="Back"
                >
                  <span class="svg-wrapper icon-caret icon-caret--backward" aria-hidden="true">
                    <svg><use xlink:href="#icon-caret"></use></svg>
                  </span>
                  <span class="menu-drawer__menu-item-text">Main Menu</span>
                </button>
              </div>
              <div class="menu-drawer__heading">
                <a
                  id="HeaderDrawer-l2-protein-and-fitness-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                  href="/collections/protein-and-fitness-7"
                  class="menu-drawer__menu-item menu-drawer__menu-item--heading focus-inset"
                  
                >
                  

                  <span class="menu-drawer__menu-item-text">
                    Shop All Protein and Fitness
                  </span>
                </a>
              </div>
<ul
  class="menu-drawer__menu menu-drawer__menu--childlist"
  data-submenu="protein-and-fitness"
  role="list"
  tabindex="-1"
  aria-label="Expand Protein and Fitness"
></ul>

              
            </div>
          </div>
        </details></li>
    
    
    <li
      class="menu-drawer__list-item"
    ><details
          id="Details-menu-drawer-menu-item-4-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
          class="menu-drawer__menu-container"
        >
          <summary
            id="HeaderDrawer-l1-health-food-and-pantry-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
            class="menu-drawer__menu-item menu-drawer__menu-item--mainlist focus-inset"
            on:click="accordions-controller/open"
          >
            <span class="menu-drawer__menu-item-text">Health Food and Pantry</span>
            <span class="svg-wrapper icon-caret icon-caret--forward" aria-hidden="true">
              <svg><use xlink:href="#icon-caret"></use></svg>
            </span>
          </summary>
          <div
            id="link-health-food-and-pantry-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
            class="menu-drawer__submenu has-submenu gradient motion-reduce"
            tabindex="-1"
          >
            <div class="menu-drawer__inner-submenu">
              <div class="menu-drawer__nav-buttons">
                <button
                  class="menu-drawer__back-button focus-inset"
                  aria-expanded="true"
                  on:click="accordions-controller/back"
                  aria-label="Back"
                >
                  <span class="svg-wrapper icon-caret icon-caret--backward" aria-hidden="true">
                    <svg><use xlink:href="#icon-caret"></use></svg>
                  </span>
                  <span class="menu-drawer__menu-item-text">Main Menu</span>
                </button>
              </div>
              <div class="menu-drawer__heading">
                <a
                  id="HeaderDrawer-l2-health-food-and-pantry-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                  href="/collections/health-food-and-grocery-3"
                  class="menu-drawer__menu-item menu-drawer__menu-item--heading focus-inset"
                  
                >
                  

                  <span class="menu-drawer__menu-item-text">
                    Shop All Health Food and Pantry
                  </span>
                </a>
              </div>
<ul
  class="menu-drawer__menu menu-drawer__menu--childlist"
  data-submenu="health-food-and-pantry"
  role="list"
  tabindex="-1"
  aria-label="Expand Health Food and Pantry"
></ul>

              
            </div>
          </div>
        </details></li>
    
    
    <li
      class="menu-drawer__list-item"
    ><details
          id="Details-menu-drawer-menu-item-5-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
          class="menu-drawer__menu-container"
        >
          <summary
            id="HeaderDrawer-l1-beauty-and-personal-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
            class="menu-drawer__menu-item menu-drawer__menu-item--mainlist focus-inset"
            on:click="accordions-controller/open"
          >
            <span class="menu-drawer__menu-item-text">Beauty and Personal Care</span>
            <span class="svg-wrapper icon-caret icon-caret--forward" aria-hidden="true">
              <svg><use xlink:href="#icon-caret"></use></svg>
            </span>
          </summary>
          <div
            id="link-beauty-and-personal-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
            class="menu-drawer__submenu has-submenu gradient motion-reduce"
            tabindex="-1"
          >
            <div class="menu-drawer__inner-submenu">
              <div class="menu-drawer__nav-buttons">
                <button
                  class="menu-drawer__back-button focus-inset"
                  aria-expanded="true"
                  on:click="accordions-controller/back"
                  aria-label="Back"
                >
                  <span class="svg-wrapper icon-caret icon-caret--backward" aria-hidden="true">
                    <svg><use xlink:href="#icon-caret"></use></svg>
                  </span>
                  <span class="menu-drawer__menu-item-text">Main Menu</span>
                </button>
              </div>
              <div class="menu-drawer__heading">
                <a
                  id="HeaderDrawer-l2-beauty-and-personal-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                  href="/collections/beauty-and-personal-care-1"
                  class="menu-drawer__menu-item menu-drawer__menu-item--heading focus-inset"
                  
                >
                  

                  <span class="menu-drawer__menu-item-text">
                    Shop All Beauty and Personal Care
                  </span>
                </a>
              </div>
<ul
  class="menu-drawer__menu menu-drawer__menu--childlist"
  data-submenu="beauty-and-personal-care"
  role="list"
  tabindex="-1"
  aria-label="Expand Beauty and Personal Care"
></ul>

              
            </div>
          </div>
        </details></li>
    
    
    <li
      class="menu-drawer__list-item"
    ><details
          id="Details-menu-drawer-menu-item-6-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
          class="menu-drawer__menu-container"
        >
          <summary
            id="HeaderDrawer-l1-shop-by-health-concern-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
            class="menu-drawer__menu-item menu-drawer__menu-item--mainlist focus-inset"
            on:click="accordions-controller/open"
          >
            <span class="menu-drawer__menu-item-text">Shop by Health Concern</span>
            <span class="svg-wrapper icon-caret icon-caret--forward" aria-hidden="true">
              <svg><use xlink:href="#icon-caret"></use></svg>
            </span>
          </summary>
          <div
            id="link-shop-by-health-concern-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
            class="menu-drawer__submenu has-submenu gradient motion-reduce"
            tabindex="-1"
          >
            <div class="menu-drawer__inner-submenu">
              <div class="menu-drawer__nav-buttons">
                <button
                  class="menu-drawer__back-button focus-inset"
                  aria-expanded="true"
                  on:click="accordions-controller/back"
                  aria-label="Back"
                >
                  <span class="svg-wrapper icon-caret icon-caret--backward" aria-hidden="true">
                    <svg><use xlink:href="#icon-caret"></use></svg>
                  </span>
                  <span class="menu-drawer__menu-item-text">Main Menu</span>
                </button>
              </div>
              <div class="menu-drawer__heading">
                <a
                  id="HeaderDrawer-l2-shop-by-health-concern-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                  href="/collections/health-concerns-2"
                  class="menu-drawer__menu-item menu-drawer__menu-item--heading focus-inset"
                  
                >
                  

                  <span class="menu-drawer__menu-item-text">
                    Shop All Health Concern
                  </span>
                </a>
              </div>
<ul
  class="menu-drawer__menu menu-drawer__menu--childlist"
  data-submenu="shop-by-health-concern"
  role="list"
  tabindex="-1"
  aria-label="Expand Health Concern"
></ul>

              
            </div>
          </div>
        </details></li>
    
    
    <li
      class="menu-drawer__list-item"
    ><a
          id="HeaderDrawer-l1-mediumshop-all-products-medium-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
          href="/collections/all"
          class="menu-drawer__menu-item menu-drawer__menu-item--mainlist focus-inset"
          
        >
          <span class="menu-drawer__menu-item-text"><span class="font-medium">Shop All Products</span></span>
        </a></li></ul>







<div
  class="divider divider-AejFpMDVVTDlWTDFCU__divider_8jVgLd spacing-style "
  style="
    --divider-justify-content: center;
    
    --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  "
  

>
  <span
    class="divider__line"
    style="
      --divider-border-thickness: 0.5px;
      
        --divider-border-rounded: 0;
      
      --divider-flex-basis: 100%;
    "
  ></span>
</div>







<ul
  class="menu-drawer__menu menu-drawer__menu-top-level has-submenu"
  role="list"
  style="--menu-image-border-radius: px;"
  aria-label="Main Menu"
>
    
    
    <li
      class="menu-drawer__list-item"
    ><details
          id="Details-menu-drawer-menu-item-1-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
          class="menu-drawer__menu-container"
        >
          <summary
            id="HeaderDrawer-l1-shop-by-brand-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
            class="menu-drawer__menu-item menu-drawer__menu-item--mainlist focus-inset"
            on:click="accordions-controller/open"
          >
            <span class="menu-drawer__menu-item-text">Shop by Brand</span>
            <span class="svg-wrapper icon-caret icon-caret--forward" aria-hidden="true">
              <svg><use xlink:href="#icon-caret"></use></svg>
            </span>
          </summary>
          <div
            id="link-shop-by-brand-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
            class="menu-drawer__submenu has-submenu gradient motion-reduce"
            tabindex="-1"
          >
            <div class="menu-drawer__inner-submenu">
              <div class="menu-drawer__nav-buttons">
                <button
                  class="menu-drawer__back-button focus-inset"
                  aria-expanded="true"
                  on:click="accordions-controller/back"
                  aria-label="Back"
                >
                  <span class="svg-wrapper icon-caret icon-caret--backward" aria-hidden="true">
                    <svg><use xlink:href="#icon-caret"></use></svg>
                  </span>
                  <span class="menu-drawer__menu-item-text">Main Menu</span>
                </button>
              </div>
              <div class="menu-drawer__heading">
                <a
                  id="HeaderDrawer-l2-shop-by-brand-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                  href="/pages/brands"
                  class="menu-drawer__menu-item menu-drawer__menu-item--heading focus-inset"
                  
                >
                  

                  <span class="menu-drawer__menu-item-text">
                    Shop All Brand
                  </span>
                </a>
              </div>
<ul
  class="menu-drawer__menu menu-drawer__menu--childlist"
  data-submenu="shop-by-brand"
  role="list"
  tabindex="-1"
  aria-label="Expand Brand"
></ul>

              
            </div>
          </div>
        </details></li></ul>







<div
  class="divider divider-AVGo1VlJqUy9ENjdUY__divider_kmpxQ6 spacing-style "
  style="
    --divider-justify-content: center;
    
    --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  "
  

>
  <span
    class="divider__line"
    style="
      --divider-border-thickness: 0.5px;
      
        --divider-border-rounded: 0;
      
      --divider-flex-basis: 100%;
    "
  ></span>
</div>





<ul
  class="menu-list__list list-unstyled"
  role="menu"
>
  
  




  <li
    role="presentation"
    class="menu-list__list-item"
    style="--menu-title-font-weight: 400;"
  >
    <a
      role="menuitem"
      href="/account/login"
      
      class="menu-list__link focus-inset"
      
    >
      
        <span class="menu-list__icon">
          <img src="//www.swansonvitamins.com/cdn/shop/files/account.svg?v=1753728456&amp;width=64" alt="Account" width="64" height="64" class="menu-list__icon-image">
        </span>
      
      <span class="menu-list__link-title">Log in</span>
    </a>
  </li>









  <li
    role="presentation"
    class="menu-list__list-item"
    style="--menu-title-font-weight: 400;"
  >
    <a
      role="menuitem"
      href="https://www.swansonvitamins.com/blogs/articles/tagged/guides-getting-started"
      
      class="menu-list__link focus-inset"
      
    >
      
        <span class="menu-list__icon">
          <img src="//www.swansonvitamins.com/cdn/shop/files/Website-Getting-Started-Icons_Guides-Getting-Started-1.svg?v=1777987373&amp;width=64" width="64" height="64" class="menu-list__icon-image">
        </span>
      
      <span class="menu-list__link-title">Getting Started Guides</span>
    </a>
  </li>









  <li
    role="presentation"
    class="menu-list__list-item"
    style="--menu-title-font-weight: 400;"
  >
    <a
      role="menuitem"
      href="/pages/help-desk"
      
      class="menu-list__link focus-inset"
      
    >
      
        <span class="menu-list__icon">
          <img src="//www.swansonvitamins.com/cdn/shop/files/help.svg?v=1753728509&amp;width=64" alt="Help" width="64" height="64" class="menu-list__icon-image">
        </span>
      
      <span class="menu-list__link-title">Help</span>
    </a>
  </li>









  <li
    role="presentation"
    class="menu-list__list-item"
    style="--menu-title-font-weight: 400;"
  >
    <a
      role="menuitem"
      href="/pages/landing-pages_rewards"
      
      class="menu-list__link focus-inset"
      
    >
      
        <span class="menu-list__icon">
          <img src="//www.swansonvitamins.com/cdn/shop/files/rewards.svg?v=1753728459&amp;width=64" alt="Rewards" width="64" height="64" class="menu-list__icon-image">
        </span>
      
      <span class="menu-list__link-title">Wellness Rewards</span>
    </a>
  </li>









  <li
    role="presentation"
    class="menu-list__list-item"
    style="--menu-title-font-weight: 400;"
  >
    <a
      role="menuitem"
      href="/pages/landing-pages_subscription"
      
      class="menu-list__link focus-inset"
      
    >
      
        <span class="menu-list__icon">
          <img src="//www.swansonvitamins.com/cdn/shop/files/SHP_Subscription_Icon_d604818b-6157-41ba-92b1-78483c8e8464.svg?v=1767361572&amp;width=64" width="64" height="64" class="menu-list__icon-image">
        </span>
      
      <span class="menu-list__link-title">Subscription</span>
    </a>
  </li>









  <li
    role="presentation"
    class="menu-list__list-item"
    style="--menu-title-font-weight: 400;"
  >
    <a
      role="menuitem"
      href="/blogs/articles"
      
      class="menu-list__link focus-inset"
      
    >
      
        <span class="menu-list__icon">
          <img src="//www.swansonvitamins.com/cdn/shop/files/Icon_MW_Blog.png?v=1767020384&amp;width=64" width="64" height="64" class="menu-list__icon-image">
        </span>
      
      <span class="menu-list__link-title">Blog</span>
    </a>
  </li>





</ul>



            </nav>
            <div
              class="menu-drawer__utility-links"
            >
              
              </div>
          </div>
        </accordions-controller>
      </div>
      <div
        class="menu-drawer__backdrop"
        on:click="header-drawer/close"
      ></div></details>
  </header-drawer>
</div>

<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/header-drawer.js?v=93114303634324786831782324628"
  type="module"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/accordions-controller.js?v=47742365579635686071766440498"
  type="module"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/menu-drawer-lazy.js?v=45406787251706185211782324629"
  type="module"
></script>





</div>



            
        
      
        
          
              




  
  <a
    
    href="/"
    class="size-style spacing-style header-logo"
    style="
      --size-style-width: ;--size-style-height: ;--size-style-height-mobile: ;
      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 38px));--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --font-family: var(--font-body--family);
      --font-style: var(--font-body--style);
      --font-weight: 600;
    "
    
  >
    

    <span
      class="header-logo__image-container -ml-0.5"
      data-testid="header-logo"
      style="--header-logo-image-width: 305px; --header-logo-image-height: 66px; --header-logo-image-width-mobile: 120px; --header-logo-image-height-mobile: 26px;"
    >
      
        <picture>
          
            
              
              <source
                media="(max-width: 767px)"
                srcset="//www.swansonvitamins.com/cdn/shop/files/SVG-Swanson-Vitamins-horiz-2c-cream-logo-ada.svg?v=1777495067&width=750"
              >
            
          

          
            
              
              <source
                media="(min-width: 768px)"
                srcset="//www.swansonvitamins.com/cdn/shop/files/SVG-Swanson-Vitamins-horiz-2c-blk-logo-ada_1.svg?v=1777495067&width=750"
              >
            
          

          
          
          
            

            
<img src="//www.swansonvitamins.com/cdn/shop/files/SVG-Swanson-Vitamins-horiz-2c-blk-logo-ada_1.svg?v=1777495067&amp;width=750" alt="Swanson Vitamins" loading="eager" class="header-logo__image">
          
        </picture>
      
    </span>
  </a>







            
        
      
    </div><div
      class="desktop--wrapper header__column header__column--center"
      data-testid="header-top-center"
    >
      
        
          
              
  
    <!-- Original toggle-based search -->
    <div class="search-wrapper mobile:hidden">
      <div class="search-action">
        
<script type="module">
  // Defer the Constructor autocomplete bundle (~10KB gz + chunks) until the user
  // first interacts with a search input. It is only needed once search is used.
  (function () {
    if (window.__cioAutocompleteDeferred) return;
    window.__cioAutocompleteDeferred = true;
    const URL = '//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-constructor-autocomplete-BzJtiNz2.js';
    let loaded = false;
    const load = () => {
      if (loaded) return;
      loaded = true;
      remove();
      import(/* @vite-ignore */ URL);
    };
    const inSearch = (e) =>
      e.target instanceof Element ? e.target.closest('predictive-search-component') : null;
    const onEvent = (e) => {
      if (inSearch(e)) load();
    };
    const remove = () => {
      document.removeEventListener('pointerover', onEvent);
      document.removeEventListener('focusin', onEvent);
      document.removeEventListener('touchstart', onEvent);
    };
    document.addEventListener('pointerover', onEvent, { passive: true });
    document.addEventListener('focusin', onEvent);
    document.addEventListener('touchstart', onEvent, { passive: true });
  })();
</script>

<predictive-search-component
  class="predictive-search"
  style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
  data-section-id="predictive-search"
  data-id="cmdk-input-results-list"
  data-search-position=""
  data-testid="search-component--modal"
  data-active-color-scheme="scheme-1"
  data-enable-blog-search="true"
  role="search"
  aria-label="Search"
>
  <form
    action="/search"
    method="get"
    role="search"
    class="predictive-search-form"
    ref="form"
    on:keydown="/onSearchKeyDown"
    data-cnstrc-search-form
    data-testid="cio-form"
  >
    <div
      class="predictive-search-form__header"
    >
      <div class="predictive-search-form__header-inner">
        <label
          for="cmdk-input"
          class="sr-only"
        >
          Search
        </label>
        <input
          class="search-input"
          id="cmdk-input"
          type="search"
          name="q"
          role="combobox"
          aria-expanded="false"
          
          aria-controls="cmdk-input-results-list"
          
          aria-autocomplete="list"
          autocomplete="off"
          inputmode="search"
          placeholder="Search products"
          ref="searchInput"
          on:input="/search"
          on:keydown="/onSearchKeyDown"
          on:focus="/expandSearch"
          data-cnstrc-search-input
          data-testid="cio-input"
        >
        <input
          name="options[prefix]"
          type="hidden"
          value="last"
        >
          <input
          name="type"
          type="hidden"
          value="article,page"
        >
        <button
          type="button"
          class="button-unstyled predictive-search__submit-button"
          aria-label="Search"
          ref="submitButton"
          on:click="/submitSearch"
          data-testid="cio-submit-btn"
        >
          <span class="svg-wrapper predictive-search__submit-button-icon" ref="searchIcon">
            <svg width="24" height="24">
              <use xlink:href="#icon-search" />
            </svg>
          </span>
          <span class="predictive-search__submit-button-text">Submit</span>
        </button>
        <button
          type="button"
          class="button-unstyled predictive-search__reset-button"
          aria-label="Reset search"
          ref="resetButton"
          hidden
          on:click="/resetSearch"
          data-testid="cio-clear-btn"
        >
          <span class="svg-wrapper predictive-search__reset-button-icon">
            <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.6733 18.5278L9.3613 8.21579C9.07654 7.93104 8.61486 7.93104 8.3301 8.21579C8.04535 8.50055 8.04535 8.96223 8.3301 9.24699L18.6421 19.559C18.9268 19.8437 19.3885 19.8437 19.6733 19.559C19.958 19.2742 19.958 18.8125 19.6733 18.5278Z" fill="#2B2B2B"/>
<path d="M9.35993 19.559L19.6719 9.24704C19.9567 8.96229 19.9567 8.5006 19.6719 8.21585C19.3871 7.93109 18.9255 7.93109 18.6407 8.21585L8.32873 18.5278C8.04397 18.8126 8.04397 19.2743 8.32873 19.559C8.61349 19.8438 9.07517 19.8438 9.35993 19.559Z" fill="#2B2B2B"/>
</svg>

          </span>
          <span class="predictive-search__reset-button-text">Clear</span>
        </button>
        <button
          type="button"
          class="button-unstyled predictive-search__close-search-button"
          aria-label="Close dialog"
          ref="closeSearchButton"
          hidden
          on:click="/closeAndResetSearch"
          data-testid="cio-close-search-btn"
        >
          <span class="svg-wrapper predictive-search__close-search-button-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Close">
  <path
    d="M17.5996 5.92499C17.7639 5.92499 17.8659 5.97349 17.9463 6.05389C18.0265 6.1342 18.0751 6.23569 18.0752 6.3996C18.0752 6.5638 18.0266 6.66589 17.9463 6.74628L12.6924 12.0002L13.0459 12.3537L17.9463 17.2531C18.0267 17.3335 18.0752 17.4356 18.0752 17.5998C18.0752 17.7641 18.0267 17.8661 17.9463 17.9465C17.8659 18.0269 17.7639 18.0754 17.5996 18.0754C17.4355 18.0753 17.3333 18.0268 17.2529 17.9465L12.3535 13.0461L12 12.6926L6.74609 17.9465C6.66571 18.0268 6.56362 18.0754 6.39941 18.0754C6.23551 18.0753 6.13402 18.0267 6.05371 17.9465C5.97331 17.8661 5.9248 17.7641 5.9248 17.5998C5.92484 17.4356 5.97334 17.3335 6.05371 17.2531L11.3066 12.0002L10.9531 11.6467L6.05371 6.74628C5.97331 6.66587 5.9248 6.56387 5.9248 6.3996C5.92488 6.23556 5.97337 6.13423 6.05371 6.05389C6.13405 5.97356 6.23537 5.92506 6.39941 5.92499C6.56368 5.92499 6.66569 5.97349 6.74609 6.05389L11.6465 10.9533L12 11.3068L17.2529 6.05389C17.3333 5.97352 17.4355 5.92503 17.5996 5.92499Z"
    fill="currentColor" stroke="currentColor" />
</svg>

          </span>
          <span class="predictive-search__close-search-button-text">Close</span>
        </button>
      </div>
    </div>

    <div class="predictive-search-form__content-wrapper">
      <button
        type="button"
        class="button predictive-search__close-modal-button"
        aria-label="Close dialog"
        on:click="/collapseSearch"
        ref="closeModalButton"
        tabindex="0"
      >
        <span class="svg-wrapper">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Close">
  <path
    d="M17.5996 5.92499C17.7639 5.92499 17.8659 5.97349 17.9463 6.05389C18.0265 6.1342 18.0751 6.23569 18.0752 6.3996C18.0752 6.5638 18.0266 6.66589 17.9463 6.74628L12.6924 12.0002L13.0459 12.3537L17.9463 17.2531C18.0267 17.3335 18.0752 17.4356 18.0752 17.5998C18.0752 17.7641 18.0267 17.8661 17.9463 17.9465C17.8659 18.0269 17.7639 18.0754 17.5996 18.0754C17.4355 18.0753 17.3333 18.0268 17.2529 17.9465L12.3535 13.0461L12 12.6926L6.74609 17.9465C6.66571 18.0268 6.56362 18.0754 6.39941 18.0754C6.23551 18.0753 6.13402 18.0267 6.05371 17.9465C5.97331 17.8661 5.9248 17.7641 5.9248 17.5998C5.92484 17.4356 5.97334 17.3335 6.05371 17.2531L11.3066 12.0002L10.9531 11.6467L6.05371 6.74628C5.97331 6.66587 5.9248 6.56387 5.9248 6.3996C5.92488 6.23556 5.97337 6.13423 6.05371 6.05389C6.13405 5.97356 6.23537 5.92506 6.39941 5.92499C6.56368 5.92499 6.66569 5.97349 6.74609 6.05389L11.6465 10.9533L12 11.3068L17.2529 6.05389C17.3333 5.97352 17.4355 5.92503 17.5996 5.92499Z"
    fill="currentColor" stroke="currentColor" />
</svg>

        </span>
      </button>
      <div
        class="predictive-search-form__content"
        tabindex="-1"
        ref="predictiveSearchResults"
        on:click="/handleModalClick"
      >
        <div
          id="cmdk-input-results-list"
          class="predictive-search-dropdown"
          aria-expanded="true"
          style="--color-shadow: rgb(from var(--color-foreground) r g b / );"
          >
            <div class="predictive-search-results__inner" ref="predictiveSearchResultsInner" data-cnstrc-autosuggest data-testid="cio-results">
            </div>
          </div>
      </div>

      <div class="predictive-search-form__footer">
        <button
          class="button button-primary predictive-search__search-button"
          ref="viewAllButton"
        >
          View all
        </button>
      </div>
    </div>
  </form>
</predictive-search-component>



        <button class="search-close" type="button" aria-label="Close search">
          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M15 5L5 15M5 5L15 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
          </svg>
        </button>
      </div>
    </div>
  






            
        
      
    </div><div
      class="desktop--wrapper header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              
            
        
      
        
          
              <script
  type="module"
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/cart-icon.js?v=112947171230200232671766440498"
></script>

<header-actions
  class="pr-4.5 md:pr-0">
  <style>
    
    wishlist-link-block .wk-button {
      width: 2.4rem;
      height: 2.75rem;
    }
    
      wishlist-link-block {
        display: none;
      }
    
    @media screen and (width <= 400px) {
      wishlist-link-block .wk-button {
        display: none;
      }
    }
  </style>


  
  <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-sage-chat-CA3X2Znc.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-_virtual_sage-react-with-use-DzTYFVQE.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-preload-helper-LbnMvX6Z.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-useBaseProductCard-oj07zA-b.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-BaseProductCard-CZCMBRCO.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-SlideshowSlide-CzRZPXgt.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-IconSprite-AVPc2Htl.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-client-XVMVF0Ze.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-compat.module-BTXuq6JP.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-jsx-runtime-baxlmEwe.js" crossorigin="anonymous">


<style>
  /* The theme's `.header-actions__action` is a fixed square icon button
     (width/height = --minimum-touch-target, flex-direction: column). Sage is a
     pill, so override width + direction here. The id selector outranks the
     class, so no !important needed — but every overridden property must be set
     explicitly. */
  #sage-header-btn {
    display: inline-flex;
    flex-direction: row;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    height: 40px;
    padding: 0 16px;
    border: 0;
    border-radius: 24px;
    cursor: pointer;
    color: #ffffff;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    /* Watercolor orange texture (ORANGE rebrand, center-bottom / cover per the
       mock) with a flat deep-orange gradient as a fallback layer beneath if
       the asset ever fails to load. Keep in sync with SAGE_HEADER_FALLBACK in
       frontend/components/sageTheme.ts. */
    background-color: #B93E09;
    background-image:
      url('//www.swansonvitamins.com/cdn/shop/t/578/assets/sage-watercolor-header.jpg?v=5335775800039187901788187969'),
      linear-gradient(110deg, #F27136 0%, #B93E09 60%, #B93E09 100%);
    background-size: cover, cover;
    background-position: center bottom, center;
    background-repeat: no-repeat, no-repeat;
    transition: filter 150ms ease, transform 150ms ease;
  }
  #sage-header-btn:hover { filter: brightness(1.05); }
  #sage-header-btn:active { transform: translateY(1px); }
  #sage-header-btn:focus-visible { outline: 2px solid #B93E09; outline-offset: 2px; }
  /* Override `.header-actions__action svg { width: --icon-size-lg }`.
     Sparkle renders at ~23×21 (native 52:46 aspect) per the mock. */
  #sage-header-btn svg { flex: 0 0 auto; width: 23px; height: 21px; }
  #sage-header-btn span { font-size: 16px; }

  /* Mobile: the pill is relocated (by the IIFE below) into the
     #header-mobile-search row as a SIBLING of the search container — then we
     flex the row itself (overriding its grid) so the search container keeps its
     own full-width layout and just shares the row with the fixed-width pill
     (Figma node 52:1406). Flexing the row, not the search container, avoids
     fighting the theme's nested section grid. */
  @media screen and (max-width: 767px) {
    #header-mobile-search:has(> #sage-header-btn) {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    #header-mobile-search:has(> #sage-header-btn) > .header__mobile-search-container {
      flex: 1 1 auto;
      min-width: 0;
    }
    #header-mobile-search:has(> #sage-header-btn) > #sage-header-btn {
      flex: 0 0 auto;
    }

    /* Sticky/compact header: the search row is relocated into the header grid's
       CENTER column (see sections/header.liquid `grid-area: center` rules), so
       the full "Ask Sage" pill (~129px) starves the search input and pushes the
       cart/account icons off-screen (QA bugs 11–14). Collapse the pill to the
       sparkle icon only — same trigger selectors as the row-relocation rules. */
    header-component[data-sticky-state] #sage-header-btn span,
    html[page-scrolled][scroll-lock] #sage-header-btn span {
      display: none;
    }
    header-component[data-sticky-state] #sage-header-btn,
    html[page-scrolled][scroll-lock] #sage-header-btn {
      width: 40px;
      padding: 0;
      gap: 0;
    }
  }

  /* Very narrow phones (<360px): even in the non-sticky mobile search row the
     full pill leaves the search input unusably short. Same collapse as the
     sticky/compact rules above, but unconditional at this width. */
  @media screen and (max-width: 359px) {
    #sage-header-btn span {
      display: none;
    }
    #sage-header-btn {
      width: 40px;
      padding: 0;
      gap: 0;
    }
  }

  /* Narrow tablet (768–869px): the header grid still uses the desktop layout,
     but there isn't room for the full "Ask Sage" pill (~129px) alongside the
     search input and the cart/account icons. Collapse to the sparkle icon only,
     same treatment as the mobile sticky/compact header above. The button keeps
     its aria-label, so hiding the visible span costs nothing for AT. */
  @media screen and (min-width: 768px) and (max-width: 869px) {
    #sage-header-btn span {
      display: none;
    }
    #sage-header-btn {
      width: 40px;
      padding: 0;
      gap: 0;
    }
  }
</style>

<button
  id="sage-header-btn"
  type="button"
  class="header-actions__action"
  data-sage-btn
  hidden
  aria-label="Open Sage shopping assistant"
><span>Ask Sage</span>
  <svg width="23" height="21" viewBox="0 0 52 46" fill="currentColor" role="img" aria-label="Sage">
    <path d="M20.3225 8.63002L22.9225 15.73C24.1225 19.01 26.7025 21.59 29.9825 22.79L37.0825 25.39C38.3125 25.84 38.3125 27.58 37.0825 28.03L29.9825 30.63C26.7025 31.83 24.1225 34.41 22.9225 37.69L20.3225 44.79C19.8725 46.02 18.1325 46.02 17.6825 44.79L15.0825 37.69C13.8825 34.41 11.3025 31.83 8.0225 30.63L0.9225 28.03C-0.3075 27.58 -0.3075 25.84 0.9225 25.39L8.0225 22.79C11.3025 21.59 13.8825 19.01 15.0825 15.73L17.6825 8.63002C18.1325 7.40002 19.8725 7.40002 20.3225 8.63002Z"/>
    <path d="M33.5624 0C33.5624 0 37.0824 7.53 29.4124 11C29.4124 11 25.9224 3.45 33.5624 0Z"/>
    <path d="M34.7825 16.13C34.7825 16.13 44.9625 22.04 51.4025 10.98C51.4025 10.98 40.5625 5.14996 34.7825 16.13Z"/>
  </svg>
</button>

<script>
  (function () {
    var BUCKET_KEY = 'sage_bucket_id';
    var FLAG_URL  = '/apps/shp/sage/flag';
    
      // Anon visitors get a persistent UUID stored in localStorage (Pitfall 13).
      // D-06 maps this to the `device:<uuid>` DO partition.
      var bucket;
      try {
        bucket = window.localStorage.getItem(BUCKET_KEY);
        if (!bucket) {
          bucket = (window.crypto && window.crypto.randomUUID)
            ? window.crypto.randomUUID()
            : ('dev-' + Date.now() + '-' + Math.random().toString(16).slice(2));
          window.localStorage.setItem(BUCKET_KEY, bucket);
        }
      } catch (e) {
        bucket = 'dev-' + Date.now();
      }
    

    window.__SAGE_BUCKET_ID__ = bucket;window.__SAGE_CONSENT__ = {"version":"2026-08-25","title":"Before you chat with Sage","body":"Sage is an AI shopping assistant. It can help you find products, compare options and answer questions about our catalog, shipping and returns.\n\nSage is not a healthcare provider. Its answers are for general wellness information only and are not medical advice, diagnosis or treatment. Talk to your doctor or pharmacist before starting a supplement, especially if you are pregnant, nursing, taking medication or managing a health condition.\n\nAI answers can be incomplete or wrong. Check the product label and page before you buy, and ask for a human if you need one.\n\nPlease don't share sensitive personal information in the chat. We store your conversation and may review it to improve Sage and to support your requests, as described in our Privacy Policy.\n\nBy continuing, you agree to these terms and to our Terms of Service and Privacy Policy.","acceptLabel":"I agree — continue","declineLabel":"Not now","links":[{"label":"Terms of Service","url":"\/policies\/terms-of-service"},{"label":"Privacy Policy","url":"\/policies\/privacy-policy"}]};// Watercolor orange header texture URL (ORANGE rebrand), resolved by
    // Shopify to a CDN asset path. The React flyout reads this to paint the
    // same texture on the panel header — see sageGradientBackground() in
    // components/sageTheme.ts.
    window.__SAGE_GRADIENT_URL__ = "\/\/www.swansonvitamins.com\/cdn\/shop\/t\/578\/assets\/sage-watercolor-header.jpg?v=5335775800039187901788187969";

    // Store contact fallback for the live-support hand-off pill. When Sage
    // escalates but the inContact live-chat widget isn't available (it only
    // loads on desktop — see snippets/ring-chat.liquid), SageLiveChatPill keeps
    // the panel open and surfaces these instead of closing into a dead end.
    window.__SAGE_SUPPORT__ = {
      phone: "800-824-4491",
      email: "customercare@swansonsupport.com"
    };window.__SAGE_PAGE_CONTEXT__ = {
        url: window.location.href,
        pageType: 'other'
      };window.__SAGE_CART__ = {
      count: 0,
      items: [],
      totalCents: 0,
      currency: "USD",
      truncated: false
    };

    var btn = document.getElementById('sage-header-btn');
    if (!btn) return;

    var sageMobileMq = window.matchMedia('(max-width: 767px)');
    // Desktop slot anchors. Re-captured by ensureSageButton() on every (re)init
    // so they keep pointing at LIVE nodes after a header section morph (which
    // re-renders — and on mobile replaces — the button node).
    var sageOriginalParent = btn.parentNode;
    var sageOriginalNext = btn.nextSibling;

    // Click is DELEGATED on `document`, not bound to the button node. An
    // add-to-cart morphs the header section (the cart drawer re-renders its
    // section, which IS the header group), re-rendering the button from server
    // HTML — on mobile the relocated node is even removed and replaced. A
    // node-bound listener would be lost; a single delegated handler survives any
    // number of re-renders.
    //
    // Contract (unchanged):
    //   • First click — `__SAGE_OPEN__` not yet registered → call `__SAGE_MOUNT__`;
    //     the Chat tree mounts already-open, so we must NOT also toggle it.
    //   • Later clicks — Chat has registered `__SAGE_OPEN__`; call it to re-open.
    //
    // openSage() is the SINGLE open path — shared by the delegated pill click
    // below and the navigation auto-reopen (autoReopenSage), so the two never
    // drift.
    function openSage() {
      try {
        if (typeof window.__SAGE_OPEN__ === 'function') {
          window.__SAGE_OPEN__();
        } else if (typeof window.__SAGE_MOUNT__ === 'function') {
          window.__SAGE_MOUNT__(window.__SAGE_BUCKET_ID__);
        } else {
          console.error('[sage] mount function not registered on window');
        }
      } catch (err) {
        console.error('[sage] mount failed', err);
      }
    }

    function wireSageClickOnce() {
      if (window.__SAGE_CLICK_WIRED__) return;
      window.__SAGE_CLICK_WIRED__ = true;
      document.addEventListener('click', function (e) {
        var target = e.target;
        var hit = target && target.closest ? target.closest('#sage-header-btn') : null;
        if (!hit) return;
        openSage();
      });
    }

    // Chat persistence across full page navigations: Chat.tsx keeps
    // sessionStorage['sage:panelOpen'] = '1' while the panel is open and clears
    // it on an EXPLICIT close (close button / Escape / live-chat hand-off).
    // When the shopper lands here with the flag set, remount + reopen through
    // the same openSage() path the pill click uses. Called only from the
    // variant === 'enabled' branch below, so the Flagship gate still applies.
    // The sage-chat entry is a deferred module script that may not have
    // registered __SAGE_MOUNT__ yet when the flag fetch resolves — poll
    // briefly (up to ~3s) instead of racing it.
    function autoReopenSage(attempt) {
      var wantsOpen = false;
      try {
        wantsOpen = window.sessionStorage.getItem('sage:panelOpen') === '1';
      } catch (err) {
        // Storage blocked — treat as closed.
      }
      if (!wantsOpen) return;
      if (
        typeof window.__SAGE_OPEN__ === 'function' ||
        typeof window.__SAGE_MOUNT__ === 'function'
      ) {
        openSage();
        return;
      }
      if (attempt < 20) {
        setTimeout(function () { autoReopenSage(attempt + 1); }, 150);
      }
    }

    // On mobile, the Ask Sage pill belongs in the #header-mobile-search row
    // beside the search field (Figma node 52:1406) — NOT in the icon-actions
    // row, where the theme's fixed-size `.header-actions__action` collapses it
    // into a clipped circle. Always re-query the live node (a morph may have
    // replaced it).
    function placeSageButton() {
      var b = document.getElementById('sage-header-btn');
      if (!b) return;
      var searchRow = document.getElementById('header-mobile-search');
      if (sageMobileMq.matches && searchRow) {
        if (b.parentNode !== searchRow) searchRow.appendChild(b);
      } else if (sageOriginalParent && b.parentNode !== sageOriginalParent) {
        // Back to desktop: reinsert at the original (leftmost) actions slot.
        if (sageOriginalNext && sageOriginalNext.parentNode === sageOriginalParent) {
          sageOriginalParent.insertBefore(b, sageOriginalNext);
        } else {
          sageOriginalParent.insertBefore(b, sageOriginalParent.firstChild);
        }
      }
    }

    // Restore the button after a section morph. The header re-render on
    // add-to-cart drops the client-applied state: the server re-renders the
    // button `hidden` and back in its desktop slot, and the inline <script>
    // above does NOT re-run on morphed HTML. Re-show + re-anchor the desktop
    // slot from the freshly rendered node + re-place for mobile. Idempotent.
    function ensureSageButton() {
      if (!window.__SAGE_ENABLED__) return;
      var b = document.getElementById('sage-header-btn');
      if (!b) return;
      if (b.hidden) b.hidden = false;
      // Snapshot the desktop slot whenever the button sits in its server-rendered
      // position (i.e. not already relocated into the mobile search row) so the
      // reinsert anchor + resize logic reference live post-morph nodes.
      var searchRow = document.getElementById('header-mobile-search');
      if (b.parentNode && b.parentNode !== searchRow) {
        sageOriginalParent = b.parentNode;
        sageOriginalNext = b.nextSibling;
      }
      placeSageButton();
    }

    function watchSageButton() {
      if (window.__SAGE_WATCH_WIRED__) return;
      window.__SAGE_WATCH_WIRED__ = true;
      // `theme:section:morph` fires after every section-renderer morph — the
      // header re-rendering after add-to-cart included. Re-apply button state.
      document.addEventListener('theme:section:morph', ensureSageButton);
      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', placeSageButton);
      }
      if (sageMobileMq.addEventListener) {
        sageMobileMq.addEventListener('change', placeSageButton);
      } else if (sageMobileMq.addListener) {
        sageMobileMq.addListener(placeSageButton);
      }
    }

    // Single round-trip flag eval — RESEARCH Open Question 2 resolution.
    fetch(FLAG_URL + '?bucket=' + encodeURIComponent(bucket), {
      credentials: 'include'
    })
      .then(function (r) { return r.ok ? r.json() : { variant: 'control' }; })
      .then(function (j) {
        if (j && j.variant === 'holdout') {
          window.__SAGE_HOLDOUT__ = true;
        }
        // Scroll-behavior gate (default OFF): the chat panel anchors at the
        // shopper's message instead of following the stream — see
        // SageChatPanel's scroll effect. Set regardless of variant.
        window.__SAGE_AUTO_SCROLL__ = !!(j && j.autoScroll === true);
        if (j && j.variant === 'enabled') {
          window.__SAGE_ENABLED__ = true;
          wireSageClickOnce();
          ensureSageButton();
          watchSageButton();
          // Re-open the chat if the shopper navigated here with it open.
          autoReopenSage(0);
        }
        // variant === 'control' or 'holdout': button stays hidden.
      })
      .catch(function () {
        // Network error → leave button hidden. The next page load re-checks.
      });
  })();
</script>

  
  <script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/sidebar.js?v=113916004540791017971779988249"
  type="module"
  fetchpriority="low"
></script>
<script type="module">
  const feedbackForm = document.querySelector('feedback-form');

  feedbackForm?.addEventListener('click', async function () {
    if (customElements.get('feedback-form')) return;

    const script = document.createElement('script');
    script.type = 'module';
    script.src = "//www.swansonvitamins.com/cdn/shop/t/578/assets/feedback-form.js?v=51216973770095354051779988249";
    document.head.appendChild(script);

    await customElements.whenDefined('feedback-form');
    feedbackForm.querySelector('[ref="feedbackButton"]')?.click();
  }, { once: true });
</script>

<sidebar-component
  id="help-drawer"
  class="help-drawer"
  
>
  <button
    class="header-actions__action button-unstyled overflow-visible relative"
    on:click="/toggleSidebar"
    aria-label="Open help"
  >
    <span
  class="header-actions__cart-icon flex flex-col items-center md:justify-between justify-center h-full"
  
>
  <span
    class="svg-wrapper md:w-6 md:h-6 md:[&>svg]:w-6 md:[&>svg]:h-6 w-4 h-4"
    aria-hidden="true"
  >
    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g clip-path="url(#clip0_2231_15101)">
    <path
      d="M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C23.9966 8.81846 22.7312 5.76821 20.4815 3.51852C18.2318 1.26883 15.1815 0.00344108 12 0ZM12 22C10.0222 22 8.08879 21.4135 6.4443 20.3147C4.79981 19.2159 3.51809 17.6541 2.76121 15.8268C2.00433 13.9996 1.8063 11.9889 2.19215 10.0491C2.578 8.10929 3.53041 6.32746 4.92894 4.92893C6.32746 3.53041 8.10929 2.578 10.0491 2.19215C11.9889 1.8063 13.9996 2.00433 15.8268 2.7612C17.6541 3.51808 19.2159 4.79981 20.3147 6.4443C21.4135 8.08879 22 10.0222 22 12C21.9971 14.6513 20.9426 17.1931 19.0679 19.0679C17.1931 20.9426 14.6513 21.9971 12 22Z"
      fill="currentColor" />
    <path
      d="M12.717 5.06299C12.1403 4.95792 11.5476 4.98087 10.9808 5.13023C10.414 5.27958 9.88691 5.55169 9.43689 5.92729C8.98688 6.30289 8.62491 6.77281 8.37661 7.30378C8.12831 7.83476 7.99974 8.41382 8 8.99999C8 9.2652 8.10536 9.51956 8.29289 9.70709C8.48043 9.89463 8.73478 9.99999 9 9.99999C9.26522 9.99999 9.51957 9.89463 9.70711 9.70709C9.89464 9.51956 10 9.2652 10 8.99999C9.99975 8.70576 10.0644 8.41511 10.1894 8.14874C10.3144 7.88238 10.4966 7.64687 10.723 7.45901C10.9495 7.27116 11.2146 7.13557 11.4994 7.06193C11.7843 6.98829 12.0819 6.97841 12.371 7.03299C12.766 7.10967 13.1293 7.30237 13.4142 7.58647C13.6992 7.87058 13.8931 8.23319 13.971 8.62799C14.0497 9.04239 13.9954 9.47106 13.8158 9.85272C13.6362 10.2344 13.3405 10.5495 12.971 10.753C12.3592 11.1075 11.8536 11.6195 11.5069 12.2358C11.1603 12.8521 10.9852 13.55 11 14.257V15C11 15.2652 11.1054 15.5196 11.2929 15.7071C11.4804 15.8946 11.7348 16 12 16C12.2652 16 12.5196 15.8946 12.7071 15.7071C12.8946 15.5196 13 15.2652 13 15V14.257C12.9875 13.909 13.0668 13.5638 13.2301 13.2563C13.3933 12.9487 13.6347 12.6896 13.93 12.505C14.6545 12.1071 15.238 11.4944 15.6001 10.7514C15.9622 10.0083 16.0853 9.17134 15.9523 8.35551C15.8193 7.53968 15.4368 6.78508 14.8575 6.19548C14.2782 5.60588 13.5304 5.21025 12.717 5.06299Z"
      fill="currentColor" />
    <path
      d="M13 18C13 17.4477 12.5523 17 12 17C11.4477 17 11 17.4477 11 18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18Z"
      fill="currentColor" />
  </g>
  <defs>
    <clipPath id="clip0_2231_15101">
      <rect width="24" height="24" fill="currentColor" />
    </clipPath>
  </defs>
</svg>
    
  </span>

  <span class="cart-title text-xs font-medium leading-4.5">Help</span>
</span>

  </button>

  <div
    ref="drawer"
    class="color-scheme-1 dialog-drawer dialog-drawer--right drawer__dialog"
    scroll-lock
    tabindex="-1"
    aria-hidden="true"
  >
    <button
      ref="closeButton"
      on:click="/closeSidebar"
      class="button button-unstyled drawer__close-button"
      aria-label="Close dialog"
    >
      <span
        class="svg-wrapper"
        aria-hidden="true"
      ><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Close">
  <path
    d="M17.5996 5.92499C17.7639 5.92499 17.8659 5.97349 17.9463 6.05389C18.0265 6.1342 18.0751 6.23569 18.0752 6.3996C18.0752 6.5638 18.0266 6.66589 17.9463 6.74628L12.6924 12.0002L13.0459 12.3537L17.9463 17.2531C18.0267 17.3335 18.0752 17.4356 18.0752 17.5998C18.0752 17.7641 18.0267 17.8661 17.9463 17.9465C17.8659 18.0269 17.7639 18.0754 17.5996 18.0754C17.4355 18.0753 17.3333 18.0268 17.2529 17.9465L12.3535 13.0461L12 12.6926L6.74609 17.9465C6.66571 18.0268 6.56362 18.0754 6.39941 18.0754C6.23551 18.0753 6.13402 18.0267 6.05371 17.9465C5.97331 17.8661 5.9248 17.7641 5.9248 17.5998C5.92484 17.4356 5.97334 17.3335 6.05371 17.2531L11.3066 12.0002L10.9531 11.6467L6.05371 6.74628C5.97331 6.66587 5.9248 6.56387 5.9248 6.3996C5.92488 6.23556 5.97337 6.13423 6.05371 6.05389C6.13405 5.97356 6.23537 5.92506 6.39941 5.92499C6.56368 5.92499 6.66569 5.97349 6.74609 6.05389L11.6465 10.9533L12 11.3068L17.2529 6.05389C17.3333 5.97352 17.4355 5.92503 17.5996 5.92499Z"
    fill="currentColor" stroke="currentColor" />
</svg>
</span>
    </button>
    <div class="help-actions">
  <div class="help-actions__main-menu">
    <div class="help-actions__header py-3 px-5 border-b border-zinc-100">
      <span class="help-actions__title text-md font-medium">
        Help
      </span>
    </div>

    <nav class="help-actions__nav sidebar__nav" role="navigation" aria-label="Help and Support Navigation">
      <ul class="help-actions__list flex flex-col" role="list">
        
          <li class="help-actions__list-item" role="listitem">
            <a
              href="tel:800-824-4491"
              class="help-actions__link"
              aria-label="Call us at 800-824-4491"
            >
              <span
                class="help-actions__icon"
                aria-hidden="true"
              ><svg
  width="18"
  height="18"
  viewBox="0 0 18 18"
  fill="none"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M9.74901 0.750099C9.74901 0.551187 9.82803 0.360421 9.96868 0.219769C10.1093 0.0791167 10.3001 9.90931e-05 10.499 9.90931e-05C12.4875 0.00228279 14.3939 0.79316 15.7999 2.19921C17.206 3.60526 17.9968 5.51165 17.999 7.5001C17.999 7.69901 17.92 7.88978 17.7793 8.03043C17.6387 8.17108 17.4479 8.2501 17.249 8.2501C17.0501 8.2501 16.8593 8.17108 16.7187 8.03043C16.578 7.88978 16.499 7.69901 16.499 7.5001C16.4972 5.90935 15.8645 4.38426 14.7397 3.25943C13.6148 2.1346 12.0898 1.50189 10.499 1.5001C10.3001 1.5001 10.1093 1.42108 9.96868 1.28043C9.82803 1.13978 9.74901 0.949012 9.74901 0.750099ZM10.499 4.5001C11.2947 4.5001 12.0577 4.81617 12.6203 5.37878C13.1829 5.94139 13.499 6.70445 13.499 7.5001C13.499 7.69901 13.578 7.88978 13.7187 8.03043C13.8593 8.17108 14.0501 8.2501 14.249 8.2501C14.4479 8.2501 14.6387 8.17108 14.7793 8.03043C14.92 7.88978 14.999 7.69901 14.999 7.5001C14.9978 6.30699 14.5233 5.16309 13.6797 4.31943C12.836 3.47578 11.6921 3.00129 10.499 3.0001C10.3001 3.0001 10.1093 3.07912 9.96868 3.21977C9.82803 3.36042 9.74901 3.55119 9.74901 3.7501C9.74901 3.94901 9.82803 4.13978 9.96868 4.28043C10.1093 4.42108 10.3001 4.5001 10.499 4.5001ZM17.3188 12.5543C17.7534 12.9902 17.9975 13.5806 17.9975 14.1961C17.9975 14.8116 17.7534 15.402 17.3188 15.8379L16.6363 16.6246C10.4938 22.5054 -4.45374 7.5616 1.33626 1.3996L2.19876 0.649599C2.63509 0.227107 3.22021 -0.0066141 3.82754 -0.000999776C4.43487 0.00461455 5.01557 0.249113 5.44401 0.679599C5.46726 0.702849 6.85701 2.5081 6.85701 2.5081C7.26939 2.94132 7.49894 3.5168 7.49796 4.1149C7.49699 4.71301 7.26555 5.28773 6.85176 5.7196L5.98326 6.8116C6.4639 7.97943 7.17056 9.04078 8.06264 9.93467C8.95473 10.8286 10.0147 11.5374 11.1815 12.0204L12.2803 11.1466C12.7122 10.7331 13.2868 10.502 13.8847 10.5011C14.4827 10.5003 15.0579 10.7298 15.491 11.1421C15.491 11.1421 17.2955 12.5311 17.3188 12.5543ZM16.2868 13.6449C16.2868 13.6449 14.492 12.2641 14.4688 12.2408C14.3143 12.0876 14.1055 12.0017 13.8879 12.0017C13.6703 12.0017 13.4615 12.0876 13.307 12.2408C13.2868 12.2618 11.774 13.4671 11.774 13.4671C11.6721 13.5482 11.5507 13.6014 11.422 13.6214C11.2932 13.6414 11.1615 13.6275 11.0398 13.5811C9.52811 13.0183 8.15507 12.1372 7.01364 10.9974C5.87221 9.85767 4.98906 8.48592 4.42401 6.9751C4.37391 6.85169 4.35758 6.71717 4.37669 6.58535C4.3958 6.45354 4.44967 6.3292 4.53276 6.2251C4.53276 6.2251 5.73801 4.7116 5.75826 4.6921C5.91146 4.53759 5.99742 4.32881 5.99742 4.11122C5.99742 3.89364 5.91146 3.68486 5.75826 3.53035C5.73501 3.50785 4.35426 1.7116 4.35426 1.7116C4.19744 1.57098 3.99277 1.49567 3.7822 1.50111C3.57163 1.50655 3.37112 1.59232 3.22176 1.74085L2.35926 2.49085C-1.87224 7.57885 11.081 19.8136 15.5398 15.6001L16.223 14.8126C16.3831 14.6643 16.4793 14.4595 16.4912 14.2416C16.5031 14.0237 16.4298 13.8097 16.2868 13.6449Z"
    fill="currentColor"
  />
</svg>
</span>
              800-824-4491
            </a>
          </li>
        

        
          <li class="help-actions__list-item" role="listitem">
            <a
              href="mailto:customercare@swansonsupport.com"
              class="help-actions__link"
              aria-label="Send us an email"
            >
              <span
                class="help-actions__icon flex items-center text-lg font-medium"
                aria-hidden="true"
              >
                @
              </span>
               Send Us an Email
            </a>
          </li>
        

        

        <li class="help-actions__list-item hidden lg:list-item" role="listitem">
          

<chat-button>
  <button
    ref="chatButton"
    on:click="/showChat"
    type="button"
    class="
      flex
      items-center
      cursor-pointer
      size-style
      help-actions__link button-unstyled w-full cursor-pointer
      chat-button
    "
  >
          <span
            class="help-actions__icon"
            aria-hidden="true"
          ><svg
  width="19"
  height="18"
  viewBox="0 0 19 18"
  fill="none"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M6.98787 7.12493C6.98787 7.53818 7.08387 7.92968 7.25487 8.27768C6.88737 8.74868 6.65862 9.33293 6.62787 9.96968C5.92212 9.22868 5.48787 8.22668 5.48787 7.12568C5.48787 4.56743 7.82937 2.54543 10.4821 3.08993C12.0436 3.41093 13.3089 4.66868 13.6419 6.22793C13.7424 6.69893 13.7611 7.16018 13.7101 7.60118C13.6666 7.97468 13.3389 8.25068 12.9624 8.25068H12.9286C12.4846 8.25068 12.1726 7.85543 12.2214 7.41443C12.2544 7.11818 12.2371 6.80693 12.1614 6.48968C11.9379 5.54993 11.1714 4.78868 10.2301 4.57193C8.51562 4.17818 6.98712 5.47718 6.98712 7.12568L6.98787 7.12493ZM4.07037 6.15368C4.27587 4.95893 4.86012 3.86993 5.76612 3.02018C6.91287 1.94543 8.41437 1.41443 9.98862 1.51193C12.9534 1.70393 15.2716 4.30118 15.2371 7.41068C15.2229 8.71268 14.1324 9.74918 12.8311 9.74918H11.0266C10.8436 9.12743 10.2751 8.66993 9.59412 8.66993C8.76537 8.66993 8.09412 9.34118 8.09412 10.1699C8.09412 10.9987 8.76537 11.6699 9.59412 11.6699C9.99762 11.6699 10.3629 11.5087 10.6321 11.2492H12.8311C14.9454 11.2492 16.7071 9.56543 16.7371 7.45193C16.7926 3.53618 13.8511 0.258682 10.0854 0.0156823C8.08737 -0.114068 6.19212 0.564682 4.74087 1.92668C3.61662 2.98043 2.86887 4.37543 2.59962 5.87618C2.51787 6.33218 2.87862 6.75068 3.34137 6.75068C3.69537 6.75068 4.01112 6.50393 4.07037 6.15443V6.15368ZM9.61287 12.7499C6.84162 12.7499 4.44387 14.4689 3.64662 17.0264C3.52287 17.4217 3.74412 17.8424 4.13937 17.9662C4.53387 18.0854 4.95462 17.8679 5.07837 17.4734C5.67012 15.5759 7.53387 14.2499 9.61212 14.2499C11.6904 14.2499 13.5549 15.5759 14.1459 17.4734C14.2464 17.7944 14.5419 17.9999 14.8621 17.9999C14.9364 17.9999 15.0106 17.9887 15.0856 17.9662C15.4809 17.8424 15.7014 17.4217 15.5784 17.0264C14.7811 14.4689 12.3834 12.7499 9.61212 12.7499H9.61287Z"
    fill="currentColor" />
</svg></span>
          Live Chat
        </button>
</chat-button>

        </li>

        <li class="help-actions__list-item" role="listitem">
          <a
            href="/pages/tracking-numbers"
            class="help-actions__link"
            aria-label="Order Tracking - Track your order"
          >
            <span
              class="help-actions__icon"
              aria-hidden="true"
            ><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g clip-path="url(#clip0_2231_14832)">
    <path
      d="M11.498 6.85266C11.82 7.168 12.2434 7.32534 12.6666 7.32534C13.09 7.32534 13.5134 7.168 13.8346 6.85266L15.0234 5.69C16.3234 4.39 16.3234 2.27534 15.0234 0.976C14.394 0.346666 13.5566 0 12.6666 0C11.7766 0 10.9394 0.346666 10.3094 0.976C9.01 2.276 9.01 4.39066 10.3146 5.69534L11.498 6.85266ZM11.252 1.91934C11.63 1.54134 12.132 1.33334 12.6666 1.33334C13.2014 1.33334 13.7034 1.54134 14.0806 1.91866C14.8606 2.69866 14.8606 3.96734 14.086 4.742L12.9026 5.89934C12.7726 6.02734 12.5606 6.02734 12.4306 5.89934L11.2526 4.74734C10.4734 3.96734 10.4734 2.69866 11.2526 1.91866L11.252 1.91934ZM2.66666 14.6666C2.66666 15.4034 2.07 16 1.33334 16C0.596666 16 0 15.4034 0 14.6666C0 13.93 0.596666 13.3334 1.33334 13.3334C2.07 13.3334 2.66666 13.93 2.66666 14.6666ZM9.66664 10.6666C9.66664 11.4034 9.07 12 8.33336 12C7.59666 12 7 11.4034 7 10.6666C7 9.93 7.59666 9.33336 8.33336 9.33336C9.07 9.33336 9.66664 9.93 9.66664 10.6666ZM1.33334 8.66664C1.33334 7.196 2.52934 6 4 6H8.66664C9.03464 6 9.33336 6.29866 9.33336 6.66666C9.33336 7.03466 9.03464 7.33334 8.66664 7.33334H4C3.26466 7.33334 2.66666 7.93134 2.66666 8.66664C2.66666 9.402 3.26466 10 4 10H5.33334C5.70134 10 6 10.2986 6 10.6666C6 11.0346 5.70134 11.3334 5.33334 11.3334H4C2.52934 11.3334 1.33334 10.1374 1.33334 8.66664ZM16 12.6666C16 14.1374 14.804 15.3334 13.3334 15.3334H4.66666C4.29866 15.3334 4 15.0346 4 14.6666C4 14.2986 4.29866 14 4.66666 14H13.3334C14.0686 14 14.6666 13.402 14.6666 12.6666C14.6666 11.9314 14.0686 11.3334 13.3334 11.3334H11.3334C10.9654 11.3334 10.6666 11.0346 10.6666 10.6666C10.6666 10.2986 10.9654 10 11.3334 10H13.3334C14.804 10 16 11.196 16 12.6666ZM13.334 3.19134C13.334 3.55934 13.0354 3.858 12.6674 3.858C12.2994 3.858 12.0006 3.55934 12.0006 3.19134C12.0006 2.82334 12.2994 2.52466 12.6674 2.52466C13.0354 2.52466 13.334 2.82334 13.334 3.19134Z"
      fill="currentColor" />
  </g>
  <defs>
    <clipPath id="clip0_2231_14832">
      <rect width="16" height="16" fill="currentColor" />
    </clipPath>
  </defs>
</svg>
</span>
            Order Tracking
          </a>
        </li>

        <li class="help-actions__list-item help-actions__list-item--embedded" role="listitem">
           <a
             href="/pages/help-desk"
             class="help-actions__link"
             aria-label="Visit help desk"
           >
             Help Desk
           </a>
         </li>

         <li class="help-actions__list-item" role="listitem">
           <a
             href="/pages/shipping-methods-and-rates"
             class="help-actions__link"
             aria-label="View shipping information"
           >
             Shipping
           </a>
         </li>

         <li class="help-actions__list-item" role="listitem">
           <a
             href="/pages/returns"
             class="help-actions__link"
             aria-label="View returns information"
           >
             Returns
           </a>
         </li>

         <li class="help-actions__list-item help-actions__list-item--embedded" role="listitem">
           <a
             href="/pages/cancel-an-order"
             class="help-actions__link"
             aria-label="Cancel an order"
           >
             Cancel an Order
           </a>
         </li>

         <li class="help-actions__list-item" role="listitem">
           
           <feedback-form data-form-id="13949">
             <button
               type="button"
               ref="feedbackButton"
               class="help-actions__link button-unstyled w-full text-left cursor-pointer"
               aria-label="Provide website feedback"
             >
               Website Feedback
             </button>
           </feedback-form>
         </li>
      </ul>
    </nav>
  </div>
</div>



  </div>

  <div
    ref="backdrop"
    class="sidebar__backdrop"
    on:click="/closeSidebar"
  ></div>
</sidebar-component>

  <a
  href="/account?view=favorites"
  class="header-actions__action header-actions__action--favorites"
  aria-label="Favorites"
>
  <span
    class="header-actions__favorites-icon flex flex-col items-center justify-between h-full"
  >
    <span
      class="svg-wrapper w-6 h-6 [&>svg]:w-6 [&>svg]:h-6"
      aria-hidden="true"
    >
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
     xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true">
  <path
    d="M17.5 1.91699C16.3739 1.93451 15.2724 2.24885 14.3067 2.82826C13.341 3.40768 12.5453 4.23166 12 5.21699C11.4546 4.23166 10.6589 3.40768 9.6932 2.82826C8.7275 2.24885 7.62601 1.93451 6.49996 1.91699C4.7049 1.99498 3.01366 2.78025 1.79574 4.10122C0.577818 5.4222 -0.0677922 7.17152 -4.17093e-05 8.96699C-4.17093e-05 13.514 4.78596 18.48 8.79996 21.847C9.69618 22.6001 10.8293 23.013 12 23.013C13.1706 23.013 14.3037 22.6001 15.2 21.847C19.214 18.48 24 13.514 24 8.96699C24.0677 7.17152 23.4221 5.4222 22.2042 4.10122C20.9863 2.78025 19.295 1.99498 17.5 1.91699ZM13.915 20.317C13.3789 20.7684 12.7007 21.0159 12 21.0159C11.2992 21.0159 10.621 20.7684 10.085 20.317C4.94696 16.006 1.99996 11.87 1.99996 8.96699C1.9316 7.70171 2.36632 6.46072 3.20932 5.51469C4.05232 4.56866 5.23519 3.99434 6.49996 3.91699C7.76472 3.99434 8.9476 4.56866 9.7906 5.51469C10.6336 6.46072 11.0683 7.70171 11 8.96699C11 9.23221 11.1053 9.48656 11.2929 9.6741C11.4804 9.86164 11.7347 9.96699 12 9.96699C12.2652 9.96699 12.5195 9.86164 12.7071 9.6741C12.8946 9.48656 13 9.23221 13 8.96699C12.9316 7.70171 13.3663 6.46072 14.2093 5.51469C15.0523 4.56866 16.2352 3.99434 17.5 3.91699C18.7647 3.99434 19.9476 4.56866 20.7906 5.51469C21.6336 6.46072 22.0683 7.70171 22 8.96699C22 11.87 19.053 16.006 13.915 20.313V20.317Z"
    fill="currentColor"/>
</svg>

    </span>

    <span class="favorites-title text-xs font-medium leading-4.5">Favorites</span>
  </span>
</a>



  
    
  
  <a
  class="account-button header-actions__action md:justify-between justify-center"
  aria-label="Open account menu"
  href="/account/login?return_to=/&login_location=header"
>
  <span
    class="account-button__icon"
    aria-hidden="true"
  ><svg width="24" height="24" viewBox="0 0 24 24" fill="none"
     xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true">
  <path
    d="M12 0C5.383 0 0 5.383 0 12C0 18.617 5.383 24 12 24C18.617 24 24 18.617 24 12C24 5.383 18.617 0 12 0ZM8 21.164V21C8 18.794 9.794 17 12 17C14.206 17 16 18.794 16 21V21.164C14.774 21.701 13.422 22 12 22C10.578 22 9.226 21.701 8 21.164ZM17.925 20.051C17.469 17.192 14.986 15 12 15C9.014 15 6.532 17.192 6.075 20.051C3.605 18.228 2 15.298 2 12C2 6.486 6.486 2 12 2C17.514 2 22 6.486 22 12C22 15.298 20.395 18.228 17.925 20.051ZM12 5C9.794 5 8 6.794 8 9C8 11.206 9.794 13 12 13C14.206 13 16 11.206 16 9C16 6.794 14.206 5 12 5ZM12 11C10.897 11 10 10.103 10 9C10 7.897 10.897 7 12 7C13.103 7 14 7.897 14 9C14 10.103 13.103 11 12 11Z"
    fill="currentColor"/>
</svg>
</span>

  <span class="account-button__text text-xs font-medium leading-4.5">Account</span>
</a>



  

  
<button
      class="button header-actions__action button-unstyled overflow-visible justify-center relative"
      on:click="#cart-drawer/open"
      aria-label="Open cart Total items in cart: 0"
    >
      <cart-icon
  class="
    header-actions__cart-icon flex flex-col items-center md:justify-between justify-center h-full
    
  "
  data-testid="cart-icon"
>
  <span
    class="svg-wrapper md:w-6 md:h-6 md:[&>svg]:w-6 md:[&>svg]:h-6 w-4 h-4"
    aria-hidden="true"
  >
    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M19.2 19.2C19.8365 19.2 20.447 19.4529 20.8971 19.9029C21.3471 20.353 21.6 20.9635 21.6 21.6C21.6 22.2365 21.3471 22.847 20.8971 23.2971C20.447 23.7471 19.8365 24 19.2 24C18.5635 24 17.953 23.7471 17.5029 23.2971C17.0529 22.847 16.8 22.2365 16.8 21.6C16.8 20.268 17.868 19.2 19.2 19.2ZM0 1.152C0 0.515768 0.515768 0 1.152 0H3.19255C3.63899 0 4.04523 0.257944 4.23513 0.661984L5.052 2.4H22.8C23.1183 2.4 23.4235 2.52643 23.6485 2.75147C23.8736 2.97652 24 3.28174 24 3.6C24 3.804 23.94 4.008 23.856 4.2L19.56 11.964C19.152 12.696 18.36 13.2 17.46 13.2H8.52L7.44 15.156L7.404 15.3C7.404 15.3796 7.43561 15.4559 7.49187 15.5121C7.54813 15.5684 7.62444 15.6 7.704 15.6H20.448C21.0842 15.6 21.6 16.1158 21.6 16.752V16.848C21.6 17.4842 21.0842 18 20.448 18H7.2C6.56348 18 5.95303 17.7471 5.50294 17.2971C5.05286 16.847 4.8 16.2365 4.8 15.6C4.8 15.18 4.908 14.784 5.088 14.448L6.72 11.508L2.4 2.4H1.152C0.515768 2.4 0 1.88423 0 1.248V1.152ZM7.2 19.2C7.83652 19.2 8.44697 19.4529 8.89706 19.9029C9.34714 20.353 9.6 20.9635 9.6 21.6C9.6 22.2365 9.34714 22.847 8.89706 23.2971C8.44697 23.7471 7.83652 24 7.2 24C6.56348 24 5.95303 23.7471 5.50294 23.2971C5.05286 22.847 4.8 22.2365 4.8 21.6C4.8 20.268 5.868 19.2 7.2 19.2ZM18 10.8L21.336 4.8H6.168L9 10.8H18Z"
    fill="currentColor" />
</svg>

  </span>

  <span class="cart-title text-xs font-medium leading-4.5">Cart</span>

  <div
  ref="cartBubble"
  class="cart-bubble bg-emerald-600 absolute -top-2 md:-top-2.5 right-0.5 md:-right-0.5 min-w-4.5 min-h-4.5 visually-hidden"
  
  
    data-maintain-ratio
  
>
  
  <span
    ref="cartBubbleText"
    class="cart-bubble__text h-full px-0.5"
  >
    
    <span
      class="cart-bubble__text-count text-stone-50 text-xs leading-4.5 hidden"
      ref="cartBubbleCount"
      aria-label="Total items in cart: 0"
      aria-hidden="true"
      data-testid="cart-bubble"
      data-item-count="0"
      
        role="status"
      
    >
0</span>
  </span>
</div>

</cart-icon>

    </button>
  
</header-actions>



          
        
      
    </div>
          
            
            
              <div id="header-mobile-search" class="header__mobile-search-row section section--full-width-margin section--page-width">
                <div class="header__mobile-search-container spacing-style">
                  
              
  
    <!-- Mobile always visible search bar -->
    <div class="search-wrapper search-wrapper--mobile-always mobile-search-bar">
      <div class="search-action search-action--mobile-always is-open">
        
<script type="module">
  // Defer the Constructor autocomplete bundle (~10KB gz + chunks) until the user
  // first interacts with a search input. It is only needed once search is used.
  (function () {
    if (window.__cioAutocompleteDeferred) return;
    window.__cioAutocompleteDeferred = true;
    const URL = '//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-constructor-autocomplete-BzJtiNz2.js';
    let loaded = false;
    const load = () => {
      if (loaded) return;
      loaded = true;
      remove();
      import(/* @vite-ignore */ URL);
    };
    const inSearch = (e) =>
      e.target instanceof Element ? e.target.closest('predictive-search-component') : null;
    const onEvent = (e) => {
      if (inSearch(e)) load();
    };
    const remove = () => {
      document.removeEventListener('pointerover', onEvent);
      document.removeEventListener('focusin', onEvent);
      document.removeEventListener('touchstart', onEvent);
    };
    document.addEventListener('pointerover', onEvent, { passive: true });
    document.addEventListener('focusin', onEvent);
    document.addEventListener('touchstart', onEvent, { passive: true });
  })();
</script>

<predictive-search-component
  class="predictive-search"
  style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
  data-section-id="predictive-search"
  data-id="cmdk-input-mobile-results-list"
  data-search-position=""
  data-testid="search-component--mobile-bar"
  data-active-color-scheme="scheme-1"
  data-enable-blog-search="true"
  role="search"
  aria-label="Search"
>
  <form
    action="/search"
    method="get"
    role="search"
    class="predictive-search-form"
    ref="form"
    on:keydown="/onSearchKeyDown"
    data-cnstrc-search-form
    data-testid="cio-form"
  >
    <div
      class="predictive-search-form__header"
    >
      <div class="predictive-search-form__header-inner">
        <label
          for="cmdk-input-mobile"
          class="sr-only"
        >
          Search products
        </label>
        <input
          class="search-input"
          id="cmdk-input-mobile"
          type="search"
          name="q"
          role="combobox"
          aria-expanded="false"
          
          aria-controls="cmdk-input-mobile-results-list"
          
          aria-autocomplete="list"
          autocomplete="off"
          inputmode="search"
          placeholder="Search products"
          ref="searchInput"
          on:input="/search"
          on:keydown="/onSearchKeyDown"
          on:focus="/expandSearch"
          data-cnstrc-search-input
          data-testid="cio-input"
        >
        <input
          name="options[prefix]"
          type="hidden"
          value="last"
        >
          <input
          name="type"
          type="hidden"
          value="article,page"
        >
        <button
          type="button"
          class="button-unstyled predictive-search__submit-button"
          aria-label="Search"
          ref="submitButton"
          on:click="/submitSearch"
          data-testid="cio-submit-btn"
        >
          <span class="svg-wrapper predictive-search__submit-button-icon" ref="searchIcon">
            <svg width="24" height="24">
              <use xlink:href="#icon-search" />
            </svg>
          </span>
          <span class="predictive-search__submit-button-text">Submit</span>
        </button>
        <button
          type="button"
          class="button-unstyled predictive-search__reset-button"
          aria-label="Reset search"
          ref="resetButton"
          hidden
          on:click="/resetSearch"
          data-testid="cio-clear-btn"
        >
          <span class="svg-wrapper predictive-search__reset-button-icon">
            <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.6733 18.5278L9.3613 8.21579C9.07654 7.93104 8.61486 7.93104 8.3301 8.21579C8.04535 8.50055 8.04535 8.96223 8.3301 9.24699L18.6421 19.559C18.9268 19.8437 19.3885 19.8437 19.6733 19.559C19.958 19.2742 19.958 18.8125 19.6733 18.5278Z" fill="#2B2B2B"/>
<path d="M9.35993 19.559L19.6719 9.24704C19.9567 8.96229 19.9567 8.5006 19.6719 8.21585C19.3871 7.93109 18.9255 7.93109 18.6407 8.21585L8.32873 18.5278C8.04397 18.8126 8.04397 19.2743 8.32873 19.559C8.61349 19.8438 9.07517 19.8438 9.35993 19.559Z" fill="#2B2B2B"/>
</svg>

          </span>
          <span class="predictive-search__reset-button-text">Clear</span>
        </button>
        <button
          type="button"
          class="button-unstyled predictive-search__close-search-button"
          aria-label="Close dialog"
          ref="closeSearchButton"
          hidden
          on:click="/closeAndResetSearch"
          data-testid="cio-close-search-btn"
        >
          <span class="svg-wrapper predictive-search__close-search-button-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Close">
  <path
    d="M17.5996 5.92499C17.7639 5.92499 17.8659 5.97349 17.9463 6.05389C18.0265 6.1342 18.0751 6.23569 18.0752 6.3996C18.0752 6.5638 18.0266 6.66589 17.9463 6.74628L12.6924 12.0002L13.0459 12.3537L17.9463 17.2531C18.0267 17.3335 18.0752 17.4356 18.0752 17.5998C18.0752 17.7641 18.0267 17.8661 17.9463 17.9465C17.8659 18.0269 17.7639 18.0754 17.5996 18.0754C17.4355 18.0753 17.3333 18.0268 17.2529 17.9465L12.3535 13.0461L12 12.6926L6.74609 17.9465C6.66571 18.0268 6.56362 18.0754 6.39941 18.0754C6.23551 18.0753 6.13402 18.0267 6.05371 17.9465C5.97331 17.8661 5.9248 17.7641 5.9248 17.5998C5.92484 17.4356 5.97334 17.3335 6.05371 17.2531L11.3066 12.0002L10.9531 11.6467L6.05371 6.74628C5.97331 6.66587 5.9248 6.56387 5.9248 6.3996C5.92488 6.23556 5.97337 6.13423 6.05371 6.05389C6.13405 5.97356 6.23537 5.92506 6.39941 5.92499C6.56368 5.92499 6.66569 5.97349 6.74609 6.05389L11.6465 10.9533L12 11.3068L17.2529 6.05389C17.3333 5.97352 17.4355 5.92503 17.5996 5.92499Z"
    fill="currentColor" stroke="currentColor" />
</svg>

          </span>
          <span class="predictive-search__close-search-button-text">Close</span>
        </button>
      </div>
    </div>

    <div class="predictive-search-form__content-wrapper">
      <button
        type="button"
        class="button predictive-search__close-modal-button"
        aria-label="Close dialog"
        on:click="/collapseSearch"
        ref="closeModalButton"
        tabindex="0"
      >
        <span class="svg-wrapper">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Close">
  <path
    d="M17.5996 5.92499C17.7639 5.92499 17.8659 5.97349 17.9463 6.05389C18.0265 6.1342 18.0751 6.23569 18.0752 6.3996C18.0752 6.5638 18.0266 6.66589 17.9463 6.74628L12.6924 12.0002L13.0459 12.3537L17.9463 17.2531C18.0267 17.3335 18.0752 17.4356 18.0752 17.5998C18.0752 17.7641 18.0267 17.8661 17.9463 17.9465C17.8659 18.0269 17.7639 18.0754 17.5996 18.0754C17.4355 18.0753 17.3333 18.0268 17.2529 17.9465L12.3535 13.0461L12 12.6926L6.74609 17.9465C6.66571 18.0268 6.56362 18.0754 6.39941 18.0754C6.23551 18.0753 6.13402 18.0267 6.05371 17.9465C5.97331 17.8661 5.9248 17.7641 5.9248 17.5998C5.92484 17.4356 5.97334 17.3335 6.05371 17.2531L11.3066 12.0002L10.9531 11.6467L6.05371 6.74628C5.97331 6.66587 5.9248 6.56387 5.9248 6.3996C5.92488 6.23556 5.97337 6.13423 6.05371 6.05389C6.13405 5.97356 6.23537 5.92506 6.39941 5.92499C6.56368 5.92499 6.66569 5.97349 6.74609 6.05389L11.6465 10.9533L12 11.3068L17.2529 6.05389C17.3333 5.97352 17.4355 5.92503 17.5996 5.92499Z"
    fill="currentColor" stroke="currentColor" />
</svg>

        </span>
      </button>
      <div
        class="predictive-search-form__content"
        tabindex="-1"
        ref="predictiveSearchResults"
        on:click="/handleModalClick"
      >
        <div
          id="cmdk-input-mobile-results-list"
          class="predictive-search-dropdown"
          aria-expanded="true"
          style="--color-shadow: rgb(from var(--color-foreground) r g b / );"
          >
            <div class="predictive-search-results__inner" ref="predictiveSearchResultsInner" data-cnstrc-autosuggest data-testid="cio-results">
            </div>
          </div>
      </div>

      <div class="predictive-search-form__footer">
        <button
          class="button button-primary predictive-search__search-button"
          ref="viewAllButton"
        >
          View all
        </button>
      </div>
    </div>
  </form>
</predictive-search-component>



      </div>
    </div>
  






            
                </div>
              </div>
            
          
        </div>
      </div>
    
  

  
    
    <div class="header__row header__row--bottom color-scheme-8bb385b8-9709-4e53-9c92-84676330dc98 section section--full-width-margin section--container" style="--border-bottom-width: 1px;" id="navigationBar">
      


<div class="flex items-start overflow-hidden max-w-[var(--page-max-width)] mx-auto w-full" >
  

<div
  class="header__drawer mobile:hidden"
  ref="headerDrawerContainer"
  
>
  <header-drawer
    
    class="header-drawer header__drawer"
  >
    <details
      id="header-menu-toggle"
      class="menu-drawer-container"
      ref="details"
      scroll-lock
    >
      <summary
        class="header__icon header__icon--menu header__icon--summary focus-inset touch-manipulation select-none header__icon--menu--shared "
        style="
          --font-size: 1rem;
          --padding-block-start: 12px;
          --padding-block-end: 8px;
          --padding-inline-start: 0px;
          --padding-inline-end: 0px;
          --icon-size: 24px;
          --icon-margin: 8px;
        "
        on:click="#menu-drawer/toggle"
      >
        <span class="sr-only">Menu</span>
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Menu">
  <path d="M3.70234 18.2212C3.46184 18.2212 3.25975 18.139 3.09609 17.9745C2.93242 17.81 2.85059 17.6049 2.85059 17.3592C2.85059 17.1176 2.93242 16.9159 3.09609 16.7542C3.25975 16.5927 3.46184 16.512 3.70234 16.512H20.2978C20.5383 16.512 20.7414 16.5942 20.9071 16.7587C21.0728 16.9232 21.1556 17.1263 21.1556 17.368C21.1556 17.6137 21.0728 17.8172 20.9071 17.9787C20.7414 18.1404 20.5383 18.2212 20.2978 18.2212H3.70234ZM3.70234 12.8517C3.46184 12.8517 3.25975 12.7694 3.09609 12.6047C2.93242 12.4402 2.85059 12.2372 2.85059 11.9955C2.85059 11.754 2.93242 11.5524 3.09609 11.3907C3.25975 11.2291 3.46184 11.1482 3.70234 11.1482H20.2978C20.5383 11.1482 20.7414 11.2306 20.9071 11.3952C21.0728 11.5597 21.1556 11.7628 21.1556 12.0045C21.1556 12.246 21.0728 12.4476 20.9071 12.6092C20.7414 12.7709 20.5383 12.8517 20.2978 12.8517H3.70234ZM3.70234 7.488C3.46184 7.488 3.25975 7.40575 3.09609 7.24125C2.93242 7.07675 2.85059 6.87166 2.85059 6.626C2.85059 6.38433 2.93242 6.18275 3.09609 6.02125C3.25975 5.85958 3.46184 5.77875 3.70234 5.77875H20.2978C20.5383 5.77875 20.7414 5.861 20.9071 6.0255C21.0728 6.19 21.1556 6.39308 21.1556 6.63475C21.1556 6.88041 21.0728 7.08408 20.9071 7.24575C20.7414 7.40725 20.5383 7.488 20.2978 7.488H3.70234Z"/>
</svg>
</span>
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Close">
  <path
    d="M17.5996 5.92499C17.7639 5.92499 17.8659 5.97349 17.9463 6.05389C18.0265 6.1342 18.0751 6.23569 18.0752 6.3996C18.0752 6.5638 18.0266 6.66589 17.9463 6.74628L12.6924 12.0002L13.0459 12.3537L17.9463 17.2531C18.0267 17.3335 18.0752 17.4356 18.0752 17.5998C18.0752 17.7641 18.0267 17.8661 17.9463 17.9465C17.8659 18.0269 17.7639 18.0754 17.5996 18.0754C17.4355 18.0753 17.3333 18.0268 17.2529 17.9465L12.3535 13.0461L12 12.6926L6.74609 17.9465C6.66571 18.0268 6.56362 18.0754 6.39941 18.0754C6.23551 18.0753 6.13402 18.0267 6.05371 17.9465C5.97331 17.8661 5.9248 17.7641 5.9248 17.5998C5.92484 17.4356 5.97334 17.3335 6.05371 17.2531L11.3066 12.0002L10.9531 11.6467L6.05371 6.74628C5.97331 6.66587 5.9248 6.56387 5.9248 6.3996C5.92488 6.23556 5.97337 6.13423 6.05371 6.05389C6.13405 5.97356 6.23537 5.92506 6.39941 5.92499C6.56368 5.92499 6.66569 5.97349 6.74609 6.05389L11.6465 10.9533L12 11.3068L17.2529 6.05389C17.3333 5.97352 17.4355 5.92503 17.5996 5.92499Z"
    fill="currentColor" stroke="currentColor" />
</svg>
</span>
        <span class="ml-1 xl:ml-2 2xl:ml-1 mobile:hidden">
          Shop
        </span>
      </summary></details>
  </header-drawer>
</div>

<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/header-drawer.js?v=93114303634324786831782324628"
  type="module"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/accordions-controller.js?v=47742365579635686071766440498"
  type="module"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/menu-drawer-lazy.js?v=45406787251706185211782324629"
  type="module"
></script>









<div
  class="divider divider-AQ1ZITVJ2NUNhcGJCR__header-menu-divider spacing-style mobile:hidden"
  style="
    --divider-justify-content: center;
    
    --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  "
  

>
  <span
    class="divider__line"
    style="
      --divider-border-thickness: 1px;
      
        --divider-border-rounded: 0;
      
      --divider-flex-basis: 50%;
    "
  ></span>
</div>







<nav header-menu id="MainMenu" class="overflow-hidden " aria-label="Main Menu" data-menu-category="header">
  <div
    class="menu-list grid color-scheme-6f2a914a-293d-434e-b830-6d86b78906b0 w-full"
    style="
      --menu-padding-inline-start: 24px;
      --menu-padding-inline-end: 12px;
      --menu-horizontal-gap: 14px;
      --menu-item-padding-block-start: 11px;
      --menu-item-padding-block-end: 7px;
      --menu-item-padding-inline-start: 0px;
      --menu-item-padding-inline-end: 10px;
      --menu-item-icon-size: 26px;
      --menu-item-icon-margin: 4px;
      --mobile-nav-margin: auto;
      --menu-top-level-font-family: var(--font-heading--family);
--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:none;
--menu-top-level-font-size: var(--menu-font-md--size);
--menu-top-level-font-line-height: var(--menu-font-md--line-height);
--menu-top-level-font-color: var(--color-foreground);

    "
    
  >
    <div class="menu-list__scroll-container flex">
      <ul
  class="menu-list__list list-unstyled"
  role="menu"
>
  
  




  <li
    role="presentation"
    class="menu-list__list-item"
    style="--menu-title-font-weight: 400;"
  >
    <a
      role="menuitem"
      href="/collections/vitamins-and-supplements-8"
      
      class="menu-list__link focus-inset"
      
    >
      
      <span class="menu-list__link-title">Vitamins and Supplements</span>
    </a>
  </li>









  <li
    role="presentation"
    class="menu-list__list-item"
    style="--menu-title-font-weight: 400;"
  >
    <a
      role="menuitem"
      href="/collections/top-rated"
      
      class="menu-list__link focus-inset"
      
    >
      
      <span class="menu-list__link-title">Bestsellers</span>
    </a>
  </li>









  <li
    role="presentation"
    class="menu-list__list-item"
    style="--menu-title-font-weight: 400;"
  >
    <a
      role="menuitem"
      href="/pages/magnesium-1"
      
      class="menu-list__link focus-inset"
      
    >
      
      <span class="menu-list__link-title">The Magnesium Shop</span>
    </a>
  </li>









  <li
    role="presentation"
    class="menu-list__list-item"
    style="--menu-title-font-weight: 400;"
  >
    <a
      role="menuitem"
      href="/pages/real-wellness"
      
      class="menu-list__link focus-inset"
      
    >
      
      <span class="menu-list__link-title">Why Swanson</span>
    </a>
  </li>









  <li
    role="presentation"
    class="menu-list__list-item"
    style="--menu-title-font-weight: 400;"
  >
    <a
      role="menuitem"
      href="/pages/brands"
      
      class="menu-list__link focus-inset"
      
    >
      
      <span class="menu-list__link-title">Shop by Brand</span>
    </a>
  </li>









  <li
    role="presentation"
    class="menu-list__list-item"
    style="--menu-title-font-weight: 400;"
  >
    <a
      role="menuitem"
      href="/collections/all?facet.onsalenow=Y"
      
      class="menu-list__link focus-inset"
      
    >
      
      <span class="menu-list__link-title">Specials</span>
    </a>
  </li>









  <li
    role="presentation"
    class="menu-list__list-item"
    style="--menu-title-font-weight: 400;"
  >
    <a
      role="menuitem"
      href="/pages/landing-pages_subscription"
      
      class="menu-list__link focus-inset"
      
    >
      
        <span class="menu-list__icon">
          <img src="//www.swansonvitamins.com/cdn/shop/files/autoship.svg?v=1753728466&amp;width=64" alt="Autoship circle" width="64" height="64" class="menu-list__icon-image">
        </span>
      
      <span class="menu-list__link-title">Subscription</span>
    </a>
  </li>





</ul>



    </div>
  </div>
</nav>





</div>



    </div>
  

</header-component>

<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/header.js?v=138197827343086671741779988249"
  type="module"
></script>




</header><section id="shopify-section-sections--20023019012234__cart_drawer" class="shopify-section shopify-section-group-header-group"><script
    src="//www.swansonvitamins.com/cdn/shop/t/578/assets/cart-drawer.js?v=92290163633888904321766440498"
    type="module"
  ></script>

  <cart-drawer-component
    id="cart-drawer"
    class="cart-drawer"
    
      auto-open
    
  >
    <dialog
      ref="dialog"
      aria-modal="true"
      aria-label="Cart, Total items in cart: 0"
      autofocus
      class="cart-drawer__dialog dialog-modal dialog-drawer dialog-drawer--right color-scheme-2 cart-drawer--empty"
      
      
        style="--cart-drawer-height-mobile: 0px;"
      
    >
      <div class="cart-drawer__inner" role="none">
        <cart-items-component
          class="cart-items-component"
          data-section-id="sections--20023019012234__cart_drawer"
        ><div class="cart-drawer__header" role="none">
              <button
                ref="closeButton"
                on:click="cart-drawer-component/close"
                class="button cart-drawer__close-button button-unstyled"
                aria-label="Close dialog"
              >
                <span class="svg-wrapper" aria-hidden="true"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.6733 18.5278L9.3613 8.21579C9.07654 7.93104 8.61486 7.93104 8.3301 8.21579C8.04535 8.50055 8.04535 8.96223 8.3301 9.24699L18.6421 19.559C18.9268 19.8437 19.3885 19.8437 19.6733 19.559C19.958 19.2742 19.958 18.8125 19.6733 18.5278Z" fill="#2B2B2B"/>
<path d="M9.35993 19.559L19.6719 9.24704C19.9567 8.96229 19.9567 8.5006 19.6719 8.21585C19.3871 7.93109 18.9255 7.93109 18.6407 8.21585L8.32873 18.5278C8.04397 18.8126 8.04397 19.2743 8.32873 19.559C8.61349 19.8438 9.07517 19.8438 9.35993 19.559Z" fill="#2B2B2B"/>
</svg>
</span>
              </button>
            </div>

            <div
              class="cart-drawer__content motion-reduce"
              role="none"
            >
              <h2 class="cart-drawer__heading h3 cart-drawer__heading--empty" tabindex="-1">
                Your cart is empty
              </h2>
                <div class="cart-drawer__empty-text text-sm text-gray-600 mt-2 mb-4 px-4">
                  Have an account? <a href="/account/login?login_location=cart-drawer">Log in</a> to see your past orders and favorites.
                </div><div
                class="cart-drawer__items  !hidden "
                role="none"
              >
                <script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/component-cart-items.js?v=40081334740815562531782831785"
  type="module"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  


</div>



                
              </div>
            </div></cart-items-component>
      </div>
    </dialog>
  </cart-drawer-component>
  


  
  <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-constructor-cart-recommendations-RsABNQat.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-_virtual_sage-react-with-use-DzTYFVQE.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-useBaseProductCard-oj07zA-b.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-BaseProductCard-CZCMBRCO.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-IconSprite-AVPc2Htl.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-productCardMap-xNQH37ED.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-seedItems-ChwRxoek.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-client-XVMVF0Ze.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-compat.module-BTXuq6JP.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-jsx-runtime-baxlmEwe.js" crossorigin="anonymous">


  


  
  <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-constructor-empty-cart-recommendations-DOqxmBRV.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-_virtual_sage-react-with-use-DzTYFVQE.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-useBaseProductCard-oj07zA-b.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-BaseProductCard-CZCMBRCO.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-IconSprite-AVPc2Htl.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-productCardMap-xNQH37ED.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-client-XVMVF0Ze.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-compat.module-BTXuq6JP.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-jsx-runtime-baxlmEwe.js" crossorigin="anonymous">





</section>
<!-- END sections: header-group -->
    </div>

    
    <main
      id="MainContent"
      class="content-for-layout"
      aria-label="main-page-content"
      role="main"
      data-page-transition-enabled="true"
      data-product-transition="false"
      data-template="index"
    >
      
      <div id="shopify-section-template--20023019798666__section_mFLL3W" class="shopify-section section-wrapper">



<div class="section-background color-scheme-7"></div>
  <div
    class="section section--page-width page-width-page-width color-scheme-7"

    

    style="
      
        --section-min-height: 480px;
      

      

      
      --section-preview-height: 600px;
      
    "
  >
    <div class="custom-section-background">
      

    </div>

    <div
      class="border-style custom-section-content"
      style="--border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 

"
    >
      
        <div
  class="overlay overlay--gradient overlay--gradient-style-standard"
  style="
    --overlay-layer: 0;
    --overlay-color: #23350d;
    --overlay-color--end: rgba(35, 53, 13, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;
  "
></div>



      

      <div
        class="
          spacing-style
          layout-panel-flex
          layout-panel-flex--column
          section-content-wrapper
           mobile-column
          
        "
        style="
          --flex-direction: column; --flex-wrap: nowrap;

  --gap: 16px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
          --padding-block-start: 20px;--padding-block-start-mobile: 20px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;
        "
        data-testid="section-content"
      >
        
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-custom
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 45px));--padding-block-start-mobile: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 45px));--padding-block-end-mobile: 0px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height:100%;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: flex-start;
  --vertical-alignment-mobile: flex-start;
  --horizontal-alignment-mobile: ;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-custom
      group-block--width-custom
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 20px;--padding-inline-end-mobile: 0px;
      --size-style-width:60%;--size-style-height:100%;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-end; --vertical-alignment: flex-start;
  --vertical-alignment-mobile: flex-start;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/collections/brand-swanson-vitamins?SourceCode=INTHB3JCA"
    class="
  image-block image-block--AQzc5cExLNGlFSFFxd__image_KwmJBW image-block--height-custom image-block--height-mobile-fill spacing-style size-style
 "
    style="
  --ratio: 1.4991680532445923;
  --size-style-width: fit-content;--size-style-height:350px;--size-style-height-mobile: 100%;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--size-style-max-width:100%;--size-style-scale-desktop: 1; --size-style-scale-mobile:
  1;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: contain;
"
    aria-label="Swanson CoQ10, NMN and Activated B-Complex supplements displayed by an outdoor grill with a Big Labor Day Sale graphic."
    data-internal-campaign-name="AugImmune|NoPromo|Bottles"
    data-internal-campaign-id="26-08-10"
    data-internal-campaign-placement="Hero|Image"
    
  >
    
<img fetchpriority="high" loading="eager" src="//www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026_SWU561_SW1819_SWU815.png?v=1787171073&amp;width=3840" alt="Swanson CoQ10, NMN and Activated B-Complex supplements displayed by an outdoor grill with a Big Labor Day Sale graphic." srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026_SWU561_SW1819_SWU815.png?v=1787171073&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026_SWU561_SW1819_SWU815.png?v=1787171073&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026_SWU561_SW1819_SWU815.png?v=1787171073&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026_SWU561_SW1819_SWU815.png?v=1787171073&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026_SWU561_SW1819_SWU815.png?v=1787171073&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026_SWU561_SW1819_SWU815.png?v=1787171073&amp;width=1350 1350w" width="901" height="601" class="image-block__image border-style" style="
  --ratio: 1.4991680532445923;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width:100%;--size-style-height: fit;--size-style-height-mobile: ;
  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fill
      group-block--width-custom
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 30px));--padding-inline-start: 20px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width:85%;--size-style-height: 100%;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      
  --vertical-offset: 0px;



      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  









  <div 
  class=" spacing-style text-block text-block--AQXFKcEYvMXdEejdvY__text_liquid_69iq3Q custom
    
    text-block--align-center text-block--align-mobile-center  text-block--full-width  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 5px; --padding-block-end:5px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 5px; --padding-block-end-mobile:5px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 2.5rem;--font-size-mobile: 1.5rem;--font-weight: 500;--font-family: var(--font-accent--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: 100%;
    
      --max-width: var(--max-width--body-none);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1.5rem;
    

    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <h1 style="font-face: domine"> Celebrate and save big!</span></h1>
  </div>























  <div
    class="
  image-block image-block--AamNCaVRvdEwxMnVqa__image_6k68a7 image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 3.7901234567901234;
  --size-style-width:60%;--size-style-height: fit;--size-style-height-mobile: fit;
  --size-style-width-mobile:85%; --size-style-width-mobile-min:85%;
  --padding-block-start: 5px;--padding-block-start-mobile: 5px;--padding-block-end: 10px;--padding-block-end-mobile: 10px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    
  >
    
<img fetchpriority="high" loading="eager" src="//www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026-Promo.svg?v=1787171254&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026-Promo.svg?v=1787171254&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026-Promo.svg?v=1787171254&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026-Promo.svg?v=1787171254&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026-Promo.svg?v=1787171254&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026-Promo.svg?v=1787171254&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-LaborDay2026-Promo.svg?v=1787171254&amp;width=1350 1350w" width="614" height="162" class="image-block__image border-style" style="
  --ratio: 3.7901234567901234;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </div>















  <div 
  class=" spacing-style text-block text-block--AQm9vRDdvck1zNDlnT__text_liquid_XaXNzL custom
    
    text-block--align-center text-block--align-mobile-center  text-block--full-width  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 10px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 10px; --padding-block-end-mobile:10px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1.5rem;--font-size-mobile: 1.25rem;--font-weight: 500;--font-family: var(--font-accent--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: 100%;
    
      --max-width: var(--max-width--body-none);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1.25rem;
    

    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p style="font-family: 'Jost', sans-serif;">
  Use Code: LDSALE
</p>
  </div>











<a
  
    
      href="/collections/brand-swanson-vitamins?SourceCode=INTHB3JCA"
    
  
  class="
    size-style
    spacing-style
    button
    button--ATmlWODdRRVVmQjN1Z__button_6J3gwN
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--padding-block-start: 13px;--padding-block-start-mobile: 13px;--padding-block-end: 13px;--padding-block-end-mobile: 13px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 24px));"
  

  
  data-internal-campaign-name="SeptLaborDay|35SHP2xRewards|Bottles"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="Hero|CTA_ShoptheBigSale"
  
>
  
  <span class="button__label">Shop the Big Sale</span>
</a>






</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->



      </div>
    </div>
  </div>



</div><div id="shopify-section-template--20023019798666__zinrelo_customer_dzan6B" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--section--page-width page-width-container color-scheme-1"

  

  style="
    

    

    
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 

"
  >
    
      <div
  class="overlay overlay--solid overlay--gradient-style-standard"
  style="
    --overlay-layer: 0;
    --overlay-color: #fefbf1;
    --overlay-color--end: rgba(254, 251, 241, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;
  "
></div>



    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: space-between; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        --padding-block-start: 16px;--padding-block-start-mobile: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 16px;--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 24px));
      "
      data-testid="section-content"
    >
      
        <div class="flex flex-col md:flex-row md:flex-wrap items-center gap-2 md:gap-6 2xl:gap-4.5 3xl:gap-6 md:max-w-[50%] 2xl:max-w-full">
          <p class="text-md md:text-lg">
            <strong class="font-medium">Welcome!</strong>
            <span>Sign in to save your favorite items and earn rewards when you shop</span>
          </p>

          

          <a
            href="/account/login?return_to=/"
            class="button py-3.25 md:py-3.75 px-7.5 md:px-6"
          >
            Sign In or Create Account
          </a>
        </div>
        <div class="flex gap-4 2xl:gap-15 3xl:gap-8.5 justify-end items-start pt-3 2xl:pt-4 pb-2 3xl:pt-4 3xl:pb-4.5">
          
  <div class="flex flex-col 3xl:flex-row gap-3 md:gap-4 2xl:gap-0.5 3xl:gap-2 justify-space-between items-center" >
  
    <div class="max-w-14 md:max-w-20">
      
      
      
      
      

  
  
  

  

  
  

  

  <img src="//www.swansonvitamins.com/cdn/shop/files/41da471e-2599-4afe-9c62-b8e584b121fd.png?height=822&amp;v=1788454346" alt="Product Ratings and Reviews" width="822" height="822" srcset="//www.swansonvitamins.com/cdn/shop/files/41da471e-2599-4afe-9c62-b8e584b121fd.png?height=822&amp;v=1788454346 1x, //www.swansonvitamins.com/cdn/shop/files/41da471e-2599-4afe-9c62-b8e584b121fd.png?height=1644&amp;v=1788454346 2x, //www.swansonvitamins.com/cdn/shop/files/41da471e-2599-4afe-9c62-b8e584b121fd.png?height=2466&amp;v=1788454346 3x" style="aspect-ratio: 1;">


    </div>
  

  
    <div class="text-xs md:text-md text-center 3xl:text-left md:max-w-36 3xl:max-w-30">
      Product Ratings and Reviews
    </div>
  
</div>




<div class="flex flex-col 3xl:flex-row gap-3 md:gap-4 2xl:gap-0.5 3xl:gap-2 justify-space-between items-center" >
  
    <div class="max-w-14 md:max-w-20">
      
      
      
      
      

  
  
  

  

  
  

  

  <img src="//www.swansonvitamins.com/cdn/shop/files/SVG-SHP-2026-750-3rdParty-Badge-JustGreen.svg?height=500&amp;v=1788454774" alt="750+ 3rd-Party Tested Items" width="500" height="500" srcset="//www.swansonvitamins.com/cdn/shop/files/SVG-SHP-2026-750-3rdParty-Badge-JustGreen.svg?height=500&amp;v=1788454774 1x, //www.swansonvitamins.com/cdn/shop/files/SVG-SHP-2026-750-3rdParty-Badge-JustGreen.svg?height=1000&amp;v=1788454774 2x, //www.swansonvitamins.com/cdn/shop/files/SVG-SHP-2026-750-3rdParty-Badge-JustGreen.svg?height=1500&amp;v=1788454774 3x" style="aspect-ratio: 1;">


    </div>
  

  
    <div class="text-xs md:text-md text-center 3xl:text-left md:max-w-36 3xl:max-w-30">
      750+ 3rd-Party Tested Items
    </div>
  
</div>




<div class="flex flex-col 3xl:flex-row gap-3 md:gap-4 2xl:gap-0.5 3xl:gap-2 justify-space-between items-center" >
  
    <div class="max-w-14 md:max-w-20">
      
      
      
      
      

  
  
  

  

  
  

  

  <img src="//www.swansonvitamins.com/cdn/shop/files/LP-Experiential-042026-Money-Back_519c4aa3-e5c0-4db5-a489-a1f7d70dc3a6.png?height=350&amp;v=1783522270" alt="100% Money-Back Guarantee" width="360" height="350" srcset="//www.swansonvitamins.com/cdn/shop/files/LP-Experiential-042026-Money-Back_519c4aa3-e5c0-4db5-a489-a1f7d70dc3a6.png?height=350&amp;v=1783522270 1x, //www.swansonvitamins.com/cdn/shop/files/LP-Experiential-042026-Money-Back_519c4aa3-e5c0-4db5-a489-a1f7d70dc3a6.png?height=700&amp;v=1783522270 2x, //www.swansonvitamins.com/cdn/shop/files/LP-Experiential-042026-Money-Back_519c4aa3-e5c0-4db5-a489-a1f7d70dc3a6.png?height=1050&amp;v=1783522270 3x" style="aspect-ratio: 1;">


    </div>
  

  
    <div class="text-xs md:text-md text-center 3xl:text-left md:max-w-36 3xl:max-w-30">
      100% Money-Back Guarantee
    </div>
  
</div>






        </div>
      
    </div>
  </div>
</div>




</div><div id="shopify-section-template--20023019798666__section_HeF3rf" class="shopify-section section-wrapper">



<div class="section-background color-scheme-df0b6c0d-0ac1-468e-9ccf-2c0f35e283fa"></div>
  <div
    class="section section--page-width page-width-container color-scheme-df0b6c0d-0ac1-468e-9ccf-2c0f35e283fa"

    

    style="
      

      

      
    "
  >
    <div class="custom-section-background">
      

    </div>

    <div
      class="border-style custom-section-content"
      style="--border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 

"
    >
      
        <div
  class="overlay overlay--solid overlay--gradient-style-custom"
  style="
    --overlay-layer: 0;
    --overlay-color: #ffffff;
    --overlay-color--end: rgba(255, 255, 255, 0);
    --overlay-direction: to bottom; --overlay-border-radius: 0px;
      --overlay-color-gradient: linear-gradient(75deg, rgba(35, 53, 13, 1), rgba(30, 53, 15, 1) 50%, rgba(65, 85, 42, 1) 100%);
      --overlay-color-gradient-mobile: linear-gradient(156deg, rgba(35, 53, 13, 1), rgba(30, 53, 15, 1) 48.921%, rgba(65, 85, 42, 1) 100%);
    
  "
></div>



      

      <div
        class="
          spacing-style
          layout-panel-flex
          layout-panel-flex--row
          section-content-wrapper
           mobile-column
          
        "
        style="
          --flex-direction: row; --flex-wrap: nowrap;

  --gap: 16px;

  --horizontal-alignment: space-between; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
          --padding-block-start: 19px;--padding-block-start-mobile: 19px;--padding-block-end: 7px;--padding-block-end-mobile: 7px;
        "
        data-testid="section-content"
      >
        
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fill
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
30px;  overflow: hidden; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-start-mobile: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 30px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 45px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 45px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 45px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 45px));
      --size-style-width: 100%;--size-style-height: 100%;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
        <div
  class="overlay overlay--gradient overlay--gradient-style-custom"
  style="
    --overlay-layer: 0;
    --overlay-color: #23350d;
    --overlay-color--end: rgba(35, 53, 13, 0);
    --overlay-direction: to bottom; --overlay-border-radius: 30px;
      --overlay-color-gradient: linear-gradient(136deg, rgba(35, 53, 13, 1), rgba(65, 85, 42, 1) 100%);
      --overlay-color-gradient-mobile: linear-gradient(180deg, rgba(35, 53, 13, 1), rgba(65, 85, 42, 1) 98%);
    
  "
></div>



      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 20px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: ;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 16px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 16px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AVDBTb2pVMGFEMndIW__text_MiJFpQ custom
    
    text-block--align-left text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-body--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p>Save More</p>
  </div>












<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
       color-scheme-6
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AdHIyMXFRQ3dVdGxDb__text_iVxg9B custom
    
    text-block--align-left text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:3px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-primary);--font-size: 2rem;--font-size-mobile: 2rem;--font-size-tablet: 1.5rem;--font-weight: 100;--font-weight-desktop: 400;--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: balance;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 100;
    

    
    
      --custom-font-weight-desktop: 400;
    

    
    

    
    
      --mobile-font-size: 2rem;
    

    
      --tablet-font-size: 1.5rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <h2>Up to 60% Off Hot Buys</h2>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->






<a
  
    
      href="/collections/weekly-specials"
    
  
  class="
    size-style
    spacing-style
    button
    button--Ad3QrU0t2dlgybENGQ__button_EYi6xF
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;
  --size-style-width-mobile:47%; --size-style-width-mobile-min:47%;--size-style-min-width-mobile:100%;--size-style-min-width-desktop: fit-content;--padding-block-start: 13px;--padding-block-start-mobile: 13px;--padding-block-end: 13px;--padding-block-end-mobile: 13px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 26px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 26px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 24px));"
  

  
  data-internal-campaign-name="SmartBuys|UT60HotBuys"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="SubBanner1|CTA_ShopHotBuys"
  
>
  
  <span class="button__label">Shop Hot Buys</span>
</a>






</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fill
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
30px;  overflow: hidden; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-start-mobile: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 30px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 45px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 45px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 45px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 45px));
      --size-style-width: 100%;--size-style-height: 100%;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
        <div
  class="overlay overlay--gradient overlay--gradient-style-custom"
  style="
    --overlay-layer: 0;
    --overlay-color: #23350d;
    --overlay-color--end: rgba(35, 53, 13, 0);
    --overlay-direction: to bottom; --overlay-border-radius: 30px;
      --overlay-color-gradient: linear-gradient(136deg, rgba(35, 53, 13, 1), rgba(65, 85, 42, 1) 100%);
      --overlay-color-gradient-mobile: linear-gradient(180deg, rgba(35, 53, 13, 1), rgba(65, 85, 42, 1) 98%);
    
  "
></div>



      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 20px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: ;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 16px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 16px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AaUwxR3BJQUFrUzNxN__text_b9bxH4 custom
    
    text-block--align-left text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-body--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p>Save More</p>
  </div>












<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
       color-scheme-6
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AY1U5YkRUbE5abE9De__text_8krBjH custom
    
    text-block--align-left text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:3px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-primary);--font-size: 2rem;--font-size-mobile: 2rem;--font-size-tablet: 1.5rem;--font-weight: 100;--font-weight-desktop: 400;--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: balance;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 100;
    

    
    
      --custom-font-weight-desktop: 400;
    

    
    

    
    
      --mobile-font-size: 2rem;
    

    
      --tablet-font-size: 1.5rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <h2>30% Off Select Top Brands</h2>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->






<a
  
    
      href="/collections/partner-brands-sale"
    
  
  class="
    size-style
    spacing-style
    button
    button--AVHg2SVJLR29ZYVRKM__button_JQnqJ6
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;
  --size-style-width-mobile:47%; --size-style-width-mobile-min:47%;--size-style-min-width-mobile:100%;--size-style-min-width-desktop: fit-content;--padding-block-start: 13px;--padding-block-start-mobile: 13px;--padding-block-end: 13px;--padding-block-end-mobile: 13px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 26px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 26px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 24px));"
  

  
  data-internal-campaign-name="SubBanner2|30TopBrands"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="SubBanner2|CTA_ShopTopBrands"
  
>
  
  <span class="button__label">Shop Top Brands</span>
</a>






</div>
  </div>

<!--@list/split-->



      </div>
    </div>
  </div>



</div><div id="shopify-section-template--20023019798666__section_gttzJb" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
  <div
    class="section section--page-width page-width-container color-scheme-1"

    

    style="
      

      

      
    "
  >
    <div class="custom-section-background">
      

    </div>

    <div
      class="border-style custom-section-content"
      style="--border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 

"
    >
      

      <div
        class="
          spacing-style
          layout-panel-flex
          layout-panel-flex--column
          section-content-wrapper
           mobile-column
          
        "
        style="
          --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
          --padding-block-start: max(20px, calc(var(--spacing-scale) * 68px));--padding-block-start-mobile: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;--padding-block-end-mobile: 0px;
        "
        data-testid="section-content"
      >
        
  


  







  <div 
  class=" spacing-style text-block text-block--AeFNPYUIzaDIvMUFye__text_BYVpGk custom
    
    text-block--align-left text-block--align-mobile-left  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1.5rem;--font-size-mobile: 1.5rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: balance;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1.5rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <h2>Shop By</h2>
  </div>












<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 28px));--padding-block-start-mobile: max(20px, calc(var(--spacing-scale) * 46px));--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-grid
          
        
        
        
      "
      style="
        --grid-columns-mobile: 3;
  --grid-columns-tablet: 4;
  --grid-columns-desktop: 8;
  --grid-gap-x-mobile: 10px;
  --grid-gap-y-mobile: 40px;
  --grid-gap-x-tablet: 12px;
  --grid-gap-y-tablet: 12px;
  --grid-gap-x-desktop: 92px;
  --grid-gap-y-desktop: 40px;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-min-width-mobile: ;--size-style-min-width-desktop: 130px;--size-style-max-width:250px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  <div id="shopify-block-AbHAva3lCTW1BeHFBS__icon_KDLMca" class="shopify-block icon-block">




<a
    href="/collections/immune-68"
    class="text-inherit"
    
    aria-label="View immune 68"
    data-internal-campaign-name="HP|SeptImmune|Bottles"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="Circle1|Image"
  >
    

  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Circle-Immune_SW106_SW1371_080126.jpg?v=1787166154&amp;width=1024" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Circle-Immune_SW106_SW1371_080126.jpg?v=1787166154&amp;width=100 100w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Immune_SW106_SW1371_080126.jpg?v=1787166154&amp;width=200 200w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Immune_SW106_SW1371_080126.jpg?v=1787166154&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Immune_SW106_SW1371_080126.jpg?v=1787166154&amp;width=400 400w" width="280" height="280" loading="lazy" class="icon-block__media icon-block-AbHAva3lCTW1BeHFBS__icon_KDLMca" style="width:100%; border-radius:100%; aspect-ratio: 280 / 280; display: block;" sizes="(min-width: 768px) 400px, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
  }
</style>


</div>




<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 4px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AYVNDWkdmSjFDL1JwZ__text_K8b4eW custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|SeptImmune|Bottles"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="Circle1|CTA|ImmuneSupport"

  
>
    <h3><a href="/collections/immune-68" title="/collections/immune-68">Immune Support</a></h3>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-min-width-mobile: ;--size-style-min-width-desktop: 130px;--size-style-max-width:250px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  <div id="shopify-block-ANFB3VDR0cWxHQlIyc__icon_PwHXha" class="shopify-block icon-block">




<a
    href="/collections/respiratory-116"
    class="text-inherit"
    
    aria-label="View respiratory 116"
    data-internal-campaign-name="HP|SeptRespiratory|Bottles"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="Circle2|Image"
  >
    

  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Circle-Respiratory-SW854_SW1671_080126.jpg?v=1784305772&amp;width=1024" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Circle-Respiratory-SW854_SW1671_080126.jpg?v=1784305772&amp;width=100 100w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Respiratory-SW854_SW1671_080126.jpg?v=1784305772&amp;width=200 200w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Respiratory-SW854_SW1671_080126.jpg?v=1784305772&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Respiratory-SW854_SW1671_080126.jpg?v=1784305772&amp;width=400 400w" width="280" height="280" loading="lazy" class="icon-block__media icon-block-ANFB3VDR0cWxHQlIyc__icon_PwHXha" style="width:100%; border-radius:100%; background-color:#fbe6cf; aspect-ratio: 280 / 280; display: block;" sizes="(min-width: 768px) 400px, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
  }
</style>


</div>




<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 4px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--ATHVGMWZrMG1nU1ZWU__text_cjUFJt custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|SeptRespiratory|Bottles"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="Circle2|CTA|RespiratorySupport"

  
>
    <h3><a href="/collections/respiratory-116" title="/collections/respiratory-116">Respiratory Support</a></h3>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-min-width-mobile: ;--size-style-min-width-desktop: 130px;--size-style-max-width:250px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  <div id="shopify-block-AYjJDcTA0QVowdGNuQ__icon_iX4Ek3" class="shopify-block icon-block">




<a
    href="/collections/digestive-enzymes-525"
    class="text-inherit"
    
    aria-label="View digestive enzymes 525"
    data-internal-campaign-name="HP|SeptDigEnzymes|Bottles"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="Circle3|Image"
  >
    

  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Circle-Digestive-Enzymes_SW668_NWF098-020426_49614ba0-1479-431c-b06f-8be2ad7ec2c3.jpg?v=1787167155&amp;width=1024" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Circle-Digestive-Enzymes_SW668_NWF098-020426_49614ba0-1479-431c-b06f-8be2ad7ec2c3.jpg?v=1787167155&amp;width=100 100w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Digestive-Enzymes_SW668_NWF098-020426_49614ba0-1479-431c-b06f-8be2ad7ec2c3.jpg?v=1787167155&amp;width=200 200w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Digestive-Enzymes_SW668_NWF098-020426_49614ba0-1479-431c-b06f-8be2ad7ec2c3.jpg?v=1787167155&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Digestive-Enzymes_SW668_NWF098-020426_49614ba0-1479-431c-b06f-8be2ad7ec2c3.jpg?v=1787167155&amp;width=400 400w" width="280" height="280" loading="lazy" class="icon-block__media icon-block-AYjJDcTA0QVowdGNuQ__icon_iX4Ek3" style="width:100%; border-radius:100%; aspect-ratio: 280 / 280; display: block;" sizes="(min-width: 768px) 400px, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
  }
</style>


</div>




<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 4px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AMlNkb2tGcjFpeUZ0R__text_P9iJcY custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|SeptDigEnzymes|Bottles"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="Circle2|CTA|DigestiveEnzymeSupport"

  
>
    <h3><a href="/collections/digestive-enzymes-525" title="/collections/digestive-enzymes-525">Digestive Enzyme Support</a></h3>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-min-width-mobile: ;--size-style-min-width-desktop: 130px;--size-style-max-width:250px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  <div id="shopify-block-AWEJydnk0UEVkMG9Dc__icon_3WG33L" class="shopify-block icon-block">




<a
    href="/collections/energy-support-1791"
    class="text-inherit"
    
    aria-label="View energy support 1791"
    data-internal-campaign-name="HP|SeptEnergy|Bottles"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="Circle4|Image"
  >
    

  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Energy-101025.jpg?v=1771865302&amp;width=1024" alt="Two Swanson supplement bottles, one labeled &#39;Cordyceps&#39; and the other &#39;B12&#39;, on a light green background." srcset="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Energy-101025.jpg?v=1771865302&amp;width=100 100w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Energy-101025.jpg?v=1771865302&amp;width=200 200w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Energy-101025.jpg?v=1771865302&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Energy-101025.jpg?v=1771865302&amp;width=400 400w" width="280" height="280" loading="lazy" class="icon-block__media icon-block-AWEJydnk0UEVkMG9Dc__icon_3WG33L" style="width:100%; border-radius:100%; background-color:#fbe6cf; aspect-ratio: 280 / 280; display: block;" sizes="(min-width: 768px) 400px, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
  }
</style>


</div>




<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 4px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--ASTJDYm8zdi9acUZJd__text_zBymRe custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|SeptEnergy|Bottles"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="Circle4|CTA|EnergySupport"

  
>
    <h3><a href="/collections/energy-support-1791" title="/collections/energy-support-1791">Energy Support</a></h3>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-min-width-mobile: ;--size-style-min-width-desktop: 130px;--size-style-max-width:250px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  <div id="shopify-block-AU2ZtRVlrVkpPU2tFT__icon_hp8rMD" class="shopify-block icon-block">




<a
    href="/collections/joint-25"
    class="text-inherit"
    
    aria-label="View joint 25"
    data-internal-campaign-name="HP|SeptJoint|Bottles"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="Circle5|Image"
  >
    

  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Joint-122625_5782c974-7863-401c-8e91-42a6c192d330.jpg?v=1774298334&amp;width=1024" alt="Two Swanson supplement bottles on a light green background" srcset="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Joint-122625_5782c974-7863-401c-8e91-42a6c192d330.jpg?v=1774298334&amp;width=100 100w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Joint-122625_5782c974-7863-401c-8e91-42a6c192d330.jpg?v=1774298334&amp;width=200 200w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Joint-122625_5782c974-7863-401c-8e91-42a6c192d330.jpg?v=1774298334&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Joint-122625_5782c974-7863-401c-8e91-42a6c192d330.jpg?v=1774298334&amp;width=400 400w" width="280" height="280" loading="lazy" class="icon-block__media icon-block-AU2ZtRVlrVkpPU2tFT__icon_hp8rMD" style="width:100%; border-radius:100%; aspect-ratio: 280 / 280; display: block;" sizes="(min-width: 768px) 400px, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
  }
</style>


</div>




<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 4px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AamZlckRZUTB5M0FPa__text_jN9wE6 custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|SeptJoint|Bottles"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="Circle5|CTA|JointSupport"

  
>
    <p><a href="/collections/joint-25" title="/collections/joint-25">Joint Support</a></p>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-min-width-mobile: ;--size-style-min-width-desktop: 130px;--size-style-max-width:250px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  <div id="shopify-block-AUUllK1pMcnVCMWsvZ__icon_KMx3WX" class="shopify-block icon-block">




<a
    href="/collections/protein-63"
    class="text-inherit"
    
    aria-label="View protein 63"
    data-internal-campaign-name="HP|SeptProtein|Bottles"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="Circle6|Image"
  >
    

  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Protein-101025.jpg?v=1774298378&amp;width=1024" alt="Two Swanson protein powder containers, one pea protein and one whey protein, on a light green background." srcset="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Protein-101025.jpg?v=1774298378&amp;width=100 100w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Protein-101025.jpg?v=1774298378&amp;width=200 200w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Protein-101025.jpg?v=1774298378&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Protein-101025.jpg?v=1774298378&amp;width=400 400w" width="280" height="280" loading="lazy" class="icon-block__media icon-block-AUUllK1pMcnVCMWsvZ__icon_KMx3WX" style="width:100%; border-radius:100%; aspect-ratio: 280 / 280; display: block;" sizes="(min-width: 768px) 400px, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
  }
</style>


</div>




<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 4px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AT3NoSkFCaE0vQ3VKY__text_N9cRMX custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|SeptProtein|Bottles"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="Circle6|CTA|Protein"

  
>
    <h3><a href="/collections/protein-63" title="/collections/protein-63">Protein</a></h3>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
       hidden--mobile
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-min-width-mobile: ;--size-style-min-width-desktop: 130px;--size-style-max-width:250px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  <div id="shopify-block-AemhqK0tPUzNuT3VZZ__icon_kUiyYd" class="shopify-block icon-block">




<a
    href="/collections/brain-health-79"
    class="text-inherit"
    
    aria-label="View brain health 79"
    data-internal-campaign-name="HP|SeptBrainHealth|Bottles"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="Circle7|Image"
  >
    

  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Circle-Brain-Support-052026.jpg?v=1776442201&amp;width=1024" alt="Two Swanson supplement bottles on a light green background" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Circle-Brain-Support-052026.jpg?v=1776442201&amp;width=100 100w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Brain-Support-052026.jpg?v=1776442201&amp;width=200 200w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Brain-Support-052026.jpg?v=1776442201&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Brain-Support-052026.jpg?v=1776442201&amp;width=400 400w" width="280" height="280" loading="lazy" class="icon-block__media icon-block-AemhqK0tPUzNuT3VZZ__icon_kUiyYd" style="width:100%; border-radius:100%; aspect-ratio: 280 / 280; display: block;" sizes="(min-width: 768px) 400px, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
  }
</style>


</div>




<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 4px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--ARFYyMG9DcWpsK0hDR__text_UTLie4 custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|AugSimplyHydrate|Bottles"
  data-internal-campaign-id="26-07-27"
  data-internal-campaign-placement="Circle7|CTA|SimplyHydrate"

  
>
    <h3><a href="/collections/brain-health-79" title="/collections/brain-health-79">Brain Health</a></h3>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
       hidden--mobile
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-min-width-mobile: ;--size-style-min-width-desktop: 130px;--size-style-max-width:250px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  <div id="shopify-block-ANzVTNmE2QjVaREVkb__icon_eFCmn8" class="shopify-block icon-block">




<a
    href="/collections/fsa-hsa-eligible"
    class="text-inherit"
    
    aria-label="View fsa hsa eligible"
    data-internal-campaign-name="HP|AugHSA/FSA|Bottles"
    data-internal-campaign-id="26-08-18"
    data-internal-campaign-placement="Circle8|Image"
  >
    

  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_CoQ10-Ubiquinol-020126.jpg?v=1774298707&amp;width=1024" srcset="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_CoQ10-Ubiquinol-020126.jpg?v=1774298707&amp;width=100 100w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_CoQ10-Ubiquinol-020126.jpg?v=1774298707&amp;width=200 200w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_CoQ10-Ubiquinol-020126.jpg?v=1774298707&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_CoQ10-Ubiquinol-020126.jpg?v=1774298707&amp;width=400 400w" width="280" height="280" loading="lazy" class="icon-block__media icon-block-ANzVTNmE2QjVaREVkb__icon_eFCmn8" style="width:100%; border-radius:100%; aspect-ratio: 280 / 280; display: block;" sizes="(min-width: 768px) 400px, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
  }
</style>


</div>




<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 4px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AV3ZxOUt2QTF5bnpqK__text_Y6ECFY custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|AugHSA/FSA|Bottles"
  data-internal-campaign-id="26-08-18"
  data-internal-campaign-placement="Circle8|CTA|HSA/FSAEligible"

  
>
    <h3><a href="/collections/fsa-hsa-eligible" title="/collections/fsa-hsa-eligible">HSA/FSA Eligible</a></h3>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 68px;
    

    
      
        --spacer-size-mobile: 24px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>






      </div>
    </div>
  </div>



</div><div id="shopify-section-template--20023019798666__section_3ie68H" class="shopify-section section-wrapper">



<div class="section-background color-scheme-df0b6c0d-0ac1-468e-9ccf-2c0f35e283fa"></div>
  <div
    class="section section--full-width color-scheme-df0b6c0d-0ac1-468e-9ccf-2c0f35e283fa"

    

    style="
      

      

      
    "
  >
    <div class="custom-section-background">
      

    </div>

    <div
      class="border-style custom-section-content"
      style="--border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 

"
    >
      
        <div
  class="overlay overlay--gradient overlay--gradient-style-custom"
  style="
    --overlay-layer: 0;
    --overlay-color: rgba(0,0,0,0);
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;
      --overlay-color-gradient: linear-gradient(145deg, rgba(0, 68, 163, 1), rgba(0, 31, 73, 1) 54%);
      --overlay-color-gradient-mobile: linear-gradient(338deg, rgba(0, 68, 163, 1), rgba(0, 31, 73, 1) 3%, rgba(0, 68, 163, 1) 97%);
    
  "
></div>



      

      <div
        class="
          spacing-style
          layout-panel-flex
          layout-panel-flex--row
          section-content-wrapper
           mobile-column
           overflow-hidden
        "
        style="
          --flex-direction: row; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
          --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 36px));
        "
        data-testid="section-content"
      >
        
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 16px;--padding-inline-start-mobile: 0px;--padding-inline-end: 16px;--padding-inline-end-mobile: 0px;
      --size-style-width:40%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      

  --vertical-offset-mobile: 0px;


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
         overflow-hidden
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-end; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 20px;--padding-block-start-mobile: 20px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width:80%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-end; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  
















<a
    href="/pages/creatine"
    class="
  image-block image-block--AbEJvdExLUFRlZ002a__image_LJjNd image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 1.0;
  --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-max-width:400px;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    aria-label="View creatine"
    data-internal-campaign-name="HP|Creatine|Bottle"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="SingleShowcaseTile|ImageCreatine"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature-Creatine_SW1967_SW925_082426-SuppCo.png?v=1787679082&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature-Creatine_SW1967_SW925_082426-SuppCo.png?v=1787679082&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature-Creatine_SW1967_SW925_082426-SuppCo.png?v=1787679082&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature-Creatine_SW1967_SW925_082426-SuppCo.png?v=1787679082&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature-Creatine_SW1967_SW925_082426-SuppCo.png?v=1787679082&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature-Creatine_SW1967_SW925_082426-SuppCo.png?v=1787679082&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature-Creatine_SW1967_SW925_082426-SuppCo.png?v=1787679082&amp;width=1350 1350w" width="1240" height="1240" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.0;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 10px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width:60%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 56px));--padding-block-start-mobile: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 76px));--padding-block-end-mobile: 20px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 20px;--padding-inline-end-mobile: 0px;
      --size-style-width:79%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
       hidden--mobile
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 16px;--padding-block-end-mobile: 16px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  <div id="shopify-block-AaWtGd0hNbWR2T0cra__icon_d6eYn" class="shopify-block icon-block">






  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature-Creatine-080326-Icon.png?v=1787251659&amp;width=1024" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature-Creatine-080326-Icon.png?v=1787251659&amp;width=100 100w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature-Creatine-080326-Icon.png?v=1787251659&amp;width=200 200w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature-Creatine-080326-Icon.png?v=1787251659&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature-Creatine-080326-Icon.png?v=1787251659&amp;width=400 400w" width="72" height="62" loading="lazy" class="icon-block__media icon-block-AaWtGd0hNbWR2T0cra__icon_d6eYn" style="width:36px; aspect-ratio: 72 / 62; display: block;" sizes="72px">


<style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
  }
</style>


</div>

</div>
  </div>

<!--@list/split-->




  







  <div 
  class=" spacing-style text-block text-block--AMldpRnlNdkcvN1AzN__text_TxkFE custom
    
    text-block--align-left text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:12px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:0px; --padding-block-end-mobile:14px; --padding-inline-start-mobile:24px;
  --padding-inline-end-mobile:24px;

    
--color: var(--color-foreground);--font-size: 3rem;--font-size-mobile: 1.5rem;--font-size-tablet: 1.5rem;--font-weight: 500;--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: wrap;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-none);
    
    --text-align: left;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1.5rem;
    

    
      --tablet-font-size: 1.5rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p>A form for any function.</p>
  </div>











  







  <div 
  class=" spacing-style text-block text-block--AWWlwUkEvei9uUlpYT__text_WwXkJ custom
    
    text-block--align-left text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:40px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:0px; --padding-block-end-mobile:20px; --padding-inline-start-mobile:24px;
  --padding-inline-end-mobile:24px;

    
--color: var(--color-foreground);--font-size: 1.125rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-none);
    
    --text-align: left;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p>Promote both muscle recovery and mental energy with creatine powders, gummies, and more.</p>
  </div>













<a
  
    
      href="/pages/creatine"
    
  
  class="
    size-style
    spacing-style
    button
    button--ARE0zUk5XdEZzZGdta__button_bgzTP
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--padding-block-start: 13px;--padding-block-start-mobile: 13px;--padding-block-end: 13px;--padding-block-end-mobile: 13px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 26px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 26px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 24px));"
  

  
  data-internal-campaign-name="HP|CreatineLP|Copy|Bottle"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="SingleShowcaseTile|CTA_ShopCreatine"
  
>
  
  <span class="button__label">Shop Creatine</span>
</a>






</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->



      </div>
    </div>
  </div>



</div><div id="shopify-section-template--20023019798666__constructor_recommendations_hqDGDz" class="shopify-section"><div class="section-background color-scheme-e89a4238-324d-4477-a90e-8f65e6f71220"></div>
  <div
    class="
      section
      section--section--page-width page-width-container-extended
      color-scheme-e89a4238-324d-4477-a90e-8f65e6f71220
      "
    data-no-results-section
    
    
    
  >
    



<div
  class="spacing-style w-full force-full-width"
  style="--padding-block-start: 72px;--padding-block-start-mobile: 40px;--padding-block-end: 80px;--padding-block-end-mobile: 40px;"
  
>
  <constructor-recommendations
    data-skip-subtree-update
    data-mount="true"
    class="constructor-recommendations"
    style="
      --resource-list-column-gap-desktop: 8px;
      --section-title-font-size: 24px;
      --section-title-font-size-mobile: 24px;
      --section-title-alignment: left;
    "
    data-pod-id="home-page-top-sellers"
    
    data-section=""
    data-term=""
    data-title-override="Best Sellers"
    data-title-class=""
    data-hide-if-empty="false"
    data-max-products="16"
    data-show-compare="true"
    data-show-quick-view="true"
    data-section-width="container-extended"
    data-hide-rating-mobile="false"
    data-single-line-title-mobile="false"
    data-single-line-options-mobile="false"
    data-show-arrows="true"
    data-arrows-position="outside"
    data-always-show-arrows="true"
    data-hide-arrows-mobile="false"
    data-arrows-style="solid_green"
    data-arrows-size="large"
  ></constructor-recommendations>
</div>




  
  <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-constructor-recommendations-D6eW5pAY.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-_virtual_sage-react-with-use-DzTYFVQE.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-useBaseProductCard-oj07zA-b.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-BaseProductCard-CZCMBRCO.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-SlideshowSlide-CzRZPXgt.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-IconSprite-AVPc2Htl.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-productCardMap-xNQH37ED.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-seedItems-ChwRxoek.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-useLimitNotices-7_9Qap6n.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-client-XVMVF0Ze.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-compat.module-BTXuq6JP.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-jsx-runtime-baxlmEwe.js" crossorigin="anonymous">



  </div>



</div><div id="shopify-section-template--20023019798666__section_UiGBU6" class="shopify-section section-wrapper">



<div class="section-background color-scheme-e426086f-930c-46e5-836a-2e95ee51df88"></div>
  <div
    class="section section--page-width page-width-container color-scheme-e426086f-930c-46e5-836a-2e95ee51df88"

    

    style="
      

      

      
    "
  >
    <div class="custom-section-background">
      

    </div>

    <div
      class="border-style custom-section-content"
      style="--border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 

"
    >
      
        <div
  class="overlay overlay--gradient overlay--gradient-style-custom"
  style="
    --overlay-layer: 0;
    --overlay-color: #41552a;
    --overlay-color--end: rgba(65, 85, 42, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;
      --overlay-color-gradient: radial-gradient(rgba(35, 53, 13, 1), rgba(35, 53, 13, 1) 99%, rgba(35, 53, 13, 1) 100%);
      --overlay-color-gradient-mobile: radial-gradient(rgba(35, 53, 13, 1) 14%, rgba(35, 53, 13, 1) 100%);
    
  "
></div>



      

      <div
        class="
          spacing-style
          layout-panel-flex
          layout-panel-flex--column
          section-content-wrapper
           mobile-column
          
        "
        style="
          --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
          --padding-block-start: max(20px, calc(var(--spacing-scale) * 68px));--padding-block-start-mobile: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;--padding-block-end-mobile: 0px;
        "
        data-testid="section-content"
      >
        
  


  







  <div 
  class=" spacing-style text-block text-block--AeEFPR1gwWXVUQ0xKY__text_RQzBYx custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1.875rem;--font-size-mobile: 1.5rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1.5rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p><strong>Customer Favorites</strong></p>
  </div>












<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 56px));--padding-block-start-mobile: 16px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-max-width:1312px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-grid
          
        
        
        
      "
      style="
        --grid-columns-mobile: 1;
  --grid-columns-tablet: 2;
  --grid-columns-desktop: 2;
  --grid-gap-x-mobile: 16px;
  --grid-gap-y-mobile: 16px;
  --grid-gap-x-tablet: 32px;
  --grid-gap-y-tablet: 32px;
  --grid-gap-x-desktop: 32px;
  --grid-gap-y-desktop: 32px;
        
      "
    >
  





<div class="product-banner relative flex justify-between h-30 md:h-60 lg:h-85"
     style="border-radius: 4px;"
     >

  <div class="product-banner__media-wrapper absolute inset-0 z-10">
    
      <div
  class="overlay overlay--solid overlay--gradient-style-custom"
  style="
    --overlay-layer: 0;
    --overlay-color: #fffbf0;
    --overlay-color--end: rgba(255, 251, 240, 0);
    --overlay-direction: to bottom; --overlay-border-radius: 4px;
      --overlay-color-gradient: linear-gradient(0deg, rgba(87, 163, 0, 1) 4%, rgba(35, 53, 13, 1) 100%);
      --overlay-color-gradient-mobile: radial-gradient(rgba(200, 223, 243, 1), rgba(255, 255, 255, 1) 100%);
    
  "
></div>



    
  </div>

  
    <a
      href="/collections/collagen-supplements-475"
      class="absolute inset-0 z-20 no-underline text-inherit"
      data-internal-campaign-name="HP|Collagen|Image|Bottle"
      data-internal-campaign-id="26-09-3"
      data-internal-campaign-placement="DoubleShowcaseTile1|Image|Collagen"
    >
      <span class="sr-only">Link to product banner</span>
    </a>
  

  
    <div class="product-banner__image flex md:w-1/2 z-10 min-w-34">
      <picture>
        
          
          <source
            media="(max-width: 767px)"
            srcset="//www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature-Collagen_SW1833_072426_m.jpg?v=1787253638&width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature-Collagen_SW1833_072426_m.jpg?v=1787253638&width=550 550w"
            sizes="100vw"
          >
        

        
          
          <source
            media="(min-width: 768px)"
            srcset="//www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature-Collagen_SW1833_072426.jpg?v=1787253619&width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature-Collagen_SW1833_072426.jpg?v=1787253619&width=550 550w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature-Collagen_SW1833_072426.jpg?v=1787253619&width=750 750w"
            sizes="50vw"
          >
        

        
        <img
          src="//www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature-Collagen_SW1833_072426.jpg?v=1787253619&width=750"
          alt=""
          width="640"
          height="680"
          class="w-full h-full object-cover"
          loading="lazy"
        >
      </picture>
    </div>
  

  <div class="product-banner__content flex flex-col justify-center items-start gap-5.5 pl-7 md:p-3 lg:p-0 lg:pl-7 md:gap-0 w-full z-10 md:z-20 md:w-1/2">
    
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
       color-scheme-29ed9998-910c-482a-a4b2-b0a6064def63
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 16px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 16px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AOUtzd1JQMUlmNHhMc__text_rLWrB3 custom
    
    text-block--align-left text-block--align-mobile-left  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground-heading);--font-size: 1.5rem;--font-size-mobile: 1rem;--font-size-tablet: 1.125rem;--font-weight: 500;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1.125rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <h3>Your "on-the-glow" routine.</h3>
  </div>












<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AbDZEUDZiQVNQU3JiM__text_aMxnrJ custom
    
    text-block--align-left text-block--align-mobile-left  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:16px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-foreground-heading);--font-size: 1.5rem;--font-size-mobile: 0.875rem;--font-size-tablet: 1.125rem;--font-weight: 100;--font-weight-desktop: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 100;
    

    
    
      --custom-font-weight-desktop: 400;
    

    
    

    
    
      --mobile-font-size: 0.875rem;
    

    
      --tablet-font-size: 1.125rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <h4>Travel-friendly stick packs make healthy hair, skin, nails, and joints a breeze.</h4>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
       hidden--mobile
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  




<a
  
    
      href="/collections/collagen-supplements-475"
    
  
  class="
    size-style
    spacing-style
    button
    button--AL2dYbUVLd0JHaU5Ge__button_HrwiCF
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--padding-block-start: 9px;--padding-block-start-mobile: 13px;--padding-block-end: 9px;--padding-block-end-mobile: 13px;--padding-inline-start: 10px;--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-end: 10px;--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 22px));"
  

  
  data-internal-campaign-name="HP|CollagenCopy|Bottle"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="DoubleShowcaseTile1|CTA_ShopCollagen"
  
>
  
  <span class="button__label">Shop Collagen</span>
</a>






</div>
  </div>

<!--@list/split-->



  </div>
</div>











<div class="product-banner relative flex justify-between h-30 md:h-60 lg:h-85"
     style="border-radius: 4px;"
     >

  <div class="product-banner__media-wrapper absolute inset-0 z-10">
    
      <div
  class="overlay overlay--solid overlay--gradient-style-custom"
  style="
    --overlay-layer: 0;
    --overlay-color: #fffbf0;
    --overlay-color--end: rgba(255, 251, 240, 0);
    --overlay-direction: to top; --overlay-border-radius: 4px;
      --overlay-color-gradient: radial-gradient(rgba(35, 53, 13, 1), rgba(255, 255, 255, 1) 100%);
      --overlay-color-gradient-mobile: radial-gradient(rgba(35, 53, 13, 1), rgba(255, 255, 255, 1) 100%);
    
  "
></div>



    
  </div>

  
    <a
      href="/collections/magnesium-164"
      class="absolute inset-0 z-20 no-underline text-inherit"
      data-internal-campaign-name="HP|Magnesium|Image|Bottle"
      data-internal-campaign-id="26-09-3"
      data-internal-campaign-placement="DoubleShowcaseTile2|Image|TripleMag"
    >
      <span class="sr-only">Link to product banner</span>
    </a>
  

  
    <div class="product-banner__image flex md:w-1/2 z-10 min-w-34">
      <picture>
        
          
          <source
            media="(max-width: 767px)"
            srcset="//www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature-Magnesium_SW1079_082426-SuppCo_m.jpg?v=1787679136&width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature-Magnesium_SW1079_082426-SuppCo_m.jpg?v=1787679136&width=550 550w"
            sizes="100vw"
          >
        

        
          
          <source
            media="(min-width: 768px)"
            srcset="//www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature-Magnesium_SW1079_082426-SuppCo.jpg?v=1787679114&width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature-Magnesium_SW1079_082426-SuppCo.jpg?v=1787679114&width=550 550w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature-Magnesium_SW1079_082426-SuppCo.jpg?v=1787679114&width=750 750w"
            sizes="50vw"
          >
        

        
        <img
          src="//www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature-Magnesium_SW1079_082426-SuppCo.jpg?v=1787679114&width=750"
          alt=""
          width="640"
          height="680"
          class="w-full h-full object-cover"
          loading="lazy"
        >
      </picture>
    </div>
  

  <div class="product-banner__content flex flex-col justify-center items-start gap-5.5 pl-7 md:p-3 lg:p-0 lg:pl-7 md:gap-0 w-full z-10 md:z-20 md:w-1/2">
    
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
       color-scheme-29ed9998-910c-482a-a4b2-b0a6064def63
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 16px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 16px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--ATU9IUjgzS20yNDNVe__text_YFMYwH custom
    
    text-block--align-left text-block--align-mobile-left  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground-heading);--font-size: 1.5rem;--font-size-mobile: 1rem;--font-size-tablet: 1.125rem;--font-weight: 500;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1.125rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <h3>3-in-1 daily benefits.</h3>
  </div>












<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AYStFQ1FnNzkwRWY5c__text_NfhJhR custom
    
    text-block--align-left text-block--align-mobile-left  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:16px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-foreground-heading);--font-size: 1.5rem;--font-size-mobile: 0.875rem;--font-size-tablet: 1.125rem;--font-weight: 100;--font-weight-desktop: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 100;
    

    
    
      --custom-font-weight-desktop: 400;
    

    
    

    
    
      --mobile-font-size: 0.875rem;
    

    
      --tablet-font-size: 1.125rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <h4>Calm in a capsule for both body and mind.</h4>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
       hidden--mobile
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  




<a
  
    
      href="/collections/magnesium-164"
    
  
  class="
    size-style
    spacing-style
    button
    button--ATHB6UHJrZGVqTnQ2W__button_W4HVR3
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--padding-block-start: 9px;--padding-block-start-mobile: 13px;--padding-block-end: 9px;--padding-block-end-mobile: 13px;--padding-inline-start: 10px;--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-end: 10px;--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 22px));"
  

  
  data-internal-campaign-name="HP|TripleMag|Copy|Bottle"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="DoubleShowcaseTile2|CTA_ShopMagnesium"
  
>
  
  <span class="button__label">Shop Magnesium</span>
</a>






</div>
  </div>

<!--@list/split-->



  </div>
</div>






</div>
  </div>

<!--@list/split-->



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 64px;
    

    
      
        --spacer-size-mobile: 40px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>






      </div>
    </div>
  </div>



</div><div id="shopify-section-template--20023019798666__section_w6jbgr" class="shopify-section section-wrapper">



<div class="section-background color-scheme-e89a4238-324d-4477-a90e-8f65e6f71220"></div>
  <div
    class="section section--page-width page-width-container-extended color-scheme-e89a4238-324d-4477-a90e-8f65e6f71220"

    

    style="
      

      

      
    "
  >
    <div class="custom-section-background">
      

    </div>

    <div
      class="border-style custom-section-content"
      style="--border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 

"
    >
      
        <div
  class="overlay overlay--gradient overlay--gradient-style-custom"
  style="
    --overlay-layer: 0;
    --overlay-color: #00000026;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;
      --overlay-color-gradient: linear-gradient(180deg, rgba(227, 232, 212, 1) 7.68%, rgba(180, 186, 162, 1) 100%);
      --overlay-color-gradient-mobile: linear-gradient(180deg, rgba(227, 232, 212, 1) 7.68%, rgba(180, 186, 162, 1) 100%);
    
  "
></div>



      

      <div
        class="
          spacing-style
          layout-panel-flex
          layout-panel-flex--column
          section-content-wrapper
           mobile-column
          
        "
        style="
          --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
          --padding-block-start: max(20px, calc(var(--spacing-scale) * 72px));--padding-block-start-mobile: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 80px));--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 40px));
        "
        data-testid="section-content"
      >
        
  


  







  <div 
  class=" spacing-style text-block text-block--AdllLS2RSc2dYSENrc__text_riaV8D custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:42px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:0px; --padding-block-end-mobile:28px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-foreground);--font-size: 1.875rem;--font-size-mobile: 1.5rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1.5rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p><strong>Brands Customers Love</strong></p>
  </div>












<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: max(24px, calc(var(--gap-scale, 1.0) * 30px));

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: ;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
30px;  overflow: hidden; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
         group-block-content--has-text-overlay
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
          --text-overlay-color: #717664;
          --text-overlay-border-radius: 0px;
          --text-overlay-padding-horizontal: 16px;
          --text-overlay-padding-vertical: 16px;
        
      "
    >
  
















<a
    href="/collections/brand-natures-fusions"
    class="
  image-block image-block--AZ09rcXJEdUxVeldTa__image_FdA7Vw image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 16 / 9;
  --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    aria-label="View brand natures fusions"
    data-internal-campaign-name="HP|Nature'sFusions|Bottles"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="NationalBrandTile1|Image|Nature'sFusions"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Natures-Fusions_NFU014_NFU012_090126.jpg?v=1787325195&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Natures-Fusions_NFU014_NFU012_090126.jpg?v=1787325195&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Natures-Fusions_NFU014_NFU012_090126.jpg?v=1787325195&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Natures-Fusions_NFU014_NFU012_090126.jpg?v=1787325195&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Natures-Fusions_NFU014_NFU012_090126.jpg?v=1787325195&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Natures-Fusions_NFU014_NFU012_090126.jpg?v=1787325195&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Natures-Fusions_NFU014_NFU012_090126.jpg?v=1787325195&amp;width=1350 1350w" width="894" height="503" loading="lazy" class="image-block__image border-style" style="
  --ratio: 16 / 9;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>









<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fill
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 15px;--padding-block-end-mobile: 15px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: 100%;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
          
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 20px;--padding-inline-start-mobile: 20px;--padding-inline-end: 20px;--padding-inline-end-mobile: 20px;
      --size-style-width:60%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  









  <div 
  class=" spacing-style text-block text-block--AM1pXYVIydExoRnFhR__text_liquid_Hxq8cP custom
    
    text-block--align-left text-block--align-mobile-left  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 0.875rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 0.875rem;
    

    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <span style="color: #FFF;">To inspire and assist others on their journey to optimal wellness.</style>
  </div>







</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 20px;--padding-inline-end-mobile: 10px;
      --size-style-width:40%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-end; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-end;
        
      "
    >
  




<a
  
    
      href="/collections/brand-natures-fusions"
    
  
  class="
    size-style
    spacing-style
    button-secondary
    button-secondary--AUE9zOWk1dk9MMktJN__button_KhcgkB
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--padding-block-start: 8px;--padding-block-start-mobile: 6px;--padding-block-end: 8px;--padding-block-end-mobile: 6px;--padding-inline-start: 12px;--padding-inline-start-mobile: 8px;--padding-inline-end: 12px;--padding-inline-end-mobile: 8px;"
  

  
  data-internal-campaign-name="HP|Nature'sFusionsCTA|Bottles"
  data-internal-campaign-id="26-9-3"
  data-internal-campaign-placement="NationalBrandTile1|CTA|ShopNature'sFusions"
  
>
  
  <span class="button__label">Shop Nature's Fusions</span>
</a>






</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
30px;  overflow: hidden; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
         group-block-content--has-text-overlay
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
          --text-overlay-color: #717664;
          --text-overlay-border-radius: 0px;
          --text-overlay-padding-horizontal: 0px;
          --text-overlay-padding-vertical: 0px;
        
      "
    >
  
















<a
    href="/collections/brand-renew-life"
    class="
  image-block image-block--ASS9BWnZZNTFDV2Rvd__image_QcpccW image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 16 / 9;
  --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    aria-label="View brand renew life"
    data-internal-campaign-name="HP|RenewLifeImage|Bottles"
    data-internal-campaign-id="26-9-3"
    data-internal-campaign-placement="NationalBrandTile1|Image|RenewLife"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Renew-Life_RNL233_RNL245_090126.jpg?v=1787327254&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Renew-Life_RNL233_RNL245_090126.jpg?v=1787327254&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Renew-Life_RNL233_RNL245_090126.jpg?v=1787327254&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Renew-Life_RNL233_RNL245_090126.jpg?v=1787327254&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Renew-Life_RNL233_RNL245_090126.jpg?v=1787327254&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Renew-Life_RNL233_RNL245_090126.jpg?v=1787327254&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Renew-Life_RNL233_RNL245_090126.jpg?v=1787327254&amp;width=1350 1350w" width="894" height="503" loading="lazy" class="image-block__image border-style" style="
  --ratio: 16 / 9;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>









<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fill
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 15px;--padding-block-end-mobile: 15px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: 100%;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
          
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 20px;--padding-inline-start-mobile: 20px;--padding-inline-end: 20px;--padding-inline-end-mobile: 20px;
      --size-style-width:60%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  









  <div 
  class=" spacing-style text-block text-block--AeEp1Z3lWYUlKS0JOV__text_liquid_YV7wUm custom
    
    text-block--align-left text-block--align-mobile-left  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 0.875rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 0.875rem;
    

    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <span style="color: #FFF;">The Digestive Care Experts.</style>
  </div>







</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 20px;--padding-inline-end-mobile: 10px;
      --size-style-width:40%;--size-style-height: fit;--size-style-height-mobile: ;
  --size-style-width-mobile:60%; --size-style-width-mobile-min:60%;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-end; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-end;
        
      "
    >
  




<a
  
    
      href="/collections/brand-renew-life"
    
  
  class="
    size-style
    spacing-style
    button-secondary
    button-secondary--ATm00WDlaWHJjU3owY__button_6NymBr
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--padding-block-start: 8px;--padding-block-start-mobile: 6px;--padding-block-end: 8px;--padding-block-end-mobile: 6px;--padding-inline-start: 12px;--padding-inline-start-mobile: 8px;--padding-inline-end: 12px;--padding-inline-end-mobile: 8px;"
  

  
  data-internal-campaign-name="HP|RenewLifeCTA|Bottles"
  data-internal-campaign-id="26-9-3"
  data-internal-campaign-placement="NationalBrandTile2|CTA|RenewLife"
  
>
  
  <span class="button__label">Shop Renew Life</span>
</a>






</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 20px;--padding-block-start-mobile: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 75px));--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 75px));--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-grid
          
        
        
        
      "
      style="
        --grid-columns-mobile: 3;
  --grid-columns-tablet: 6;
  --grid-columns-desktop: 6;
  --grid-gap-x-mobile: 4px;
  --grid-gap-y-mobile: 4px;
  --grid-gap-x-tablet: 4px;
  --grid-gap-y-tablet: 4px;
  --grid-gap-x-desktop: 4px;
  --grid-gap-y-desktop: 4px;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 10px;--padding-inline-start-mobile: 10px;--padding-inline-end: 10px;--padding-inline-end-mobile: 10px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: center; --vertical-alignment: flex-start;
  --vertical-alignment-mobile: flex-start;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
       color-scheme-8bb385b8-9709-4e53-9c92-84676330dc98
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
100px;  overflow: hidden; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-max-width:200px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
        <div
  class="overlay overlay--solid overlay--gradient-style-standard"
  style="
    --overlay-layer: 0;
    --overlay-color: #fefefe;
    --overlay-color--end: rgba(254, 254, 254, 0);
    --overlay-direction: to top; --overlay-border-radius: 100px;
  "
></div>



      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/collections/brand-nature-made"
    class="
  image-block image-block--ATGE5WXV6NFlRV0pna__image_hfeNzD image-block--height-custom image-block--height-mobile-fill spacing-style size-style
 "
    style="
  --ratio: 1;
  --size-style-width:100%;--size-style-height:100%;--size-style-height-mobile: 100%;
  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;
  --padding-block-start: 10px;--padding-block-start-mobile: 10px;--padding-block-end: 10px;--padding-block-end-mobile: 10px;--padding-inline-start: 10px;--padding-inline-start-mobile: 10px;--padding-inline-end: 10px;--padding-inline-end-mobile: 10px;
  --object-fit: contain;
"
    aria-label="View brand nature made"
    data-internal-campaign-name="HP|NatureMade|Logo"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="NationalBrandLogo1|Logo"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP_Vendor-Logo-Nature-Made-011926.png?v=1768840094&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP_Vendor-Logo-Nature-Made-011926.png?v=1768840094&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/HP_Vendor-Logo-Nature-Made-011926.png?v=1768840094&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP_Vendor-Logo-Nature-Made-011926.png?v=1768840094&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP_Vendor-Logo-Nature-Made-011926.png?v=1768840094&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP_Vendor-Logo-Nature-Made-011926.png?v=1768840094&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP_Vendor-Logo-Nature-Made-011926.png?v=1768840094&amp;width=1350 1350w" width="400" height="200" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
100px;  overflow: hidden; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






</div>
  </div>

<!--@list/split-->




  







  <div 
  class=" spacing-style text-block text-block--AOFhpQ0NzYVNzS0xyY__text_3kmbqx custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:8px; --padding-inline-end:8px;--padding-block-start-mobile:10px; --padding-block-end-mobile:12px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|NatureMade|CTA"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="NationalBrandLogo1|CTA|ShopNow"

  
>
    <p><a href="/collections/brand-nature-made" title="Nature Made">Shop Now</a></p>
  </div>









</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 10px;--padding-inline-start-mobile: 10px;--padding-inline-end: 10px;--padding-inline-end-mobile: 10px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: center; --vertical-alignment: flex-start;
  --vertical-alignment-mobile: flex-start;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
       color-scheme-8bb385b8-9709-4e53-9c92-84676330dc98
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
100px;  overflow: hidden; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-max-width:200px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
        <div
  class="overlay overlay--solid overlay--gradient-style-standard"
  style="
    --overlay-layer: 0;
    --overlay-color: #fefefe;
    --overlay-color--end: rgba(254, 254, 254, 0);
    --overlay-direction: to top; --overlay-border-radius: 100px;
  "
></div>



      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/collections/brand-21st-century"
    class="
  image-block image-block--AanFCRjJZRWJZVmtSW__image_6HmwqQ image-block--height-custom image-block--height-mobile-fill spacing-style size-style
 "
    style="
  --ratio: 1;
  --size-style-width:100%;--size-style-height:100%;--size-style-height-mobile: 100%;
  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;
  --padding-block-start: 10px;--padding-block-start-mobile: 10px;--padding-block-end: 10px;--padding-block-end-mobile: 10px;--padding-inline-start: 10px;--padding-inline-start-mobile: 10px;--padding-inline-end: 10px;--padding-inline-end-mobile: 10px;
  --object-fit: contain;
"
    aria-label="View brand 21st century"
    data-internal-campaign-name="HP|21stCentury|Logo"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="NationalBrandLogo2|Logo"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-21st-Century-090126.png?v=1787327769&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-21st-Century-090126.png?v=1787327769&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-21st-Century-090126.png?v=1787327769&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-21st-Century-090126.png?v=1787327769&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-21st-Century-090126.png?v=1787327769&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-21st-Century-090126.png?v=1787327769&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-21st-Century-090126.png?v=1787327769&amp;width=1350 1350w" width="400" height="200" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
100px;  overflow: hidden; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






</div>
  </div>

<!--@list/split-->




  







  <div 
  class=" spacing-style text-block text-block--ASjFxV2ovb2VpUWZka__text_gPDJhk custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:8px; --padding-inline-end:8px;--padding-block-start-mobile:10px; --padding-block-end-mobile:12px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|21stCentury|CTA"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="NationalBrandLogo2|CTA|ShopNow"

  
>
    <p><a href="/collections/brand-21st-century" title="21st Century">Shop Now</a></p>
  </div>









</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 10px;--padding-inline-start-mobile: 10px;--padding-inline-end: 10px;--padding-inline-end-mobile: 10px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: center; --vertical-alignment: flex-start;
  --vertical-alignment-mobile: flex-start;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
       color-scheme-8bb385b8-9709-4e53-9c92-84676330dc98
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
100px;  overflow: hidden; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-max-width:200px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
        <div
  class="overlay overlay--solid overlay--gradient-style-standard"
  style="
    --overlay-layer: 0;
    --overlay-color: #fefefe;
    --overlay-color--end: rgba(254, 254, 254, 0);
    --overlay-direction: to top; --overlay-border-radius: 100px;
  "
></div>



      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/collections/brand-thorne"
    class="
  image-block image-block--ANDRPVER4L0NNbzRUW__image_BNNhHw image-block--height-custom image-block--height-mobile-fill spacing-style size-style
 "
    style="
  --ratio: 1;
  --size-style-width:100%;--size-style-height:100%;--size-style-height-mobile: 100%;
  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;
  --padding-block-start: 10px;--padding-block-start-mobile: 10px;--padding-block-end: 10px;--padding-block-end-mobile: 10px;--padding-inline-start: 10px;--padding-inline-start-mobile: 10px;--padding-inline-end: 10px;--padding-inline-end-mobile: 10px;
  --object-fit: contain;
"
    aria-label="View brand thorne"
    data-internal-campaign-name="HP|Thorne|Logo"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="NationalBrandLogo3|Logo"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Thorne-090126.png?v=1787327837&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Thorne-090126.png?v=1787327837&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Thorne-090126.png?v=1787327837&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Thorne-090126.png?v=1787327837&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Thorne-090126.png?v=1787327837&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Thorne-090126.png?v=1787327837&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Thorne-090126.png?v=1787327837&amp;width=1350 1350w" width="400" height="200" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
100px;  overflow: hidden; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






</div>
  </div>

<!--@list/split-->




  







  <div 
  class=" spacing-style text-block text-block--AeE15OXJFVkJGaWhBS__text_EPYDq9 custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:8px; --padding-inline-end:8px;--padding-block-start-mobile:10px; --padding-block-end-mobile:12px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|Thorne|CTA"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="NationalBrandLogo3|CTA|ShopNow"

  
>
    <p><a href="/collections/brand-thorne" title="Thorne">Shop Now</a></p>
  </div>









</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 10px;--padding-inline-start-mobile: 10px;--padding-inline-end: 10px;--padding-inline-end-mobile: 10px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: center; --vertical-alignment: flex-start;
  --vertical-alignment-mobile: flex-start;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
       color-scheme-8bb385b8-9709-4e53-9c92-84676330dc98
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
100px;  overflow: hidden; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-max-width:200px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
        <div
  class="overlay overlay--solid overlay--gradient-style-standard"
  style="
    --overlay-layer: 0;
    --overlay-color: #fefefe;
    --overlay-color--end: rgba(254, 254, 254, 0);
    --overlay-direction: to top; --overlay-border-radius: 100px;
  "
></div>



      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/collections/brand-now-foods"
    class="
  image-block image-block--AbmJMTExNOU9sYjh5U__image_YQQghH image-block--height-custom image-block--height-mobile-fill spacing-style size-style
 "
    style="
  --ratio: 1;
  --size-style-width:100%;--size-style-height:100%;--size-style-height-mobile: 100%;
  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;
  --padding-block-start: 10px;--padding-block-start-mobile: 10px;--padding-block-end: 10px;--padding-block-end-mobile: 10px;--padding-inline-start: 10px;--padding-inline-start-mobile: 10px;--padding-inline-end: 10px;--padding-inline-end-mobile: 10px;
  --object-fit: contain;
"
    aria-label="Logo with the word 'NOW' and a sun-like symbol in the center on a white background"
    data-internal-campaign-name="HP|NOWFoods|Logo"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="NationalBrandLogo4|Logo"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-NOW-Foods-011326.png?v=1771364507&amp;width=3840" alt="Logo with the word &#39;NOW&#39; and a sun-like symbol in the center on a white background" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-NOW-Foods-011326.png?v=1771364507&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-NOW-Foods-011326.png?v=1771364507&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-NOW-Foods-011326.png?v=1771364507&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-NOW-Foods-011326.png?v=1771364507&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-NOW-Foods-011326.png?v=1771364507&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-NOW-Foods-011326.png?v=1771364507&amp;width=1350 1350w" width="310" height="200" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
100px;  overflow: hidden; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






</div>
  </div>

<!--@list/split-->




  







  <div 
  class=" spacing-style text-block text-block--AeXlEa29Yd0MwcWdvY__text_HhyNaa custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:8px; --padding-inline-end:8px;--padding-block-start-mobile:10px; --padding-block-end-mobile:12px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|NOWFoods|CTA"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="NationalBrandLogo4|CTA|ShopNow"

  
>
    <p><a href="/collections/brand-now-foods" title="NOW Foods">Shop Now</a></p>
  </div>









</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 10px;--padding-inline-start-mobile: 10px;--padding-inline-end: 10px;--padding-inline-end-mobile: 10px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: center; --vertical-alignment: flex-start;
  --vertical-alignment-mobile: flex-start;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
       color-scheme-8bb385b8-9709-4e53-9c92-84676330dc98
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
100px;  overflow: hidden; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-max-width:200px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
        <div
  class="overlay overlay--solid overlay--gradient-style-standard"
  style="
    --overlay-layer: 0;
    --overlay-color: #fefefe;
    --overlay-color--end: rgba(254, 254, 254, 0);
    --overlay-direction: to top; --overlay-border-radius: 100px;
  "
></div>



      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/collections/brand-doctors-best"
    class="
  image-block image-block--AVUJ2UXo4alFraEF4d__image_6UbyNJ image-block--height-custom image-block--height-mobile-fill spacing-style size-style
 "
    style="
  --ratio: 1;
  --size-style-width:100%;--size-style-height:100%;--size-style-height-mobile: 100%;
  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;
  --padding-block-start: 10px;--padding-block-start-mobile: 10px;--padding-block-end: 10px;--padding-block-end-mobile: 10px;--padding-inline-start: 10px;--padding-inline-start-mobile: 10px;--padding-inline-end: 10px;--padding-inline-end-mobile: 10px;
  --object-fit: contain;
"
    aria-label="Logo of 'Doctor's Best' with blue text and an orange underline on a white background"
    data-internal-campaign-name="HP|Doctor'sBest|Logo"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="NationalBrandLogo5|Logo"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Doctors-Best-011326.png?v=1777307065&amp;width=3840" alt="Logo of &#39;Doctor&#39;s Best&#39; with blue text and an orange underline on a white background" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Doctors-Best-011326.png?v=1777307065&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Doctors-Best-011326.png?v=1777307065&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Doctors-Best-011326.png?v=1777307065&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Doctors-Best-011326.png?v=1777307065&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Doctors-Best-011326.png?v=1777307065&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Doctors-Best-011326.png?v=1777307065&amp;width=1350 1350w" width="400" height="200" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
100px;  overflow: hidden; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






</div>
  </div>

<!--@list/split-->




  







  <div 
  class=" spacing-style text-block text-block--ATHIzQjFtYndvRUo5b__text_6MPjaf custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:8px; --padding-inline-end:8px;--padding-block-start-mobile:10px; --padding-block-end-mobile:12px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|Doctor'sBest|CTA"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="NationalBrandLogo5|CTA|ShopNow"

  
>
    <p><a href="/collections/brand-doctors-best" title="Doctor's Best">Shop Now</a></p>
  </div>









</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 10px;--padding-inline-start-mobile: 10px;--padding-inline-end: 10px;--padding-inline-end-mobile: 10px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: center; --vertical-alignment: flex-start;
  --vertical-alignment-mobile: flex-start;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
       color-scheme-8bb385b8-9709-4e53-9c92-84676330dc98
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
100px;  overflow: hidden; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-max-width:200px;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
        <div
  class="overlay overlay--solid overlay--gradient-style-standard"
  style="
    --overlay-layer: 0;
    --overlay-color: #fefefe;
    --overlay-color--end: rgba(254, 254, 254, 0);
    --overlay-direction: to top; --overlay-border-radius: 100px;
  "
></div>



      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/collections/brand-irwin-naturals"
    class="
  image-block image-block--AZnVaMjVkZ2ZiZCtWd__image_4VBJxz image-block--height-custom image-block--height-mobile-fill spacing-style size-style
 "
    style="
  --ratio: 1;
  --size-style-width:100%;--size-style-height:100%;--size-style-height-mobile: 100%;
  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;
  --padding-block-start: 10px;--padding-block-start-mobile: 10px;--padding-block-end: 10px;--padding-block-end-mobile: 10px;--padding-inline-start: 10px;--padding-inline-start-mobile: 10px;--padding-inline-end: 10px;--padding-inline-end-mobile: 10px;
  --object-fit: contain;
"
    aria-label="Irwin Naturals logo with a green leaf and droplets on a transparent background"
    data-internal-campaign-name="HP|IrwinNaturals|Logo"
    data-internal-campaign-id="26-09-3"
    data-internal-campaign-placement="NationalBrandLogo6|Logo"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/irwin.png?v=1754932377&amp;width=3840" alt="Irwin Naturals logo with a green leaf and droplets on a transparent background" srcset="//www.swansonvitamins.com/cdn/shop/files/irwin.png?v=1754932377&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/irwin.png?v=1754932377&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/irwin.png?v=1754932377&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/irwin.png?v=1754932377&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/irwin.png?v=1754932377&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/irwin.png?v=1754932377&amp;width=1350 1350w" width="500" height="305" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
100px;  overflow: hidden; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






</div>
  </div>

<!--@list/split-->




  







  <div 
  class=" spacing-style text-block text-block--ASGJCWG4xQUZqM0g5a__text_4DpDFX custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:8px; --padding-inline-end:8px;--padding-block-start-mobile:10px; --padding-block-end-mobile:12px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: none;
    
  "

  data-internal-campaign-name="HP|IrwinNaturals|CTA"
  data-internal-campaign-id="26-09-3"
  data-internal-campaign-placement="NationalBrandLogo6|CTA|ShopNow"

  
>
    <p><a href="/collections/brand-irwin-naturals" title="Irwin Naturals">Shop Now</a></p>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->






<a
  
    
      href="/pages/brands"
    
  
  class="
    size-style
    spacing-style
    button
    button--ATFNBV2FXajFGdUszQ__button_DzVa84
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--padding-block-start: 15px;--padding-block-start-mobile: 15px;--padding-block-end: 15px;--padding-block-end-mobile: 15px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 28px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 28px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 40px));"
  

  
  data-internal-campaign-name="HP|ShopAllBrands|CTA"
  data-internal-campaign-id="26-04"
  data-internal-campaign-placement="NB|CTA_ShopAllBrands"
  
>
  
  <span class="button__label">Shop All Brands</span>
</a>







      </div>
    </div>
  </div>



</div><div id="shopify-section-template--20023019798666__section_LqpLzY" class="shopify-section section-wrapper">



<div class="section-background color-scheme-e89a4238-324d-4477-a90e-8f65e6f71220"></div>
  <div
    class="section section--page-width page-width-narrow color-scheme-e89a4238-324d-4477-a90e-8f65e6f71220"

    

    style="
      

      

      
    "
  >
    <div class="custom-section-background">
      

    </div>

    <div
      class="border-style custom-section-content"
      style="--border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 

"
    >
      

      <div
        class="
          spacing-style
          layout-panel-flex
          layout-panel-flex--column
          section-content-wrapper
           mobile-column
          
        "
        style="
          --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
          --padding-block-start: max(20px, calc(var(--spacing-scale) * 44px));--padding-block-start-mobile: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 96px));--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 48px));
        "
        data-testid="section-content"
      >
        
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
       hidden--desktop
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 50px));--padding-inline-end: 0px;--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 50px));
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AVlJvLzN2YXI5dnRmS__text_fwEU7C custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:0px; --padding-block-end-mobile:22px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-foreground);--font-size: 1.5rem;--font-size-mobile: 1.5rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1.5rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <h2>We Make it Better</h2>
  </div>









</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 70px));--padding-inline-end: 0px;--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 70px));
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-grid
          
        
        
        
      "
      style="
        --grid-columns-mobile: 1;
  --grid-columns-tablet: 2;
  --grid-columns-desktop: 2;
  --grid-gap-x-mobile: 12px;
  --grid-gap-y-mobile: 75px;
  --grid-gap-x-tablet: 0px;
  --grid-gap-y-tablet: 75px;
  --grid-gap-x-desktop: 0px;
  --grid-gap-y-desktop: 75px;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: ;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width:64%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  
















<a
    href="/account?view=wellness-rewards"
    class="
  image-block image-block--AbmFrY3MxczE3UVllb__image_9rDG8U image-block--height-fit image-block--height-mobile-custom spacing-style size-style
 "
    style="
  --ratio: 1.0;
  --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile:224px;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-max-width:400px;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    aria-label="Go to link"
    data-internal-campaign-name="HP|Rewards|Image|ManDriving"
    data-internal-campaign-id="26-04-09"
    data-internal-campaign-placement="Rewards|Image"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Tile-Wellness-Rewards-Update-061226.webp?v=1781291359&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Tile-Wellness-Rewards-Update-061226.webp?v=1781291359&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/HP-Tile-Wellness-Rewards-Update-061226.webp?v=1781291359&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Tile-Wellness-Rewards-Update-061226.webp?v=1781291359&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Tile-Wellness-Rewards-Update-061226.webp?v=1781291359&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Tile-Wellness-Rewards-Update-061226.webp?v=1781291359&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Tile-Wellness-Rewards-Update-061226.webp?v=1781291359&amp;width=1350 1350w" width="300" height="300" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.0;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-inline-start-mobile: 0px;--padding-inline-end: max(20px, calc(var(--spacing-scale) * 32px));--padding-inline-end-mobile: 0px;
      --size-style-width:50%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  

<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 0px;
    

    
      
        --spacer-size-mobile: 16px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>





















  <div
    class="
  image-block image-block--AdFpIcjE3SWJRcVNSU__image_V3L3BA image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 9.704119850187267;
  --size-style-width:100%;--size-style-height: fit;--size-style-height-mobile: fit;
  --size-style-width-mobile:70%; --size-style-width-mobile-min:70%;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: contain;
"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/Reward-2c-blk.svg?v=1776453090&amp;width=3840" alt="Wellness Rewards" srcset="//www.swansonvitamins.com/cdn/shop/files/Reward-2c-blk.svg?v=1776453090&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/Reward-2c-blk.svg?v=1776453090&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/Reward-2c-blk.svg?v=1776453090&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/Reward-2c-blk.svg?v=1776453090&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/Reward-2c-blk.svg?v=1776453090&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/Reward-2c-blk.svg?v=1776453090&amp;width=1350 1350w" width="2591" height="267" loading="lazy" class="image-block__image border-style" style="
  --ratio: 9.704119850187267;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </div>







<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 28px;
    

    
      
        --spacer-size-mobile: 16px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>







  







  <div 
  class=" spacing-style text-block text-block--AZzZyc3prUHNVTEsyW__text_p7FTmD custom
    
    text-block--align-left text-block--align-mobile-left  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1.125rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1.125rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p>Get perks when you earn points with Swanson Wellness Rewards</p>
  </div>










<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 16px;
    

    
      
        --spacer-size-mobile: 16px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>









<a
  
    
      href="/account?view=wellness-rewards"
    
  
  class="
    size-style
    spacing-style
    button-secondary
    button-secondary--AcmVxbkFsK01TZlplU__button_jAn7VD
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--padding-block-start: 10px;--padding-block-start-mobile: 15px;--padding-block-end: 10px;--padding-block-end-mobile: 15px;--padding-inline-start: 16px;--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 36px));--padding-inline-end: 16px;--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 36px));"
  

  
  data-internal-campaign-name="HP|Rewards|Copy"
  data-internal-campaign-id="26-02"
  data-internal-campaign-placement="HP|Rewards|CTA_SignUpForFree"
  
>
  
  <span class="button__label">Sign Up for Free</span>
</a>






</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: ;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width:64%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  
















<a
    href="/pages/landing-pages_subscription"
    class="
  image-block image-block--AdUVueDBzSTZjYjRmM__image_UeQAf4 image-block--height-fit image-block--height-mobile-custom spacing-style size-style
 "
    style="
  --ratio: 1.0;
  --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile:224px;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;--size-style-max-width:400px;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    aria-label="View landing pages subscription"
    data-internal-campaign-name="HP|Subscription|Image|WomanGrabbingBox"
    data-internal-campaign-id="26-04-09"
    data-internal-campaign-placement="Subscription|Image"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/subscription-box-at-doorstep-square-2026-07-16.jpg?v=1784229896&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/subscription-box-at-doorstep-square-2026-07-16.jpg?v=1784229896&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/subscription-box-at-doorstep-square-2026-07-16.jpg?v=1784229896&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/subscription-box-at-doorstep-square-2026-07-16.jpg?v=1784229896&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/subscription-box-at-doorstep-square-2026-07-16.jpg?v=1784229896&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/subscription-box-at-doorstep-square-2026-07-16.jpg?v=1784229896&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/subscription-box-at-doorstep-square-2026-07-16.jpg?v=1784229896&amp;width=1350 1350w" width="1000" height="1000" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.0;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-inline-start-mobile: 0px;--padding-inline-end: max(20px, calc(var(--spacing-scale) * 32px));--padding-inline-end-mobile: 0px;
      --size-style-width:50%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  

<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 0px;
    

    
      
        --spacer-size-mobile: 16px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>





















  <div
    class="
  image-block image-block--AUmR0ZStKazRXTzZiQ__image_pnbhqr image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 5.128205128205129;
  --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: fit;
  --size-style-width-mobile:58%; --size-style-width-mobile-min:58%;--size-style-max-width:200px;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: contain;
"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/SH_Shopify_Subscription_Green.svg?v=1767800718&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/SH_Shopify_Subscription_Green.svg?v=1767800718&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/SH_Shopify_Subscription_Green.svg?v=1767800718&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/SH_Shopify_Subscription_Green.svg?v=1767800718&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/SH_Shopify_Subscription_Green.svg?v=1767800718&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/SH_Shopify_Subscription_Green.svg?v=1767800718&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/SH_Shopify_Subscription_Green.svg?v=1767800718&amp;width=1350 1350w" width="200" height="39" loading="lazy" class="image-block__image border-style" style="
  --ratio: 5.128205128205129;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </div>







<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 24px;
    

    
      
        --spacer-size-mobile: 16px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>







  







  <div 
  class=" spacing-style text-block text-block--AVDFyZS9JSmZQYXBaS__text_DxHEih custom
    
    text-block--align-left text-block--align-mobile-left  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-foreground);--font-size: 1rem;--font-size-mobile: 1.125rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1.125rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p>Wellness essentials delivered to your doorstep, scheduled when you want them</p>
  </div>










<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 28px;
    

    
      
        --spacer-size-mobile: 16px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>









<a
  
    
      href="/pages/landing-pages_subscription"
    
  
  class="
    size-style
    spacing-style
    button-secondary
    button-secondary--AMFc3cU42eFB3V3NNc__button_CKeR3H
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--padding-block-start: 10px;--padding-block-start-mobile: 15px;--padding-block-end: 10px;--padding-block-end-mobile: 15px;--padding-inline-start: 16px;--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 36px));--padding-inline-end: 16px;--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 36px));"
  

  
  data-internal-campaign-name="HP|Subscription|Copy"
  data-internal-campaign-id="26-02"
  data-internal-campaign-placement="Subscription|CTA_SubscribeToSave"
  
>
  
  <span class="button__label">Subscribe to Save</span>
</a>






</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->



      </div>
    </div>
  </div>



</div><div id="shopify-section-template--20023019798666__section_rGJYmE" class="shopify-section section-wrapper">



<div class="section-background color-scheme-df0b6c0d-0ac1-468e-9ccf-2c0f35e283fa"></div>
  <div
    class="section section--full-width color-scheme-df0b6c0d-0ac1-468e-9ccf-2c0f35e283fa"

    

    style="
      
        --section-min-height: 620px;
      

      
        --section-min-height-mobile: 490px;
      

      
      --section-preview-height: 600px;
      
    "
  >
    <div class="custom-section-background">
      

    </div>

    <div
      class="border-style custom-section-content"
      style="--border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 

"
    >
      

      <div
        class="
          spacing-style
          layout-panel-flex
          layout-panel-flex--column
          section-content-wrapper
           mobile-column
          
        "
        style="
          --flex-direction: column; --flex-wrap: nowrap;

  --gap: 16px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
          --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;
        "
        data-testid="section-content"
      >
        
  



  















  

  



  <deferred-media
    class="spacing-style size-style border-style absolute z-[var(--layer-raised)] top-0 left-0 right-0 bottom-0"
    style="
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


   --size-style-width: 100%; --size-style-width-mobile: 100%;
   --size-style-aspect-ratio: 1.775;
"
    
      autoplay
    
    data-load-on-interaction="true"
    
  >
    
      <button
        class="button deferred-media__poster-button button-unstyled"
        ref="deferredMediaPlayButton"
        aria-label="Load video: "
        type="button"
        on:click="/showDeferredMedia"
        onclick="console.log('[Video Debug] Thumbnail button clicked', { button: this, deferredMedia: this.closest('deferred-media'), hasTemplate: !!this.closest('deferred-media')?.querySelector('template'), videoType: '', videoFromUrl:  });"
        style="--video-aspect-ratio: 1.775"
        data-debug-video-from-url=""
        data-debug-video-type=""
      >
        <img src="//www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=1946" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=525 525w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=600 600w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=675 675w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=768 768w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=850 850w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=1024 1024w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=1125 1125w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=1280 1280w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=1440 1440w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=1536 1536w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=1700 1700w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=1920 1920w" width="1946" height="1095" loading="lazy" sizes="(min-width: 768px) 50vw, 100vw" class="deferred-media__poster-image">
        
      </button>
    

    
      <div class="z-[var(--layer-flat)] absolute top-auto bottom-8 lg:bottom-10 left-1/2 -translate-x-1/2 w-fit h-8 flex items-center justify-center gap-4">
        
          <button
            class="flex items-center justify-center w-8 h-8 opacity-70 hover:opacity-100 transition-opacity duration-300 cursor-pointer "
            ref="toggleMediaButton"
            type="button"
            on:click="/toggleMedia"
          >
            <span class="icon-play hidden">
              <span class="visually-hidden">Play video</span><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 25" fill="none" role="img" aria-label="Play">
  <path d="M10.5338 16.2976L15.4583 13.1504C15.6655 13.0159 15.7691 12.8351 15.7691 12.6081C15.7691 12.3813 15.6655 12.2015 15.4583 12.0689L10.5338 8.9216C10.3265 8.77627 10.1089 8.76543 9.88109 8.8891C9.65325 9.01293 9.53934 9.20402 9.53934 9.46235V15.7509C9.53934 16.015 9.65325 16.2085 9.88109 16.3314C10.1089 16.4542 10.3265 16.4429 10.5338 16.2976ZM12.0008 22.7591C10.6098 22.7591 9.297 22.4934 8.06234 21.9621C6.82784 21.4308 5.74959 20.7041 4.82759 19.7821C3.90559 18.8601 3.17892 17.7821 2.64759 16.5481C2.11625 15.3141 1.85059 14.0015 1.85059 12.6104C1.85059 11.2027 2.11625 9.88152 2.64759 8.64685C3.17892 7.41235 3.90525 6.33818 4.82659 5.42435C5.74792 4.51035 6.82575 3.78685 8.06009 3.25385C9.29442 2.72068 10.6073 2.4541 11.9988 2.4541C13.4068 2.4541 14.7284 2.72052 15.9636 3.25335C17.1986 3.78618 18.2728 4.50927 19.1863 5.4226C20.1 6.33593 20.8233 7.40993 21.3561 8.6446C21.8891 9.87927 22.1556 11.2009 22.1556 12.6096C22.1556 14.0013 21.889 15.3144 21.3558 16.5489C20.8228 17.7834 20.0993 18.8614 19.1853 19.7829C18.2715 20.7044 17.1976 21.4308 15.9636 21.9621C14.7296 22.4934 13.4087 22.7591 12.0008 22.7591ZM12.0001 21.0559C14.3508 21.0559 16.3462 20.2329 17.9863 18.5871C19.6263 16.9411 20.4463 14.9486 20.4463 12.6096C20.4463 10.2589 19.6263 8.26352 17.9863 6.62335C16.3462 4.98335 14.3498 4.16335 11.9971 4.16335C9.66109 4.16335 7.66984 4.98335 6.02334 6.62335C4.377 8.26352 3.55384 10.2599 3.55384 12.6126C3.55384 14.9486 4.37675 16.9399 6.02259 18.5864C7.66859 20.2327 9.66109 21.0559 12.0001 21.0559Z" fill="currentColor"/>
</svg>
</span>
            <span class="icon-pause ">
              <span class="visually-hidden">Pause video</span><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none" role="img" aria-label="Pause">
    <path d="M13.2983 21.381C13.5945 21.381 13.8411 21.2815 14.038 21.0823C14.2348 20.883 14.3333 20.636 14.3333 20.3414V11.6587C14.3333 11.364 14.2332 11.117 14.033 10.9177C13.8325 10.7186 13.5843 10.619 13.2883 10.619C12.9923 10.619 12.7445 10.7186 12.545 10.9177C12.3454 11.117 12.2456 11.364 12.2456 11.6587V20.3414C12.2456 20.636 12.3465 20.883 12.5483 21.0823C12.7501 21.2815 13.0001 21.381 13.2983 21.381ZM18.7196 21.381C19.0156 21.381 19.2621 21.2815 19.459 21.0823C19.6558 20.883 19.7543 20.636 19.7543 20.3414V11.6587C19.7543 11.364 19.6542 11.117 19.454 10.9177C19.2535 10.7186 19.0053 10.619 18.7093 10.619C18.4133 10.619 18.1655 10.7186 17.966 10.9177C17.7664 11.117 17.6666 11.364 17.6666 11.6587V20.3414C17.6666 20.636 17.7675 20.883 17.9693 21.0823C18.1711 21.2815 18.4212 21.381 18.7196 21.381ZM16.01 29.5327C14.1388 29.5327 12.3828 29.1785 10.742 28.47C9.10106 27.7616 7.66595 26.7927 6.43662 25.5634C5.20729 24.334 4.2384 22.8985 3.52995 21.2567C2.82151 19.6149 2.46729 17.8575 2.46729 15.9844C2.46729 14.1115 2.82151 12.3537 3.52995 10.711C4.2384 9.06857 5.20684 7.63813 6.43529 6.41968C7.66373 5.20102 9.09906 4.23635 10.7413 3.52568C12.3835 2.81479 14.1414 2.45935 16.015 2.45935C17.8883 2.45935 19.6466 2.81457 21.29 3.52502C22.9331 4.23546 24.3636 5.19957 25.5816 6.41735C26.7998 7.63513 27.7642 9.06713 28.4746 10.7134C29.1853 12.3596 29.5406 14.1188 29.5406 15.991C29.5406 17.863 29.1852 19.6194 28.4743 21.26C27.7636 22.9009 26.799 24.3337 25.5803 25.5584C24.3618 26.7828 22.93 27.7514 21.2846 28.464C19.6393 29.1765 17.8811 29.5327 16.01 29.5327ZM16.0166 27.2617C19.1397 27.2617 21.7947 26.1645 23.9816 23.97C26.1683 21.7754 27.2616 19.1131 27.2616 15.9834C27.2616 12.8602 26.1703 10.2052 23.9876 8.01835C21.8052 5.83168 19.1413 4.73835 15.996 4.73835C12.8813 4.73835 10.2263 5.82968 8.03095 8.01235C5.83584 10.1948 4.73829 12.8587 4.73829 16.004C4.73829 19.1187 5.83551 21.7737 8.02995 23.969C10.2246 26.1641 12.8868 27.2617 16.0166 27.2617Z" fill="currentColor"/>
</svg>
</span>
          </button>
        

        
      </div>
    

    <template data-debug-video-from-url="" data-debug-video-type="">
      
        
    
      
      <video playsinline aria-label="Video" autoplay loop muted loading="lazy" poster="//www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&width=2500"><source src="//www.swansonvitamins.com/cdn/shop/videos/c/vp/fe47b02393aa47328319e4342ff39e94/fe47b02393aa47328319e4342ff39e94.m3u8?v=0" type="application/x-mpegURL"><source src="//www.swansonvitamins.com/cdn/shop/videos/c/vp/fe47b02393aa47328319e4342ff39e94/fe47b02393aa47328319e4342ff39e94.HD-1080p-7.2Mbps-88446835.mp4?v=0" type="video/mp4"><img src="//www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=2500" alt="Load video: " srcset="//www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=352 352w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=832 832w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=1200 1200w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=1920 1920w, //www.swansonvitamins.com/cdn/shop/files/preview_images/fe47b02393aa47328319e4342ff39e94.thumbnail.0000000000.jpg?v=1783538940&amp;width=2500 2500w" width="2500" height="1406" loading="lazy">
</video>
    
  
      
    </template>
  </deferred-media>












<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--absolute
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 20px;--padding-inline-start: 16px;--padding-inline-start-mobile: 0px;--padding-inline-end: 16px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
        <div
  class="overlay overlay--solid overlay--gradient-style-standard"
  style="
    --overlay-layer: 0;
    --overlay-color: #23350d66;
    --overlay-color--end: rgba(35, 53, 13, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;
  "
></div>



      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fit-content
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: fit-content;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: ;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--ASUZiRWIwVUg1anJXM__text_7xA4bH custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:6px; --padding-inline-start:14px; --padding-inline-end:0px;--padding-block-start-mobile:0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px;
  --padding-inline-end-mobile:0px;

    
--color: var(--color-foreground);--font-size: 2.5rem;--font-size-mobile: 2.5rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: balance;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    
      --accent-font-color: #fefefe;
    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 2.5rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <h2><span class="custom-font font-accent [&_strong]:font-medium"><strong>Expertly crafted since 1969</strong></span></h2>
  </div>









</div>
  </div>

<!--@list/split-->



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 40px;
    

    
      
        --spacer-size-mobile: 24px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>








<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fit-content
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: fit-content;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AZExJZkNiMmJCM0F6Q__text_idN7Pc custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1.25rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 600;--font-weight-desktop: 500;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-loose);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: 530px;
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 600;
    

    
    
      --custom-font-weight-desktop: 500;
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p>We have wellness covered from every angle with products for every need and in-house experts ready to help you find your fit. Integrity is at the core of everything we do, so you get what’s promised: safe, pure, effective supplements you can trust.</p>
  </div>









</div>
  </div>

<!--@list/split-->



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 40px;
    

    
      
        --spacer-size-mobile: 24px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>









<a
  
    
      href="/pages/landing-pages_who_we_are"
    
  
  class="
    size-style
    spacing-style
    button
    button--AK20xWVRhVDBERHc0N__button_kwpKpW
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--padding-block-start: 15px;--padding-block-start-mobile: 15px;--padding-block-end: 15px;--padding-block-end-mobile: 15px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 28px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 28px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 40px));"
  

  
  data-internal-campaign-name="HP|AboutSwanson|Video|Fargo"
  data-internal-campaign-id="26-02"
  data-internal-campaign-placement="AboutSwanson|CTA_DiscoverTheSwansonStory"
  
>
  
  <span class="button__label">Discover the Swanson Story</span>
</a>






</div>
  </div>

<!--@list/split-->



      </div>
    </div>
  </div>



</div><div id="shopify-section-template--20023019798666__section_Gp3GBR" class="shopify-section section-wrapper">



<div class="section-background color-scheme-df0b6c0d-0ac1-468e-9ccf-2c0f35e283fa"></div>
  <div
    class="section section--full-width color-scheme-df0b6c0d-0ac1-468e-9ccf-2c0f35e283fa"

    

    style="
      

      

      
    "
  >
    <div class="custom-section-background">
      

    </div>

    <div
      class="border-style custom-section-content"
      style="--border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 

"
    >
      
        <div
  class="overlay overlay--gradient overlay--gradient-style-custom"
  style="
    --overlay-layer: 0;
    --overlay-color: rgba(0,0,0,0);
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;
      --overlay-color-gradient: radial-gradient(rgba(35, 53, 13, 1), rgba(30, 53, 15, 1) 53%, rgba(65, 85, 42, 1) 100%);
      --overlay-color-gradient-mobile: radial-gradient(rgba(35, 53, 13, 1), rgba(59, 85, 44, 1) 54.317%, rgba(65, 85, 42, 1) 100%);
    
  "
></div>



      

      <div
        class="
          spacing-style
          layout-panel-flex
          layout-panel-flex--row
          section-content-wrapper
           mobile-column
           overflow-hidden
        "
        style="
          --flex-direction: row; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
          --padding-block-start: max(20px, calc(var(--spacing-scale) * 44px));--padding-block-start-mobile: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 44px));--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 26px));
        "
        data-testid="section-content"
      >
        
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 16px;--padding-inline-start-mobile: 0px;--padding-inline-end: 16px;--padding-inline-end-mobile: 0px;
      --size-style-width:50%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      

  --vertical-offset-mobile: -44px;


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
         overflow-hidden
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: flex-start;
  --vertical-alignment-mobile: flex-start;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width:80%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-end; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="#"
    class="
  image-block image-block--ARGtaRXh3dkVWMFRtU__image_DPmUtn image-block--height-fit image-block--height-mobile-custom spacing-style size-style
 "
    style="
  --ratio: 1.0;
  --size-style-width:65%;--size-style-height: fit;--size-style-height-mobile:350px;
  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;--size-style-max-width:700%;--size-style-scale-desktop: 1; --size-style-scale-mobile:
  1.4;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: contain;
"
    aria-label="What to look for in a supplement"
    data-internal-campaign-name=" NewToVitamins|Image|Lifestyle"
    data-internal-campaign-id="26-04-09"
    data-internal-campaign-placement="Guides|Image|NewToVitamins"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/500230-q___choose_quality_science_backed_ingredients_1x1_640px.jpg?v=1756812830&amp;width=3840" alt="What to look for in a supplement" srcset="//www.swansonvitamins.com/cdn/shop/files/500230-q___choose_quality_science_backed_ingredients_1x1_640px.jpg?v=1756812830&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/500230-q___choose_quality_science_backed_ingredients_1x1_640px.jpg?v=1756812830&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/500230-q___choose_quality_science_backed_ingredients_1x1_640px.jpg?v=1756812830&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/500230-q___choose_quality_science_backed_ingredients_1x1_640px.jpg?v=1756812830&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/500230-q___choose_quality_science_backed_ingredients_1x1_640px.jpg?v=1756812830&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/500230-q___choose_quality_science_backed_ingredients_1x1_640px.jpg?v=1756812830&amp;width=1350 1350w" width="640" height="640" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.0;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-custom
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 16px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width:50%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: flex-start;
  --vertical-alignment-mobile: flex-start;
  --horizontal-alignment-mobile: center;
        
      "
    >
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-1024px
      group-block--height-fit
      group-block--width-custom
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 56px));--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 16px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 20px;--padding-inline-end-mobile: 0px;
      --size-style-width:75%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  

<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 44px;
    

    
      
        --spacer-size-mobile: 16px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>








<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
       hidden--mobile
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  

<div
  class="
    spacer-block
    spacer-block--size-pixel
    
    
  "
  style="
    
      --spacer-size: 16px;
    

    

    
  "
  
  data-testid="spacer-block"
></div>





</div>
  </div>

<!--@list/split-->




  







  <div 
  class=" spacing-style text-block text-block--AcDBrK291R2xIRHdML__text_AbwCmJ custom
    
    text-block--align-left text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:12px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:0px; --padding-block-end-mobile:14px; --padding-inline-start-mobile:24px;
  --padding-inline-end-mobile:24px;

    
--color: var(--color-foreground);--font-size: 3rem;--font-size-mobile: 1.5rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: wrap;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-none);
    
    --text-align: left;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1.5rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p><strong>New to Vitamins?</strong></p>
  </div>











  







  <div 
  class=" spacing-style text-block text-block--AV0lGWngzcGVWQlRnU__text_YU66gV custom
    
    text-block--align-left text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:24px;
  --padding-inline-end-mobile:24px;

    
--color: var(--color-foreground);--font-size: 1.125rem;--font-size-mobile: 1rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-none);
    
    --text-align: left;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p>Your first step into a healthier lifestyle starts here</p>
  </div>










<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 40px;
    

    
      
        --spacer-size-mobile: 20px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>









<a
  
    
      href="/blogs/articles/tagged/guides-getting-started"
    
  
  class="
    size-style
    spacing-style
    button
    button--AMk9qMVUrdnZBS09Md__button_ET9TFU
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--padding-block-start: 13px;--padding-block-start-mobile: 13px;--padding-block-end: 13px;--padding-block-end-mobile: 13px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 26px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 26px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 24px));"
  

  
  data-internal-campaign-name="HP|NewToVitamins|Copy|LifestyleImage"
  data-internal-campaign-id="26-02"
  data-internal-campaign-placement="Guides| CTA_ExploreGuides"
  
>
  
  <span class="button__label">Explore Guides</span>
</a>






</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->



      </div>
    </div>
  </div>



</div><section id="shopify-section-template--20023019798666__featured_blog_posts_YWibD8" class="shopify-section page-width-wide"><div class="section-background color-scheme-e89a4238-324d-4477-a90e-8f65e6f71220"></div>
<div
  class="
    section
    page-width-container
    color-scheme-e89a4238-324d-4477-a90e-8f65e6f71220
    featured-blog-posts
    spacing-style
    size-style
  "
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 28px));--padding-block-start-mobile: max(20px, calc(var(--spacing-scale) * 28px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 36px));--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 36px));"
>
  <div class="3xl:px-51">

<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 0px;
    

    
      
        --spacer-size-mobile: 56px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>








<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
       hidden--mobile
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 25px));--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 25px));--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
          
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: space-between; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: space-between;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AbHlhVXhtNURKNS94S__text_VDLj4T custom
    
    text-block--align-left text-block--align-mobile-left  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1.875rem;--font-size-mobile: 1.875rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: balance;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1.875rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <h2>Browse Our Health Library</h2>
  </div>













<a
  
    
      href="/blogs/articles"
    
  
  class="
    size-style
    spacing-style
    button
    button--ANm1KRExnK1NmdXRYU__button_G3Ntzb
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--size-style-min-width-mobile: fit-content;--size-style-min-width-desktop: fit-content;--padding-block-start: 15px;--padding-block-start-mobile: 13px;--padding-block-end: 15px;--padding-block-end-mobile: 13px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 22px));"
  

  
  data-internal-campaign-name="HP|Blogs|CTA|Copy"
  data-internal-campaign-id="26-02"
  data-internal-campaign-placement="Blogs|CTA_BrowseAllArticles"
  
>
  
  <span class="button__label">Browse All Articles</span>
</a>






</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--default
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
       hidden--desktop
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
          
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AQWxBV1FsanFqQVdLS__text_ctEMCM custom
    
    text-block--align-left text-block--align-mobile-left  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1.875rem;--font-size-mobile: 1.5rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: balance;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1.5rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <h2>Browse Our Health Library</h2>
  </div>









</div>
  </div>

<!--@list/split-->

<div id="shopify-block-Ac29FQmVIUDMyMW83N__blog_posts_cNqAK6" class="shopify-block"><div class="layout-panel-grid" style="--grid-columns-mobile: 1;
  --grid-columns-tablet: ;
  --grid-columns-desktop: 2;
  --grid-gap-x-mobile: 12px;
  --grid-gap-y-mobile: 0px;
  --grid-gap-x-tablet: px;
  --grid-gap-y-tablet: px;
  --grid-gap-x-desktop: 32px;
  --grid-gap-y-desktop: 32px;"><div class="featured-blog-post-item ">



<div
  class="ignore-container-mobile sm:w-full h-full px-4 md:px-0 pt-7 pb-8 sm:py-8 border-b grid grid-cols-1 sm:grid-cols-[14rem_1fr] gap-6.5 sm:gap-8 sm:border-b border-border"
  style="--line-clamp: 3"
>
  <a
    class="block relative w-full sm:max-w-[14rem] sm:h-32 overflow-hidden hover:[&_img]:scale-110 h-32"
    href="/blogs/articles/mthfr-variants-and-folate-metabolism-what-the-science-says-about-your-genes-and-folate-needs"
    aria-label="MTHFR Variants and Folate Metabolism: What the Science Says About Your Genes and Folate Needs"
    tabindex="-1"
  ><image-with-fallback type="general">
        <img
          src="//www.swansonvitamins.com/cdn/shop/articles/Blog-MTHFR-Folate-Metabolism-062926_6874bb26-712e-408d-9ad2-e5431d1c3f53.jpg?v=1785864239&width=224"
          srcset="//www.swansonvitamins.com/cdn/shop/articles/Blog-MTHFR-Folate-Metabolism-062926_6874bb26-712e-408d-9ad2-e5431d1c3f53.jpg?v=1785864239&width=224 1x, //www.swansonvitamins.com/cdn/shop/articles/Blog-MTHFR-Folate-Metabolism-062926_6874bb26-712e-408d-9ad2-e5431d1c3f53.jpg?v=1785864239&width=448 2x"
          alt="Two ladies eating while working out "
          class="object-cover object-center transition-transform duration-300 sm:w-full h-full  w-[60%]"
          width="224"
          height="128"
          loading="lazy"
        >
      </image-with-fallback></a>

  <div class="flex flex-col">
    <h3 class="mb-1 sm:mb-4">
      <a href="/blogs/articles/mthfr-variants-and-folate-metabolism-what-the-science-says-about-your-genes-and-folate-needs" class="h6 leading-body-tight font-medium hover:underline line-clamp-2">MTHFR Variants and Folate Metabolism: What the Science Says About Your Genes and Folate Needs</a>
    </h3><p class="excerpt-text leading-6 mb-2.5 sm:mb-4 text-ellipsis">This article provides an evidence-based overview of the MTHFR gene and its role in folate metabolism. It explains basic genetic concepts such as gene variants and single nucleotide polymorphisms (SNPs), discusses the common MTHFR variants C677T and A1298C, and reviews current research regarding their prevalence and potential health implications. The article also highlights the importance of folate in the body, food sources of folate, and considerations for supplementation under the guidance of a healthcare provider.</p><p class="text-sm">08/04/26 • Swanson Staff</p>
  </div>
</div>

<style>
  .excerpt-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--line-clamp, 2);

    
  }
</style>
</div><div class="featured-blog-post-item ">



<div
  class="ignore-container-mobile sm:w-full h-full px-4 md:px-0 pt-7 pb-8 sm:py-8 pb-6 sm:pb-8 grid grid-cols-1 sm:grid-cols-[14rem_1fr] gap-6.5 sm:gap-8 sm:border-b border-border"
  style="--line-clamp: 3"
>
  <a
    class="block relative w-full sm:max-w-[14rem] sm:h-32 overflow-hidden hover:[&_img]:scale-110 h-32"
    href="/blogs/articles/creatine-benefits-beyond-muscle-brain-health-aging-more"
    aria-label="Creatine Benefits Beyond Muscle: Brain Health, Aging &amp; More"
    tabindex="-1"
  ><image-with-fallback type="general">
        <img
          src="//www.swansonvitamins.com/cdn/shop/articles/Blog-Creatine-Benefits-052626_c734a5ea-0b95-448f-a332-a4403a3d6069.jpg?v=1785176373&width=224"
          srcset="//www.swansonvitamins.com/cdn/shop/articles/Blog-Creatine-Benefits-052626_c734a5ea-0b95-448f-a332-a4403a3d6069.jpg?v=1785176373&width=224 1x, //www.swansonvitamins.com/cdn/shop/articles/Blog-Creatine-Benefits-052626_c734a5ea-0b95-448f-a332-a4403a3d6069.jpg?v=1785176373&width=448 2x"
          alt="Swanson creatine monohydrate powder jar on a green exercise mat with dumbbells and sneakers"
          class="object-cover object-center transition-transform duration-300 sm:w-full h-full  w-[60%]"
          width="224"
          height="128"
          loading="lazy"
        >
      </image-with-fallback></a>

  <div class="flex flex-col">
    <h3 class="mb-1 sm:mb-4">
      <a href="/blogs/articles/creatine-benefits-beyond-muscle-brain-health-aging-more" class="h6 leading-body-tight font-medium hover:underline line-clamp-2">Creatine Benefits Beyond Muscle: Brain Health, Aging & More</a>
    </h3><p class="excerpt-text leading-6 mb-2.5 sm:mb-4 text-ellipsis">Discover creatine benefits beyond muscle growth, including brain health, healthy aging, bone support, and performance for athletes, vegans, and more.</p><p class="text-sm">07/27/26 • Swanson Staff</p>
  </div>
</div>

<style>
  .excerpt-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--line-clamp, 2);

    
  }
</style>
</div><div class="featured-blog-post-item hidden--mobile">



<div
  class="ignore-container-mobile sm:w-full h-full px-4 md:px-0 pt-7 pb-8 sm:py-8 pb-6 sm:pb-8 grid grid-cols-1 sm:grid-cols-[14rem_1fr] gap-6.5 sm:gap-8 sm:border-b border-border"
  style="--line-clamp: 3"
>
  <a
    class="block relative w-full sm:max-w-[14rem] sm:h-32 overflow-hidden hover:[&_img]:scale-110 h-32"
    href="/blogs/articles/best-vitamins-for-hair-growth"
    aria-label="Best Vitamins for Hair Growth"
    tabindex="-1"
  ><image-with-fallback type="general">
        <img
          src="//www.swansonvitamins.com/cdn/shop/articles/Blog-Best-Vitamins-for-Hair-Growth-060826_7c045799-356a-4fdd-91fd-d915be69a46c.jpg?v=1785350831&width=224"
          srcset="//www.swansonvitamins.com/cdn/shop/articles/Blog-Best-Vitamins-for-Hair-Growth-060826_7c045799-356a-4fdd-91fd-d915be69a46c.jpg?v=1785350831&width=224 1x, //www.swansonvitamins.com/cdn/shop/articles/Blog-Best-Vitamins-for-Hair-Growth-060826_7c045799-356a-4fdd-91fd-d915be69a46c.jpg?v=1785350831&width=448 2x"
          alt="Collagen capsules, hair lock and comb on color background"
          class="object-cover object-center transition-transform duration-300 sm:w-full h-full  w-[60%]"
          width="224"
          height="128"
          loading="lazy"
        >
      </image-with-fallback></a>

  <div class="flex flex-col">
    <h3 class="mb-1 sm:mb-4">
      <a href="/blogs/articles/best-vitamins-for-hair-growth" class="h6 leading-body-tight font-medium hover:underline line-clamp-2">Best Vitamins for Hair Growth</a>
    </h3><p class="excerpt-text leading-6 mb-2.5 sm:mb-4 text-ellipsis">Discover the best vitamins and nutrients for hair growth, including biotin, vitamins D, C, iron, zinc, and collagen, to support stronger, healthier hair.</p><p class="text-sm">07/24/26 • Swanson Staff</p>
  </div>
</div>

<style>
  .excerpt-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--line-clamp, 2);

    
  }
</style>
</div><div class="featured-blog-post-item hidden--mobile">



<div
  class="ignore-container-mobile sm:w-full h-full px-4 md:px-0 pt-7 pb-8 sm:py-8 pb-6 sm:pb-8 grid grid-cols-1 sm:grid-cols-[14rem_1fr] gap-6.5 sm:gap-8 sm:border-b border-border"
  style="--line-clamp: 3"
>
  <a
    class="block relative w-full sm:max-w-[14rem] sm:h-32 overflow-hidden hover:[&_img]:scale-110 h-32"
    href="/blogs/articles/krill-oil-raises-epa-and-dha-more-than-fish-oil-new-clinical-trial-finds"
    aria-label="Krill Oil Raises EPA and DHA More Than Fish Oil, New Clinical Trial Finds"
    tabindex="-1"
  ><image-with-fallback type="general">
        <img
          src="//www.swansonvitamins.com/cdn/shop/articles/Blog-Krill-Oil-KElevates-EPA-DHA-061626_fd58c393-42d3-4afb-96ef-d8c75dc354d5.jpg?v=1788544666&width=224"
          srcset="//www.swansonvitamins.com/cdn/shop/articles/Blog-Krill-Oil-KElevates-EPA-DHA-061626_fd58c393-42d3-4afb-96ef-d8c75dc354d5.jpg?v=1788544666&width=224 1x, //www.swansonvitamins.com/cdn/shop/articles/Blog-Krill-Oil-KElevates-EPA-DHA-061626_fd58c393-42d3-4afb-96ef-d8c75dc354d5.jpg?v=1788544666&width=448 2x"
          alt="Krill Oil Raises EPA and DHA More Than Fish Oil, New Clinical Trial Finds"
          class="object-cover object-center transition-transform duration-300 sm:w-full h-full  w-[60%]"
          width="224"
          height="128"
          loading="lazy"
        >
      </image-with-fallback></a>

  <div class="flex flex-col">
    <h3 class="mb-1 sm:mb-4">
      <a href="/blogs/articles/krill-oil-raises-epa-and-dha-more-than-fish-oil-new-clinical-trial-finds" class="h6 leading-body-tight font-medium hover:underline line-clamp-2">Krill Oil Raises EPA and DHA More Than Fish Oil, New Clinical Trial Finds</a>
    </h3><p class="excerpt-text leading-6 mb-2.5 sm:mb-4 text-ellipsis">Results from a 12 week study reporting how krill oil elevates serum EPA and DHA more efficiently than fish oil</p><p class="text-sm">06/30/26 • Dustin Moore</p>
  </div>
</div>

<style>
  .excerpt-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--line-clamp, 2);

    
  }
</style>
</div></div>


</div>




<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
       hidden--desktop
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 20px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
          
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  




<a
  
    
      href="/blogs/articles"
    
  
  class="
    size-style
    spacing-style
    button
    button--AWndqcHgvYW1OYkVTd__button_HwrMxW
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--size-style-min-width-mobile: fit-content;--size-style-min-width-desktop: fit-content;--padding-block-start: 13px;--padding-block-start-mobile: 15px;--padding-block-end: 13px;--padding-block-end-mobile: 15px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 24px));"
  

  
  
  
  
  
>
  
  <span class="button__label">Browse All Articles</span>
</a>






</div>
  </div>

<!--@list/split-->



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
      spacer-block--size-mobile-pixel
    
    
  "
  style="
    
      --spacer-size: 24px;
    

    
      
        --spacer-size-mobile: 28px;
      
    

    
  "
  
  data-testid="spacer-block"
></div>




</div>
</div>


</section><div id="shopify-section-template--20023019798666__section_EyqEUF" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
  <div
    class="section section--page-width page-width-container color-scheme-1"

    

    style="
      

      

      
    "
  >
    <div class="custom-section-background">
      

    </div>

    <div
      class="border-style custom-section-content"
      style="--border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 

"
    >
      
        <div
  class="overlay overlay--solid overlay--gradient-style-standard"
  style="
    --overlay-layer: 0;
    --overlay-color: #fefbf1;
    --overlay-color--end: rgba(254, 251, 241, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;
  "
></div>



      

      <div
        class="
          spacing-style
          layout-panel-flex
          layout-panel-flex--column
          section-content-wrapper
           mobile-column
          
        "
        style="
          --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
          --padding-block-start: 6px;--padding-block-start-mobile: 6px;--padding-block-end: 20px;--padding-block-end-mobile: 20px;
        "
        data-testid="section-content"
      >
        
  



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: ;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AQ3lDd0ZSTE0vNlRHd__text_wXcN4e custom
    
    text-block--align-left text-block--align-mobile-left  text-block--full-width  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1.875rem;--font-size-mobile: 1.5rem;--font-size-tablet: 1rem;--font-weight: 500;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: 100%;
    
      --max-width: var(--max-width--body-none);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1.5rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <h2>Trusted by 500,000 product and brand reviews. </h2>
  </div>

























  <div
    class="
  image-block image-block--ANUcvTDVmeGdHaVpwS__image_tik93N image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 4.043478260869565;
  --size-style-width:172px;--size-style-height: fit;--size-style-height-mobile: fit;--size-style-width-mobile:154px; --size-style-width-mobile-min:154px;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/image_13.png?v=1760042991&amp;width=3840" alt="TrustPilot" srcset="//www.swansonvitamins.com/cdn/shop/files/image_13.png?v=1760042991&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/image_13.png?v=1760042991&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/image_13.png?v=1760042991&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/image_13.png?v=1760042991&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/image_13.png?v=1760042991&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/image_13.png?v=1760042991&amp;width=1350 1350w" width="465" height="115" loading="lazy" class="image-block__image border-style" style="
  --ratio: 4.043478260869565;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </div>






</div>
  </div>

<!--@list/split-->





<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 62px));--padding-block-start-mobile: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 60px));--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 94px));--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  <div id="shopify-block-AcEVJQnByUWRHeGZ3d__ai_gen_block_4cb8a51_4KDETG" class="shopify-block">


<style data-shopify>
  .ai-custom-html-container-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg {
    padding: 0px;
    background-color: #fffbf1;
    border-radius: 0px;
    
    
  }

  .ai-custom-html-content-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg {
    color: #000000;
    font-size: 16px;
    line-height: 1.5;
  }

  .ai-custom-html-content-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg * {
    max-width: 100%;
  }

  .ai-custom-html-content-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg img {
    height: auto;
    display: block;
  }

  .ai-custom-html-content-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg table {
    border-collapse: collapse;
  }

  .ai-custom-html-content-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg table th,
  .ai-custom-html-content-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg table td {
    padding: 8px;
    border: 1px solid #ffffff;
  }

  .ai-custom-html-content-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg pre {
    background-color: #f5f5f5;
    padding: 16px;
    border-radius: 4px;
    overflow-x: auto;
  }

  .ai-custom-html-content-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg code {
    background-color: #f5f5f5;
    padding: 2px 4px;
    border-radius: 2px;
    font-family: monospace;
  }

  .ai-custom-html-content-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg blockquote {
    border-left: 4px solid #000000;
    margin: 16px 0;
    padding-left: 16px;
    font-style: italic;
  }

  @media screen and (max-width: 767px) {
    .ai-custom-html-container-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg {
      padding: 0.0px;
      width:  px;
    }

    .ai-custom-html-content-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg {
      font-size: 14.4px;
    }
  }
</style>

<div
  class="ai-custom-html-container-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg"
  
>
  
    <div class="ai-custom-html-content-acevjqnbyuwrhegz3daigenblock4cb8a514kdetg">
      <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async defer></script><!-- TrustBox widget - Carousel --> <div class="trustpilot-widget" data-locale="en-US" data-template-id="53aa8912dec7e10d38f59f36" data-businessunit-id="4817353c0000640005026b73" data-style-height="140px" data-style-width="100%" data-token="03423487-18c3-4462-a672-54b14cdda432" data-stars="5" data-review-languages="en"> <a href="https://www.trustpilot.com/review/www.swansonvitamins.com" target="_blank" rel="noopener">Trustpilot</a> </div> <!-- End TrustBox widget -->
    </div>
  
</div>

</div>

</div>
  </div>

<!--@list/split-->



      </div>
    </div>
  </div>



</div>
    </main>

    <!-- BEGIN sections: footer-group -->
<section id="shopify-section-sections--20023018979466__age_verification_modal_dHHF79" class="shopify-section shopify-section-group-footer-group age-verification-modal-section">

<script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/dialog.js?v=73337267641248443041769983289" type="module" fetchpriority="low"></script>
<script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/tooltip.js?v=103220461540899945181766440498" type="module" fetchpriority="low"></script>
<script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/age-verification-service.js?v=62241142708894327681779988248" type="module" fetchpriority="low"></script>
<script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/age-verification-modal.js?v=124975942873618742141779990011" type="module" fetchpriority="low"></script>
<script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/age-verification.js?v=105673184526000951091779990011" type="module" fetchpriority="low"></script>

<age-verification-modal>
  <dialog-component
    ref="dialogComponent"
    class="age-verification-modal"
    dialog-close-on-outside-click="true"
    dialog-close-on-escape-press="true"
    data-age-verification-dialog
    
  >
  <dialog
    ref="dialog"
    class="age-verification-modal__content dialog-modal rounded-4xl left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-full p-0 overflow-visible color-scheme-1"
    scroll-lock
  >
    <div class="age-verification-modal__inner overflow-visible">
      <button
        ref="closeButton"
        on:click="age-verification-modal/onCloseButtonClick"
        class="button button-unstyled age-verification-modal__close-button flex justify-center items-center w-6 h-6 absolute top-4 right-4 z-10"
        aria-label="Close dialog"
      >
        <span class="svg-wrapper"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Close">
  <path
    d="M17.5996 5.92499C17.7639 5.92499 17.8659 5.97349 17.9463 6.05389C18.0265 6.1342 18.0751 6.23569 18.0752 6.3996C18.0752 6.5638 18.0266 6.66589 17.9463 6.74628L12.6924 12.0002L13.0459 12.3537L17.9463 17.2531C18.0267 17.3335 18.0752 17.4356 18.0752 17.5998C18.0752 17.7641 18.0267 17.8661 17.9463 17.9465C17.8659 18.0269 17.7639 18.0754 17.5996 18.0754C17.4355 18.0753 17.3333 18.0268 17.2529 17.9465L12.3535 13.0461L12 12.6926L6.74609 17.9465C6.66571 18.0268 6.56362 18.0754 6.39941 18.0754C6.23551 18.0753 6.13402 18.0267 6.05371 17.9465C5.97331 17.8661 5.9248 17.7641 5.9248 17.5998C5.92484 17.4356 5.97334 17.3335 6.05371 17.2531L11.3066 12.0002L10.9531 11.6467L6.05371 6.74628C5.97331 6.66587 5.9248 6.56387 5.9248 6.3996C5.92488 6.23556 5.97337 6.13423 6.05371 6.05389C6.13405 5.97356 6.23537 5.92506 6.39941 5.92499C6.56368 5.92499 6.66569 5.97349 6.74609 6.05389L11.6465 10.9533L12 11.3068L17.2529 6.05389C17.3333 5.97352 17.4355 5.92503 17.5996 5.92499Z"
    fill="currentColor" stroke="currentColor" />
</svg>
</span>
      </button>
      <div class="flex flex-col p-10 text-center" ref="initialContent">
        <div class="flex justify-between items-center mb-5 md:mb-7">
          <div class="flex items-center gap-2 w-full">
            <h2 class="age-verification-modal__title text-2xl leading-8 font-medium max-w-72 md:max-w-100 mx-auto">
              Let's verify your age before we add this product to your cart.
              <tooltip-component class="tooltip-component">
                <button type="button" ref="trigger" class="tooltip-trigger" aria-label="Learn more">
                  <svg class="alert-icon inline-block w-4.5 h-4.5" aria-hidden="true">
                    <use xlink:href="#alert-info"></use>
                  </svg>
                </button>
                <div ref="content" class="tooltip-content">
                  <button type="button" ref="closeButton" class="tooltip-close-button" aria-label="Close tooltip"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Close">
  <path
    d="M17.5996 5.92499C17.7639 5.92499 17.8659 5.97349 17.9463 6.05389C18.0265 6.1342 18.0751 6.23569 18.0752 6.3996C18.0752 6.5638 18.0266 6.66589 17.9463 6.74628L12.6924 12.0002L13.0459 12.3537L17.9463 17.2531C18.0267 17.3335 18.0752 17.4356 18.0752 17.5998C18.0752 17.7641 18.0267 17.8661 17.9463 17.9465C17.8659 18.0269 17.7639 18.0754 17.5996 18.0754C17.4355 18.0753 17.3333 18.0268 17.2529 17.9465L12.3535 13.0461L12 12.6926L6.74609 17.9465C6.66571 18.0268 6.56362 18.0754 6.39941 18.0754C6.23551 18.0753 6.13402 18.0267 6.05371 17.9465C5.97331 17.8661 5.9248 17.7641 5.9248 17.5998C5.92484 17.4356 5.97334 17.3335 6.05371 17.2531L11.3066 12.0002L10.9531 11.6467L6.05371 6.74628C5.97331 6.66587 5.9248 6.56387 5.9248 6.3996C5.92488 6.23556 5.97337 6.13423 6.05371 6.05389C6.13405 5.97356 6.23537 5.92506 6.39941 5.92499C6.56368 5.92499 6.66569 5.97349 6.74609 6.05389L11.6465 10.9533L12 11.3068L17.2529 6.05389C17.3333 5.97352 17.4355 5.92503 17.5996 5.92499Z"
    fill="currentColor" stroke="currentColor" />
</svg>
</button>
                  <div class="tooltip-content__body">
                    The item you are purchasing requires age verification. Please verify you are over the age of 18 to add this item to your cart.
                  </div>
                </div>
              </tooltip-component>
            </h2>
          </div>
        </div>

        <div class="age-verification-modal__content-body">
          <button
            ref="ageVerificationButton"
            type="button"
            class="age-verification-modal__button button button-primary"
            on:click="age-verification-modal/onConfirmClick"
          >
            Confirm
          </button>
          <p class="text-base text-center">I am at least 18 years of age</p>
        </div>
      </div>

      <div class="hidden flex-col p-10" ref="warningContent">
        <div class="flex justify-between items-center mb-4">
          <h2 class="age-verification-modal__title text-2xl leading-8 font-medium text-center w-full">
            Looks like we couldn't verify your age.
          </h2>
        </div>
        <div class="age-verification-modal__content-body">
          <p class="text-base text-center">
            Add item to your cart again to verify your age.
          </p>
        </div>
      </div>
    </div>
  </dialog>
  </dialog-component>
</age-verification-modal>




</section><section id="shopify-section-sections--20023018979466__international_popup_section_NYCN9k" class="shopify-section shopify-section-group-footer-group section-wrapper">

<div class="international-popup">
  















  <script type="text/template" id="international-popup-template">
    

<dialog-component
  ref="dialogComponent"
  class="international-popup"
  dialog-close-on-outside-click="false"
  dialog-close-on-escape-press="false"
  
>
  <dialog
    ref="dialog"
    class="international-popup__content dialog-modal color-scheme-1 rounded-xl left-1/2 top-10 -translate-x-1/2 w-full p-0"
    scroll-lock
  >
    <div class="international-popup__inner">
      
      <div class="flex flex-col lg:flex-row p-6 lg:p-10">
        <div class="flex flex-col lg:pr-10 lg:w-1/2">
          <div class="hidden lg:block">
            
  
















  <div
    class="
  image-block image-block--AVnIzMEZUSytjUStDO__image image-block--height-custom image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 0.9666110183639399;
  --size-style-width: 100%;--size-style-height:470px;--size-style-height-mobile: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    
  >
    
<img fetchpriority="high" loading="eager" src="//www.swansonvitamins.com/cdn/shop/files/LP_internationalModal_081225.avif?v=1758564239&amp;width=3840" alt="Hand holding a bottle of Swanson Extra Strength Vitamins D3 &amp; K2 against a white background" srcset="//www.swansonvitamins.com/cdn/shop/files/LP_internationalModal_081225.avif?v=1758564239&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/LP_internationalModal_081225.avif?v=1758564239&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/LP_internationalModal_081225.avif?v=1758564239&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/LP_internationalModal_081225.avif?v=1758564239&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/LP_internationalModal_081225.avif?v=1758564239&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/LP_internationalModal_081225.avif?v=1758564239&amp;width=1350 1350w" width="579" height="599" class="image-block__image border-style" style="
  --ratio: 0.9666110183639399;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </div>







          </div>
        </div>
        <div class="flex flex-col lg:w-1/2">
          <div class="flex justify-center">
            
  
















  <div
    class="
  image-block image-block--ARk41NEdtWWVMcDRZT__logo image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 4.61;
  --size-style-width: fit-content;--size-style-height: fit;--size-style-height-mobile: fit;
  --size-style-width-mobile:75%; --size-style-width-mobile-min:75%;--size-style-max-width:300px;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    
  >
    
<img fetchpriority="high" loading="eager" src="//www.swansonvitamins.com/cdn/shop/files/7a3b4d04-fad1-42b8-94f0-bc261e3be0c1.svg?v=1775231242&amp;width=3840" alt="Swanson Vitamins logo" srcset="//www.swansonvitamins.com/cdn/shop/files/7a3b4d04-fad1-42b8-94f0-bc261e3be0c1.svg?v=1775231242&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/7a3b4d04-fad1-42b8-94f0-bc261e3be0c1.svg?v=1775231242&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/7a3b4d04-fad1-42b8-94f0-bc261e3be0c1.svg?v=1775231242&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/7a3b4d04-fad1-42b8-94f0-bc261e3be0c1.svg?v=1775231242&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/7a3b4d04-fad1-42b8-94f0-bc261e3be0c1.svg?v=1775231242&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/7a3b4d04-fad1-42b8-94f0-bc261e3be0c1.svg?v=1775231242&amp;width=1350 1350w" width="461" height="100" class="image-block__image border-style" style="
  --ratio: 4.61;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </div>







          </div>
          <div class="flex flex-col gap-6 pt-10">
            <div class="[&_a:not([href^='mailto:'])]:text-emerald-600 [&_a:hover:not([href^='mailto:'])]:text-red-800 [&_a:hover]:text-red-800">
              
  


  







  <div 
  class=" spacing-style text-block text-block--AS21OVjBiTzJQNm9LT__text-heading custom
    
    text-block--align-left text-block--align-mobile-left  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1.5rem;--font-size-mobile: 1.5rem;--font-size-tablet: 1.25rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1.5rem;
    

    
      --tablet-font-size: 1.25rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p>It looks like you are visiting from outside the U.S.</p>
  </div>










            </div>
            <div class="[&_a:not([href^='mailto:'])]:text-emerald-600 [&_a:hover:not([href^='mailto:'])]:text-red-800 [&_a:hover]:text-red-800">
              
  


  







  <div 
  class=" spacing-style text-block text-block--Ad0U3bkNUZDI5TkVNS__text-content custom
    
    text-block--align-left text-block--align-mobile-left  text-block--full-width  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1.25rem;--font-size-mobile: 1.125rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: 100%;
    
      --max-width: var(--max-width--body-none);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1.125rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p>We have partnered with <strong>iHerb</strong> so you can shop Swanson products in your local language and currency.</p><p>Swanson is available globally. Continue to our site to view Swanson’s Global Network.</p>
  </div>










            </div>
          </div>
          <div class="flex md:gap-6 gap-4 md:flex-row flex-col pt-8 lg:pt-12">
            <a href="https://www.iherb.com/c/swanson?mbsrc=SWV" class="international-popup__button-primary button w-full" ref="continueButton" data-international="partner">
              <span class="button-label font-medium">
                Continue to iHerb
              </span>
            </a>
            <a href="/pages/landing-pages_international" class="button-secondary w-full [--button-border-color:var(--color-orange-700)] text-[var(--color-orange-700)] hover:bg-primary-button-hover-background hover:text-primary-button-hover-text hover:shadow-none" ref="stayButton" data-international="swanson">
              <span class="button-label font-medium">
                Continue to Swanson Vitamins
              </span>
            </a>
          </div>
          
        </div>
      </div>
    </div>
  </dialog>
</dialog-component>


  </script>

  
  <script
    src="//www.swansonvitamins.com/cdn/shop/t/578/assets/international-dialog-handler.js?v=106692332194666598111779988248"
    type="module"
    fetchpriority="low"
  ></script>

  
  <international-dialog-handler data-dialog-script-url="//www.swansonvitamins.com/cdn/shop/t/578/assets/dialog.js?v=73337267641248443041769983289"></international-dialog-handler>






</div>


</section><footer id="shopify-section-sections--20023018979466__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">

<div class="section-background color-scheme-4"></div>
<div
  id="MainFooter"
  class="
    py-8 lg:px-16 lg:py-10 xl:px-25.5 xl:py-10
    section section--full-width color-scheme-4
    
  "
  style="background: linear-gradient(180deg, var(--color-green-500) 0%, var(--color-green-950) 42%);"
>
  


  <div
    class="
      spacing-style
      layout-panel-flex
      layout-panel-flex--column
      section-content-wrapper
      max-w-429 mx-auto
       mobile-column
    "
    style="
      --flex-direction: column; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;
    "
    data-menu-category="footer"
  >
    <div class="flex lg:justify-start justify-center w-full mb-9.75">
      <div class="px-4 md:px-8 lg:px-0">
        


<div
  class="
    logo-block
    spacing-style
  "
  style="
    
      
        --logo-width: 197.55072463768118px;
      
    

    
    --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  "
  
>
  
    <div class="logo-block__image-wrapper">
      
    

  
<img src="//www.swansonvitamins.com/cdn/shop/files/SVG-Swanson-Vitamins-horiz-2c-cream-logo-ada.svg?v=1777495067&amp;width=750" alt="Swanson Vitamins" loading="eager" class="logo-block__image">

  
    </div>
  
</div>





      </div>
    </div>
    <div class="grid grid-cols-1 auto-rows-auto lg:grid-rows-2 lg:grid-cols-12 w-full lg:pb-9.75 lg:border-b lg:border-white/30">
      <div class="col-span-1 row-span-1 row-start-1 lg:col-span-6 xl:col-span-5 lg:row-span-1 lg:col-start-1 lg:row-start-1 2xl:col-span-5 2xl:row-span-1 2xl:col-start-1 2xl:row-start-1 3xl:col-span-6">
        <div class="px-4 md:px-8 lg:px-0 lg:pt-1 2xl:pr-18 3xl:pr-3 xl:pt-0.5 2xl:pt-1">
          


  







  <div 
  class=" spacing-style text-block text-block--AaTBKdnYyU09GRWRsb__description custom
    
    text-block--align-left text-block--align-mobile-left  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1.125rem;--font-size-mobile: 1.125rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-none);
    
    --text-align: left;
    --text-align-mobile: left;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1.125rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p>Since 1969, Swanson has delivered world-class wellness grounded in uncompromising integrity for both our products and our customer service. Whether you prefer to call, email or chat, our in-house experts are ready to help however you reach out.</p>
  </div>









        </div>
      </div>
      <div class="col-span-1 row-start-3 lg:col-span-7 lg:row-span-2 lg:col-start-1 lg:row-start-2 2xl:col-span-5 2xl:row-span-2 2xl:col-start-1 2xl:row-start-2 3xl:col-span-6 border-b border-white/30 pb-6.25 mb-10 lg:border-b-0 lg:mb-0 lg:pb-0">
        <div class="px-8.5 mx-auto max-w-104 lg:px-0 lg:pt-7.5 lg:max-w-none [&_.group-block-content]:lg:gap-3 xl:pt-7.5 3xl:pt-1.5">
          



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
          
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 8px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  
















<a
    href="/pages/about-swanson"
    class="
  image-block image-block--AK0RyekE1VWw3THlJd__image_rxhjty image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 0.9861111111111112;
  --size-style-width:72px;--size-style-height: fit;--size-style-height-mobile: fit;--size-style-width-mobile:52px; --size-style-width-mobile-min:52px;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    aria-label="Company award - FARGO"
    
    
    
    
  >
    
<img fetchpriority="high" loading="eager" src="//www.swansonvitamins.com/cdn/shop/files/Screenshot_2025-06-25_at_11.28.47_AM-removebg-preview_1.png?v=1754320229&amp;width=3840" alt="Company award - FARGO" srcset="//www.swansonvitamins.com/cdn/shop/files/Screenshot_2025-06-25_at_11.28.47_AM-removebg-preview_1.png?v=1754320229&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/Screenshot_2025-06-25_at_11.28.47_AM-removebg-preview_1.png?v=1754320229&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/Screenshot_2025-06-25_at_11.28.47_AM-removebg-preview_1.png?v=1754320229&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/Screenshot_2025-06-25_at_11.28.47_AM-removebg-preview_1.png?v=1754320229&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/Screenshot_2025-06-25_at_11.28.47_AM-removebg-preview_1.png?v=1754320229&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/Screenshot_2025-06-25_at_11.28.47_AM-removebg-preview_1.png?v=1754320229&amp;width=1350 1350w" width="142" height="144" class="image-block__image border-style" style="
  --ratio: 0.9861111111111112;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






















<a
    href="/pages/awards-achievements"
    class="
  image-block image-block--ATUxCQWczSmpnaVdob__image_xb7mF7 image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 1.43801652892562;
  --size-style-width:86px;--size-style-height: fit;--size-style-height-mobile: fit;--size-style-width-mobile:64px; --size-style-width-mobile-min:64px;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    aria-label="A+ Rating"
    
    
    
    
  >
    
<img fetchpriority="high" loading="eager" src="//www.swansonvitamins.com/cdn/shop/files/bbb_blue_A_Rating-trans_d185e8ff-6b67-4192-a942-7249ccd2cbd8.png?v=1757010957&amp;width=3840" alt="A+ Rating" srcset="//www.swansonvitamins.com/cdn/shop/files/bbb_blue_A_Rating-trans_d185e8ff-6b67-4192-a942-7249ccd2cbd8.png?v=1757010957&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/bbb_blue_A_Rating-trans_d185e8ff-6b67-4192-a942-7249ccd2cbd8.png?v=1757010957&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/bbb_blue_A_Rating-trans_d185e8ff-6b67-4192-a942-7249ccd2cbd8.png?v=1757010957&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/bbb_blue_A_Rating-trans_d185e8ff-6b67-4192-a942-7249ccd2cbd8.png?v=1757010957&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/bbb_blue_A_Rating-trans_d185e8ff-6b67-4192-a942-7249ccd2cbd8.png?v=1757010957&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/bbb_blue_A_Rating-trans_d185e8ff-6b67-4192-a942-7249ccd2cbd8.png?v=1757010957&amp;width=1350 1350w" width="174" height="121" class="image-block__image border-style" style="
  --ratio: 1.43801652892562;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






















<a
    href="/pages/quality-control"
    class="
  image-block image-block--AM0FtejA1MG0vWkR6S__image_naDieb image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 0.7528230865746549;
  --size-style-width:56px;--size-style-height: fit;--size-style-height-mobile: fit;--size-style-width-mobile:40px; --size-style-width-mobile-min:40px;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    aria-label="View quality control"
    
    
    
    
  >
    
<img fetchpriority="high" loading="eager" src="//www.swansonvitamins.com/cdn/shop/files/GMPsmall.png?v=1765813026&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/GMPsmall.png?v=1765813026&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/GMPsmall.png?v=1765813026&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/GMPsmall.png?v=1765813026&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/GMPsmall.png?v=1765813026&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/GMPsmall.png?v=1765813026&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/GMPsmall.png?v=1765813026&amp;width=1350 1350w" width="600" height="797" class="image-block__image border-style" style="
  --ratio: 0.7528230865746549;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






















<a
    href="/pages/quality-control"
    class="
  image-block image-block--ATmNJSkQ2R2xRYVlGV__image_QMHN7C image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 1.1157407407407407;
  --size-style-width:80px;--size-style-height: fit;--size-style-height-mobile: fit;--size-style-width-mobile:60px; --size-style-width-mobile-min:60px;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    aria-label="GMP Certified Quality Facility label on a white background"
    
    
    
    
  >
    
<img fetchpriority="high" loading="eager" src="//www.swansonvitamins.com/cdn/shop/files/gmp.png?v=1754082896&amp;width=3840" alt="GMP Certified Quality Facility label on a white background" srcset="//www.swansonvitamins.com/cdn/shop/files/gmp.png?v=1754082896&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/gmp.png?v=1754082896&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/gmp.png?v=1754082896&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/gmp.png?v=1754082896&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/gmp.png?v=1754082896&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/gmp.png?v=1754082896&amp;width=1350 1350w" width="241" height="216" class="image-block__image border-style" style="
  --ratio: 1.1157407407407407;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






















<a
    href="/pages/money-back-guarantee"
    class="
  image-block image-block--AN3NNMjd6bWVjdGMyQ__image_E8T7BY image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 1.0277777777777777;
  --size-style-width:74px;--size-style-height: fit;--size-style-height-mobile: fit;--size-style-width-mobile:54px; --size-style-width-mobile-min:54px;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  --object-fit: cover;
"
    aria-label="Money-back guarantee text in a decorative font on a white background"
    
    
    
    
  >
    
<img fetchpriority="high" loading="eager" src="//www.swansonvitamins.com/cdn/shop/files/money-black.png?v=1754083243&amp;width=3840" alt="Money-back guarantee text in a decorative font on a white background" srcset="//www.swansonvitamins.com/cdn/shop/files/money-black.png?v=1754083243&amp;width=150 150w, //www.swansonvitamins.com/cdn/shop/files/money-black.png?v=1754083243&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/money-black.png?v=1754083243&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/money-black.png?v=1754083243&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/money-black.png?v=1754083243&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/money-black.png?v=1754083243&amp;width=1350 1350w" width="222" height="216" class="image-block__image border-style" style="
  --ratio: 1.0277777777777777;
  --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


" sizes="auto, (min-width: 768px) 100vw, 100vw">


    

  </a>






</div>
  </div>

<!--@list/split-->


        </div>
      </div>
      <div class="col-span-1 row-start-2 lg:col-span-3 lg:row-span-2 lg:col-start-10 lg:row-start-1 2xl:col-span-7 2xl:col-start-6 2xl:row-start-1 3xl:col-span-6 mt-10 mb-8 lg:mt-0 lg:mb-0">
        <div class="px-4 md:px-8 lg:px-0 xl:pl-13 2xl:pl-7.5 3xl:pl-7">
          

<div class="flex gap-4 flex-col 2xl:flex-row">
  

<div
  class="
    call-button
    spacing-style
    w-full
  "
  style="
    --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  "
  
>
  <a
    href="tel:1-800-824-4491"
    class="call-button__link flex items-center gap-1.5 p-2.75 lg:p-1.75 border border-stone-50 rounded-md bg-transparent text-stone-50 no-underline text-md font-medium transition-colors duration-200 justify-center hover:bg-stone-50/20 w-full"
    aria-label="Call us at 1-800-824-4491"
  >
    <span class="flex items-center justify-center w-4"><svg
  width="18"
  height="18"
  viewBox="0 0 18 18"
  fill="none"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M9.74901 0.750099C9.74901 0.551187 9.82803 0.360421 9.96868 0.219769C10.1093 0.0791167 10.3001 9.90931e-05 10.499 9.90931e-05C12.4875 0.00228279 14.3939 0.79316 15.7999 2.19921C17.206 3.60526 17.9968 5.51165 17.999 7.5001C17.999 7.69901 17.92 7.88978 17.7793 8.03043C17.6387 8.17108 17.4479 8.2501 17.249 8.2501C17.0501 8.2501 16.8593 8.17108 16.7187 8.03043C16.578 7.88978 16.499 7.69901 16.499 7.5001C16.4972 5.90935 15.8645 4.38426 14.7397 3.25943C13.6148 2.1346 12.0898 1.50189 10.499 1.5001C10.3001 1.5001 10.1093 1.42108 9.96868 1.28043C9.82803 1.13978 9.74901 0.949012 9.74901 0.750099ZM10.499 4.5001C11.2947 4.5001 12.0577 4.81617 12.6203 5.37878C13.1829 5.94139 13.499 6.70445 13.499 7.5001C13.499 7.69901 13.578 7.88978 13.7187 8.03043C13.8593 8.17108 14.0501 8.2501 14.249 8.2501C14.4479 8.2501 14.6387 8.17108 14.7793 8.03043C14.92 7.88978 14.999 7.69901 14.999 7.5001C14.9978 6.30699 14.5233 5.16309 13.6797 4.31943C12.836 3.47578 11.6921 3.00129 10.499 3.0001C10.3001 3.0001 10.1093 3.07912 9.96868 3.21977C9.82803 3.36042 9.74901 3.55119 9.74901 3.7501C9.74901 3.94901 9.82803 4.13978 9.96868 4.28043C10.1093 4.42108 10.3001 4.5001 10.499 4.5001ZM17.3188 12.5543C17.7534 12.9902 17.9975 13.5806 17.9975 14.1961C17.9975 14.8116 17.7534 15.402 17.3188 15.8379L16.6363 16.6246C10.4938 22.5054 -4.45374 7.5616 1.33626 1.3996L2.19876 0.649599C2.63509 0.227107 3.22021 -0.0066141 3.82754 -0.000999776C4.43487 0.00461455 5.01557 0.249113 5.44401 0.679599C5.46726 0.702849 6.85701 2.5081 6.85701 2.5081C7.26939 2.94132 7.49894 3.5168 7.49796 4.1149C7.49699 4.71301 7.26555 5.28773 6.85176 5.7196L5.98326 6.8116C6.4639 7.97943 7.17056 9.04078 8.06264 9.93467C8.95473 10.8286 10.0147 11.5374 11.1815 12.0204L12.2803 11.1466C12.7122 10.7331 13.2868 10.502 13.8847 10.5011C14.4827 10.5003 15.0579 10.7298 15.491 11.1421C15.491 11.1421 17.2955 12.5311 17.3188 12.5543ZM16.2868 13.6449C16.2868 13.6449 14.492 12.2641 14.4688 12.2408C14.3143 12.0876 14.1055 12.0017 13.8879 12.0017C13.6703 12.0017 13.4615 12.0876 13.307 12.2408C13.2868 12.2618 11.774 13.4671 11.774 13.4671C11.6721 13.5482 11.5507 13.6014 11.422 13.6214C11.2932 13.6414 11.1615 13.6275 11.0398 13.5811C9.52811 13.0183 8.15507 12.1372 7.01364 10.9974C5.87221 9.85767 4.98906 8.48592 4.42401 6.9751C4.37391 6.85169 4.35758 6.71717 4.37669 6.58535C4.3958 6.45354 4.44967 6.3292 4.53276 6.2251C4.53276 6.2251 5.73801 4.7116 5.75826 4.6921C5.91146 4.53759 5.99742 4.32881 5.99742 4.11122C5.99742 3.89364 5.91146 3.68486 5.75826 3.53035C5.73501 3.50785 4.35426 1.7116 4.35426 1.7116C4.19744 1.57098 3.99277 1.49567 3.7822 1.50111C3.57163 1.50655 3.37112 1.59232 3.22176 1.74085L2.35926 2.49085C-1.87224 7.57885 11.081 19.8136 15.5398 15.6001L16.223 14.8126C16.3831 14.6643 16.4793 14.4595 16.4912 14.2416C16.5031 14.0237 16.4298 13.8097 16.2868 13.6449Z"
    fill="currentColor"
  />
</svg>
</span>
    <span class="whitespace-nowrap">1-800-824-4491</span>
  </a>
</div>

 

<div
  class="
    email-us-button
    spacing-style
    w-full
  "
  style="
    --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  "
  
>
  <a
    href="mailto:customercare@swansonsupport.com"
    class="email-us-button__link flex items-center gap-1.5 p-2.75 lg:p-1.75 border border-stone-50 rounded-md bg-transparent text-stone-50 no-underline text-md font-medium transition-colors duration-200 justify-center hover:bg-stone-50/20 w-full"
    aria-label="Email us"
  >
    <span class="flex items-center justify-center w-5"><svg
  width="25"
  height="24"
  viewBox="0 0 25 24"
  fill="none"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
>
  <mask id="path-1-inside-1_2467_7097" fill="currentColor">
    <rect x="3.44617" y="5" width="18" height="14" rx="1" />
  </mask>
  <rect x="3.44617" y="5" width="18" height="14" rx="1" stroke="currentColor" stroke-width="3"
    mask="url(#path-1-inside-1_2467_7097)" />
  <path
    d="M4.94617 6.5L11.7912 12.4324C12.1671 12.7581 12.7252 12.7581 13.1011 12.4324L19.9462 6.5"
    stroke="currentColor" stroke-width="1.5" />
</svg>
</span>
    <span class="whitespace-nowrap">Email Us</span>
  </a>
</div>

 





<div
  class="
    chat-button
    spacing-style
    w-full
    hidden--mobile-tablet
  "
  style="
    --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
  "
  
>
  

<chat-button>
  <button
    ref="chatButton"
    on:click="/showChat"
    type="button"
    class="
      flex
      items-center
      cursor-pointer
      size-style
      chat-button__button flex items-center gap-1.5 p-2.75 lg:p-1.75 border border-stone-50 rounded-md bg-transparent text-stone-50 no-underline text-md font-medium transition-colors duration-200 justify-center hover:bg-stone-50/20 w-full cursor-pointer
      chat-button
    "
  >
  <span class="flex items-center justify-center w-4.5"><svg
  width="19"
  height="18"
  viewBox="0 0 19 18"
  fill="none"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M6.98787 7.12493C6.98787 7.53818 7.08387 7.92968 7.25487 8.27768C6.88737 8.74868 6.65862 9.33293 6.62787 9.96968C5.92212 9.22868 5.48787 8.22668 5.48787 7.12568C5.48787 4.56743 7.82937 2.54543 10.4821 3.08993C12.0436 3.41093 13.3089 4.66868 13.6419 6.22793C13.7424 6.69893 13.7611 7.16018 13.7101 7.60118C13.6666 7.97468 13.3389 8.25068 12.9624 8.25068H12.9286C12.4846 8.25068 12.1726 7.85543 12.2214 7.41443C12.2544 7.11818 12.2371 6.80693 12.1614 6.48968C11.9379 5.54993 11.1714 4.78868 10.2301 4.57193C8.51562 4.17818 6.98712 5.47718 6.98712 7.12568L6.98787 7.12493ZM4.07037 6.15368C4.27587 4.95893 4.86012 3.86993 5.76612 3.02018C6.91287 1.94543 8.41437 1.41443 9.98862 1.51193C12.9534 1.70393 15.2716 4.30118 15.2371 7.41068C15.2229 8.71268 14.1324 9.74918 12.8311 9.74918H11.0266C10.8436 9.12743 10.2751 8.66993 9.59412 8.66993C8.76537 8.66993 8.09412 9.34118 8.09412 10.1699C8.09412 10.9987 8.76537 11.6699 9.59412 11.6699C9.99762 11.6699 10.3629 11.5087 10.6321 11.2492H12.8311C14.9454 11.2492 16.7071 9.56543 16.7371 7.45193C16.7926 3.53618 13.8511 0.258682 10.0854 0.0156823C8.08737 -0.114068 6.19212 0.564682 4.74087 1.92668C3.61662 2.98043 2.86887 4.37543 2.59962 5.87618C2.51787 6.33218 2.87862 6.75068 3.34137 6.75068C3.69537 6.75068 4.01112 6.50393 4.07037 6.15443V6.15368ZM9.61287 12.7499C6.84162 12.7499 4.44387 14.4689 3.64662 17.0264C3.52287 17.4217 3.74412 17.8424 4.13937 17.9662C4.53387 18.0854 4.95462 17.8679 5.07837 17.4734C5.67012 15.5759 7.53387 14.2499 9.61212 14.2499C11.6904 14.2499 13.5549 15.5759 14.1459 17.4734C14.2464 17.7944 14.5419 17.9999 14.8621 17.9999C14.9364 17.9999 15.0106 17.9887 15.0856 17.9662C15.4809 17.8424 15.7014 17.4217 15.5784 17.0264C14.7811 14.4689 12.3834 12.7499 9.61212 12.7499H9.61287Z"
    fill="currentColor" />
</svg></span>
  <span class="whitespace-nowrap">Chat live with an agent</span>
</button>
</chat-button>

</div>

 
</div>



        </div>
      </div>
    </div>
    <div class="grid grid-cols-1 lg:grid-cols-12 auto-rows-auto w-full lg:pt-7 lg:pb-7 lg:border-b lg:border-white/30">
      <div class="col-span-1 lg:col-span-5 xl:col-span-5 2xl:col-span-4 3xl:col-span-6 px-8 lg:px-0 pb-10 lg:pb-0 border-b border-white/30 lg:border-b-0">
        <div class="flex flex-col md:flex-row lg:flex-col 3xl:flex-row mx-auto gap-3.75 lg:gap-4.5 2xl:gap-4.75 3xl:gap-3.75 [&_p]:lg:!text-left [&_p]:xl:!ml-0 [&_.text-block]:3xl:!mx-0 [&_.text-block]:3xl:!w-auto lg:pr-6.25 xl:pr-16.5 lg:pt-13 2xl:pr-7.5">
          <div class="max-w-72.5 mx-auto md:mx-0">
            


  







  <div 
  class=" spacing-style text-block text-block--AV2VNbW54aUU4UFVyW__footer_text_sign_up custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 1.125rem;--font-size-mobile: 1.125rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: 100%;
    
      --max-width: var(--max-width--body-narrow);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 1.125rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p>Get exclusive offers and expert tips delivered right to your inbox</p>
  </div>









          </div>
          <div class="max-w-90 lg:max-w-none mx-auto w-full md:shrink-0 md:w-1/2 lg:w-full 3xl:w-full 3xl:max-w-95.5 3xl:mx-0">
            

<div
  class="email-signup-block size-style spacing-style"
  style="--size-style-width: 100%;--size-style-height: ;--size-style-height-mobile: ;--padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;"
  
>
  
<form method="post" action="/contact#ContactForm-AdGN4eHNGd3VyRmh0Z__footer_email_signup" id="ContactForm-AdGN4eHNGd3VyRmh0Z__footer_email_signup" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
    <div
      class="email-signup__input-group   "
      style="--border-width: 1px; --border-radius: 4px;"
    >
      <label
        for="EmailInput-AdGN4eHNGd3VyRmh0Z__footer_email_signup"
        class="visually-hidden"
      >
        Email
      </label>
      <input
        id="EmailInput-AdGN4eHNGd3VyRmh0Z__footer_email_signup"
        class="email-signup__input email-signup__input--separated paragraph "
        type="email"
        name="contact[email]"
        spellcheck="false"
        autocorrect="off"
        autocapitalize="off"
        autocomplete="email"
        inputmode="email"
        border-radius="4px"
        border="1px solid #212121"
        pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}"
        placeholder="Enter your email address"
        required
        
      >
      <button
        class="email-signup__button button  email-signup__button--text  button-secondary-inverted button-secondary-inverted--AdGN4eHNGd3VyRmh0Z__footer_email_signup "
        
        type="submit"
      >
        
          Sign me up!
        
      </button>
    </div></form>
</div>

<script type="module">
  document.getElementById('ContactForm-AdGN4eHNGd3VyRmh0Z__footer_email_signup')?.addEventListener(
    'submit',
    () => {
      const email = document.getElementById('EmailInput-AdGN4eHNGd3VyRmh0Z__footer_email_signup')?.value;

      document.dispatchEvent(
        new CustomEvent('cordial:event', {
          bubbles: true,
          cancelable: true,
          detail: {
            type: 'submit',
            properties: {
              email: email,
            },
          },
        })
      );
    },
    true
  );
</script>





          </div>
        </div>
      </div>
      <div class="col-span-1 lg:col-span-7 xl:col-span-7 xl:col-start-6 3xl:col-span-6 lg:pl-8.75 xl:pl-24.5 2xl:pl-7.25 3xl:pl-7.25">
        <div class="flex flex-col lg:flex-row lg:gap-5 xl:gap-5.5 3xl:gap-5 [&_.details-content]:!pt-0 [&_.details-content]:!pb-5 [&_.details-content]:lg:!p-0 [&_.details-content]:lg:!pb-4 [&_summary]:py-4.25 [&_summary]:lg:py-3.5 [&_summary]:tracking-body-tight [&_.svg-wrapper>svg]:w-3.5 [&_.svg-wrapper]:text-white [&_accordion-custom_details]:!pb-0">
          






  <accordion-custom
    class="
      menu
       menu--accordion menu--caret
       menu--dividers
    "
    data-disable-on-desktop="true"
    data-custom-breakpoint="1024"
    open-by-default-on-desktop
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      style="
        --spacing--size: 18px;
        --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      "
      
      open
    >
      <summary class="menu__heading" id="menu-heading-AQThpclFmKzNaRVU4d__menu_xDPgxr" style="font-size: var(--font-size--md); font-weight: 600;">
        <span class="menu__heading__default">Order Support</span>
        <span class="menu__heading__accordion">
          Order Support
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated" aria-label="Expand menu"><svg
  width="14"
  height="15"
  viewBox="0 0 14 15"
  xmlns="http://www.w3.org/2000/svg"
  role="img"
  aria-label="Caret"
  fill="none"
>
  <path
    d="M-0.0004 4.8865C-0.0008 4.8097 0.0138 4.7337 0.0429 4.6626C0.0719 4.5915 0.1147 4.5269 0.1687 4.4723C0.223 4.4177 0.2875 4.3743 0.3586 4.3447C0.4296 4.315 0.5059 4.2998 0.5829 4.2998C0.6599 4.2998 0.7361 4.315 0.8072 4.3447C0.8783 4.3743 0.9428 4.4177 0.9971 4.4723L5.7629 9.2382C6.091 9.5659 6.5358 9.75 6.9996 9.75C7.4633 9.75 7.9081 9.5659 8.2362 9.2382L13.0021 4.4723C13.1119 4.3625 13.2609 4.3008 13.4162 4.3008C13.5716 4.3008 13.7206 4.3625 13.8304 4.4723C13.9402 4.5822 14.002 4.7312 14.002 4.8865C14.002 5.0419 13.9402 5.1908 13.8304 5.3007L9.0646 10.0665C8.7936 10.3381 8.4718 10.5536 8.1174 10.7007C7.7631 10.8477 7.3832 10.9234 6.9996 10.9234C6.6159 10.9234 6.2361 10.8477 5.8817 10.7007C5.5274 10.5536 5.2055 10.3381 4.9346 10.0665L0.1687 5.3007C0.1147 5.2462 0.0719 5.1815 0.0429 5.1105C0.0138 5.0394 -0.0009 4.9633 -0.0004 4.8865Z"
    fill="currentColor"
  />
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus" aria-label="Collapse menu"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <div class="details-content">
        
          <ul class="details-content__list list-unstyled" role="menu" aria-label="Order Support">
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/account?view=notification-preferences" role="menuitem" aria-label="My Account">
                    My Account
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/account?view=favorites" role="menuitem" aria-label="Favorites">
                    Favorites
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/landing-pages_rewards" role="menuitem" aria-label="Wellness Rewards">
                    Wellness Rewards
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/account" role="menuitem" aria-label="Order Information">
                    Order Information
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/shipping-methods-and-rates" role="menuitem" aria-label="Shipping Details">
                    Shipping Details
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/landing-pages_subscription" role="menuitem" aria-label="Manage Subscription">
                    Manage Subscription
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/returns" role="menuitem" aria-label="Returns and Refunds">
                    Returns and Refunds
                  </a>
                
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>










  <accordion-custom
    class="
      menu
       menu--accordion menu--caret
       menu--dividers
    "
    data-disable-on-desktop="true"
    data-custom-breakpoint="1024"
    open-by-default-on-desktop
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      style="
        --spacing--size: 18px;
        --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      "
      
      open
    >
      <summary class="menu__heading" id="menu-heading-AZEpNKzVxeWQ3SFR6M__menu_xyqXWw" style="font-size: var(--font-size--md); font-weight: 600;">
        <span class="menu__heading__default">Help</span>
        <span class="menu__heading__accordion">
          Help
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated" aria-label="Expand menu"><svg
  width="14"
  height="15"
  viewBox="0 0 14 15"
  xmlns="http://www.w3.org/2000/svg"
  role="img"
  aria-label="Caret"
  fill="none"
>
  <path
    d="M-0.0004 4.8865C-0.0008 4.8097 0.0138 4.7337 0.0429 4.6626C0.0719 4.5915 0.1147 4.5269 0.1687 4.4723C0.223 4.4177 0.2875 4.3743 0.3586 4.3447C0.4296 4.315 0.5059 4.2998 0.5829 4.2998C0.6599 4.2998 0.7361 4.315 0.8072 4.3447C0.8783 4.3743 0.9428 4.4177 0.9971 4.4723L5.7629 9.2382C6.091 9.5659 6.5358 9.75 6.9996 9.75C7.4633 9.75 7.9081 9.5659 8.2362 9.2382L13.0021 4.4723C13.1119 4.3625 13.2609 4.3008 13.4162 4.3008C13.5716 4.3008 13.7206 4.3625 13.8304 4.4723C13.9402 4.5822 14.002 4.7312 14.002 4.8865C14.002 5.0419 13.9402 5.1908 13.8304 5.3007L9.0646 10.0665C8.7936 10.3381 8.4718 10.5536 8.1174 10.7007C7.7631 10.8477 7.3832 10.9234 6.9996 10.9234C6.6159 10.9234 6.2361 10.8477 5.8817 10.7007C5.5274 10.5536 5.2055 10.3381 4.9346 10.0665L0.1687 5.3007C0.1147 5.2462 0.0719 5.1815 0.0429 5.1105C0.0138 5.0394 -0.0009 4.9633 -0.0004 4.8865Z"
    fill="currentColor"
  />
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus" aria-label="Collapse menu"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <div class="details-content">
        
          <ul class="details-content__list list-unstyled" role="menu" aria-label="Help">
            
              <li class="menu__item paragraph" role="none">
                
                  



<a href="#"
   
   class="userway-accessibility-link "
   onclick="(async (el) => { event.preventDefault(); await window.UserWayLoader.load(); const iv = setInterval(() => { if (document.querySelector('.uwif')) { clearInterval(iv); window.UserWayLoader.loadAndOpen(el); } }, 50); })(this)"
   aria-label="Accessibility Support"
   role="menuitem">
  Accessibility Support
</a>


                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/money-back-guarantee" role="menuitem" aria-label="Money-Back Guarantee">
                    Money-Back Guarantee
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/product-information" role="menuitem" aria-label="Product Information">
                    Product Information
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/landing-pages_international" role="menuitem" aria-label="International Information">
                    International Information
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/security-and-privacy-information" role="menuitem" aria-label="Security and Privacy">
                    Security and Privacy
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/10-faqs" role="menuitem" aria-label="FAQs">
                    FAQs
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/contact" role="menuitem" aria-label="Contact Us">
                    Contact Us
                  </a>
                
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>










  <accordion-custom
    class="
      menu
       menu--accordion menu--caret
       menu--dividers
    "
    data-disable-on-desktop="true"
    data-custom-breakpoint="1024"
    open-by-default-on-desktop
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      style="
        --spacing--size: 18px;
        --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      "
      
      open
    >
      <summary class="menu__heading" id="menu-heading-ARnhDbHR1YU5DdEp2O__menu_77ztQW" style="font-size: var(--font-size--md); font-weight: 600;">
        <span class="menu__heading__default">About Us</span>
        <span class="menu__heading__accordion">
          About Us
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated" aria-label="Expand menu"><svg
  width="14"
  height="15"
  viewBox="0 0 14 15"
  xmlns="http://www.w3.org/2000/svg"
  role="img"
  aria-label="Caret"
  fill="none"
>
  <path
    d="M-0.0004 4.8865C-0.0008 4.8097 0.0138 4.7337 0.0429 4.6626C0.0719 4.5915 0.1147 4.5269 0.1687 4.4723C0.223 4.4177 0.2875 4.3743 0.3586 4.3447C0.4296 4.315 0.5059 4.2998 0.5829 4.2998C0.6599 4.2998 0.7361 4.315 0.8072 4.3447C0.8783 4.3743 0.9428 4.4177 0.9971 4.4723L5.7629 9.2382C6.091 9.5659 6.5358 9.75 6.9996 9.75C7.4633 9.75 7.9081 9.5659 8.2362 9.2382L13.0021 4.4723C13.1119 4.3625 13.2609 4.3008 13.4162 4.3008C13.5716 4.3008 13.7206 4.3625 13.8304 4.4723C13.9402 4.5822 14.002 4.7312 14.002 4.8865C14.002 5.0419 13.9402 5.1908 13.8304 5.3007L9.0646 10.0665C8.7936 10.3381 8.4718 10.5536 8.1174 10.7007C7.7631 10.8477 7.3832 10.9234 6.9996 10.9234C6.6159 10.9234 6.2361 10.8477 5.8817 10.7007C5.5274 10.5536 5.2055 10.3381 4.9346 10.0665L0.1687 5.3007C0.1147 5.2462 0.0719 5.1815 0.0429 5.1105C0.0138 5.0394 -0.0009 4.9633 -0.0004 4.8865Z"
    fill="currentColor"
  />
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus" aria-label="Collapse menu"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <div class="details-content">
        
          <ul class="details-content__list list-unstyled" role="menu" aria-label="About Us">
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/landing-pages_who_we_are" role="menuitem" aria-label="Who We Are">
                    Who We Are
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/corporate-social-responsibility" role="menuitem" aria-label="Social Responsiblity">
                    Social Responsiblity
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/landing-pages_swansoncares" role="menuitem" aria-label="Swanson Cares">
                    Swanson Cares
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/blogs/articles" role="menuitem" aria-label="Blog">
                    Blog
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/p/swanson-health-products-inc-gift-certificate-25-unit" role="menuitem" aria-label="Digital Gift Cards">
                    Digital Gift Cards
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/store-locator" role="menuitem" aria-label="Where to Shop">
                    Where to Shop
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/catalogrequest" role="menuitem" aria-label="Request a Catalog">
                    Request a Catalog
                  </a>
                
              </li>
            
              <li class="menu__item paragraph" role="none">
                
                  <a href="/pages/career" role="menuitem" aria-label="Careers">
                    Careers
                  </a>
                
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>









        </div>
      </div>
    </div>
    <div class="flex flex-col w-full lg:pt-8">
      <div class="flex flex-col lg:flex-row lg:justify-between w-full">
        <div class="order-2 lg:order-1">
          



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: ;
        
      "
    >
  

<div
  class="
    payment-icons
    spacing-style
  "
  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    --icon-gap: 10px;
    --alignment: flex-start;
    --alignment-mobile: center;
  "
  
>
  <span class="visually-hidden" id="payment-methods-heading">Payment methods</span>
  <ul
    class="payment-icons__list"
    role="list"
    aria-labelledby="payment-methods-heading"
  ><li class="payment-icons__item">
          <span class="visually-hidden">Visa</span>
          <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>

        </li><li class="payment-icons__item">
          <span class="visually-hidden">Paypal</span>
          <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
        </li><li class="payment-icons__item">
          <span class="visually-hidden">Master</span>
          <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>

        </li><li class="payment-icons__item">
          <span class="visually-hidden">Apple pay</span>
          <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

        </li><li class="payment-icons__item">
          <span class="visually-hidden">American express</span>
          <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>

        </li></ul>
</div>





</div>
  </div>

<!--@list/split-->


        </div>
        <div class="order-1 lg:order-2">
          



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--row
          
          
        
        
        
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  

<div
  class="social-icons__wrapper"
  
>
  



<div
  class="social-icons__icon-wrapper"
  
>
  <a
    href="https://www.facebook.com/swansonhealth/"
    target="_blank"
    rel="noopener noreferrer"
    class="social-icons__link"
    aria-label="Facebook"
  >
    <span class="social-icons__icon-label">Facebook</span>
    <svg
      class="social-icons__icon"
      aria-hidden="true"
      focusable="false"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 20 20"
    >
<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
  </a>
</div>








<div
  class="social-icons__icon-wrapper"
  
>
  <a
    href="https://www.instagram.com/swansonvitamins"
    target="_blank"
    rel="noopener noreferrer"
    class="social-icons__link"
    aria-label="Instagram"
  >
    <span class="social-icons__icon-label">Instagram</span>
    <svg
      class="social-icons__icon"
      aria-hidden="true"
      focusable="false"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 20 20"
    >
<path
      fill-rule="evenodd"
      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
      clip-rule="evenodd"
    /></svg>
  </a>
</div>








<div
  class="social-icons__icon-wrapper"
  
>
  <a
    href="https://www.youtube.com/swansonvitamins"
    target="_blank"
    rel="noopener noreferrer"
    class="social-icons__link"
    aria-label="Youtube"
  >
    <span class="social-icons__icon-label">Youtube</span>
    <svg
      class="social-icons__icon"
      aria-hidden="true"
      focusable="false"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 20 20"
    >
<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
  </a>
</div>








<div
  class="social-icons__icon-wrapper"
  
>
  <a
    href="https://www.pinterest.com/swansonhealth/"
    target="_blank"
    rel="noopener noreferrer"
    class="social-icons__link"
    aria-label="Pinterest"
  >
    <span class="social-icons__icon-label">Pinterest</span>
    <svg
      class="social-icons__icon"
      aria-hidden="true"
      focusable="false"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 20 20"
    >
<path d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z" /></svg>
  </a>
</div>








<div
  class="social-icons__icon-wrapper"
  
>
  <a
    href="https://x.com/swansonhealth"
    target="_blank"
    rel="noopener noreferrer"
    class="social-icons__link"
    aria-label="X"
  >
    <span class="social-icons__icon-label">X</span>
    <svg
      class="social-icons__icon"
      aria-hidden="true"
      focusable="false"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 20 20"
    >
<path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M7.27301 2.80005L10.8 7.82205L15.218 2.80005H16.986L11.586 8.93905L17.385 17.193H12.727L8.99701 11.883L4.32601 17.193H2.55801L8.21201 10.766L2.61501 2.80005H7.27301ZM13.515 15.925L5.07001 4.10905H6.47501L14.921 15.925H13.515Z"
      fill="currentColor"
    /></svg>
  </a>
</div>








<div
  class="social-icons__icon-wrapper"
  
>
  <a
    href="https://www.tiktok.com/@swansonhealth"
    target="_blank"
    rel="noopener noreferrer"
    class="social-icons__link"
    aria-label="Tiktok"
  >
    <span class="social-icons__icon-label">Tiktok</span>
    <svg
      class="social-icons__icon"
      aria-hidden="true"
      focusable="false"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 20 20"
    >
<path d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z" /></svg>
  </a>
</div>





</div>





</div>
  </div>

<!--@list/split-->


        </div>
      </div>
      <div class="flex flex-col lg:flex-row">
        



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fill
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: 100%;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  

<div
  class="footer-utilities"
  
>
  <div class="footer-utilities__group">
    



<div
  class="
    footer-utilities__group-copyright
    custom-typography
    custom-font-size
  "
  style="
--color: ;--font-size: 0.875rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">Swanson</a></span>
</div>





    
<ul class="footer-policy-links"  aria-label="Policy links">
  <li class="footer-policy-links__item" ><a
    href="/policies/terms-of-service"
    aria-label="Terms of Service"
    class="
      footer-policy-links__link
      custom-typography
       footer-policy-links__link--underline
      custom-font-size
    "
    style="
      --link-color: #fdfdfd;
      --link-hover-color: #fdfdfd;
      color: var(--link-color);
      
--color: #fdfdfd;--font-size: 0.875rem;      --font-weight: ;--font-family: ;    --text-transform: ;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);
    "
    
    
    
><span style="font-size: 0.875rem">Terms of Service</span></a></li>


<li class="footer-policy-links__item" ><a
    href="/policies/privacy-policy"
    aria-label="Privacy Policy"
    class="
      footer-policy-links__link
      custom-typography
       footer-policy-links__link--underline
      custom-font-size
    "
    style="
      --link-color: #fdfdfd;
      --link-hover-color: #fdfdfd;
      color: var(--link-color);
      
--color: #fdfdfd;--font-size: 0.875rem;      --font-weight: ;--font-family: ;    --text-transform: ;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);
    "
    
    
    
><span style="font-size: 0.875rem">Privacy Policy</span></a></li>


<li class="footer-policy-links__item" ><a
    href="/collections/all"
    aria-label="Sitemap"
    class="
      footer-policy-links__link
      custom-typography
       footer-policy-links__link--underline
      custom-font-size
    "
    style="
      --link-color: #fdfdfd;
      --link-hover-color: #fdfdfd;
      color: var(--link-color);
      
--color: #fdfdfd;--font-size: 0.875rem;      --font-weight: ;--font-family: ;    --text-transform: ;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);
    "
    
    
    
><span style="font-size: 0.875rem">Sitemap</span></a></li>



</ul>





  </div>
</div>





</div>
  </div>

<!--@list/split-->


      </div>
      <div class="px-8 lg:px-0">
        



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-fit
      group-block--width-fit-content
      group-block--relative
      negative-shift-style
      border-style
      spacing-style
      size-style
      z-index-style
      
      
      
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 


      --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;
      --size-style-width: fit-content;--size-style-height: fit;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      


      --group-z-index: 0;

      
    "
    
    data-testid="group-block"
    
    
    
  ><div class="group-block__media-wrapper">
      

      
    </div>

    <div
      class="
        group-block-content
        
        
          layout-panel-flex
          
          layout-panel-flex--column
           mobile-column
          
        
        
        
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap;

  --gap: 12px;

  --horizontal-alignment: flex-start; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--ARTZISXd4ZFpiOWFDM__text_7dLhJW custom
    
    text-block--align-left text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
  --padding-block-start-mobile: 0px; --padding-block-end-mobile:0px; --padding-inline-start-mobile:0px; --padding-inline-end-mobile:0px;
    
--color: var(--color-foreground);--font-size: 0.75rem;--font-size-mobile: 0.75rem;--font-size-tablet: 1rem;--font-weight: 400;--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --width: fit-content;
    
      --max-width: var(--max-width--body-none);
    
    --text-align: left;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 400;
    

    
    

    
    

    
    
      --mobile-font-size: 0.75rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
  
  

  
>
    <p>These statements have not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure, or prevent any disease.</p>
  </div>










<div
  class="
    spacer-block
    spacer-block--size-pixel
    
    
  "
  style="
    
      --spacer-size: 80px;
    

    

    
  "
  
  data-testid="spacer-block"
></div>





</div>
  </div>

<!--@list/split-->


      </div>
    </div>
  </div>
</div>


</footer>
<!-- END sections: footer-group -->
    




    
    <script>
      class DeclarativeShadowElement extends HTMLElement {
        connectedCallback() {
          if (!this.shadowRoot) {
            const template = this.querySelector(':scope > template[shadowrootmode="open"]');

            if (!(template instanceof HTMLTemplateElement)) return;

            const shadow = this.attachShadow({ mode: 'open' });
            shadow.append(template.content.cloneNode(true));
          }
        }
      }
      customElements.define('declarative-shadow', DeclarativeShadowElement);
    </script>
    <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/critical.js?v=137611512248292459131780166541" defer></script>
    

    
      <quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-1"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button quick-add-modal__close"
      aria-label="Close dialog"
    ><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Close">
  <path
    d="M17.5996 5.92499C17.7639 5.92499 17.8659 5.97349 17.9463 6.05389C18.0265 6.1342 18.0751 6.23569 18.0752 6.3996C18.0752 6.5638 18.0266 6.66589 17.9463 6.74628L12.6924 12.0002L13.0459 12.3537L17.9463 17.2531C18.0267 17.3335 18.0752 17.4356 18.0752 17.5998C18.0752 17.7641 18.0267 17.8661 17.9463 17.9465C17.8659 18.0269 17.7639 18.0754 17.5996 18.0754C17.4355 18.0753 17.3333 18.0268 17.2529 17.9465L12.3535 13.0461L12 12.6926L6.74609 17.9465C6.66571 18.0268 6.56362 18.0754 6.39941 18.0754C6.23551 18.0753 6.13402 18.0267 6.05371 17.9465C5.97331 17.8661 5.9248 17.7641 5.9248 17.5998C5.92484 17.4356 5.97334 17.3335 6.05371 17.2531L11.3066 12.0002L10.9531 11.6467L6.05371 6.74628C5.97331 6.66587 5.9248 6.56387 5.9248 6.3996C5.92488 6.23556 5.97337 6.13423 6.05371 6.05389C6.13405 5.97356 6.23537 5.92506 6.39941 5.92499C6.56368 5.92499 6.66569 5.97349 6.74609 6.05389L11.6465 10.9533L12 11.3068L17.2529 6.05389C17.3333 5.97352 17.4355 5.92503 17.5996 5.92499Z"
    fill="currentColor" stroke="currentColor" />
</svg>
</button>
    <div
      id="quick-add-modal-content"
      class="quick-add-modal__content"
    ></div>
  </dialog>
</quick-add-dialog>



    
    <quick-view-dialog id="quick-view-dialog">
  <dialog
    class="quick-view-modal dialog-modal color-scheme-1 rounded-4xl p-0 overflow-hidden"
    ref="dialog"
    scroll-lock
    aria-modal="true"aria-label="Quick view"
  >
    <div class="quick-view-modal__inner overflow-hidden">
      <div class="flex flex-col overflow-hidden">
        <div class="flex justify-end items-center pt-5 md:pt-8 px-4 md:px-8">
          <button
            ref="closeButton"
            on:click="/closeDialog"
            class="button button-unstyled quick-view-modal__close flex justify-center items-center w-8 h-8 absolute top-1.5 right-3 md:top-8 md:right-8 z-50"
            aria-label="Close dialog"
          >
            <span class="svg-wrapper quick-view-modal__close-icon--desktop"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Close">
  <path
    d="M17.5996 5.92499C17.7639 5.92499 17.8659 5.97349 17.9463 6.05389C18.0265 6.1342 18.0751 6.23569 18.0752 6.3996C18.0752 6.5638 18.0266 6.66589 17.9463 6.74628L12.6924 12.0002L13.0459 12.3537L17.9463 17.2531C18.0267 17.3335 18.0752 17.4356 18.0752 17.5998C18.0752 17.7641 18.0267 17.8661 17.9463 17.9465C17.8659 18.0269 17.7639 18.0754 17.5996 18.0754C17.4355 18.0753 17.3333 18.0268 17.2529 17.9465L12.3535 13.0461L12 12.6926L6.74609 17.9465C6.66571 18.0268 6.56362 18.0754 6.39941 18.0754C6.23551 18.0753 6.13402 18.0267 6.05371 17.9465C5.97331 17.8661 5.9248 17.7641 5.9248 17.5998C5.92484 17.4356 5.97334 17.3335 6.05371 17.2531L11.3066 12.0002L10.9531 11.6467L6.05371 6.74628C5.97331 6.66587 5.9248 6.56387 5.9248 6.3996C5.92488 6.23556 5.97337 6.13423 6.05371 6.05389C6.13405 5.97356 6.23537 5.92506 6.39941 5.92499C6.56368 5.92499 6.66569 5.97349 6.74609 6.05389L11.6465 10.9533L12 11.3068L17.2529 6.05389C17.3333 5.97352 17.4355 5.92503 17.5996 5.92499Z"
    fill="currentColor" stroke="currentColor" />
</svg>
</span>
            <span class="svg-wrapper quick-view-modal__close-icon--mobile"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M13.829 0.170792C13.7196 0.061434 13.5712 0 13.4165 0C13.2619 0 13.1135 0.061434 13.0041 0.170792L6.99988 6.17504L0.995625 0.170792C0.886234 0.061434 0.737888 0 0.583209 0C0.42853 0 0.280183 0.061434 0.170792 0.170792C0.061434 0.280183 0 0.42853 0 0.583209C0 0.737888 0.061434 0.886234 0.170792 0.995625L6.17504 6.99988L0.170792 13.0041C0.061434 13.1135 0 13.2619 0 13.4165C0 13.5712 0.061434 13.7196 0.170792 13.829C0.280183 13.9383 0.42853 13.9998 0.583209 13.9998C0.737888 13.9998 0.886234 13.9383 0.995625 13.829L6.99988 7.82471L13.0041 13.829C13.1135 13.9383 13.2619 13.9998 13.4165 13.9998C13.5712 13.9998 13.7196 13.9383 13.829 13.829C13.9383 13.7196 13.9998 13.5712 13.9998 13.4165C13.9998 13.2619 13.9383 13.1135 13.829 13.0041L7.82471 6.99988L13.829 0.995625C13.9383 0.886234 13.9998 0.737888 13.9998 0.583209C13.9998 0.42853 13.9383 0.280183 13.829 0.170792Z" fill="currentColor"/></svg>
</span>
          </button>
        </div>
        <div id="quick-view-modal-content" class="quick-view-modal__content px-2.5 md:px-8 pb-5 overflow-y-auto"></div>
      </div>
    </div>
  </dialog>
</quick-view-dialog>



    <div class="ring-chat">
  <script type="application/javascript">
    (function () {
      var loaded = false;
      var EVENTS = ['mousedown', 'mousemove', 'scroll', 'touchstart', 'keydown'];

      function loadChat(e) {
        if (loaded) return;
        loaded = true;
        EVENTS.forEach(function (type) {
          document.removeEventListener(type, loadChat);
        });

var bridgerPage = window.location.pathname === '/bridge/';
        var firefoxIsMobile = /iPad|iPhone|iPod|android|webOS/i.test(window.navigator.userAgent);
        var universalMobileDetect = window.navigator.userAgentData?.mobile;

        if ((!universalMobileDetect && !firefoxIsMobile) && (window.innerWidth > 1023) && !bridgerPage) {
          var mainEle = document.querySelector('main');
          var bodyEle = document.querySelector('body');

          var chatInitializeScript = document.createElement('script');
          chatInitializeScript.src = 'https://home-c36.nice-incontact.com/inContact/ChatClient/js/embed.min.js';
          chatInitializeScript.async = true;

          if (mainEle) {
            mainEle.append(chatInitializeScript);
          } else if (bodyEle) {
            bodyEle.append(chatInitializeScript);
          }

          chatInitializeScript.onload = function () {
            if (window.icPatronChat) {
              icPatronChat.init({
                serverHost: 'https://home-c36.nice-incontact.com',
                bus_no: 4599890,
                poc: 'ca33acea-396f-47d8-b200-663dd300fde6',
                params: [
                  "Guest",
                  "Guest",
                  "noemail@example.com",
                  "555-555-5555"
                ]
              });
            }
          };
        }
      }

      if (window.__ucScanner) {
        loadChat();
      } else {
        EVENTS.forEach(function (e) {
          document.addEventListener(e, loadChat, { passive: true });
        });
      }
    })();

    function toggleChatWindow() {
      if (window.icPatronChat) {
        icPatronChat.setStateWindowToggle();
      }
    }
  </script>

  <a class="button2" role="button" onclick="toggleChatWindow()" style="visibility: hidden">
    <span class="visually-hidden">Chat</span>
    <div id="divBadge" class="badge2"></div>
  </a>
</div>

    <script>(window.__idleScripts=window.__idleScripts||[]).push("\/\/www.swansonvitamins.com\/cdn\/shop\/t\/578\/assets\/observers.js?v=125717616354472620541779988248");</script>
    <script>(window.__idleScripts=window.__idleScripts||[]).push("\/\/www.swansonvitamins.com\/cdn\/shop\/t\/578\/assets\/custom-analytics-events.js?v=57842837147282022231788183337");</script>

    

    <script id="engagex-general">
      (
        window.requestIdleCallback ||
        function (cb) {
          setTimeout(cb, 200);
        }
      )(function () {
        function getDPI() {
          var d = document.createElement('div');
          d.style.width = '1in';
          d.style.height = '1in';
          d.style.position = 'absolute';
          d.style.top = '-100%';
          document.body.appendChild(d);
          var dpi = d.offsetWidth;
          document.body.removeChild(d);
          return dpi;
        }

        var q = [
          'referer=' + encodeURIComponent(document.referrer || ''),
          'location=' + encodeURIComponent(window.location.href),
          'sw=' + screen.width,
          'sh=' + screen.height,
          'dpi=' + getDPI(),
        ].join('&');

        var s = document.createElement('script');
        s.async = true;
        s.src = 'https://dv.engage-x.io/dv/v/6984bccf103c75d860e4aa2e/js?' + q;
        document.body.appendChild(s);
      });
    </script>
  <style> .button-sm,.email-us-button__link,.email-signup__button,input.email-signup__input,.call-button__link,.visual-filter,.content-card__product-option {border-radius: 50px !important;} </style>
<div id="shopify-block-ANE4wZWpEQU9nQkpJY__6680288666557934739" class="shopify-block shopify-app-block"><script id="wkWishlistPage" type="application/json">
  {
    "showVendor": true,
    "showProductTitle": true,
    "showPrice": true,
    "showShareButton": true,
    "showBuyAllButton": false,
    "showClearButton": false,
    "moveToCart": false,
    "ctaButton": "add-to-cart",
    "productOptions": "dropdowns",
    "wishlistEmptyLink": "\/collections\/all",
    "removeButtonStyle": "icon"
  }
</script>

  <script type="module" src="https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/block-wishlist-page.js"></script>

<style>
  wishlist-page {
    --text-color: var(--wk-color-text);
    --page-max-width: 1200px;
    --page-padding-top: 30px;
    --page-padding-bottom: 80px;
    --button-min-height: var(--wk-button-min-height);
    --button-border-width: var(--wk-button-border-width);
    --button-border-radius: var(--wk-button-border-radius);
    --input-min-height: var(--wk-input-min-height);
    --input-border-width: var(--wk-input-border-width);
    --input-border-radius: var(--wk-input-border-radius);

    --grid-columns-xs: 2;
    --grid-columns-sm: 2;
    --grid-columns-md: 3;
    --grid-columns-lg: 4;
    --grid-columns-xl: 5;

    --cta-button-background: rgb(var(--wk-color-accent-1));
    --cta-button-border: solid var(--button-border-width) rgb(var(--wk-color-accent-1));
    --cta-button-color: rgb(var(--wk-color-solid-button-label));

    --variant-input-background: rgb(var(--wk-color-background-1));
    --variant-input-border: solid var(--input-border-width) rgba(var(--wk-color-text));
    --variant-input-color: rgb(var(--wk-color-text));
    --variant-input-selected-background: var(--variant-input-background);
    --variant-input-selected-border: solid var(--input-border-width) rgba(var(--wk-color-text));
    --variant-input-selected-color: var(--variant-input-color);
    --variant-input-selected-shadow: 0 0 0 var(--input-border-width) rgb(var(--wk-color-text));

    --price-justify-content: center;

    --option-select-label-display: none;

    --image-aspect-ratio: 1/1;
    --image-object-fit: cover;
    --meta-text-align: center;
  }
</style>

</div><div id="shopify-block-ASFd4aGtkL1V1dGtKa__13655089695959051254" class="shopify-block shopify-app-block"><script id="wkThemeCode" type="application/json">
  {
    "customIconsUrl": "https:\/\/cdn.appmate.io\/themecode\/ehndwb-vu\/main\/icons.js?generation=1761702472624804",
    "addToCartJsUrl": "https:\/\/cdn.appmate.io\/themecode\/ehndwb-vu\/main\/add-to-cart.js?generation=1760722816875967",
    "productCardJsUrl": "https:\/\/cdn.appmate.io\/themecode\/ehndwb-vu\/main\/wishlist-product-card.js?generation=1775586952251365",
    "wishlistPageJsUrl": "https:\/\/cdn.appmate.io\/themecode\/ehndwb-vu\/main\/wishlist-page.js?generation=1773934863860770",
    "eventSubscribersJsUrl": "https:\/\/cdn.appmate.io\/themecode\/ehndwb-vu\/main\/event-subscribers.js?generation=1776953858487294",
    "localeJsonUrl": "https:\/\/cdn.appmate.io\/themecode\/ehndwb-vu\/main\/locale-en.json?generation=1774445387501865",
    "customCssUrl": "https:\/\/cdn.appmate.io\/themecode\/ehndwb-vu\/main\/custom.css?generation=1773934780342838",
    "collectionButtonsJsUrl": "https:\/\/cdn.appmate.io\/themecode\/ehndwb-vu\/main\/collection-buttons.js?generation=1757015946096618",
    "productPageButtonsJsUrl": null,
    "headerLinkJsUrl": null,
    "wishlistLinkHeadlessJsUrl": null,
    "wishlistButtonHeadlessJsUrl": "https:\/\/cdn.appmate.io\/themecode\/ehndwb-vu\/main\/wishlist-button-headless.js?generation=1761786555584017",
    "saveForLaterJsUrl": null,
    "customDataUrl": "https:\/\/cdn.appmate.io\/themecode\/ehndwb-vu\/main\/custom-data.js?generation=1773934808590544",
    "addWishlistToCartJsUrl": null,
    "accountDialogUrl": null
  }
</script>

  <script type="module" src="https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/block-code-access.js"></script>


</div><div id="shopify-block-ATTh0bmRxZ0VuSXNkM__18419742403865027279" class="shopify-block shopify-app-block sc-app-block"><sc-dynamic-compare >
    <template shadowrootmode="open">
      <link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ffbfe-991e-7f15-96bd-3e2405423e76/specification-and-compare-669/assets/spec-and-compare.css" /><!-- BEGIN app snippet: floating-compare-bar --><style>
    :host {
      --floating-compare-bar-font-size: 16px;
      --floating-compare-bar-background: #ffffff;
      --floating-compare-bar-text-color: #121212;

      --floating-compare-bar-button-border-radius: 0px;
      --floating-compare-bar-button-font-weight: 700;
    }
  </style>

  <sc-floating-compare-bar class="floating-compare-bar" hidden>
    <ul class="floating-compare-bar__product-list">
      <template id="floating-compare-bar-product-template">
        <li class="floating-compare-bar__product">
          <img width="55" height="55" alt="" sizes="55px">

          <sc-compare-remove-product-button class="contents" title="Remove">
            <button type="button" class="product__remove-button">
              <span class="sr-only">Remove</span>
      
              <svg width="20" height="20" aria-hidden="true" viewBox="0 0 20 20">
                <path fill="currentColor" d="M0 10C0 4.486 4.486 0 10 0s10 4.486 10 10-4.486 10-10 10S0 15.514 0 10zm7.707-3.707a1 1 0 0 0-1.414 1.414L8.586 10l-2.293 2.293a1 1 0 1 0 1.414 1.414L10 11.414l2.293 2.293a1 1 0 0 0 1.414-1.414L11.414 10l2.293-2.293a1 1 0 0 0-1.414-1.414L10 8.586 7.707 6.293z"/>
              </svg>
            </button>
          </sc-compare-remove-product-button>

          <span class="floating-compare-bar__product-title"></span>
        </li>
      </template>
    </ul>

    <div class="floating-compare-bar__action-list">
      <sc-compare-dialog-open-button aria-controls="dialog-ATTh0bmRxZ0VuSXNkM__18419742403865027279" aria-expanded="false">
        <button type="button" part="button" class="button">Compare</button>
      </sc-compare-dialog-open-button>

      <sc-compare-clear-button>
        <button type="button" class="link">Reset comparison</button>
      </sc-compare-clear-button>
    </div>
  </sc-floating-compare-bar><!-- END app snippet --></template>
  </sc-dynamic-compare><sc-dynamic-compare-dialog id="dialog-ATTh0bmRxZ0VuSXNkM__18419742403865027279" block-id="ATTh0bmRxZ0VuSXNkM__18419742403865027279" polyfills-asset-url="https://cdn.shopify.com/extensions/019ffbfe-991e-7f15-96bd-3e2405423e76/specification-and-compare-669/assets/spec-and-compare-polyfills.js">
    <template shadowrootmode="open">
      <link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ffbfe-991e-7f15-96bd-3e2405423e76/specification-and-compare-669/assets/spec-and-compare.css" />

      <style>
        :host {
          --dialog-background: #ffffff;
          --dialog-text-color: #121212;
        }
      </style>

      <dialog class="compare-dialog" aria-labelledby="ATTh0bmRxZ0VuSXNkM__18419742403865027279-dialog-heading">
        <header part="dialog-header" class="compare-dialog__header">
          <h2 id="ATTh0bmRxZ0VuSXNkM__18419742403865027279-dialog-heading" part="dialog-heading" class="compare-dialog__heading">Compare products</h2>

          <button part="dialog-close-button" class="compare-dialog__close-button" aria-label="Close" onclick="this.closest('dialog').close()">
            <svg width="20" height="20" aria-hidden="true" viewBox="0 0 20 20">
              <path fill="currentColor" d="m11.414 10 6.293-6.293a1 1 0 1 0-1.414-1.414L10 8.586 3.707 2.293a1 1 0 0 0-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 1 0 1.414 1.414L10 11.414l6.293 6.293A.998.998 0 0 0 18 17a.999.999 0 0 0-.293-.707L11.414 10z"/>
            </svg>
          </button>
        </header>

        <slot name="content">
          <svg style="place-self: center" width="100" height="100" viewBox="0 0 100 100">
            <path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50">
              <animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite" />
            </path>
          </svg>
        </slot>
      </dialog>
    </template>
  </sc-dynamic-compare-dialog>

</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
  window['ShopifyForms'] = {
    ...window['ShopifyForms'],
    currentPageType: "index"
  };
</script>


</div><div id="shopify-block-Ad3BsTFFLOTdHUW5IT__14197025361042770389" class="shopify-block shopify-app-block">

  <script>
    window.WishlistKingAppLoaderURL = "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/app-loader.js";
  </script>
  <script id="wkAppSettings" type="application/json">
    {
      "assets": {
        "themeCssFile": null,
        "localeJsonFile": "locale-en.json",
        "appBaseCss": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/app-base.css",
        "componentWishlistButtonBlockJs": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-wishlist-button-block.js",
        "componentWishlistLinkJs": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-wishlist-link.js",
        "componentWishlistLinkCss": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-wishlist-link.css",
        "componentWishlistLinkBlockJs": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-wishlist-link-block.js",
        "componentWishlistPageBundleJs": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-wishlist-page-bundle.js",
        "componentWishlistPageBundleCss": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-wishlist-page-bundle.css",
        "componentWishlistLinkFloatingJs": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-wishlist-link-floating.js",
        "componentWishlistLinkFloatingCss": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-wishlist-link-floating.css",
        "componentWishlistButtonCollectionJs": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-wishlist-button-collection.js",
        "componentWishlistButtonCollectionCss": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-wishlist-button-collection.css",
        "componentWishlistButtonProductJs": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-wishlist-button-product.js",
        "componentWishlistButtonProductCss": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-wishlist-button-product.css",
        "componentSaveForLaterCss": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-save-for-later.css",
        "componentAccountDialogCss": "https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/component-account-dialog.css"
      },
      "config": {
        "apiHost": "https:\/\/api.appmate.io\/v2",
        "customerId": null,
        "customerEmail": null,
        "customerTags": null,
        "customerName": null,
        "shopName": "Swanson Vitamins",
        "shopDomain": "www.swansonvitamins.com",
        "shopPermanentDomain": "ehndwb-vu.myshopify.com",
        "shopMoneyFormat": "${{amount}}",
        "shopMoneyFormatWithCurrency": "${{amount}} USD",
        "shopCustomerAccountsEnabled": true,
        "fileUrl": "\/\/www.swansonvitamins.com\/cdn\/shop\/files\/?v=142855",
        "storefrontAccessToken": "7b5168e8a3c656c142c355d507bf7ae4",
        "storefrontVersion": "2024-10",
        "localeIsoCode": "en",
        "token": "00aeb61e3d8af1da447c4f3dc9f807fc9475e46be689c54f59f82ddb0f867736"
      },
      "settings": {
        "general": {
          "appLoading": "LAZY",
          "wishlistPath": "\/apps\/wishlist",
          "wishlistAccessMode": "UNRESTRICTED",
          "wishlistMode": "PRODUCT"
        },
        "money": {
          "withCurrency": true
        },
        "integrations": {
          "wishlistAnalytics": {
            "enabled": true
          },
          "klaviyo": {
            "enabled": false
          },
          "metaPixel": {
            "enabled": true
          },
          "googleAnalytics": {
            "enabled": false
          }
        }
      },
      "collectionButtons": {
        "productLinkSelector": ".card \u003e div:not(.card__inner) .card__heading \u003e .full-unstyled-link[href*=\"\/products\/\"]",
        "injectMethod": "insertAfter",
        "injectReferenceJs": "(target, app) => target",
        "floatingReferenceJs": "(target, app) => target.closest(\".card\").find(\".card__media\")",
        "productHandleJs": "(target, app) => app.theme.getProductHandle(target.element.href)",
        "productVariantJs": "(target, app) => app.theme.getVariantId(target.element.href)"
      }
    }
  </script>
  
    <script type="module" src="https://cdn.shopify.com/extensions/019fe0fb-34e0-77cc-99ad-6a3283524b38/swish-wishlist-king-254/assets/block-app-settings.js"></script>
  
  <style>
    :root {
      --wk-color-solid-button-label: 255, 255, 255;
      --wk-color-accent-1: 112, 112, 112;
      --wk-color-accent-2: 112, 112, 112;
      --wk-color-outline-button-label: 0, 0, 0;
      --wk-color-background-1: 255, 255, 255;
      --wk-color-background-2: 255, 255, 255;
      --wk-color-text: 18, 18, 18;
      --wk-button-min-height: 25px;
      --wk-button-border-width: 1px;
      --wk-button-border-radius: 0px;
      --wk-input-min-height: 45px;
      --wk-input-border-width: 1px;
      --wk-input-border-radius: 0px;
      --wk-shadow-opacity: 15%;
      --wk-shadow-horizontal-offset: 0px;
      --wk-shadow-vertical-offset: 2px;
      --wk-shadow-blur: 4px;
      --wk-font-text-scale: 1.0;
    }
  </style>


</div><div id="shopify-block-AaEZlZ2xkRExGM3F1K__10979705531712725373" class="shopify-block shopify-app-block">




<div id="tt-teaser-icons" style="display:none;">
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <symbol id="tt-teaser-star--empty" viewBox="0 0 24 24">
      <path d="M12 18l-6.4 3.88 1.73-7.33-5.66-4.93L9.09 9 12 2.09 14.91 9l7.42.64-5.63 5 1.72 7.34z" fill="none" xmlns="http://www.w3.org/2000/svg"></path>
    </symbol>
    <symbol id="tt-teaser-star--full" viewBox="0 0 24 24">
      <path d="M12 18.66l-7.44 4.35 1.98-8.16L0 9.36l8.62-.7L12 .99l3.38 7.67 8.62.7-6.54 5.49 1.98 8.16L12 18.66z" xmlns="http://www.w3.org/2000/svg"></path>
    </symbol>
    <symbol id="tt-teaser-star--half" viewBox="0 0 24 24">
      <path fill="currentColor" d="M12 2.09L9.09 9l-7.42.62 5.66 4.93-1.72 7.32 1.07-.65L12 17.97V2.09z" xmlns="http://www.w3.org/2000/svg"></path>
      <path d="M12 2.09L14.91 9l7.42.62-5.66 4.93 1.72 7.32-1.07-.65L12 17.97V2.09z"></path>
    </symbol>
  </svg>
</div>
<style>
  .tt-product-block .TTteaser {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  .tt-product-block .TTteaser__rating {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
  }
  .tt-product-block .TTteaser__star svg {
    width: 16px;
    height: 16px;
  }
  .tt-product-block .TTteaser__icon--full {
    fill: #000;
  }
  .tt-product-block .TTteaser__icon--half {
    stroke: #000;
    fill: transparent;
    color: #000;
  }
  .tt-product-block .TTteaser__icon--empty {
    stroke: #000;
  }
  .tt-product-block .TTteaser__read-qa,
  .tt-product-block .TTteaser__read-comments,
  .tt-product-block .TTteaser__read-reviews,
  .tt-product-block .TTteaser__write-review {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #000;
    text-decoration: underline;
  }
  .tt-product-block .TTteaser__write-review {
    border: none;
    text-decoration: underline;
    background: transparent;
    padding: 0;
    cursor: pointer;
  }
</style>



<!-- BEGIN app snippet: tt-bootstrap-config --><script>
  window.__turnToBootstrapParams = {
    force_fallback: false,
    fallback: "index",
    editor_mode: false
  };
  (function() {
    const priorityMap = {
      "pdp-page": 100,
      "email-landing-page": 90,
      "all-reviews-page": 85,
      "seller-ratings-page": 80,
      "vc-pinboard-page": 75,
      "comments-pinboard-page": 70
    };

    window.__turnToSyncPageIdToConfig = window.__turnToSyncPageIdToConfig || function() {
      if (window.__turnToResolvedPageId && window.turnToConfig) {
        window.turnToConfig.pageId = window.__turnToResolvedPageId;
      }
    };

    function stickyPageId() {
      if (window.__turnToLastResolvedWidgetPageId) {
        return window.__turnToLastResolvedWidgetPageId;
      }
      try {
        return sessionStorage.getItem("__turnToLastResolvedWidgetPageId");
      } catch (e) {
        return null;
      }
    }

    function saveStickyPageId(pageId) {
      if (!pageId) {
        return;
      }
      window.__turnToLastResolvedWidgetPageId = pageId;
      try {
        sessionStorage.setItem("__turnToLastResolvedWidgetPageId", pageId);
      } catch (e) {
        /* storage unavailable */
      }
    }

    function collectDomPageIds() {
      const ids = [];
      document.querySelectorAll("[data-tt-widget-page-id]").forEach((el) => {
        const v = el.getAttribute("data-tt-widget-page-id");
        if (v) {
          ids.push(v.trim());
        }
      });
      return ids;
    }

    function isEditorContext(params) {
      if (params && params.editor_mode) {
        return true;
      }
      try {
        if (document.documentElement && document.documentElement.classList.contains("shopify-design-mode")) {
          return true;
        }
        if (window.Shopify && (window.Shopify.designMode || window.Shopify.visualPreviewMode)) {
          return true;
        }
        const q = window.location && window.location.search;
        if (q && (q.indexOf("oseid=") !== -1 || q.indexOf("source=visualPreview") !== -1 || q.indexOf("preview_theme_id=") !== -1)) {
          return true;
        }
      } catch (e) {
        return false;
      }
      return false;
    }

    const WIDGET_CONFIG_KEYS = ["gallery", "allReviews", "vcPinboard", "commentsPinboard", "topComments"];
    const WIDGET_MOUNT_CHECKS = [
      { key: "gallery", selector: "#tt-gallery-row" },
      { key: "allReviews", selector: "#tt-all-reviews" },
      { key: "vcPinboard", selector: "#tt-vc-pinboard-widget" },
      { key: "commentsPinboard", selector: "#tt-comments-pinboard-widget" },
      { key: "topComments", selector: ".tt-top-comment" }
    ];
    const STICKY_WIDGET_CONFIG_STORAGE_KEY = "__turnToLastMergedWidgetConfig";

    function stickyWidgetConfigMap() {
      if (window.__turnToLastMergedWidgetConfig) {
        return window.__turnToLastMergedWidgetConfig;
      }
      try {
        const raw = sessionStorage.getItem(STICKY_WIDGET_CONFIG_STORAGE_KEY);
        return raw ? JSON.parse(raw) : {};
      } catch (e) {
        return {};
      }
    }

    function saveStickyWidgetConfigMap(map) {
      window.__turnToLastMergedWidgetConfig = map;
      try {
        if (map && Object.keys(map).length > 0) {
          sessionStorage.setItem(STICKY_WIDGET_CONFIG_STORAGE_KEY, JSON.stringify(map));
        } else {
          sessionStorage.removeItem(STICKY_WIDGET_CONFIG_STORAGE_KEY);
        }
      } catch (e) {
        /* storage unavailable */
      }
    }

    window.__turnToSyncWidgetConfigFromSticky = window.__turnToSyncWidgetConfigFromSticky || function() {
      if (!window.turnToConfig || !isEditorContext(window.__turnToBootstrapParams)) {
        return;
      }
      const sticky = stickyWidgetConfigMap();
      WIDGET_CONFIG_KEYS.forEach(function(k) {
        if (Object.prototype.hasOwnProperty.call(sticky, k)) {
          window.turnToConfig[k] = sticky[k];
        }
      });
    };

    function applyWidgetConfigSnapshot(snapshot) {
      WIDGET_CONFIG_KEYS.forEach(function(k) {
        delete window.turnToConfig[k];
      });
      if (!snapshot) {
        return;
      }
      Object.keys(snapshot).forEach(function(k) {
        if (WIDGET_CONFIG_KEYS.indexOf(k) !== -1) {
          window.turnToConfig[k] = snapshot[k];
        }
      });
    }

    function mergeWidgetConfigsFromDom() {
      const merged = {};
      document.querySelectorAll("[data-tt-widget-config]").forEach(function(el) {
        try {
          const cfg = JSON.parse(el.textContent);
          Object.keys(cfg).forEach(function(k) {
            merged[k] = cfg[k];
          });
        } catch (e) {
          /* invalid widget config JSON */
        }
      });
      return merged;
    }

    function persistWidgetConfigToSticky() {
      const sticky = stickyWidgetConfigMap();
      WIDGET_CONFIG_KEYS.forEach(function(k) {
        if (window.turnToConfig[k] !== undefined) {
          sticky[k] = window.turnToConfig[k];
        }
      });
      saveStickyWidgetConfigMap(sticky);
    }

    function mergeWidgetConfigsInEditor(merged) {
      WIDGET_CONFIG_KEYS.forEach(function(k) {
        if (Object.prototype.hasOwnProperty.call(merged, k)) {
          window.turnToConfig[k] = merged[k];
        }
      });
      persistWidgetConfigToSticky();
    }

    function mergeWidgetConfigs() {
      if (!window.turnToConfig) {
        return;
      }
      const params = window.__turnToBootstrapParams;
      const editor = params && isEditorContext(params);
      const scripts = document.querySelectorAll("[data-tt-widget-config]");

      if (scripts.length === 0) {
        if (!editor) {
          applyWidgetConfigSnapshot(null);
          saveStickyWidgetConfigMap({});
        }
        return;
      }

      const merged = mergeWidgetConfigsFromDom();
      if (editor) {
        mergeWidgetConfigsInEditor(merged);
      } else {
        applyWidgetConfigSnapshot(merged);
        saveStickyWidgetConfigMap(merged);
      }
    }

    function domHasWidgetConfigKey(key) {
      let found = false;
      document.querySelectorAll("[data-tt-widget-config]").forEach(function(el) {
        try {
          const cfg = JSON.parse(el.textContent);
          if (Object.prototype.hasOwnProperty.call(cfg, key)) {
            found = true;
          }
        } catch (e) {
          /* invalid widget config JSON */
        }
      });
      return found;
    }

    function widgetConfigSettled() {
      if (!window.turnToConfig) {
        return false;
      }
      const editor = isEditorContext(window.__turnToBootstrapParams);
      if (editor && collectDomPageIds().length === 0 && document.querySelectorAll("[data-tt-widget-config]").length === 0) {
        return true;
      }
      for (const check of WIDGET_MOUNT_CHECKS) {
        if (!document.querySelector(check.selector)) {
          continue;
        }
        if (window.turnToConfig[check.key] !== undefined) {
          continue;
        }
        if (!domHasWidgetConfigKey(check.key)) {
          window.turnToConfig[check.key] = {};
          continue;
        }
        return false;
      }
      return true;
    }

    function isReadyToLoadTurnToScript() {
      const params = window.__turnToBootstrapParams;
      if (!params || !window.__turnToResolvedPageId) {
        return false;
      }
      if (!widgetConfigSettled()) {
        return false;
      }
      if (params.force_fallback) {
        return true;
      }
      if (collectDomPageIds().length > 0) {
        return true;
      }
      return !isEditorContext(params);
    }

    function stopWatching() {
      if (window.__turntoBootstrapObserver) {
        window.__turntoBootstrapObserver.disconnect();
        window.__turntoBootstrapObserver = null;
      }
    }

    function startWatching() {
      if (window.__turntoBootstrapObserver || !document.body) {
        if (!document.body) {
          setTimeout(startWatching, 0);
        }
        return;
      }
      window.__turntoBootstrapObserver = new MutationObserver(function() {
        window.__turnToScheduleBootstrap();
      });
      window.__turntoBootstrapObserver.observe(document.body, {
        childList: true,
        subtree: true
      });
    }

    window.__turnToResolvePageId = function() {
      const params = window.__turnToBootstrapParams;
      if (!params) {
        return true;
      }
      if (params.force_fallback) {
        window.__turnToResolvedPageId = params.fallback;
        return true;
      }

      const registered = collectDomPageIds();

      if (registered.length === 0) {
        if (isEditorContext(params)) {
          const sticky = stickyPageId() || (window.turnToConfig && window.turnToConfig.pageId);
          if (sticky) {
            saveStickyPageId(sticky);
            window.__turnToResolvedPageId = sticky;
          }
          return false;
        }
        window.__turnToResolvedPageId = params.fallback;
        return true;
      }

      let best = registered[0];
      let bestPriority = priorityMap[best] || 0;
      for (const id of registered) {
        const idPriority = priorityMap[id] || 0;
        if (idPriority > bestPriority) {
          best = id;
          bestPriority = idPriority;
        }
      }
      saveStickyPageId(best);
      window.__turnToResolvedPageId = best;
      return true;
    };

    function manageBootstrapWatching() {
      if (window.__turntoScriptLoaded || isReadyToLoadTurnToScript()) {
        stopWatching();
        return;
      }
      startWatching();
    }

    function runBootstrap() {
      const settled = window.__turnToResolvePageId();
      window.__turnToSyncPageIdToConfig();
      mergeWidgetConfigs();
      window.__turnToSyncWidgetConfigFromSticky && window.__turnToSyncWidgetConfigFromSticky();
      manageBootstrapWatching();
      if (isReadyToLoadTurnToScript() && typeof window.__turnToLoadScriptOnce === "function") {
        window.__turnToLoadScriptOnce();
      }
      return settled;
    }

    window.__turnToScheduleBootstrap = function() {
      if (window.__turnToBootstrapDebounceTimer) {
        clearTimeout(window.__turnToBootstrapDebounceTimer);
      }
      window.__turnToBootstrapDebounceTimer = setTimeout(function() {
        window.__turnToBootstrapDebounceTimer = null;
        runBootstrap();
      }, 50);
    };

    if (!window.__turntoBootstrapHooksRegistered) {
      window.__turntoBootstrapHooksRegistered = true;
      const resync = function() {
        window.__turnToScheduleBootstrap();
      };
      document.addEventListener("shopify:section:load", resync);
      document.addEventListener("shopify:section:unload", function() {
        setTimeout(resync, 0);
      });
      if (document.readyState === "loading") {
        document.addEventListener("DOMContentLoaded", resync);
      }
      window.addEventListener("load", resync);
    }

    window.__turnToScheduleBootstrap();
  })();
</script>
<!-- END app snippet -->

<script>
  (function bootstrapTurnToAppEmbed() {
    window.__turnToLoadScriptOnce = function() {
      if (window.__turntoScriptLoaded || !window.__turnToResolvedPageId) {
        return;
      }
      window.__turntoScriptLoaded = true;
      const script = document.createElement("script");
      script.src = "https://widgets.turnto.com/v5/widgets/npE7gvJsqYWnwPLsite/js/turnto.js";
      script.async = true;
      document.body.appendChild(script);
    };

    if (window.__turntoAppEmbedInitialized) {
      window.__turnToScheduleBootstrap && window.__turnToScheduleBootstrap();
      window.__turnToSyncPageIdToConfig && window.__turnToSyncPageIdToConfig();
      window.__turnToSyncWidgetConfigFromSticky && window.__turnToSyncWidgetConfigFromSticky();
      return;
    }
    window.__turntoAppEmbedInitialized = true;

    window.TurnToCmd=window.TurnToCmd||function(){(TurnToCmd.q=TurnToCmd.q||[]).push(arguments)};
    window.TurnToSKUSetup="PRODUCT";

    window.turnToConfig = {
      locale: "en_US",
      
      
      sso: {
        userDataFn: function(contextObj) {
          
          // Show Partner login screen
          const ttSsoTtlMs = 30 * 60 * 1000; // 30 min
          sessionStorage.setItem("ttSsoData", JSON.stringify({ source: window.location.href, context: contextObj, expiresAt: Date.now() + ttSsoTtlMs }));
          const ttLoginUrl = "https://www.swansonvitamins.com/customer_authentication/login?return_to=%2F&locale=en&ui_hint=full&region_country=US";
          window.location.replace(ttLoginUrl);
          
        },
        loggedInDataFn: function(contextObj) {
          
          TurnToCmd('loggedInDataFnDone', { context: contextObj, loggedInData: null });
          
        },
        logout: function() {
          window.location.replace("/account/logout");
        }
      },
      
    };

    window.__turnToScheduleBootstrap && window.__turnToScheduleBootstrap();
  })();
</script>




</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
<script>window.__CF$cv$params={r:'a36e989f8a4e05b3',t:'MTc4ODcwOTQ3OA==',u:'01a07764a1af76b3a795222acec866fb',ut:'DXby8Lb4NCdlDYx74XF0qU.yqWTKzw4x3EctjOH9HfQ-1788709478-1.2.1.1-.jVlgPuaEPiySN3mLC36KxlrafUXjJmE5rqiEo99dJeCgQqcEXlcG4Yk0PRx9xiozHuju.ysT07nIJCLWmyHc4zmcqBYWqQNfyPTinGzf1o',i:60};(function(){if(!document.body)return;var s=document.createElement('script');s.src='/cdn-cgi/challenge-platform/scripts/precursor/main.js';document.head.appendChild(s);})();</script></body>
</html>
