<!doctype html>
<html
  class="no-js"
  lang="en"
>
  <head>
    


    <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 async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="text/javascript">
      window.constructorApiKey = 'key_S3qQqhjIprv5M63j';
    </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="Swanson - Vitamins, Supplements &amp; Natural Health Products"
>
<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-01-27b.webp?v=1769554520"
  >
  <meta
    property="og:image:secure_url"
    content="https://www.swansonvitamins.com/cdn/shop/files/SwansonVitamins-share-2026-01-27b.webp?v=1769554520"
  >
  <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="Swanson - Vitamins, Supplements &amp; Natural Health Products"
>
<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>
  Swanson - Vitamins, Supplements &amp; Natural Health Products
 &ndash; 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_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/pacifico/pacifico_n4.70d15be9aa2255257fe626d87fbc1ed38436b047.woff2"
    type="font/woff2"
    crossorigin
  >
<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=58612981077458306871766440498",
      "@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=54152394007198447851766440498",
      "@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=111181056117077490291770023115",
      "@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=25067702614201670671766440498",
      "@theme/product-form": "//www.swansonvitamins.com/cdn/shop/t/578/assets/product-form.js?v=83621654848187323511770742719",
      "@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=109143174355622549061770163538",
      "@theme/utilities": "//www.swansonvitamins.com/cdn/shop/t/578/assets/utilities.js?v=167083529757838765441766440498",
      "@theme/variant-picker": "//www.swansonvitamins.com/cdn/shop/t/578/assets/variant-picker.js?v=40595861109217338691766440499",
      "@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=12917282792548324661766440499",
      "@theme/toggle-listener": "//www.swansonvitamins.com/cdn/shop/t/578/assets/toggle-listener.js?v=31069387740762304011766440498"
    }
  }
</script>



<link href="//www.swansonvitamins.com/cdn/shop/t/578/assets/critical.js?v=179101461423375587421773755953" 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
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/quick-add.js?v=12917282792548324661766440499"
  type="module"
  fetchpriority="low"
></script>

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

<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/toggle-listener.js?v=31069387740762304011766440498"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/dialog.js?v=73337267641248443041769983289"
  fetchpriority="low"
  type="module"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/variant-picker.js?v=40595861109217338691766440499"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/product-card.js?v=170077509847797462521766440499"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/product-form.js?v=83621654848187323511770742719"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/accordion-custom.js?v=78246492662079872721766440497"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/sidebar-accordion.js?v=160352007052265991351766440498"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/media.js?v=89705016221326123591768849419"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/product-price.js?v=30079423257668675401766440498"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/product-title-truncation.js?v=81744426891537421781766440499"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/product-inventory.js?v=16343734458933704981766440497"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/show-more.js?v=94563802205717136101766440497"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/slideshow.js?v=149540402533624816951766440498"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/floating-panel.js?v=128677600744947036551766440499"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/video-background.js?v=25237992823806706551766440499"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/component-quantity-selector.js?v=180888992934605476111770808676"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/media-gallery.js?v=129690698755894941521766440499"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/rte-formatter.js?v=101420294193111439321766440498"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/share-button.js?v=171888798307599507081766440500"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/chat-button.js?v=17429372004261766981766440500"
  fetchpriority="low"
  type="module"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/rewards-points.js?v=53773524821736504391766440498"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/image-with-fallback.js?v=9466610343992003891768861917"
  type="module"
  fetchpriority="low"
></script>




  
  <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-tooltip-iccK_u3d.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-floating-ui.dom-DaIKYOBD.js" crossorigin="anonymous">









<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/auto-close-details.js?v=58350291535404441581766440500"
  type="module"
  fetchpriority="low"
></script>

<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/content-card-add-to-cart.js?v=91408188703292332511766440498"
  type="module"
  fetchpriority="low"
></script>

<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/placeholder-image.js?v=97758057548568586831766440498"
  type="module"
  fetchpriority="low"
></script>

<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/tabs-custom.js?v=139214660435856698211766440499"
  type="module"
  fetchpriority="low"
></script>

<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/plp-visual-filters.js?v=180184033717877026531766440499"
  type="module"
  fetchpriority="low"
></script>

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




  
  <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-dropdown-custom-BNdMORuL.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-focus-HStaPQjV.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-floating-ui.dom-DaIKYOBD.js" crossorigin="anonymous">





<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',
    cart_promo_code: '',
    cart_discount_codes: '',
    source_code: '',
    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>


<script id="cf-helpers">
window.cfHelpers = {
  collectionHandle: "",
  collectionCustomId: "",
  collectionSwansonId: "",
};
</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: Pacifico;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.swansonvitamins.com/cdn/fonts/pacifico/pacifico_n4.70d15be9aa2255257fe626d87fbc1ed38436b047.woff2") format("woff2"),
       url("//www.swansonvitamins.com/cdn/fonts/pacifico/pacifico_n4.a3007cff6385e4e75c208a720cd121ff3558d293.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: Pacifico, cursive;
    --font-accent--style: normal;
    --font-accent--weight: 400;

    /* 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: 2px;
    --style-border-radius-sm: 3px;
    --style-border-radius-md: 4px;
    --style-border-radius-lg: 5px;
    --style-border-radius-xl: 8px;
    --style-border-radius-2xl: 10px;
    --style-border-radius-3xl: 12px;
    --style-border-radius-4xl: 16px;
    --style-border-radius-50: 50%;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 4px;
    --style-border-radius-buttons-primary: 4px;
    --style-border-radius-buttons-secondary: 4px;
    --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: 4px;
    --style-border-width-secondary-inverted: 1px;
    --style-border-radius-buttons-inverted: 4px;
    --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: 32px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 4px;
    --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 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(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 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 67 21 / 1.0);
      --color-border: rgba(255 255 255 / 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(255 67 21 / 1.0);
      --color-primary-button-hover-border: rgba(255 67 21 / 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(255 67 21 / 1.0);
      --color-secondary-button-hover-border: rgba(255 67 21 / 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(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(227 232 212 / 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 132 69 / 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-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%);
      
    
    }
    
    
    

    

    .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%);
      
    
    }
    
    
    

    

    .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%);
      
    
    }
    
    
    

    

    .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%);
      
    
    }
    
    
    

    

    .color-scheme-b8ebc9f7-cc62-4655-ade9-571457bc9c32 {
      
      --color-background: rgba(243 247 238 / 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(255 255 255 / 1.0);
      --color-primary-button-border: rgba(113 118 99 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 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(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 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(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(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(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(18 18 18 / 1.0);
      --color-primary-button-hover-border: rgba(18 18 18 / 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-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(185 62 9 / 1.0);
      --color-foreground-heading: rgba(185 62 9 / 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(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 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-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%);
      
    
    }
    
    
    

    

    .color-scheme-f73ef335-7486-4364-84a5-f340d3fe0526 {
      
      --color-background: rgba(26 28 22 / 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(241 241 241 / 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(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-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%);
      
    
    }
    
    
    

    

    .color-scheme-cf61c1c4-ff1a-4361-9745-f5adf830d0aa {
      
      --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(43 43 43 / 1.0);
      --color-primary-hover: rgba(43 43 43 / 1.0);
      --color-border: rgba(196 196 196 / 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(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%);
      
    
    }
  @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 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(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 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 67 21 / 1.0);
      --color-border: rgba(255 255 255 / 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(255 67 21 / 1.0);
      --color-primary-button-hover-border: rgba(255 67 21 / 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(255 67 21 / 1.0);
      --color-secondary-button-hover-border: rgba(255 67 21 / 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(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(227 232 212 / 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 132 69 / 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-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(243 247 238 / 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(255 255 255 / 1.0);
      --color-primary-button-border: rgba(113 118 99 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 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(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 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(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(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(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(18 18 18 / 1.0);
      --color-primary-button-hover-border: rgba(18 18 18 / 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-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(185 62 9 / 1.0);
      --color-foreground-heading: rgba(185 62 9 / 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(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 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-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(26 28 22 / 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(241 241 241 / 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(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-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(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(43 43 43 / 1.0);
      --color-primary-hover: rgba(43 43 43 / 1.0);
      --color-border: rgba(196 196 196 / 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(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%);
      
    
      }
  }
  @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 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(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 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 67 21 / 1.0);
      --color-border: rgba(255 255 255 / 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(255 67 21 / 1.0);
      --color-primary-button-hover-border: rgba(255 67 21 / 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(255 67 21 / 1.0);
      --color-secondary-button-hover-border: rgba(255 67 21 / 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(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(227 232 212 / 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 132 69 / 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-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(243 247 238 / 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(255 255 255 / 1.0);
      --color-primary-button-border: rgba(113 118 99 / 1.0);
      --color-primary-button-hover-text: rgba(0 132 69 / 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(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 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(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(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(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(18 18 18 / 1.0);
      --color-primary-button-hover-border: rgba(18 18 18 / 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-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(185 62 9 / 1.0);
      --color-foreground-heading: rgba(185 62 9 / 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(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 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-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(26 28 22 / 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(241 241 241 / 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(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-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(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(43 43 43 / 1.0);
      --color-primary-hover: rgba(43 43 43 / 1.0);
      --color-border: rgba(196 196 196 / 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(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%);
      
    
      }
  }

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



    



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




  
    <link href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-main-DOGCnkQb.js" as="script" crossorigin="anonymous" rel="preload">
    <link href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-preload-helper-qVFEXH7i.js" as="script" crossorigin="anonymous" rel="preload">
    <link href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-esm-MF9BnDFO.js" as="script" crossorigin="anonymous" rel="preload">
    <link href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-replayStats-CmsYrGkC.js" as="script" crossorigin="anonymous" rel="preload">
  
  <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-main-DOGCnkQb.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-preload-helper-qVFEXH7i.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-esm-MF9BnDFO.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-replayStats-CmsYrGkC.js" crossorigin="anonymous">

<script type="text/javascript">
      SHP = window.SHP || {}
      SHP.t = window.SHP.t || {};
      SHP.moneyForma = "${{amount}}";
      SHP.currency="USD";
      SHP.freeShippingAmount = 3500;
      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 src="//www.swansonvitamins.com/cdn/shop/t/578/assets/compare-override.js?v=172553228060967392271773755952" defer></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 type="text/javascript">
    // <![CDATA[
      (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');
    // ]]>
    </script>

    

    <script defer async src="https://cnstrc.com/js/cust/swanson-health_pBRvQM.js" fetchpriority="low"></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"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&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";</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 id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.swansonvitamins.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//www.swansonvitamins.com/cdn/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"],"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"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.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:\/\/customer-first-focus.b-cdn.net\/cffPCLoader_min.js?shop=ehndwb-vu.myshopify.com","https:\/\/ehndwb-vu.myshopify.com\/apps\/cordial-app\/load-track.js?track_key=swanson-health\u0026shop=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":"0de25191-8043-4a38-a205-6b7a3b785e4e-1776005952","pageurl":"www.swansonvitamins.com\/","u":"1b2e13d3a621","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.2.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-Rd0I1U3I5BUKM/ZklNQ9ssBhyhvFP+5roZEEsW2MGUw=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.swansonvitamins.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-496de5fe.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//www.swansonvitamins.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></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>
<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=51372341943419949441775231895">
<script id="snippets-script" data-snippets="search" defer="defer" src="//www.swansonvitamins.com/cdn/shop/t/578/compiled_assets/snippet-scripts.js?v=77983004876218452081766440508"></script>
<script>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": {
              "href_matches": "/*"
            },
            "eagerness": "moderate"
          }
        ],
        "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'>
  class Profile {
    constructor(email, phone) {
      this.setEmail(email);
      this.setPhone(phone);
    };

    #email;
    #phone;

    getEmail() {
      return this.#email;
    };

    setEmail(email) {
      this.#email = this.#email || Profile.trim(email);
    };

    getPhone() {
      return this.#phone;
    };

    setPhone(phone) {
      this.#phone = this.#phone || Profile.trim(phone);
    };

    static trim(string) {
      return string?.trim() || '';
    };
  }

  const profile = new Profile("", "");

  hasConsent() && await identify();

  window.Shopify?.analytics?.subscribe?.('checkout_completed', async function(event = {}) {
    const checkout = event.data?.checkout || {};

    profile.setEmail(checkout.email);
    profile.setPhone(checkout.phone_number);

    hasConsent() && await identify();
  });

  document.addEventListener('klaviyoForms', async function(event = {}) {
    const detail = event.detail || {};

    if (detail.type === 'submit') {
      const metaData = detail.metaData || {};

      profile.setEmail(metaData.$email);
      profile.setPhone(metaData.$phone_number);

      hasConsent() && await identify();
    }
  });

  document.addEventListener('visitorConsentCollected', async function(event = {}) {
    const detail = event.detail || {};
    const consent = detail.preferencesAllowed
      && detail.analyticsAllowed
      && detail.marketingAllowed
      && detail.saleOfDataAllowed;

    consent && await identify();
  });

  function hasConsent() {
    const customerPrivacy = window.Shopify?.customerPrivacy || {};
    const currentVisitorConsent = customerPrivacy.currentVisitorConsent || {};

    return customerPrivacy.userCanBeTracked?.()
      || (currentVisitorConsent.preferencesProcessingAllowed?.()
      && currentVisitorConsent.analyticsProcessingAllowed?.()
      && currentVisitorConsent.marketingAllowed?.()
      && currentVisitorConsent.saleOfDataAllowed?.());
  };

  async function identify() {
    window.klaviyo = window.klaviyo || [];
    const identified = await window.klaviyo.isIdentified?.();
    const email = profile.getEmail();
    const phone = profile.getPhone();

    if (!identified && (email || phone)) {
      window.klaviyo.push(['identify', {
        ...(email && { '$email': email }),
        ...(phone && { '$phone_number': phone })
      }]);
    }
  };
</script>

    
<!-- OneTrust Cookies Consent Notice start for shopify-dev.swansonvitamins.com -->

<script data-domain-script="6108b015-dcec-462f-98b7-27e6e56cb82b" defer src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8"></script>

<script>
  // 1. Define the function to sync OneTrust consent to Shopify
  function syncOneTrustToShopify() {
    // Check if Shopify Privacy API is available
    if (!window.Shopify || !window.Shopify.customerPrivacy) {
      console.warn('Shopify Privacy API not loaded yet.');
      return;
    }

    // Get the active OneTrust groups (e.g., ",C0001,C0002,")
    var groups = window.OptanonActiveGroups || '';

    // Map OneTrust Groups to Shopify Categories
    var consentConfig = {
      analytics: groups.indexOf(',C0002,') > -1,     // Performance -> Analytics
      preferences: groups.indexOf(',C0003,') > -1,   // Functional -> Preferences
      marketing: groups.indexOf(',C0004,') > -1,     // Targeting -> Marketing
      sale_of_data: groups.indexOf(',C0004,') > -1   // Targeting -> Sale of Data (Standard proxy)
    };

    // Send the consent status to Shopify
    window.Shopify.customerPrivacy.setTrackingConsent(consentConfig, function() {
      console.log('Shopify consent updated via OneTrust:', consentConfig);
    });
  }

  // 2. Load Shopify's Customer Privacy API (if not already loaded)
  window.Shopify = window.Shopify || {};
  window.Shopify.loadFeatures = window.Shopify.loadFeatures || function(features, callback) {
    (window.Shopify.features = window.Shopify.features || []).push({features: features, callback: callback});
  };
  
  window.Shopify.loadFeatures(
    [
      {
        name: 'consent-tracking-api',
        version: '0.1',
      },
    ],
    function (error) {
      if (error) {
        console.error('Failed to load Shopify Privacy API');
        return;
      }
      // Run the sync immediately once the API loads
      syncOneTrustToShopify();
    }
  );

  // 3. Hook into OneTrust's Lifecycle
  // OneTrust calls this function automatically when the script loads and when user updates preferences
  function OptanonWrapper() {
    syncOneTrustToShopify();
    
    // Add an event listener for subsequent updates (double safety)
    window.addEventListener('OneTrustGroupsUpdated', function(e) {
      syncOneTrustToShopify();
    });
  }
</script>

<!-- OneTrust Cookies Consent Notice end for shopify-dev.swansonvitamins.com -->


    <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>

  <!-- 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/persistent-cart/blocks/script_js/4ce05194-341e-4641-aaf4-5a8dad5444cb --><script>
  window.cffPCLiquidPlaced = true;
</script>







  
  
  <script defer src="https://cdn.shopify.com/extensions/019d1af7-93f8-713a-8259-5d5786bc04cd/cart-persistify-87/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 --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->












  <script async src="https://static.klaviyo.com/onsite/js/XWHMZU/klaviyo.js?company_id=XWHMZU"></script>
  <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>

  




  <script>
    window.klaviyoReviewsProductDesignMode = false
  </script>









<!-- END app block --><!-- 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.DQogIHsNCiAgICAibWVtYmVyX2lkIjogIiIsDQogICAgImVtYWlsX2FkZHJlc3MiOiAiIiwNCiAgICAiZXhwIjogMTc3NjAwNzE1MiwNCiAgICAiZmlyc3RfbmFtZSI6ICIiLA0KICAgIA0KICAgICJjdXN0b21fYXR0cmlidXRlcyI6IHsic2hvcGlmeV9jdXN0b21lcl9pZCI6IiJ9LA0KICAgICJsYXN0X25hbWUiOiAiIg0KICB9DQogIA";
  let jwtHexSignature = "7257c76c7a8885045ae376c78fb13c750b28030e9ade5346732c7d3c6b2e1532";
  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.CnsKICAibWVtYmVyX2lkIjogIiIsCiAgImVtYWlsX2FkZHJlc3MiOiAiIiwKICAiZXhwIjogMTc3NjAwNzE1MiwKICAiZmlyc3RfbmFtZSI6ICIiLAogIAogICJjdXN0b21fYXR0cmlidXRlcyI6IHsic2hvcGlmeV9jdXN0b21lcl9pZCI6IiJ9LAogICJsYXN0X25hbWUiOiAiIgp9Cg";
jwtHexSignature = "2e2a2170ca6b11bcc3ebc07e11f38e2ff8902fdd3986e5256112f3e47d8fb2d2";
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/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 --><script src="https://cdn.shopify.com/extensions/b819f392-8b1a-4abc-b624-aafd6491c641/forms-2373/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/019d74e7-b814-77ea-b6e3-4753e3104b5b/specification-and-compare-650/assets/spec-and-compare.js" type="text/javascript" defer="defer"></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 id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 69381390474,storefrontBaseUrl: "https://www.swansonvitamins.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","5476ea20","ed8389fc"],webPixelsConfigList: [{"id":"2117927050","configuration":"{\n                \"accountKey\":\"swanson-health-sandbox\",\n                \"eventDomain\":\"https:\/\/track-ehs-svc.cordial.com\",\n                \"connectUrl\": \"https:\/\/track.USE1.cordial.com\",\n                \"cookieDomain\": \"cordial.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":"optimized","enabledFlags":["3b5414a6"]},{"id":"2068086922","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-1070957613\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/ttdfCMrw7_EbEK2I1v4D\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/gbd_CKrr7_EbEK2I1v4D\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/W07rCM_v7_EbEK2I1v4D\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/odweCKfr7_EbEK2I1v4D\\\",\\\"AW-1070957613\\\/LsviCIea2gEQrYjW_gM\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/LhIlCMzv7_EbEK2I1v4D\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/D_1GCM3w7_EbEK2I1v4D\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-1LXCEMWQH2\\\",\\\"AW-1070957613\\\/-qz_CMnv7_EbEK2I1v4D\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ac521efa9cd6866459cd0b40264a3f38","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":"unrestricted","enabledFlags":["9a3ed68a","3b5414a6"]},{"id":"2050490506","configuration":"{\"serverPixelEndpoint\":\"https:\\\/\\\/shopify-app-react-cf.swansonvitamins.workers.dev\\\/api\\\/server-pixel\",\"amplitudeApiKey\":\"20b857873f1dc02d25b08e244cc6c934\",\"deviceIdAttribute\":\"amplitude_device_id\",\"trackIdentity\":\"false\",\"trackSessionStart\":\"false\",\"trackPageView\":\"false\",\"trackSearch\":\"false\",\"trackCart\":\"false\",\"trackProductView\":\"false\",\"trackCheckout\":\"false\",\"trackAlerts\":\"false\",\"trackCustomEvents\":\"false\",\"klaviyoEnabled\":\"true\",\"klaviyoCompanyId\":\"XWHMZU\",\"klaviyoAtcEventName\":\"Added to Cart\",\"klaviyoCheckoutCompletedEventName\":\"Placed Order\",\"klaviyoPaymentInfoEventName\":\"Started Checkout\",\"klaviyoContactInfoEventName\":\"Started Checkout\",\"klaviyoShippingInfoEventName\":\"Started Checkout\",\"klaviyoEventPrefix\":\"SH - \"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"beea158fc17c9a5002f6ac18738a901f","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","enabledFlags":["3b5414a6"]},{"id":"2049507466","configuration":"{\"pixelCode\":\"D6JJI0RC77U28BA944KG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"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":["3b5414a6"]},{"id":"1921482890","configuration":"{\"accountID\":\"XWHMZU\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a","3b5414a6"]},{"id":"1874690186","configuration":"{\"pixel_id\":\"383331525437993\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ca16bc87fe92b6042fbaa3acc2fbdaa6","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":"unrestricted","enabledFlags":["9a3ed68a","3b5414a6"]},{"id":"1509458058","configuration":"{\"campaignID\":\"20415\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/7d6b43d4cf8d8f1fc74d670a386a0962\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c0822b1adf68c3ffff72098c2bd3ae89","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","enabledFlags":["3b5414a6"]},{"id":"868057226","configuration":"{\"siteKey\":\"npE7gvJsqYWnwPLsite\",\"conversionEnabled\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c8b197a84b58b3bfc4dccb05c43ef24f","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","enabledFlags":["3b5414a6"]},{"id":"107479178","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"168","type":"CUSTOM","privacyPurposes":[],"name":"Amplitude Standard Events PROD"},{"id":"108429450","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"5","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":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","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":[],"purchasingCompany":null},},"https://www.swansonvitamins.com/cdn","5bfe654aw9a31df99pb879ff13m3bd6cd49",{"modern":"","legacy":""},{"trekkieShim":true,"shopId":"69381390474","storefrontBaseUrl":"https:\/\/www.swansonvitamins.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"5476ea20\", \"ed8389fc\"]","isMerchantRequest":"false","hashVersion":"5bfe654aw9a31df99pb879ff13m3bd6cd49","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":"0de25191-8043-4a38-a205-6b7a3b785e4e-1776005952"}};
  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.8aba195e1f0d50eb4ee5422e0104eb204e686edd.min.js"});

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

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":69381390474,"isMerchantRequest":null,"themeId":149992931466,"themeCityHash":"17159911428139474291","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["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;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"0de25191-8043-4a38-a205-6b7a3b785e4e-1776005952","shopifyEmitted":true});

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

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//www.swansonvitamins.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://www.swansonvitamins.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.3.1.min.js"
  data-application="storefront-renderer"
  data-shop-id="69381390474"
  data-render-region="gcp-europe-west1"
  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 src="//www.swansonvitamins.com/cdn/shop/t/578/assets/external-links.js?v=138957109109582092461766440498" defer></script>
    <!-- UserWay Dynamic Loader -->
    <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/userway-loader.js?v=44572388127360326661766440498" defer></script>
    <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/store-redirects.js?v=8383653152514367341766440499" defer></script>
    <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/shadowroot-observer.js?v=132216129094896514001773755953" defer></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" >
        Free shipping on orders $35+ | 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\/swanson-green-black-logo.svg?v=1749910277\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 desktop:hidden"
  ref="headerDrawerContainer"
  
>
  <header-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"
        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"
                role="list"
                tabindex="-1"
                aria-label="Expand Vitamins and Supplements"
              >
                
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          open
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Featured</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Featured"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-featured-swanson-brand-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/brand-swanson-vitamins"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Swanson Brand</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-featured-the-probiotic-shop-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/probiotics-440"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">The Probiotic Shop</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-featured-new-arrivals-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="https://www.swansonvitamins.com/collections/vitamins-and-supplements-8?facet.new=Y"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">New Arrivals</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-featured-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamins-and-supplements-8"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-trending-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-trending-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Trending</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Trending"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-trending-magnesium-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/magnesium-1614"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Magnesium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-trending-creatine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/creatine-230"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Creatine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-trending-healthy-aging-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/healthy-aging"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Healthy Aging</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-trending-nad-and-nmn-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/nad-270"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">NAD and NMN</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-trending-glp-1-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/glp1-support"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">GLP-1</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-trending-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/trending-now"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-letter-vitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-letter-vitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Letter Vitamins</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Letter Vitamins"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-vitamin-a-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamin-a-1588"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin A</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-vitamin-b-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/b-vitamins-516"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin B</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-vitamin-c-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamin-c-358"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin C</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-vitamin-d-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamin-d-443"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin D</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-vitamin-e-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamin-e-1589"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin E</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-vitamin-k-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamin-k-1590"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin K</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/letter-vitamins-97"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-multivitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-multivitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Multivitamins</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Multivitamins"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-multivitamins-mens-multivitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/mens-multivitamins-557"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Men's Multivitamins</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-multivitamins-womens-multivitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/womens-multivitamins-1047"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Women's Multivitamins</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-multivitamins-childrens-multivitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/childrens-multivitamins-1123"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Children's Multivitamins</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-multivitamins-whole-food-multivitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/whole-food-multivitamins-1189"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Whole Food Multivitamins</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-multivitamins-prenatal-and-postnatal-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/prenatal-and-postnatal-formulas-717"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Prenatal and Postnatal </span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-multivitamins-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/multivitamins-44"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-minerals-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-minerals-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Minerals</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Minerals"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-magnesium-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/magnesium-1614"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Magnesium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-calcium-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/calcium-1600"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Calcium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-zinc-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/zinc-1627"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Zinc</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-potassium-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/potassium-1621"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Potassium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-mineral-complex-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/mineral-complex-1619"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Mineral Complex</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-iron-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/iron-1643"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Iron</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/minerals-6"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Supplements</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Supplements"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-coq10-and-ubiquinol-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/coq10-231"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">CoQ10 and Ubiquinol</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-probiotics-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/probiotics-497"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Probiotics</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-collagen-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/collagen-supplements-195"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Collagen</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-nac-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/nac-458"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">NAC</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-omegas-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/omegas-1947"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Omegas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-cbd-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/cbd-468"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">CBD</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/supplements-20"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-specialty-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-specialty-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Specialty</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Specialty"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-organic-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Organic"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Organic</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-gluten-free-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Gluten+Free"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Gluten Free</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-vegan-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Vegan"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vegan</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-vegetarian-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Vegetarian"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vegetarian</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-kosher-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Kosher"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Kosher</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-halal-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Halal"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Halal</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-non-gmo-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Non-GMO&facet.specialty=Non-GMO+Project+Verified"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Non-GMO</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li></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"
                role="list"
                tabindex="-1"
                aria-label="Expand Herbs and Natural Remedies"
              >
                
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          open
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Featured</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Featured"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-featured-berberine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/berberine-1395"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Berberine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-featured-ashwagandha-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/ashwagandha-1386"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ashwagandha</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-featured-turmeric-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/turmeric-1535"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Turmeric</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-featured-lions-mane-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/lions-mane-1852"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lion's Mane</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-featured-oregano-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/oregano-1504"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Oregano</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-featured-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/herbs-4"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-herbs-a-b-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-herbs-a-b-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Herbs A-B</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Herbs A-B"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-a-b-ashwagandha-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/ashwagandha-1386"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ashwagandha</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-a-b-astragalus-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/astragalus-1387"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Astragalus</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-a-b-berberine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/berberine-1395"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Berberine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-a-b-bilberry-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/bilberry-1397"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Bilberry</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-a-b-boswellia-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/boswellia-1408"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Boswellia</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-a-b-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/herbs-a-b-1594"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-herbs-c-f-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-herbs-c-f-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Herbs C-F</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Herbs C-F"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-c-f-cinnamon-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/cinnamon-1427"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Cinnamon</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-c-f-cranberry-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/cranberry-1431"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Cranberry</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-c-f-curcumin-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/curcumin-1432"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Curcumin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-c-f-dandelion-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/dandelion-1434"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Dandelion</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-c-f-elderberry-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/elderberry-1439"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Elderberry</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-c-f-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/herbs-c-f-1595"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-herbs-g-k-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-herbs-g-k-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Herbs G-K</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Herbs G-K"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-g-k-garlic-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/garlic-1448"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Garlic</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-g-k-ginger-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/ginger-1449"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ginger</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-g-k-ginkgo-biloba-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/ginkgo-biloba-1450"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ginkgo Biloba</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-g-k-green-tea-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/green-tea-1459"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Green Tea</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-g-k-hawthorn-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/hawthorn-1462"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hawthorn</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-g-k-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/herbs-g-k-1596"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-herbs-l-n-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-herbs-l-n-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Herbs L-N</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Herbs L-N"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-l-n-lutein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/lutein-1482"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lutein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-l-n-maca-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/maca-1483"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Maca</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-l-n-milk-thistle-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/milk-thistle-1489"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Milk Thistle</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-l-n-moringa-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/moringa-1490"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Moringa</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-l-n-mullein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/mullein-1495"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Mullein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-l-n-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/herbs-l-n-1597"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-herbs-o-r-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-herbs-o-r-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Herbs O-R</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Herbs O-R"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-o-r-olive-leaf-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/olive-leaf-1503"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Olive Leaf</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-o-r-oregano-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/oregano-1504"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Oregano</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-o-r-pine-bark-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/pine-bark-1510"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Pine Bark</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-o-r-pygeum-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/pygeum-1513"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Pygeum</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-o-r-red-yeast-rice-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/red-yeast-rice-1516"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Red Yeast Rice</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-o-r-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/herbs-o-r-1598"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-herbs-s-z-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-herbs-s-z-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Herbs S-Z</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Herbs S-Z"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-s-z-saw-palmetto-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/saw-palmetto-1523"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Saw Palmetto</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-s-z-saffron-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/saffron-1520"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Saffron</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-s-z-turmeric-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/turmeric-1535"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Turmeric</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-s-z-valerian-root-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/valerian-1537"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Valerian Root</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-s-z-wormwood-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/wormwood-1543"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Wormwood</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-s-z-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/herbs-s-z-1599"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-mushrooms-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-mushrooms-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Mushrooms</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Mushrooms"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-mushrooms-lions-mane-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/lions-mane-1852"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lion's Mane</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-mushrooms-cordyceps-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/cordyceps-1564"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Cordyceps</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-mushrooms-turkey-tail-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/turkey-tail-1568"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Turkey Tail</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-mushrooms-reishi-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/reishi-1566"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Reishi</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-mushrooms-mushroom-blends-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/mushroom-blends-1954"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Mushroom Blends</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-mushrooms-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/mushrooms-1496"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li></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"
                role="list"
                tabindex="-1"
                aria-label="Expand Protein and Fitness"
              >
                
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          open
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Featured</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Featured"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-featured-creatine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/creatine-230"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Creatine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-featured-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/protein-63"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-featured-nad-and-nmn-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/nad-318"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">NAD and NMN</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-featured-hydration-and-electrolytes-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/hydration-and-electrolytes-1851"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hydration and Electrolytes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-featured-energy-support-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/energy-support-1791"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Energy Support</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-featured-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/protein-and-fitness-7"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Protein</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Protein"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-whey-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/whey-protein-powder-522"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Whey Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-specialty-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/specialty-protein-powders-555"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Specialty Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-vegetarian-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vegetarian-protein-255"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vegetarian Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-vegan-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="https://shopify-dev.swansonvitamins.com/collections/protein-63?facet.specialty=Vegan&page=1"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vegan Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-pea-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/pea-protein-537"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Pea Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-protein-bars-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/protein-bar-313"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Protein Bars</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/protein-63"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-weight-loss-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-weight-loss-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Weight Loss</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Weight Loss"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-weight-loss-carb-and-appetite-control-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/carb-and-appetite-control-1684"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Carb and Appetite Control</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-weight-loss-metabolism-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/metabolism-1682"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Metabolism</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-weight-loss-apple-cider-vinegar-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/apple-cider-vinegar-1674"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Apple Cider Vinegar</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-weight-loss-l-carnitine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/l-carnitine-1679"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">L-Carnitine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-weight-loss-white-kidney-bean-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/white-kidney-bean-1681"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">White Kidney Bean</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-weight-loss-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/weight-loss-1673"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-drinks-and-snacks-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-drinks-and-snacks-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Drinks and Snacks</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Drinks and Snacks"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-drinks-and-snacks-protein-bars-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/protein-bar-313"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Protein Bars</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-drinks-and-snacks-meal-replacement-shakes-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/meal-replacement-shakes-392"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Meal Replacement Shakes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-drinks-and-snacks-protein-powders-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="https://shopify-dev.swansonvitamins.com/collections/protein-63/?facet.form=Pwdr"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Protein Powders</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-drinks-and-snacks-hydration-and-electrolytes-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/hydration-and-electrolytes-1851"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hydration and Electrolytes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-drinks-and-snacks-energy-drinks-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/energy-drinks-1805"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Energy Drinks</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-drinks-and-snacks-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/drinks-and-snacks"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-amino-workout-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-amino-workout-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Amino Workout</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Amino Workout"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-amino-workout-amino-acid-complex-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/amino-acid-complex-484"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Amino Acid Complex</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-amino-workout-l-arginine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/l-arginine-1008"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">L-Arginine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-amino-workout-l-glutamine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/l-glutamine-357"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">L-Glutamine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-amino-workout-l-citruline-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/l-citrulline-451"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">L-Citruline</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-amino-workout-taurine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/taurine-508"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Taurine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-amino-workout-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/amino-workout-80"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-fitness-and-endurance-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-fitness-and-endurance-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Fitness and Endurance</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Fitness and Endurance"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-fitness-and-endurance-creatine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/creatine-230"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Creatine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-fitness-and-endurance-nad-and-nmn-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/nad-318"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">NAD and NMN</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-fitness-and-endurance-hydration-and-electrolytes-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/hydration-and-electrolytes-1851"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hydration and Electrolytes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-fitness-and-endurance-pre-workout-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/pre-workout-supplements-274"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Pre-Workout Supplements</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-fitness-and-endurance-post-workout-recovery-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/post-workout-recovery-1943"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Post-Workout Recovery</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-fitness-and-endurance-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/fitness-and-endurance-17"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-energy-support-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-energy-support-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Energy Support</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Energy Support"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-energy-support-vitamin-b12-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/vitamin-b12-1822"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin B12</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-energy-support-beet-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/beet-supplements-1801"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Beet Supplements</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-energy-support-ginseng-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/ginseng-1806"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ginseng</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-energy-support-bee-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/bee-supplements-1798"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Bee Supplements</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-energy-support-green-tea-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/green-tea-supplement-1812"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Green Tea Supplements</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-energy-support-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/energy-support-1791"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-by-goal-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-by-goal-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">By Goal</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand By Goal"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-by-goal-weight-loss-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/weight-loss-1673"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Weight Loss</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-by-goal-muscle-gain-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/muscle-gain"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Muscle Gain</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-by-goal-build-endurance-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/build-endurance"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Build Endurance</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-by-goal-exercise-and-workout-support-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/exercise-and-workout-support"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Exercise and Workout Support</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-by-goal-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/protein-and-fitness-7"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li></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"
                role="list"
                tabindex="-1"
                aria-label="Expand Health Food and Pantry"
              >
                
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-health-food-and-pantry-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          open
                        >
                          <summary
                            id="HeaderDrawer-l2-health-food-and-pantry-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Featured</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Featured"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-featured-nuts-and-seeds-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/nuts-and-seeds-182"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Nuts and Seeds</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-featured-herbal-tea-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/herbal-tea-180"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Herbal Tea</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-featured-hydration-and-electrolytes-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/hydration-and-electrolytes-1851"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hydration and Electrolytes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-featured-greens-and-superfoods-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/greens-and-superfoods-1862"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Greens and Superfoods</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-featured-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/protein-63"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-featured-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/health-food-and-grocery-3"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-health-food-and-pantry-snacks-and-candy-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-health-food-and-pantry-snacks-and-candy-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Snacks and Candy</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Snacks and Candy"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-snacks-and-candy-nuts-and-seeds-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/nuts-and-seeds-182"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Nuts and Seeds</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-snacks-and-candy-savory-snacks-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/savory-snacks-181"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Savory Snacks</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-snacks-and-candy-candy-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/candy-465"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Candy</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-snacks-and-candy-gum-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/gum-328"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Gum</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-snacks-and-candy-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/snacks-and-candy-91"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-health-food-and-pantry-cereal-granola-grains-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-health-food-and-pantry-cereal-granola-grains-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Cereal, Granola & Grains</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Cereal, Granola &amp; Grains"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cereal-granola-grains-breakfast-foods-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/breakfast-foods-401"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Breakfast Foods</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cereal-granola-grains-whole-grains-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/whole-grains-509"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Whole Grains</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cereal-granola-grains-oatmeal-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/oatmeal-1126"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Oatmeal</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cereal-granola-grains-granola-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/granola-993"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Granola</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cereal-granola-grains-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/cereal-granola-and-grains-54"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-health-food-and-pantry-cooking-and-baking-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-health-food-and-pantry-cooking-and-baking-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Cooking and Baking</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Cooking and Baking"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cooking-and-baking-dry-food-ingredients-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/dry-food-ingredients-214"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Dry Food Ingredients</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cooking-and-baking-spices-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/spices-126"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Spices</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cooking-and-baking-honey-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/honey-350"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Honey</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cooking-and-baking-coconut-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/coconut-464"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Coconut</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cooking-and-baking-oils-and-vinegars-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/oils-and-vinegars-47"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Oils and Vinegars</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cooking-and-baking-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/cooking-and-baking-18"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-health-food-and-pantry-beverages-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-health-food-and-pantry-beverages-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Beverages</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Beverages"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-beverages-herbal-tea-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/herbal-tea-180"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Herbal Tea</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-beverages-coffee-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/coffee-490"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Coffee</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-beverages-loose-leaf-tea-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/loose-leaf-tea-532"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Loose Leaf Tea</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-beverages-meal-replacement-shakes-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/meal-replacement-shakes-392"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Meal Replacement Shakes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-beverages-functional-tea-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/functional-tea-445"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Functional Tea</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-beverages-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/beverages-103"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-health-food-and-pantry-specialty-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-health-food-and-pantry-specialty-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Specialty</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Specialty"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-gluten-free-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?facet.specialty=Gluten+Free&page=1"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Gluten Free</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-organic-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?page=1&facet.specialty=Organic"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Organic</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-vegan-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?page=1&facet.specialty=Vegan"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vegan</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-vegetarian-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?page=1&facet.specialty=Vegetarian"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vegetarian</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-kosher-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?page=1&facet.specialty=Kosher"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Kosher</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-halal-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?page=1&facet.specialty=Halal"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Halal</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-non-gmo-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?page=1&facet.specialty=Non-GMO&facet.specialty=Non-GMO+Project+Verified"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Non-GMO</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li></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"
                role="list"
                tabindex="-1"
                aria-label="Expand Beauty and Personal Care"
              >
                
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          open
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Featured</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Featured"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-featured-healthy-aging-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/healthy-aging"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Healthy Aging</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-featured-hair-skin-and-nails-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/hair-skin-and-nail-formulas-495"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hair, Skin and Nails</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-featured-collagen-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/collagen-supplements-475"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Collagen Supplements</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-featured-skin-moisturizers-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/skin-moisturizers-211"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Skin Moisturizers</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-featured-dental-and-oral-health-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/dental-and-oral-health-447"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Dental and Oral Health</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-featured-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/beauty-and-personal-care-1"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-beauty-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-beauty-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Beauty Supplements</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Beauty Supplements"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-beauty-supplements-hair-skin-and-nail-formulas-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/hair-skin-and-nail-formulas-495"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hair, Skin and Nail Formulas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-beauty-supplements-collagen-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/collagen-supplements-475"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Collagen Supplements</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-beauty-supplements-hyaluronic-acid-for-beauty-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/hyaluronic-acid-for-beauty-157"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hyaluronic Acid for Beauty</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-beauty-supplements-biotin-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/biotin-388"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Biotin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-beauty-supplements-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/beauty-from-within-50"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-skin-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-skin-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Skin Care</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Skin Care"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-skin-care-skin-moisturizers-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/skin-moisturizers-211"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Skin Moisturizers</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-skin-care-soap-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/soap-438"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Soap</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-skin-care-body-wash-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/body-wash-246"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Body Wash</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-skin-care-aloe-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/aloe-444"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Aloe</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-skin-care-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/skin-care-85"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-face-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-face-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Face Care</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Face Care"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-face-care-wrinkle-cream-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/wrinkle-cream-1763"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Wrinkle Cream</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-face-care-lips-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/lips-488"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lips</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-face-care-face-wash-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/face-wash-140"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Face Wash</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-face-care-face-moisturizer-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/face-moisturizer-379"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Face Moisturizer</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-face-care-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/face-care-12"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-hair-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-hair-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Hair Care</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Hair Care"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-hair-care-shampoo-and-conditioner-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/shampoo-and-conditioner-183"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shampoo and Conditioner</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-hair-care-hair-growth-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/hair-growth-481"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hair Growth</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-hair-care-hair-color-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/hair-color-128"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hair Color</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-hair-care-hair-styling-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/hair-styling-190"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hair Styling</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-hair-care-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/hair-care-30"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-personal-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-personal-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Personal Care</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Personal Care"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-personal-care-dental-and-oral-health-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/dental-and-oral-health-447"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Dental and Oral Health</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-personal-care-deodorant-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/deodorant-219"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Deodorant</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-personal-care-aromatherapy-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/aromatherapy-10"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Aromatherapy</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-personal-care-everyday-essentials-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/everyday-essentials-136"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Everyday Essentials</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-personal-care-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/personal-care-106"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-medicine-cabinet-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-medicine-cabinet-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Medicine Cabinet</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Medicine Cabinet"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-medicine-cabinet-medicine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/medicine-100"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Medicine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-medicine-cabinet-homeopathic-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/homeopathic-70"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Homeopathic</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-medicine-cabinet-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE"
                                  href="/collections/houseware-99"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li></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-health-concern-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 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-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-health-concern-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                  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"
                role="list"
                tabindex="-1"
                aria-label="Expand Health Concern"
              >
                
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-heart-and-cardiovascular-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                          open
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-heart-and-cardiovascular-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Heart and Cardiovascular</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Heart and Cardiovascular"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-blood-sugar-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/blood-sugar-412"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Blood Sugar</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-blood-pressure-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/blood-pressure-369"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Blood Pressure</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-cholesterol-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/cholesterol-272"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Cholesterol</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-coq10-and-ubiquinol-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/coq10-553"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">CoQ10 and Ubiquinol</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-omegas-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/omegas-1922"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Omegas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-berberine-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/berberine-735"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Berberine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/heart-and-cardiovascular-37"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-digestive-system-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-digestive-system-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Digestive System</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Digestive System"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-digestive-system-probiotics-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/probiotics-440"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Probiotics</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-digestive-system-digestive-enzymes-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/digestive-enzymes-525"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Digestive Enzymes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-digestive-system-fiber-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/fiber-supplement-418"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Fiber</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-digestive-system-aloe-vera-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/aloe-vera-427"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Aloe Vera</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-digestive-system-ginger-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/ginger-305"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ginger</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-digestive-system-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/digestive-system-16"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-brain-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-brain-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Brain Health</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Brain Health"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-brain-health-memory-combination-formulas-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/memory-combination-formulas-239"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Memory Combination Formulas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-brain-health-lions-mane-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/lions-mane-331"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lion's Mane</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-brain-health-prevagen-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/prevagen-431"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Prevagen</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-brain-health-phosphatidylserine-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/phosphatidylserine-469"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Phosphatidylserine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-brain-health-ginkgo-biloba-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/ginkgo-biloba-406"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ginkgo Biloba</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-brain-health-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/brain-health-79"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-joint-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-joint-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Joint Supplements</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Joint Supplements"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-joint-supplements-collagen-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/collagen-201"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Collagen</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-joint-supplements-turmeric-and-curcumin-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/turmeric-506"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Turmeric and Curcumin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-joint-supplements-glucosamine-chrondoitin-msm-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/glucosamine-chondroitin-msm-146"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Glucosamine Chrondoitin MSM</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-joint-supplements-hyaluronic-acid-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/hyaluronic-acid-338"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hyaluronic Acid</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-joint-supplements-boswellia-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/boswellia-346"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Boswellia</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-joint-supplements-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/joint-25"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-womens-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-womens-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Women's Health</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Women&#39;s Health"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-hormone-support-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/hormone-balance-489"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hormone Support</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-bone-density-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/bone-health-1892"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Bone Density</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-urinary-support-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/urinary-tract-support-1893"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Urinary Support</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-beauty-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/beauty-1894"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Beauty</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-womens-probiotics-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/womens-probiotics-1075"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Women's Probiotics</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-womens-multivitamins-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/womens-multivitamins-1891"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Women's Multivitamins</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-menopause-support-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/menopause-support-1928"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Menopause Support</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/womens-health-115"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-mens-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-mens-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Men's Health</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Men&#39;s Health"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-mens-health-sexual-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/sexual-health-1896"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Sexual Health</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-mens-health-prostate-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/prostate-health-372"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Prostate Health</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-mens-health-fitness-and-endurance-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/fitness-and-endurance-1895"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Fitness and Endurance</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-mens-health-mens-multivitamins-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/mens-multivitamins-1897"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Men's Multivitamins</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-mens-health-mens-probiotics-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/digestion-and-detox-1898"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Men's Probiotics</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-mens-health-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/mens-health-93"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-stress-support-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-stress-support-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Stress Support</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Stress Support"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-stress-support-magnesium-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/magnesium-164"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Magnesium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-stress-support-ashwagandha-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/ashwagandha-223"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ashwagandha</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-stress-support-l-theanine-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/l-theanine-308"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">L-Theanine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-stress-support-gaba-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/gaba-335"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">GABA</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-stress-support-lithium-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/lithium-381"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lithium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-stress-support-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/stress-support-96"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-immune-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-immune-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Immune Supplements</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Immune Supplements"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-elderberry-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/elderberry-409"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Elderberry</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-vitamin-d-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/vitamin-d-1756"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin D</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-glutathione-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/glutathione-280"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Glutathione</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-oregano-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/oregano-150"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Oregano</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-zinc-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/zinc-133"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Zinc</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-vitamin-c-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/vitamin-c-129"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin C</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/immune-68"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-sleep-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-sleep-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Sleep Supplements</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Sleep Supplements"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-sleep-supplements-sleep-formulas-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/sleep-formulas-266"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Sleep Formulas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-sleep-supplements-valerian-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/valerian-1733"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Valerian</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-sleep-supplements-melatonin-free-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/melatonin-free-sleep-formulas-1889"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Melatonin Free</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-sleep-supplements-melatonin-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/melatonin-245"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Melatonin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-sleep-supplements-5-htp-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/5-htp-529"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">5 HTP</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-sleep-supplements-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/sleep-86"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-vision-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-vision-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Vision Supplements</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Vision Supplements"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-vision-supplements-vision-formulas-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/vision-formulas-258"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vision Formulas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-vision-supplements-lutein-and-zeaxanthin-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/lutein-and-zeaxanthin-326"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lutein and Zeaxanthin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-vision-supplements-bilberry-and-lutein-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/bilberry-and-lutein-152"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Bilberry and Lutein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-vision-supplements-astaxanthin-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/astaxanthin-513"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Astaxanthin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-vision-supplements-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/vision-34"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-respiratory-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-respiratory-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Respiratory Health</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Respiratory Health"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-respiratory-health-combination-formulas-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/respiratory-health-combination-formulas-361"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Combination Formulas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-respiratory-health-quercetin-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/quercetin-382"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Quercetin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-respiratory-health-nac-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/nac-526"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">NAC</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-respiratory-health-homeopathic-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/homeopathic-respiratory-1732"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Homeopathic</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-respiratory-health-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/respiratory-116"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-bone-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-bone-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Bone Health</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Bone Health"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-bone-health-vitamin-d-and-k-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/vitamin-d-and-k-1942"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin D and K</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-bone-health-vitamin-d-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/vitamin-d-153"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin D</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-bone-health-calcium-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/calcium-251"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Calcium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-bone-health-bone-combination-formulas-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/bone-combination-formulas-282"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Bone Combination Formulas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-bone-health-boron-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/boron-428"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Boron</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-bone-health-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/bone-health-43"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-detox-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-detox-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Detox</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Detox"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-detox-liver-cleanse-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/liver-cleanse-137"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Liver Cleanse</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-detox-colon-cleanse-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/colon-cleanse-402"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Colon Cleanse</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-detox-milk-thistle-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/milk-thistle-158"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Milk Thistle</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-detox-excretory-system-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/excretory-system-320"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Excretory System</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-detox-cranberry-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/cranberry-1916"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Cranberry</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-detox-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
                                  href="/collections/detox-75"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li></ul>
              
            </div>
          </div>
        </details></li>
    
    
    <li
      class="menu-drawer__list-item"
    ><a
          id="HeaderDrawer-l1-shop-by-brand-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV"
          href="/pages/brands"
          class="menu-drawer__menu-item menu-drawer__menu-item--mainlist focus-inset"
          
        >
          <span class="menu-drawer__menu-item-text">Shop by Brand</span>
        </a></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" heights="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="/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" heights="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" heights="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" heights="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" heights="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=161818290225837262441766440500"
  type="module"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/accordions-controller.js?v=47742365579635686071766440498"
  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: 197px; --header-logo-image-height: 66px; --header-logo-image-width-mobile: 129px; --header-logo-image-height-mobile: 26px;"
  >
    
      <picture>
        
          
            
            <source
              media="(max-width: 767px)"
              srcset="//www.swansonvitamins.com/cdn/shop/files/swanson-green-inverse-logo.svg?v=1753760289&width=750"
            >
          
        

        
          
            
            <source
              media="(min-width: 768px)"
              srcset="//www.swansonvitamins.com/cdn/shop/files/swanson-green-black-logo.svg?v=1749910277&width=750"
            >
          
        

        
        
        
          

          
<img src="//www.swansonvitamins.com/cdn/shop/files/swanson-green-black-logo.svg?v=1749910277&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 src="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-constructor-autocomplete-DKYkYZzA.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-focus-HStaPQjV.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-productCardMap-hRIkoIdj.js" crossorigin="anonymous">



<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"
  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/sidebar.js?v=138101064621324836511766440498"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/feedback-form.js?v=33007694103213699671769791695"
  type="module"
  fetchpriority="low"
></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="/cdn-cgi/l/email-protection#cfacbabcbba0a2aabdacaebdaa8fbcb8aea1bca0a1bcbabfbfa0bdbbe1aca0a2" 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>



  

  
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/cart-drawer.js?v=92290163633888904321766440498"
  type="module"
></script>

<cart-drawer-component
  class="cart-drawer"
  
  
>
  <button
    class="button header-actions__action button-unstyled overflow-visible justify-center relative"
    on:click="/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>

  <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__header_section"
      ><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=36158482058937901531774533841"
  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-CDh62vz_.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-productCardMap-hRIkoIdj.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-addToCart-C-xsuTPE.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-IconSprite-Z2qfsuQO.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-client-XBPdVNap.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-compat.module-BCemXDM8.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-jsx-runtime-phx57XfY.js" crossorigin="anonymous">





  
  <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-constructor-empty-cart-recommendations-Bo5snhCi.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-productCardMap-hRIkoIdj.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-addToCart-C-xsuTPE.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-IconSprite-Z2qfsuQO.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-client-XBPdVNap.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-compat.module-BCemXDM8.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-jsx-runtime-phx57XfY.js" crossorigin="anonymous">





  
</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 src="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-constructor-autocomplete-DKYkYZzA.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-focus-HStaPQjV.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-productCardMap-hRIkoIdj.js" crossorigin="anonymous">



<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"
  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"
        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-1"
          class="menu-drawer__menu-container"
        >
          <summary
            id="HeaderDrawer-l1-vitamins-and-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
            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-1"
            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-1"
                  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"
                role="list"
                tabindex="-1"
                aria-label="Expand Vitamins and Supplements"
              >
                
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          open
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Featured</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Featured"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-featured-swanson-brand-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/brand-swanson-vitamins"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Swanson Brand</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-featured-the-probiotic-shop-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/probiotics-440"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">The Probiotic Shop</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-featured-new-arrivals-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="https://www.swansonvitamins.com/collections/vitamins-and-supplements-8?facet.new=Y"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">New Arrivals</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-featured-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamins-and-supplements-8"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-trending-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-trending-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Trending</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Trending"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-trending-magnesium-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/magnesium-1614"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Magnesium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-trending-creatine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/creatine-230"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Creatine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-trending-healthy-aging-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/healthy-aging"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Healthy Aging</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-trending-nad-and-nmn-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/nad-270"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">NAD and NMN</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-trending-glp-1-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/glp1-support"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">GLP-1</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-trending-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/trending-now"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-letter-vitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-letter-vitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Letter Vitamins</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Letter Vitamins"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-vitamin-a-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamin-a-1588"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin A</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-vitamin-b-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/b-vitamins-516"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin B</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-vitamin-c-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamin-c-358"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin C</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-vitamin-d-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamin-d-443"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin D</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-vitamin-e-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamin-e-1589"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin E</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-vitamin-k-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamin-k-1590"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin K</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-letter-vitamins-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/letter-vitamins-97"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-multivitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-multivitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Multivitamins</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Multivitamins"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-multivitamins-mens-multivitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/mens-multivitamins-557"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Men's Multivitamins</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-multivitamins-womens-multivitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/womens-multivitamins-1047"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Women's Multivitamins</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-multivitamins-childrens-multivitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/childrens-multivitamins-1123"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Children's Multivitamins</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-multivitamins-whole-food-multivitamins-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/whole-food-multivitamins-1189"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Whole Food Multivitamins</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-multivitamins-prenatal-and-postnatal-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/prenatal-and-postnatal-formulas-717"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Prenatal and Postnatal </span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-multivitamins-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/multivitamins-44"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-minerals-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-minerals-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Minerals</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Minerals"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-magnesium-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/magnesium-1614"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Magnesium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-calcium-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/calcium-1600"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Calcium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-zinc-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/zinc-1627"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Zinc</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-potassium-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/potassium-1621"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Potassium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-mineral-complex-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/mineral-complex-1619"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Mineral Complex</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-iron-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/iron-1643"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Iron</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-minerals-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/minerals-6"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Supplements</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Supplements"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-coq10-and-ubiquinol-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/coq10-231"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">CoQ10 and Ubiquinol</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-probiotics-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/probiotics-497"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Probiotics</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-collagen-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/collagen-supplements-195"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Collagen</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-nac-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/nac-458"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">NAC</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-omegas-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/omegas-1947"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Omegas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-cbd-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/cbd-468"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">CBD</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-supplements-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/supplements-20"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-vitamins-and-supplements-specialty-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-vitamins-and-supplements-specialty-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Specialty</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Specialty"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-organic-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Organic"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Organic</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-gluten-free-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Gluten+Free"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Gluten Free</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-vegan-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Vegan"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vegan</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-vegetarian-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Vegetarian"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vegetarian</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-kosher-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Kosher"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Kosher</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-halal-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Halal"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Halal</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-vitamins-and-supplements-specialty-non-gmo-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamins-and-supplements-8?page=1&facet.specialty=Non-GMO&facet.specialty=Non-GMO+Project+Verified"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Non-GMO</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li></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-1"
          class="menu-drawer__menu-container"
        >
          <summary
            id="HeaderDrawer-l1-herbs-and-natural-remedies-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
            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-1"
            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-1"
                  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"
                role="list"
                tabindex="-1"
                aria-label="Expand Herbs and Natural Remedies"
              >
                
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          open
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Featured</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Featured"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-featured-berberine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/berberine-1395"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Berberine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-featured-ashwagandha-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/ashwagandha-1386"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ashwagandha</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-featured-turmeric-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/turmeric-1535"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Turmeric</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-featured-lions-mane-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/lions-mane-1852"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lion's Mane</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-featured-oregano-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/oregano-1504"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Oregano</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-featured-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/herbs-4"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-herbs-a-b-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-herbs-a-b-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Herbs A-B</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Herbs A-B"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-a-b-ashwagandha-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/ashwagandha-1386"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ashwagandha</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-a-b-astragalus-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/astragalus-1387"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Astragalus</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-a-b-berberine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/berberine-1395"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Berberine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-a-b-bilberry-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/bilberry-1397"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Bilberry</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-a-b-boswellia-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/boswellia-1408"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Boswellia</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-a-b-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/herbs-a-b-1594"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-herbs-c-f-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-herbs-c-f-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Herbs C-F</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Herbs C-F"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-c-f-cinnamon-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/cinnamon-1427"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Cinnamon</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-c-f-cranberry-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/cranberry-1431"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Cranberry</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-c-f-curcumin-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/curcumin-1432"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Curcumin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-c-f-dandelion-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/dandelion-1434"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Dandelion</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-c-f-elderberry-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/elderberry-1439"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Elderberry</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-c-f-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/herbs-c-f-1595"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-herbs-g-k-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-herbs-g-k-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Herbs G-K</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Herbs G-K"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-g-k-garlic-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/garlic-1448"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Garlic</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-g-k-ginger-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/ginger-1449"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ginger</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-g-k-ginkgo-biloba-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/ginkgo-biloba-1450"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ginkgo Biloba</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-g-k-green-tea-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/green-tea-1459"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Green Tea</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-g-k-hawthorn-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/hawthorn-1462"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hawthorn</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-g-k-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/herbs-g-k-1596"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-herbs-l-n-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-herbs-l-n-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Herbs L-N</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Herbs L-N"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-l-n-lutein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/lutein-1482"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lutein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-l-n-maca-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/maca-1483"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Maca</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-l-n-milk-thistle-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/milk-thistle-1489"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Milk Thistle</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-l-n-moringa-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/moringa-1490"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Moringa</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-l-n-mullein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/mullein-1495"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Mullein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-l-n-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/herbs-l-n-1597"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-herbs-o-r-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-herbs-o-r-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Herbs O-R</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Herbs O-R"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-o-r-olive-leaf-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/olive-leaf-1503"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Olive Leaf</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-o-r-oregano-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/oregano-1504"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Oregano</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-o-r-pine-bark-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/pine-bark-1510"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Pine Bark</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-o-r-pygeum-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/pygeum-1513"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Pygeum</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-o-r-red-yeast-rice-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/red-yeast-rice-1516"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Red Yeast Rice</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-o-r-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/herbs-o-r-1598"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-herbs-s-z-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-herbs-s-z-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Herbs S-Z</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Herbs S-Z"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-s-z-saw-palmetto-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/saw-palmetto-1523"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Saw Palmetto</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-s-z-saffron-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/saffron-1520"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Saffron</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-s-z-turmeric-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/turmeric-1535"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Turmeric</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-s-z-valerian-root-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/valerian-1537"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Valerian Root</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-s-z-wormwood-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/wormwood-1543"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Wormwood</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-herbs-s-z-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/herbs-s-z-1599"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-herbs-and-natural-remedies-mushrooms-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-herbs-and-natural-remedies-mushrooms-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Mushrooms</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Mushrooms"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-mushrooms-lions-mane-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/lions-mane-1852"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lion's Mane</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-mushrooms-cordyceps-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/cordyceps-1564"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Cordyceps</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-mushrooms-turkey-tail-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/turkey-tail-1568"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Turkey Tail</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-mushrooms-reishi-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/reishi-1566"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Reishi</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-mushrooms-mushroom-blends-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/mushroom-blends-1954"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Mushroom Blends</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-herbs-and-natural-remedies-mushrooms-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/mushrooms-1496"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li></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-1"
          class="menu-drawer__menu-container"
        >
          <summary
            id="HeaderDrawer-l1-protein-and-fitness-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
            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-1"
            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-1"
                  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"
                role="list"
                tabindex="-1"
                aria-label="Expand Protein and Fitness"
              >
                
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          open
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Featured</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Featured"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-featured-creatine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/creatine-230"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Creatine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-featured-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/protein-63"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-featured-nad-and-nmn-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/nad-318"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">NAD and NMN</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-featured-hydration-and-electrolytes-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/hydration-and-electrolytes-1851"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hydration and Electrolytes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-featured-energy-support-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/energy-support-1791"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Energy Support</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-featured-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/protein-and-fitness-7"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Protein</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Protein"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-whey-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/whey-protein-powder-522"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Whey Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-specialty-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/specialty-protein-powders-555"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Specialty Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-vegetarian-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vegetarian-protein-255"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vegetarian Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-vegan-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="https://shopify-dev.swansonvitamins.com/collections/protein-63?facet.specialty=Vegan&page=1"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vegan Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-pea-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/pea-protein-537"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Pea Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-protein-bars-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/protein-bar-313"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Protein Bars</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-protein-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/protein-63"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-weight-loss-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-weight-loss-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Weight Loss</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Weight Loss"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-weight-loss-carb-and-appetite-control-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/carb-and-appetite-control-1684"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Carb and Appetite Control</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-weight-loss-metabolism-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/metabolism-1682"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Metabolism</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-weight-loss-apple-cider-vinegar-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/apple-cider-vinegar-1674"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Apple Cider Vinegar</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-weight-loss-l-carnitine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/l-carnitine-1679"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">L-Carnitine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-weight-loss-white-kidney-bean-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/white-kidney-bean-1681"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">White Kidney Bean</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-weight-loss-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/weight-loss-1673"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-drinks-and-snacks-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-drinks-and-snacks-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Drinks and Snacks</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Drinks and Snacks"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-drinks-and-snacks-protein-bars-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/protein-bar-313"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Protein Bars</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-drinks-and-snacks-meal-replacement-shakes-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/meal-replacement-shakes-392"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Meal Replacement Shakes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-drinks-and-snacks-protein-powders-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="https://shopify-dev.swansonvitamins.com/collections/protein-63/?facet.form=Pwdr"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Protein Powders</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-drinks-and-snacks-hydration-and-electrolytes-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/hydration-and-electrolytes-1851"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hydration and Electrolytes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-drinks-and-snacks-energy-drinks-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/energy-drinks-1805"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Energy Drinks</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-drinks-and-snacks-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/drinks-and-snacks"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-amino-workout-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-amino-workout-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Amino Workout</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Amino Workout"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-amino-workout-amino-acid-complex-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/amino-acid-complex-484"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Amino Acid Complex</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-amino-workout-l-arginine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/l-arginine-1008"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">L-Arginine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-amino-workout-l-glutamine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/l-glutamine-357"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">L-Glutamine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-amino-workout-l-citruline-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/l-citrulline-451"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">L-Citruline</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-amino-workout-taurine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/taurine-508"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Taurine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-amino-workout-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/amino-workout-80"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-fitness-and-endurance-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-fitness-and-endurance-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Fitness and Endurance</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Fitness and Endurance"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-fitness-and-endurance-creatine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/creatine-230"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Creatine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-fitness-and-endurance-nad-and-nmn-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/nad-318"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">NAD and NMN</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-fitness-and-endurance-hydration-and-electrolytes-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/hydration-and-electrolytes-1851"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hydration and Electrolytes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-fitness-and-endurance-pre-workout-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/pre-workout-supplements-274"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Pre-Workout Supplements</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-fitness-and-endurance-post-workout-recovery-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/post-workout-recovery-1943"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Post-Workout Recovery</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-fitness-and-endurance-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/fitness-and-endurance-17"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-energy-support-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-energy-support-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Energy Support</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Energy Support"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-energy-support-vitamin-b12-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/vitamin-b12-1822"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin B12</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-energy-support-beet-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/beet-supplements-1801"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Beet Supplements</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-energy-support-ginseng-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/ginseng-1806"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ginseng</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-energy-support-bee-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/bee-supplements-1798"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Bee Supplements</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-energy-support-green-tea-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/green-tea-supplement-1812"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Green Tea Supplements</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-energy-support-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/energy-support-1791"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-protein-and-fitness-by-goal-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-protein-and-fitness-by-goal-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">By Goal</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand By Goal"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-by-goal-weight-loss-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/weight-loss-1673"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Weight Loss</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-by-goal-muscle-gain-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/muscle-gain"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Muscle Gain</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-by-goal-build-endurance-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/build-endurance"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Build Endurance</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-by-goal-exercise-and-workout-support-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/exercise-and-workout-support"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Exercise and Workout Support</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-protein-and-fitness-by-goal-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/protein-and-fitness-7"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li></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-1"
          class="menu-drawer__menu-container"
        >
          <summary
            id="HeaderDrawer-l1-health-food-and-pantry-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
            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-1"
            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-1"
                  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"
                role="list"
                tabindex="-1"
                aria-label="Expand Health Food and Pantry"
              >
                
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-health-food-and-pantry-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          open
                        >
                          <summary
                            id="HeaderDrawer-l2-health-food-and-pantry-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Featured</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Featured"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-featured-nuts-and-seeds-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/nuts-and-seeds-182"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Nuts and Seeds</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-featured-herbal-tea-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/herbal-tea-180"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Herbal Tea</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-featured-hydration-and-electrolytes-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/hydration-and-electrolytes-1851"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hydration and Electrolytes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-featured-greens-and-superfoods-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/greens-and-superfoods-1862"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Greens and Superfoods</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-featured-protein-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/protein-63"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Protein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-featured-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/health-food-and-grocery-3"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-health-food-and-pantry-snacks-and-candy-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-health-food-and-pantry-snacks-and-candy-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Snacks and Candy</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Snacks and Candy"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-snacks-and-candy-nuts-and-seeds-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/nuts-and-seeds-182"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Nuts and Seeds</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-snacks-and-candy-savory-snacks-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/savory-snacks-181"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Savory Snacks</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-snacks-and-candy-candy-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/candy-465"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Candy</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-snacks-and-candy-gum-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/gum-328"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Gum</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-snacks-and-candy-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/snacks-and-candy-91"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-health-food-and-pantry-cereal-granola-grains-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-health-food-and-pantry-cereal-granola-grains-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Cereal, Granola & Grains</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Cereal, Granola &amp; Grains"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cereal-granola-grains-breakfast-foods-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/breakfast-foods-401"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Breakfast Foods</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cereal-granola-grains-whole-grains-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/whole-grains-509"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Whole Grains</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cereal-granola-grains-oatmeal-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/oatmeal-1126"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Oatmeal</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cereal-granola-grains-granola-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/granola-993"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Granola</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cereal-granola-grains-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/cereal-granola-and-grains-54"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-health-food-and-pantry-cooking-and-baking-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-health-food-and-pantry-cooking-and-baking-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Cooking and Baking</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Cooking and Baking"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cooking-and-baking-dry-food-ingredients-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/dry-food-ingredients-214"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Dry Food Ingredients</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cooking-and-baking-spices-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/spices-126"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Spices</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cooking-and-baking-honey-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/honey-350"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Honey</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cooking-and-baking-coconut-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/coconut-464"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Coconut</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cooking-and-baking-oils-and-vinegars-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/oils-and-vinegars-47"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Oils and Vinegars</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-cooking-and-baking-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/cooking-and-baking-18"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-health-food-and-pantry-beverages-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-health-food-and-pantry-beverages-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Beverages</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Beverages"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-beverages-herbal-tea-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/herbal-tea-180"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Herbal Tea</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-beverages-coffee-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/coffee-490"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Coffee</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-beverages-loose-leaf-tea-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/loose-leaf-tea-532"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Loose Leaf Tea</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-beverages-meal-replacement-shakes-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/meal-replacement-shakes-392"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Meal Replacement Shakes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-beverages-functional-tea-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/functional-tea-445"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Functional Tea</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-beverages-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/beverages-103"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-health-food-and-pantry-specialty-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-health-food-and-pantry-specialty-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Specialty</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Specialty"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-gluten-free-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?facet.specialty=Gluten+Free&page=1"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Gluten Free</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-organic-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?page=1&facet.specialty=Organic"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Organic</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-vegan-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?page=1&facet.specialty=Vegan"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vegan</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-vegetarian-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?page=1&facet.specialty=Vegetarian"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vegetarian</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-kosher-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?page=1&facet.specialty=Kosher"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Kosher</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-halal-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?page=1&facet.specialty=Halal"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Halal</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-health-food-and-pantry-specialty-non-gmo-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="https://shopify-dev.swansonvitamins.com/collections/health-food-and-grocery-3?page=1&facet.specialty=Non-GMO&facet.specialty=Non-GMO+Project+Verified"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Non-GMO</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li></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-1"
          class="menu-drawer__menu-container"
        >
          <summary
            id="HeaderDrawer-l1-beauty-and-personal-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
            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-1"
            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-1"
                  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"
                role="list"
                tabindex="-1"
                aria-label="Expand Beauty and Personal Care"
              >
                
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          open
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-featured-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Featured</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Featured"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-featured-healthy-aging-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/healthy-aging"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Healthy Aging</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-featured-hair-skin-and-nails-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/hair-skin-and-nail-formulas-495"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hair, Skin and Nails</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-featured-collagen-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/collagen-supplements-475"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Collagen Supplements</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-featured-skin-moisturizers-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/skin-moisturizers-211"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Skin Moisturizers</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-featured-dental-and-oral-health-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/dental-and-oral-health-447"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Dental and Oral Health</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-featured-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/beauty-and-personal-care-1"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-beauty-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-beauty-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Beauty Supplements</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Beauty Supplements"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-beauty-supplements-hair-skin-and-nail-formulas-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/hair-skin-and-nail-formulas-495"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hair, Skin and Nail Formulas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-beauty-supplements-collagen-supplements-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/collagen-supplements-475"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Collagen Supplements</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-beauty-supplements-hyaluronic-acid-for-beauty-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/hyaluronic-acid-for-beauty-157"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hyaluronic Acid for Beauty</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-beauty-supplements-biotin-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/biotin-388"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Biotin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-beauty-supplements-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/beauty-from-within-50"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-skin-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-skin-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Skin Care</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Skin Care"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-skin-care-skin-moisturizers-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/skin-moisturizers-211"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Skin Moisturizers</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-skin-care-soap-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/soap-438"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Soap</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-skin-care-body-wash-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/body-wash-246"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Body Wash</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-skin-care-aloe-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/aloe-444"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Aloe</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-skin-care-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/skin-care-85"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-face-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-face-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Face Care</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Face Care"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-face-care-wrinkle-cream-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/wrinkle-cream-1763"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Wrinkle Cream</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-face-care-lips-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/lips-488"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lips</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-face-care-face-wash-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/face-wash-140"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Face Wash</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-face-care-face-moisturizer-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/face-moisturizer-379"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Face Moisturizer</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-face-care-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/face-care-12"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-hair-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-hair-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Hair Care</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Hair Care"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-hair-care-shampoo-and-conditioner-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/shampoo-and-conditioner-183"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shampoo and Conditioner</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-hair-care-hair-growth-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/hair-growth-481"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hair Growth</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-hair-care-hair-color-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/hair-color-128"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hair Color</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-hair-care-hair-styling-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/hair-styling-190"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hair Styling</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-hair-care-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/hair-care-30"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-personal-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-personal-care-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Personal Care</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Personal Care"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-personal-care-dental-and-oral-health-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/dental-and-oral-health-447"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Dental and Oral Health</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-personal-care-deodorant-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/deodorant-219"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Deodorant</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-personal-care-aromatherapy-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/aromatherapy-10"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Aromatherapy</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-personal-care-everyday-essentials-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/everyday-essentials-136"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Everyday Essentials</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-personal-care-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/personal-care-106"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-beauty-and-personal-care-medicine-cabinet-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-beauty-and-personal-care-medicine-cabinet-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Medicine Cabinet</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Medicine Cabinet"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-medicine-cabinet-medicine-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/medicine-100"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Medicine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-medicine-cabinet-homeopathic-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/homeopathic-70"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Homeopathic</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-beauty-and-personal-care-medicine-cabinet-shop-all-ATVJqWTJLdjlVQ2ltR__header_menu_multi_level_etV3gE-1"
                                  href="/collections/houseware-99"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li></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-1"
          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-1 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-1"
          class="menu-drawer__menu-container"
        >
          <summary
            id="HeaderDrawer-l1-shop-by-health-concern-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
            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-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
            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-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                  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"
                role="list"
                tabindex="-1"
                aria-label="Expand Health Concern"
              >
                
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-heart-and-cardiovascular-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                          open
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-heart-and-cardiovascular-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Heart and Cardiovascular</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Heart and Cardiovascular"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-blood-sugar-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/blood-sugar-412"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Blood Sugar</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-blood-pressure-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/blood-pressure-369"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Blood Pressure</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-cholesterol-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/cholesterol-272"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Cholesterol</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-coq10-and-ubiquinol-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/coq10-553"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">CoQ10 and Ubiquinol</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-omegas-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/omegas-1922"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Omegas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-berberine-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/berberine-735"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Berberine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-heart-and-cardiovascular-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/heart-and-cardiovascular-37"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-digestive-system-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-digestive-system-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Digestive System</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Digestive System"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-digestive-system-probiotics-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/probiotics-440"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Probiotics</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-digestive-system-digestive-enzymes-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/digestive-enzymes-525"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Digestive Enzymes</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-digestive-system-fiber-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/fiber-supplement-418"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Fiber</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-digestive-system-aloe-vera-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/aloe-vera-427"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Aloe Vera</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-digestive-system-ginger-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/ginger-305"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ginger</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-digestive-system-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/digestive-system-16"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-brain-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-brain-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Brain Health</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Brain Health"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-brain-health-memory-combination-formulas-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/memory-combination-formulas-239"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Memory Combination Formulas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-brain-health-lions-mane-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/lions-mane-331"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lion's Mane</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-brain-health-prevagen-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/prevagen-431"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Prevagen</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-brain-health-phosphatidylserine-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/phosphatidylserine-469"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Phosphatidylserine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-brain-health-ginkgo-biloba-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/ginkgo-biloba-406"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ginkgo Biloba</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-brain-health-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/brain-health-79"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-joint-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-joint-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Joint Supplements</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Joint Supplements"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-joint-supplements-collagen-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/collagen-201"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Collagen</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-joint-supplements-turmeric-and-curcumin-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/turmeric-506"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Turmeric and Curcumin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-joint-supplements-glucosamine-chrondoitin-msm-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/glucosamine-chondroitin-msm-146"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Glucosamine Chrondoitin MSM</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-joint-supplements-hyaluronic-acid-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/hyaluronic-acid-338"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hyaluronic Acid</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-joint-supplements-boswellia-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/boswellia-346"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Boswellia</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-joint-supplements-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/joint-25"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-womens-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-womens-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Women's Health</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Women&#39;s Health"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-hormone-support-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/hormone-balance-489"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Hormone Support</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-bone-density-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/bone-health-1892"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Bone Density</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-urinary-support-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/urinary-tract-support-1893"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Urinary Support</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-beauty-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/beauty-1894"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Beauty</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-womens-probiotics-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/womens-probiotics-1075"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Women's Probiotics</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-womens-multivitamins-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/womens-multivitamins-1891"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Women's Multivitamins</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-menopause-support-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/menopause-support-1928"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Menopause Support</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-womens-health-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/womens-health-115"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-mens-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-mens-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Men's Health</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Men&#39;s Health"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-mens-health-sexual-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/sexual-health-1896"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Sexual Health</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-mens-health-prostate-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/prostate-health-372"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Prostate Health</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-mens-health-fitness-and-endurance-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/fitness-and-endurance-1895"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Fitness and Endurance</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-mens-health-mens-multivitamins-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/mens-multivitamins-1897"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Men's Multivitamins</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-mens-health-mens-probiotics-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/digestion-and-detox-1898"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Men's Probiotics</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-mens-health-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/mens-health-93"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-stress-support-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-stress-support-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Stress Support</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Stress Support"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-stress-support-magnesium-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/magnesium-164"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Magnesium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-stress-support-ashwagandha-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/ashwagandha-223"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Ashwagandha</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-stress-support-l-theanine-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/l-theanine-308"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">L-Theanine</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-stress-support-gaba-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/gaba-335"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">GABA</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-stress-support-lithium-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/lithium-381"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lithium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-stress-support-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/stress-support-96"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-immune-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-immune-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Immune Supplements</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Immune Supplements"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-elderberry-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/elderberry-409"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Elderberry</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-vitamin-d-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/vitamin-d-1756"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin D</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-glutathione-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/glutathione-280"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Glutathione</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-oregano-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/oregano-150"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Oregano</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-zinc-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/zinc-133"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Zinc</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-vitamin-c-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/vitamin-c-129"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin C</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-immune-supplements-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/immune-68"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-sleep-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-sleep-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Sleep Supplements</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Sleep Supplements"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-sleep-supplements-sleep-formulas-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/sleep-formulas-266"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Sleep Formulas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-sleep-supplements-valerian-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/valerian-1733"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Valerian</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-sleep-supplements-melatonin-free-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/melatonin-free-sleep-formulas-1889"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Melatonin Free</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-sleep-supplements-melatonin-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/melatonin-245"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Melatonin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-sleep-supplements-5-htp-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/5-htp-529"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">5 HTP</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-sleep-supplements-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/sleep-86"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-vision-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-vision-supplements-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Vision Supplements</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Vision Supplements"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-vision-supplements-vision-formulas-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/vision-formulas-258"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vision Formulas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-vision-supplements-lutein-and-zeaxanthin-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/lutein-and-zeaxanthin-326"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Lutein and Zeaxanthin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-vision-supplements-bilberry-and-lutein-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/bilberry-and-lutein-152"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Bilberry and Lutein</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-vision-supplements-astaxanthin-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/astaxanthin-513"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Astaxanthin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-vision-supplements-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/vision-34"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-respiratory-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-respiratory-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Respiratory Health</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Respiratory Health"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-respiratory-health-combination-formulas-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/respiratory-health-combination-formulas-361"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Combination Formulas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-respiratory-health-quercetin-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/quercetin-382"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Quercetin</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-respiratory-health-nac-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/nac-526"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">NAC</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-respiratory-health-homeopathic-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/homeopathic-respiratory-1732"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Homeopathic</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-respiratory-health-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/respiratory-116"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-bone-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-bone-health-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Bone Health</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Bone Health"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-bone-health-vitamin-d-and-k-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/vitamin-d-and-k-1942"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin D and K</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-bone-health-vitamin-d-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/vitamin-d-153"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Vitamin D</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-bone-health-calcium-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/calcium-251"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Calcium</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-bone-health-bone-combination-formulas-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/bone-combination-formulas-282"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Bone Combination Formulas</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-bone-health-boron-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/boron-428"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Boron</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-bone-health-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/bone-health-43"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li>
                  
                  <li
                    class="
                      menu-drawer__list-item
                      menu-drawer__list-item--deep"
                  >
<accordion-custom>
                        <details
                          id="Details-menu-drawer-shop-by-health-concern-detox-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                          
                        >
                          <summary
                            id="HeaderDrawer-l2-shop-by-health-concern-detox-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                            class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                          >
                            <span class="menu-drawer__menu-item-text">Detox</span>
                            <span class="svg-wrapper icon-plus" aria-hidden="true"><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>
                          </summary>
                          <ul
                            class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                            role="list"
                            tabindex="-1"
                            aria-label="Expand Detox"
                          >
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-detox-liver-cleanse-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/liver-cleanse-137"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Liver Cleanse</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-detox-colon-cleanse-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/colon-cleanse-402"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Colon Cleanse</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-detox-milk-thistle-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/milk-thistle-158"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Milk Thistle</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-detox-excretory-system-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/excretory-system-320"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Excretory System</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-detox-cranberry-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/cranberry-1916"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Cranberry</span>
                                </a>
                              </li>
                              <li
                                class="menu-drawer__list-item"
                              >
                                <a
                                  id="HeaderDrawer-l3-shop-by-health-concern-detox-shop-all-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
                                  href="/collections/detox-75"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                  
                                >
                                  <span class="menu-drawer__menu-item-text">Shop All</span>
                                </a>
                              </li></ul>
                        </details>
                      </accordion-custom></li></ul>
              
            </div>
          </div>
        </details></li>
    
    
    <li
      class="menu-drawer__list-item"
    ><a
          id="HeaderDrawer-l1-shop-by-brand-AdXd1WnpoMVQ2OHN4T__header_menu_multi_level_hCTdJV-1"
          href="/pages/brands"
          class="menu-drawer__menu-item menu-drawer__menu-item--mainlist focus-inset"
          
        >
          <span class="menu-drawer__menu-item-text">Shop by Brand</span>
        </a></li></ul>







<div
  class="divider divider-AVGo1VlJqUy9ENjdUY__divider_kmpxQ6-1 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" heights="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="/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" heights="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" heights="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" heights="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" heights="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=161818290225837262441766440500"
  type="module"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/accordions-controller.js?v=47742365579635686071766440498"
  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="/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="/collections/all?facet.new=Y"
      
      class="menu-list__link focus-inset"
      
    >
      
      <span class="menu-list__link-title">New Arrivals</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/probiotics-440"
      
      class="menu-list__link focus-inset"
      
    >
      
      <span class="menu-list__link-title">The Probiotic Shop</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" heights="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=95273910136305181721769186228"
  type="module"
></script>




</header>
<!-- 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"
    >
    
    <section id="shopify-section-template--20023019798666__hero_bYhg38" class="shopify-section hero-wrapper section-wrapper">







<div
  id="Hero-template--20023019798666__hero_bYhg38"
  class="hero color-scheme-7"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
      --hero-min-height: 480px;
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="--padding-block-start: 20px;--padding-block-start-mobile: 20px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;"
  ><a
        href="/collections/brand-swanson-vitamins"
        class="hero__link"
        
      ></a><div
      class="hero__media-wrapper">
      <div
  class="overlay overlay--gradient overlay--gradient-style-standard"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #23350d;
    --overlay-color--end: rgba(35, 53, 13, 0);
    --overlay-direction: to top;
  "
></div>



      

    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
        section-content-wrapper
        page-width
        
      "
      style="--flex-direction: column; --flex-wrap: nowrap;

  --gap: 16px;

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



<div
    class="
      group-block
      group-block--desktop-size-breakpoint-768px
      group-block--height-custom
      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) * 60px));--padding-block-start-mobile: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 60px));--padding-block-end-mobile: 0px;--padding-inline-start: 20px;--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: flex-start; --vertical-alignment: flex-start;
  --vertical-alignment-mobile: flex-start;
  --horizontal-alignment-mobile: ;
        
      "
    >
  
















<a
    href="/collections/brand-swanson-vitamins"
    class="
  image-block image-block--AT21IZ2RacWdDMmxZd__image_gg6iCp image-block--height-custom image-block--height-mobile-custom spacing-style size-style
 "
    style="
  --ratio: 1.8867924528301887;
  --size-style-width:56%;--size-style-height:350px;--size-style-height-mobile:180px;
  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;--size-style-max-width:100%;--size-style-scale-desktop: 1.2;
  --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="View brand swanson vitamins"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Hero-040126_3737c8e0-1fbf-40ea-95a0-edc15764deeb.webp?v=1774635085&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Hero-040126_3737c8e0-1fbf-40ea-95a0-edc15764deeb.webp?v=1774635085&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-040126_3737c8e0-1fbf-40ea-95a0-edc15764deeb.webp?v=1774635085&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-040126_3737c8e0-1fbf-40ea-95a0-edc15764deeb.webp?v=1774635085&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-040126_3737c8e0-1fbf-40ea-95a0-edc15764deeb.webp?v=1774635085&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-040126_3737c8e0-1fbf-40ea-95a0-edc15764deeb.webp?v=1774635085&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/HP-Hero-040126_3737c8e0-1fbf-40ea-95a0-edc15764deeb.webp?v=1774635085&amp;width=2000 2000w" width="1000" height="530" class="image-block__image border-style" style="
  --ratio: 1.8867924528301887;
  --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-fit-content
      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: max(20px, calc(var(--spacing-scale) * 30px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 75px));--padding-inline-start-mobile: 0px;--padding-inline-end: 19px;--padding-inline-end-mobile: 0px;
      --size-style-width: fit-content;--size-style-height: 100%;--size-style-height-mobile: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
      
  --vertical-offset: -20px;



      --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-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) * 67px));--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: wrap;

  --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--AZHRuU0Q0M1lpK0RRR__text_liquid_wtxBtD custom
    
    text-block--align-left text-block--align-mobile-center  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: 3rem;--font-size-mobile: 2.5rem;--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: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 2.5rem;
    

    

    
    
      --link-underline: underline;
    
  "

  
>
    <h1>Tested. Trusted. <span style="color: #8AB71C;"><br/>Guaranteed.</span></h1>
  </div>







</div>
  </div>

<!--@list/split-->




  







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

  style="
    --padding-block-start: 11px; --padding-block-end:19px;
--padding-inline-start:0px; --padding-inline-end:0px;
--padding-block-start-mobile: 11px; --padding-block-end-mobile:19px;
--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: 100;--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-tight);
    --width: fit-content;
    
      --max-width: var(--max-width--body-narrow);
    
    --text-align: left;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 100;
    

    
    

    
    

    
    
      --mobile-font-size: 1.5rem;
    

    
      --tablet-font-size: 1.25rem;
    

    
    
      --link-underline: underline;
    
  "

  
>
    <h1>Science-backed quality to <br/>level up your fitness routine.<br/></h1>
  </div>













<a
  
    
      href="/collections/brand-swanson-vitamins"
    
  
  class="
    size-style
    spacing-style
    button
    button--AN1d3YW5sbS9kb2t1N__button_6Hrc67
  "
  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="AprilCreatine|NoPromo|Bottles"
  data-internal-campaign-id="26-04-08"
  data-internal-campaign-placement="Hero|CTA_ShopSwanson"
  
>
  
  <span class="button__label">Shop Swanson</span>
</a>






</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->


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





<style>

.hero__container,
   .hero__media-wrapper {
    aspect-ratio: other;
  }

</style>


</section><div id="shopify-section-template--20023019798666__zinrelo_customer_djAdFE" 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/image_36_172d3979-357d-47cb-90b5-10f45d412c91.png?height=160&amp;v=1756999345" alt="Headquartered in Fargo, ND" width="161" height="160" srcset="//www.swansonvitamins.com/cdn/shop/files/image_36_172d3979-357d-47cb-90b5-10f45d412c91.png?height=160&amp;v=1756999345 1x, //www.swansonvitamins.com/cdn/shop/files/image_36_172d3979-357d-47cb-90b5-10f45d412c91.png?height=320&amp;v=1756999345 2x, //www.swansonvitamins.com/cdn/shop/files/image_36_172d3979-357d-47cb-90b5-10f45d412c91.png?height=480&amp;v=1756999345 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">
      Expertly Crafted Since 1969
    </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/image_35_9bbffc27-8af3-4d6f-84c0-589109cf98aa.png?height=160&amp;v=1756999377" alt="Science backed. Third-party tested." width="161" height="160" srcset="//www.swansonvitamins.com/cdn/shop/files/image_35_9bbffc27-8af3-4d6f-84c0-589109cf98aa.png?height=160&amp;v=1756999377 1x, //www.swansonvitamins.com/cdn/shop/files/image_35_9bbffc27-8af3-4d6f-84c0-589109cf98aa.png?height=320&amp;v=1756999377 2x, //www.swansonvitamins.com/cdn/shop/files/image_35_9bbffc27-8af3-4d6f-84c0-589109cf98aa.png?height=480&amp;v=1756999377 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">
      Purity and Potency Guaranteed
    </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/image_37_16c3c539-e79a-4fe2-bb8e-8f984a466047.png?height=160&amp;v=1756999417" alt="100% Money-Back Guarantee" width="161" height="160" srcset="//www.swansonvitamins.com/cdn/shop/files/image_37_16c3c539-e79a-4fe2-bb8e-8f984a466047.png?height=160&amp;v=1756999417 1x, //www.swansonvitamins.com/cdn/shop/files/image_37_16c3c539-e79a-4fe2-bb8e-8f984a466047.png?height=320&amp;v=1756999417 2x, //www.swansonvitamins.com/cdn/shop/files/image_37_16c3c539-e79a-4fe2-bb8e-8f984a466047.png?height=480&amp;v=1756999417 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_QGNF6E" 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:
0px; 


      --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: 0px;
      --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--AcjJFMkJqQTJMczR0Y__text_dLfHwy 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 Even 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--AUDVyOTZNRkFibjJSY__text_CiRcHK 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;
    

    
      --accent-font-color: #ffffff;
    

    
    
      --custom-font-weight: 100;
    

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

    
    

    
    
      --mobile-font-size: 2rem;
    

    
      --tablet-font-size: 1.5rem;
    

    
    
      --link-underline: underline;
    
  "

  
>
    <h2>Up to 50% Off <span class="custom-font font-accent [&_strong]:font-medium">Employee Favorites</span> </h2>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->






<a
  
    
      href="/collections/weekly-specials"
    
  
  class="
    size-style
    spacing-style
    button
    button--AMWh1REQvRTBrNk8zb__button_WFpczN
  "
  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="MerchSale|50Employee Favorites"
  data-internal-campaign-id="26-04"
  data-internal-campaign-placement="SubBanner1|CTA_ShopNow"
  
>
  
  <span class="button__label">Shop Now</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:
0px; 


      --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: 0px;
      --overlay-color-gradient: linear-gradient(136deg, rgba(35, 53, 13, 1) 60%, rgba(65, 85, 42, 1) 100%);
      --overlay-color-gradient-mobile: linear-gradient(89deg, rgba(35, 53, 13, 1), rgba(65, 85, 42, 1) 100%);
    
  "
></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="
      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--AeHJjS3I4RlVFUEk2N__text_f9LT4Y 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-foreground);--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;
    

    
      --accent-font-color: #ffffff;
    

    
    
      --custom-font-weight: 100;
    

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

    
    

    
    
      --mobile-font-size: 2rem;
    

    
      --tablet-font-size: 1.5rem;
    

    
    
      --link-underline: none;
    
  "

  
>
    <h2>Buy One Get One <span class="custom-font font-accent [&_strong]:font-medium">Free</span> </h2>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->






<a
  
    
      href="/collections/all?facet.bogo=Y"
    
  
  class="
    size-style
    spacing-style
    button
    button--AcnMwVWFkb0FlUkFiR__button_pC9Hgi
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-height-mobile: ;
  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;--size-style-min-width-mobile: fit-content;--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="MerchSale|BOGO"
  data-internal-campaign-id="26-04"
  data-internal-campaign-placement="SubBanner2|CTA_ShopNow"
  
>
  
  <span class="button__label">Shop Now</span>
</a>






</div>
  </div>

<!--@list/split-->



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



</div><div id="shopify-section-template--20023019798666__section_GD3kjm" 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--AWjZHOE5GZGNSNmhhS__text_mFjhiG 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:200px;
      


      --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 id="shopify-block-ANk0wUjhDTndjcEp0S__icon_BWRUCx" class="shopify-block icon-block">




<a
    href="/collections/probiotics-440"
    class="text-inherit"
    
    aria-label="View probiotics 440"
  >
    
  
  
  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics-042026.jpg?v=1774561512&amp;width=1024" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics-042026.jpg?v=1774561512&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics-042026.jpg?v=1774561512&amp;width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics-042026.jpg?v=1774561512&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics-042026.jpg?v=1774561512&amp;width=525 525w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics-042026.jpg?v=1774561512&amp;width=600 600w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics-042026.jpg?v=1774561512&amp;width=1024 1024w" width="1024" height="1024" loading="lazy" class="icon-block__media icon-block-ANk0wUjhDTndjcEp0S__icon_BWRUCx" style="width:100%; border-radius:100%; aspect-ratio: 1; display: block;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
    aspect-ratio: attr(width) / attr(height);
  }
</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;
        
      "
    >
  


  







  <rte-formatter 
  class=" spacing-style text-block text-block--ANTdiL2IvT0pjckxre__text_HdpzJF paragraph
    
    text-block--align-center text-block--align-mobile-center  rte 
  "

  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);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    

    
    

    
    

    
    

    

    
    
      --link-underline: none;
    
  "

  
>
    <h3><a href="/collections/probiotics-440" title="/collections/probiotics-440">Probiotics</a></h3>
  </rte-formatter>









</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:200px;
      


      --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 id="shopify-block-AcXN2RG5XSFNXN1lPQ__icon_nj7heU" class="shopify-block icon-block">




<a
    href="/collections/probiotics-plus"
    class="text-inherit"
    
    aria-label="View probiotics plus"
  >
    
  
  
  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics_SW1938_SW1937-020426.jpg?v=1771864523&amp;width=1024" alt="Two Swanson Probiotic boxes, one for men and one for women, on a white background." srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics_SW1938_SW1937-020426.jpg?v=1771864523&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics_SW1938_SW1937-020426.jpg?v=1771864523&amp;width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics_SW1938_SW1937-020426.jpg?v=1771864523&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics_SW1938_SW1937-020426.jpg?v=1771864523&amp;width=525 525w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics_SW1938_SW1937-020426.jpg?v=1771864523&amp;width=600 600w, //www.swansonvitamins.com/cdn/shop/files/HP-Circle-Probiotics_SW1938_SW1937-020426.jpg?v=1771864523&amp;width=1024 1024w" width="1024" height="1024" loading="lazy" class="icon-block__media icon-block-AcXN2RG5XSFNXN1lPQ__icon_nj7heU" style="width:100%; border-radius:100%; aspect-ratio: 1; display: block;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
    aspect-ratio: attr(width) / attr(height);
  }
</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;
        
      "
    >
  


  







  <rte-formatter 
  class=" spacing-style text-block text-block--AcjBsaHVOZFNxYktMR__text_K6NYVy paragraph
    
    text-block--align-center text-block--align-mobile-center  rte 
  "

  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);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    

    
    

    
    

    
    

    

    
    
      --link-underline: none;
    
  "

  
>
    <h3><a href="/collections/probiotics-plus	" title="/collections/probiotics-plus	">Condition Specific<br/>Probiotics</a><a href="/collections/probiotics-plus				" title="/collections/probiotics-plus				">			</a></h3>
  </rte-formatter>









</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:200px;
      


      --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 id="shopify-block-ANklpeUc3T3YvVGJYM__icon_L4bpmR" class="shopify-block icon-block">




<a
    href="/collections/healthy-aging"
    class="text-inherit"
    
    aria-label="View healthy aging"
  >
    
  
  
  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Healthy-Aging-122625.jpg?v=1768336959&amp;width=1024" alt="Swanson Collagen Peptides and 7 Mushroom Complex on light green background" srcset="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Healthy-Aging-122625.jpg?v=1768336959&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Healthy-Aging-122625.jpg?v=1768336959&amp;width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Healthy-Aging-122625.jpg?v=1768336959&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Healthy-Aging-122625.jpg?v=1768336959&amp;width=525 525w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Healthy-Aging-122625.jpg?v=1768336959&amp;width=600 600w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Healthy-Aging-122625.jpg?v=1768336959&amp;width=1024 1024w" width="1024" height="1024" loading="lazy" class="icon-block__media icon-block-ANklpeUc3T3YvVGJYM__icon_L4bpmR" style="width:100%; border-radius:100%; background-color:#fbe6cf; aspect-ratio: 1; display: block;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
    aspect-ratio: attr(width) / attr(height);
  }
</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;
        
      "
    >
  


  







  <rte-formatter 
  class=" spacing-style text-block text-block--AL3FpQitTaWVBRnlUV__text_jXX38w paragraph
    
    text-block--align-center text-block--align-mobile-center  rte 
  "

  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);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    

    
    

    
    

    
    

    

    
    
      --link-underline: none;
    
  "

  
>
    <h3><a href="/collections/healthy-aging" title="/collections/healthy-aging">Healthy Aging</a></h3>
  </rte-formatter>









</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:200px;
      


      --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 id="shopify-block-ANFpncXFhM2VpbDJlS__icon_inhnJJ" class="shopify-block icon-block">




<a
    href="/collections/simply-hydrate"
    class="text-inherit"
    
    aria-label="View simply hydrate"
  >
    
  
  
  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Simply-Hydrate-SW1929-101025.jpg?v=1774298536&amp;width=1024" srcset="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Simply-Hydrate-SW1929-101025.jpg?v=1774298536&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Simply-Hydrate-SW1929-101025.jpg?v=1774298536&amp;width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Simply-Hydrate-SW1929-101025.jpg?v=1774298536&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Simply-Hydrate-SW1929-101025.jpg?v=1774298536&amp;width=525 525w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Simply-Hydrate-SW1929-101025.jpg?v=1774298536&amp;width=600 600w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Simply-Hydrate-SW1929-101025.jpg?v=1774298536&amp;width=1024 1024w" width="1024" height="1024" loading="lazy" class="icon-block__media icon-block-ANFpncXFhM2VpbDJlS__icon_inhnJJ" style="width:100%; border-radius:100%; aspect-ratio: 1; display: block;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
    aspect-ratio: attr(width) / attr(height);
  }
</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;
        
      "
    >
  


  







  <rte-formatter 
  class=" spacing-style text-block text-block--AanNQem5kNGRRQXh0c__text_W9Lmea paragraph
    
    text-block--align-center text-block--align-mobile-center  rte 
  "

  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);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    

    
    

    
    

    
    

    

    
    
      --link-underline: none;
    
  "

  
>
    <p><a href="/collections/simply-hydrate" title="/collections/simply-hydrate">Simply Hydrate</a></p>
  </rte-formatter>









</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:200px;
      


      --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 id="shopify-block-AOFBkQkhzR2M3TDJrU__icon_jtHzLh" class="shopify-block icon-block">




<a
    href="/collections/brain-health-79"
    class="text-inherit"
    
    aria-label="View brain health 79"
  >
    
  
  
  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Brain_101025.avif?v=1764964488&amp;width=1024" alt="Two Swanson supplement bottles on a light green background, Phosphatidylserine and lion&#39;s mushroom mane for brain health" srcset="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Brain_101025.avif?v=1764964488&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Brain_101025.avif?v=1764964488&amp;width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Brain_101025.avif?v=1764964488&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Brain_101025.avif?v=1764964488&amp;width=525 525w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Brain_101025.avif?v=1764964488&amp;width=600 600w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Brain_101025.avif?v=1764964488&amp;width=1024 1024w" width="1024" height="1024" loading="lazy" class="icon-block__media icon-block-AOFBkQkhzR2M3TDJrU__icon_jtHzLh" style="width:100%; border-radius:100%; background-color:#ebfadd; aspect-ratio: 1; display: block;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
    aspect-ratio: attr(width) / attr(height);
  }
</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;
        
      "
    >
  


  







  <rte-formatter 
  class=" spacing-style text-block text-block--AY1pScGk2OGQ0QlhLc__text_bDCQww paragraph
    
    text-block--align-center text-block--align-mobile-center  rte 
  "

  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);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    

    
    

    
    

    
    

    

    
    
      --link-underline: none;
    
  "

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









</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:200px;
      


      --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 id="shopify-block-AdHh4L3VFQkkwcVNIN__icon_wY3Dag" class="shopify-block icon-block">




<a
    href="/collections/protein-63"
    class="text-inherit"
    
    aria-label="View protein 63"
  >
    
  
  
  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Protein-101025.jpg?v=1774298378&amp;width=1024" srcset="//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=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Protein-101025.jpg?v=1774298378&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Protein-101025.jpg?v=1774298378&amp;width=525 525w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Protein-101025.jpg?v=1774298378&amp;width=600 600w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Protein-101025.jpg?v=1774298378&amp;width=1024 1024w" width="1024" height="1024" loading="lazy" class="icon-block__media icon-block-AdHh4L3VFQkkwcVNIN__icon_wY3Dag" style="width:100%; border-radius:100%; aspect-ratio: 1; display: block;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
    aspect-ratio: attr(width) / attr(height);
  }
</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: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: flex-start;
        
      "
    >
  


  







  <rte-formatter 
  class=" spacing-style text-block text-block--AZ05hZ1VNRDRoUFBEb__text_Cc6mV6 paragraph
    
    text-block--align-center text-block--align-mobile-center  rte 
  "

  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);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    

    
    

    
    

    
    

    

    
    
      --link-underline: none;
    
  "

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









</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:200px;
      


      --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 id="shopify-block-AVkpZOElIUGxPbk9IV__icon_TeQYnM" class="shopify-block icon-block">




<a
    href="/collections/joint-25"
    class="text-inherit"
    
    aria-label="View joint 25"
  >
    
  
  
  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Joint-122625_5782c974-7863-401c-8e91-42a6c192d330.jpg?v=1774298334&amp;width=1024" srcset="//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=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Joint-122625_5782c974-7863-401c-8e91-42a6c192d330.jpg?v=1774298334&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Joint-122625_5782c974-7863-401c-8e91-42a6c192d330.jpg?v=1774298334&amp;width=525 525w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Joint-122625_5782c974-7863-401c-8e91-42a6c192d330.jpg?v=1774298334&amp;width=600 600w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Joint-122625_5782c974-7863-401c-8e91-42a6c192d330.jpg?v=1774298334&amp;width=1024 1024w" width="1024" height="1024" loading="lazy" class="icon-block__media icon-block-AVkpZOElIUGxPbk9IV__icon_TeQYnM" style="width:100%; border-radius:100%; aspect-ratio: 1; display: block;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
    aspect-ratio: attr(width) / attr(height);
  }
</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;
        
      "
    >
  


  







  <rte-formatter 
  class=" spacing-style text-block text-block--Ac25pU3FpdGoyUVVmU__text_dnYEhf paragraph
    
    text-block--align-center text-block--align-mobile-center  rte 
  "

  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);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    

    
    

    
    

    
    

    

    
    
      --link-underline: none;
    
  "

  
>
    <h3><a href="/collections/joint-25" title="Joint">Joint Health</a></h3>
  </rte-formatter>









</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:200px;
      


      --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 id="shopify-block-AdnpDSDZxMXo3K2JHc__icon_fJen6W" class="shopify-block icon-block">




<a
    href="/collections/immune-68"
    class="text-inherit"
    
    aria-label="View immune 68"
  >
    
  
  
  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Immune-112625.jpg?v=1774298030&amp;width=1024" srcset="//www.swansonvitamins.com/cdn/shop/files/HP_Circle_Immune-112625.jpg?v=1774298030&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Immune-112625.jpg?v=1774298030&amp;width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Immune-112625.jpg?v=1774298030&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Immune-112625.jpg?v=1774298030&amp;width=525 525w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Immune-112625.jpg?v=1774298030&amp;width=600 600w, //www.swansonvitamins.com/cdn/shop/files/HP_Circle_Immune-112625.jpg?v=1774298030&amp;width=1024 1024w" width="1024" height="1024" loading="lazy" class="icon-block__media icon-block-AdnpDSDZxMXo3K2JHc__icon_fJen6W" style="width:100%; border-radius:100%; aspect-ratio: 1; display: block;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw">


  </a><style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
    aspect-ratio: attr(width) / attr(height);
  }
</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;
        
      "
    >
  


  







  <rte-formatter 
  class=" spacing-style text-block text-block--AM2h3MTBodVg2S2M2M__text_tY6Gr8 paragraph
    
    text-block--align-center text-block--align-mobile-center  rte 
  "

  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);
    --width: fit-content;
    
      --max-width: var(--max-width--body-normal);
    
    --text-align: center;
    --text-align-mobile: center;
    

    

    
    

    
    

    
    

    
    

    

    
    
      --link-underline: none;
    
  "

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









</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_V33rWJ" 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: 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: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: flex-start;
  --vertical-alignment-mobile: flex-start;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/p/swanson-probiotics-dr-stephen-langers-ultimate-16-strain-probiotic-fos-3-2-billon-cfu-60-veg-drcaps"
    class="
  image-block image-block--AMnJnQTAyeG1rTENCb__image_48krBX 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:620px;
  --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"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126_eaf672fd-3ed6-46a0-a7c9-e7fc9b6274fe.webp?v=1774560649&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126_eaf672fd-3ed6-46a0-a7c9-e7fc9b6274fe.webp?v=1774560649&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126_eaf672fd-3ed6-46a0-a7c9-e7fc9b6274fe.webp?v=1774560649&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126_eaf672fd-3ed6-46a0-a7c9-e7fc9b6274fe.webp?v=1774560649&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126_eaf672fd-3ed6-46a0-a7c9-e7fc9b6274fe.webp?v=1774560649&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126_eaf672fd-3ed6-46a0-a7c9-e7fc9b6274fe.webp?v=1774560649&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126_eaf672fd-3ed6-46a0-a7c9-e7fc9b6274fe.webp?v=1774560649&amp;width=2000 2000w" 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: 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: 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: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="
      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: center;
        
      "
    >
  <div id="shopify-block-AY082NE0wSVJKZUZXN__icon_b7GYHd" class="shopify-block icon-block">





  
  
  
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126-Digestion-Icon_0b8d8912-4065-4fad-ace2-e0fb1ac0551e.png?v=1774560683&amp;width=1024" alt="Green icon of a stomach symbolizing health or digestion." srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126-Digestion-Icon_0b8d8912-4065-4fad-ace2-e0fb1ac0551e.png?v=1774560683&amp;width=300 300w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126-Digestion-Icon_0b8d8912-4065-4fad-ace2-e0fb1ac0551e.png?v=1774560683&amp;width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126-Digestion-Icon_0b8d8912-4065-4fad-ace2-e0fb1ac0551e.png?v=1774560683&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126-Digestion-Icon_0b8d8912-4065-4fad-ace2-e0fb1ac0551e.png?v=1774560683&amp;width=525 525w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126-Digestion-Icon_0b8d8912-4065-4fad-ace2-e0fb1ac0551e.png?v=1774560683&amp;width=600 600w, //www.swansonvitamins.com/cdn/shop/files/HP-Single-Feature_SWA051_Langers-040126-Digestion-Icon_0b8d8912-4065-4fad-ace2-e0fb1ac0551e.png?v=1774560683&amp;width=1024 1024w" width="1024" height="882" loading="lazy" class="icon-block__media icon-block-AY082NE0wSVJKZUZXN__icon_b7GYHd" style="width:36px; aspect-ratio: 1; display: block;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw">


<style>
  .icon-block {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
  }
  
  .icon-block__media {
    height: auto;
    aspect-ratio: attr(width) / attr(height);
  }
</style>


</div>

</div>
  </div>

<!--@list/split-->




  







  <div 
  class=" spacing-style text-block text-block--Ab2NCNFJNUHErNXZDR__text_p8tQRC 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>Microbial Balance for Better Days</strong></p>
  </div>











  







  <div 
  class=" spacing-style text-block text-block--AOTYzOERyK2wxbWJkT__text_RrXFP3 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>Discover doctor-formulated probiotics hand-picked to enhance immune health, digestion and a positive mood</p>
  </div>













<a
  
    
      href="/p/swanson-probiotics-dr-stephen-langers-ultimate-16-strain-probiotic-fos-3-2-billon-cfu-60-veg-drcaps"
    
  
  class="
    size-style
    spacing-style
    button
    button--AWnErZUUxY05YM3hNW__button_gQ8xQy
  "
  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="Dr.Langers|Copy|Bottle"
  data-internal-campaign-id="26-03"
  data-internal-campaign-placement="SingleShowcaseTile|CTA_ShopDr.Langers"
  
>
  
  <span class="button__label">Shop Dr. Langer's Probiotic</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-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-CjRMkCUE.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-productCardMap-hRIkoIdj.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-addToCart-C-xsuTPE.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-IconSprite-Z2qfsuQO.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-useLimitNotices-_i1JVAbQ.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-client-XBPdVNap.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-compat.module-BCemXDM8.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-jsx-runtime-phx57XfY.js" crossorigin="anonymous">



  </div>



</div><div id="shopify-section-template--20023019798666__section_9cBnda" 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(41, 14, 82, 1), rgba(41, 14, 82, 1) 97%, rgba(41, 14, 82, 1) 99%);
      --overlay-color-gradient-mobile: radial-gradient(rgba(41, 14, 82, 1) 14%, rgba(41, 14, 82, 1) 99%);
    
  "
></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--AK2R4MVNwcW9yQVpnb__text_hEeDhw 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="/p/swanson-probiotics-dr-stephen-langers-ultimate-16-strain-probiotic-fos-3-2-billion-cfu-30-veg-caps" class="absolute inset-0 z-20 no-underline text-inherit">
      <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_SW1957_Deep-Rest-Sleep-022726_m.webp?v=1771879420&width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1957_Deep-Rest-Sleep-022726_m.webp?v=1771879420&width=550 550w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1957_Deep-Rest-Sleep-022726_m.webp?v=1771879420&width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1957_Deep-Rest-Sleep-022726_m.webp?v=1771879420&width=1100 1100w"
            sizes="100vw"
          >
        

        
          
          <source
            media="(min-width: 768px)"
            srcset="//www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1957_Deep-Rest-Sleep-022726.webp?v=1771879356&width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1957_Deep-Rest-Sleep-022726.webp?v=1771879356&width=550 550w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1957_Deep-Rest-Sleep-022726.webp?v=1771879356&width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1957_Deep-Rest-Sleep-022726.webp?v=1771879356&width=1100 1100w"
            sizes="100vw"
          >
        

        
        <img
          src="//www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1957_Deep-Rest-Sleep-022726.webp?v=1771879356&width=1100"
          alt=""
          width="1232"
          height="1360"
          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
      
      
      
      
    "
    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--AeW5FakE4aUUwamVvS__text_8LCpeb 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: 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>Deep Rest & Sleep Relief </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
       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: 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--AVU5kMy95Zm1PdlB6Z__text_JUEFJV 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);--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>Improve sleep in as little as 14 days</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="/p/swanson-premium-deep-rest-stress-relief-featuring-karacalm-500-mg-60-vegan-caps" class="
    size-style
    spacing-style
    button
    button--Ad1RoakVTUjNLTGcrW__button_VJaKCd
  " 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: max(20px, calc(var(--spacing-scale) * 58px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 58px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 22px));" data-internal-campaign-name="DeepRestSleep|Copy|Bottle" data-internal-campaign-id="26-03" data-internal-campaign-placement="DoubleShowcaseTile1|CTA_ShopNow">
  
  <span class="button__label">Shop Now</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="/p/swanson-premium-triple-magnesium-complex-400-mg-300-caps" class="absolute inset-0 z-20 no-underline text-inherit">
      <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_SW1096_Lions-Mane-022726_m.webp?v=1771879464&width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1096_Lions-Mane-022726_m.webp?v=1771879464&width=550 550w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1096_Lions-Mane-022726_m.webp?v=1771879464&width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1096_Lions-Mane-022726_m.webp?v=1771879464&width=1100 1100w"
            sizes="100vw"
          >
        

        
          
          <source
            media="(min-width: 768px)"
            srcset="//www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1096_Lions-Mane-022726.webp?v=1771879440&width=375 375w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1096_Lions-Mane-022726.webp?v=1771879440&width=550 550w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1096_Lions-Mane-022726.webp?v=1771879440&width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1096_Lions-Mane-022726.webp?v=1771879440&width=1100 1100w"
            sizes="100vw"
          >
        

        
        <img
          src="//www.swansonvitamins.com/cdn/shop/files/HP-2-Column-Feature_SW1096_Lions-Mane-022726.webp?v=1771879440&width=1100"
          alt=""
          width="1232"
          height="1360"
          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
      
      
      
      
    "
    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--ARE1xNHhtWlNqUHpKQ__text_qENN4a 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: 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>Lion's Mane Mushroom</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
       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: 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--AT2htbURrc2ZidGQrb__text_Rgq9Rk 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);--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>Plant-based nootropic for enhanced mental clarity</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="/p/swanson-premium-full-spectrum-lions-mane-mushroom-500-mg-60-caps"
    
  
  class="
    size-style
    spacing-style
    button
    button--ANDgzKzRXYjBQaVBPY__button_8BpBgp
  "
  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: max(20px, calc(var(--spacing-scale) * 58px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 58px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 22px));"
  

  
  data-internal-campaign-name="Lion'sManeMushroom|Copy|Bottle"
  data-internal-campaign-id="26-03"
  data-internal-campaign-placement="DoubleShowcaseTile2|CTA_ShopNow"
  
>
  
  <span class="button__label">Shop Now</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_gjkcTh" 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--AekQyYlFEM2JPNXZaQ__text_dVfqUb 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:52px;
--padding-inline-start:0px; --padding-inline-end:0px;--padding-block-start-mobile:0px; --padding-block-end-mobile:32px;
--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-grid
          
        
        
        
      "
      style="
        --grid-columns-mobile: 1;
  --grid-columns-tablet: 2;
  --grid-columns-desktop: 2;
  --grid-gap-x-mobile: 0px;
  --grid-gap-y-mobile: 0px;
  --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: 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;
        
      "
    >
  
















<a
    href="/collections/brand-now-foods"
    class="
  image-block image-block--AMG5EY1VHU0dFUkoyd__image_TgG7qB 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 now foods"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-NOW_NWF581_NWF1100_022026.webp?v=1771258536&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-NOW_NWF581_NWF1100_022026.webp?v=1771258536&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-NOW_NWF581_NWF1100_022026.webp?v=1771258536&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-NOW_NWF581_NWF1100_022026.webp?v=1771258536&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-NOW_NWF581_NWF1100_022026.webp?v=1771258536&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-NOW_NWF581_NWF1100_022026.webp?v=1771258536&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-NOW_NWF581_NWF1100_022026.webp?v=1771258536&amp;width=2000 2000w" width="1788" height="1006" 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="logo-link-AdXhudEZUMTZnSURpY__logo_link_8JfAqB logo-link absolute top-0 right-0 h-30.5 3xl:h-32 md:flex flex-col justify-between gap-1.5 m-3 2xl:mx-8 3xl:mx-19 2xl:my-7 3xl:my-11"
  
>
  
    <img
      src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-NOW-Foods-011326.png?v=1771364507&width=480"
      alt="Swanson Vitamins"
      width="240"
      height="100"
      class="logo-link__image 3xl:max-w-full max-w-50 w-full h-auto object-contain"
      style="
        --logo-width: 240px;
        --logo-width-mobile: 176px;
      "
      loading="lazy"
    >
  

  
    <a 
      href="/collections/brand-now-foods"
      class="logo-link__link hidden md:grid button px-5 3xl:px-4 py-2.5 3xl:py-3.5"
      
    >
      Shop Now
    </a>
  
</div>

<style>
  .logo-link-AdXhudEZUMTZnSURpY__logo_link_8JfAqB {
    --button-width: 168px;
  }

  .logo-link__link {
    --button-color: var(--color-stone-50);
    --button-background-color: var(--color-stone-800);
    --button-border-color: var(--color-stone-800);

    &:hover {
      --button-background-color: var(--color-emerald-600);
      --button-border-color: var(--color-emerald-600); 
    }
  }

  .logo-link__image {
    width: var(--logo-width, fit-content);

    @media screen and (max-width: 767px) {
      width: var(--logo-width-mobile, fit-content);
    }
  }

  @media screen and (min-width: 1920px) {
    .logo-link__link {
      width: var(--button-width, fit-content);
    }
  }
</style>




</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
       color-scheme-29ed9998-910c-482a-a4b2-b0a6064def63
      
       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: 12px;--padding-block-start-mobile: 12px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 34px));--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: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  




<a
  
    
      href="/collections/brand-nutrex-hawaii"
    
  
  class="
    size-style
    spacing-style
    button
    button--AUFVseU1PWjBNY3V6c__button_eAp3P8
  "
  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: 10px;--padding-block-end: 13px;--padding-block-end-mobile: 10px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-start-mobile: 19px;--padding-inline-end: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-end-mobile: 19px;"
  

  
  
  
  
  
>
  
  <span class="button__label">Shop Now</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--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;
        
      "
    >
  
















<a
    href="/collections/brand-garden-of-life"
    class="
  image-block image-block--AWjZWTmhwNmVBR3pqW__image_aVaUBc 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 garden of life"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Garden-Of-Life_GLF141_GLF064_022726.webp?v=1771964197&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Garden-Of-Life_GLF141_GLF064_022726.webp?v=1771964197&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Garden-Of-Life_GLF141_GLF064_022726.webp?v=1771964197&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Garden-Of-Life_GLF141_GLF064_022726.webp?v=1771964197&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Garden-Of-Life_GLF141_GLF064_022726.webp?v=1771964197&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Garden-Of-Life_GLF141_GLF064_022726.webp?v=1771964197&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Garden-Of-Life_GLF141_GLF064_022726.webp?v=1771964197&amp;width=2000 2000w" width="1788" height="1006" 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="logo-link-AQ3BSQlhaeUVBZEhSd__logo_link_xYc79W logo-link absolute top-0 right-0 h-30.5 3xl:h-32 md:flex flex-col justify-between gap-1.5 m-3 2xl:mx-8 3xl:mx-19 2xl:my-7 3xl:my-11"
  
>
  
    <img
      src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Garden-of-Life-011926.png?v=1771969205&width=480"
      alt="Swanson Vitamins"
      width="240"
      height="100"
      class="logo-link__image 3xl:max-w-full max-w-50 w-full h-auto object-contain"
      style="
        --logo-width: 240px;
        --logo-width-mobile: 176px;
      "
      loading="lazy"
    >
  

  
    <a 
      href="/collections/brand-garden-of-life"
      class="logo-link__link hidden md:grid button px-5 3xl:px-4 py-2.5 3xl:py-3.5"
      
    >
      Shop Now
    </a>
  
</div>

<style>
  .logo-link-AQ3BSQlhaeUVBZEhSd__logo_link_xYc79W {
    --button-width: 168px;
  }

  .logo-link__link {
    --button-color: var(--color-stone-50);
    --button-background-color: var(--color-stone-800);
    --button-border-color: var(--color-stone-800);

    &:hover {
      --button-background-color: var(--color-emerald-600);
      --button-border-color: var(--color-emerald-600); 
    }
  }

  .logo-link__image {
    width: var(--logo-width, fit-content);

    @media screen and (max-width: 767px) {
      width: var(--logo-width-mobile, fit-content);
    }
  }

  @media screen and (min-width: 1920px) {
    .logo-link__link {
      width: var(--button-width, fit-content);
    }
  }
</style>




</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
       color-scheme-29ed9998-910c-482a-a4b2-b0a6064def63
      
       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: 12px;--padding-block-start-mobile: 18px;--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: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  




<a
  
    
      href="/collections/brand-trace"
    
  
  class="
    size-style
    spacing-style
    button
    button--AY3FCV3RZcjhPYU5Ra__button_JLPM3k
  "
  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: 9px;--padding-block-end: 13px;--padding-block-end-mobile: 9px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-start-mobile: 16px;--padding-inline-end: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-end-mobile: 16px;"
  

  
  
  
  
  
>
  
  <span class="button__label">Shop Now</span>
</a>






</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->



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

    
      
        --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-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-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
       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:
0px; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 25px));--padding-block-start-mobile: 10px;--padding-block-end: 16px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 4px;--padding-inline-end: 0px;--padding-inline-end-mobile: 4px;
      --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: #fefefe;
    --overlay-color--end: rgba(254, 254, 254, 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: space-between;
  --vertical-alignment-mobile: space-between;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/collections/brand-barleans"
    class="
  image-block image-block--ARU5OSjdtaDBJa2dYS__image_9K7Q6r image-block--height-custom image-block--height-mobile-custom spacing-style size-style
 "
    style="
  --ratio: 2.0;
  --size-style-width: fit-content;--size-style-height:76px;--size-style-height-mobile:76px;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 4px;--padding-inline-start-mobile: 4px;--padding-inline-end: 4px;--padding-inline-end-mobile: 4px;
  --object-fit: contain;
"
    aria-label="View brand barleans"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Barleans-032426.png?v=1774374275&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Barleans-032426.png?v=1774374275&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Barleans-032426.png?v=1774374275&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Barleans-032426.png?v=1774374275&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Barleans-032426.png?v=1774374275&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Barleans-032426.png?v=1774374275&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Barleans-032426.png?v=1774374275&amp;width=2000 2000w" width="400" height="200" loading="lazy" class="image-block__image border-style" style="
  --ratio: 2.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 
  class=" spacing-style text-block text-block--AeGlhUkpJT08rTHRKV__text_8H8tNG custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 12px; --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;
    
  "

  
>
    <p><a href="/collections/brand-barleans" title="Barlean's">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
       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:
0px; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 25px));--padding-block-start-mobile: 10px;--padding-block-end: 16px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 4px;--padding-inline-end: 0px;--padding-inline-end-mobile: 4px;
      --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: #fefefe;
    --overlay-color--end: rgba(254, 254, 254, 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: space-between;
  --vertical-alignment-mobile: space-between;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/collections/brand-bobs-red-mill"
    class="
  image-block image-block--AVTczWXIvRmEzWFZFW__image_aHaDf3 image-block--height-custom image-block--height-mobile-custom spacing-style size-style
 "
    style="
  --ratio: 2.0;
  --size-style-width: fit-content;--size-style-height:76px;--size-style-height-mobile:76px;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 4px;--padding-inline-start-mobile: 4px;--padding-inline-end: 4px;--padding-inline-end-mobile: 4px;
  --object-fit: contain;
"
    aria-label="View brand bobs red mill"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Bobs-Red-Mill-011326.png?v=1774459409&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Bobs-Red-Mill-011326.png?v=1774459409&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Bobs-Red-Mill-011326.png?v=1774459409&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Bobs-Red-Mill-011326.png?v=1774459409&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Bobs-Red-Mill-011326.png?v=1774459409&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Bobs-Red-Mill-011326.png?v=1774459409&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Bobs-Red-Mill-011326.png?v=1774459409&amp;width=2000 2000w" width="400" height="200" loading="lazy" class="image-block__image border-style" style="
  --ratio: 2.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 
  class=" spacing-style text-block text-block--AR2NNYmxSc1lzN1lMa__text_UA6qhF custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 12px; --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;
    
  "

  
>
    <p><a href="/collections/brand-bobs-red-mill" title="Bob's Red Mill">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
       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:
0px; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 25px));--padding-block-start-mobile: 10px;--padding-block-end: 16px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 4px;--padding-inline-end: 0px;--padding-inline-end-mobile: 4px;
      --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: #fefefe;
    --overlay-color--end: rgba(254, 254, 254, 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: space-between;
  --vertical-alignment-mobile: space-between;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/collections/brand-trace"
    class="
  image-block image-block--AQzVWd3N3bUw5UDBpV__image_ctiCAk image-block--height-custom image-block--height-mobile-custom spacing-style size-style
 "
    style="
  --ratio: 2.0;
  --size-style-width: fit-content;--size-style-height:76px;--size-style-height-mobile:76px;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 4px;--padding-inline-start-mobile: 4px;--padding-inline-end: 4px;--padding-inline-end-mobile: 4px;
  --object-fit: contain;
"
    aria-label="Trace logo with blue mountain graphic and text on a transparent background"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/trace-logo_c35294ce-da29-4331-be62-058ec58489b5.png?v=1768581729&amp;width=3840" alt="Trace logo with blue mountain graphic and text on a transparent background" srcset="//www.swansonvitamins.com/cdn/shop/files/trace-logo_c35294ce-da29-4331-be62-058ec58489b5.png?v=1768581729&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/trace-logo_c35294ce-da29-4331-be62-058ec58489b5.png?v=1768581729&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/trace-logo_c35294ce-da29-4331-be62-058ec58489b5.png?v=1768581729&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/trace-logo_c35294ce-da29-4331-be62-058ec58489b5.png?v=1768581729&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/trace-logo_c35294ce-da29-4331-be62-058ec58489b5.png?v=1768581729&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/trace-logo_c35294ce-da29-4331-be62-058ec58489b5.png?v=1768581729&amp;width=2000 2000w" width="376" height="188" loading="lazy" class="image-block__image border-style" style="object-position:35.125% 37.0%;
  --ratio: 2.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 
  class=" spacing-style text-block text-block--AdExDTHJUNnlUalh4R__text_VUW6xH custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 12px; --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;
    
  "

  
>
    <p><a href="/collections/brand-trace" title="Trace">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
       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:
0px; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 25px));--padding-block-start-mobile: 10px;--padding-block-end: 16px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 4px;--padding-inline-end: 0px;--padding-inline-end-mobile: 4px;
      --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: #fefefe;
    --overlay-color--end: rgba(254, 254, 254, 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: space-between;
  --vertical-alignment-mobile: space-between;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/collections/brand-neocell"
    class="
  image-block image-block--ANUpmRHQ2NDZINGN0N__image_m6XJTc image-block--height-custom image-block--height-mobile-custom spacing-style size-style
 "
    style="
  --ratio: 2.0;
  --size-style-width: fit-content;--size-style-height:76px;--size-style-height-mobile:76px;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 4px;--padding-inline-start-mobile: 4px;--padding-inline-end: 4px;--padding-inline-end-mobile: 4px;
  --object-fit: contain;
"
    aria-label="View brand neocell"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Neocell-032426.png?v=1774374324&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Neocell-032426.png?v=1774374324&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Neocell-032426.png?v=1774374324&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Neocell-032426.png?v=1774374324&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Neocell-032426.png?v=1774374324&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Neocell-032426.png?v=1774374324&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Neocell-032426.png?v=1774374324&amp;width=2000 2000w" width="400" height="200" loading="lazy" class="image-block__image border-style" style="
  --ratio: 2.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 
  class=" spacing-style text-block text-block--ASWs4M1VmZTdEWGdEa__text_3T48C8 custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 12px; --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;
    
  "

  
>
    <p><a href="/collections/brand-neocell" title="NeoCell">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
       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:
0px; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 25px));--padding-block-start-mobile: 10px;--padding-block-end: 16px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 4px;--padding-inline-end: 0px;--padding-inline-end-mobile: 4px;
      --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: #fefefe;
    --overlay-color--end: rgba(254, 254, 254, 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: space-between;
  --vertical-alignment-mobile: space-between;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/collections/brand-natures-way"
    class="
  image-block image-block--AemswcFFubVRWdWZVZ__image_exC7Pk image-block--height-custom image-block--height-mobile-custom spacing-style size-style
 "
    style="
  --ratio: 2.0;
  --size-style-width: fit-content;--size-style-height:76px;--size-style-height-mobile:76px;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 4px;--padding-inline-start-mobile: 4px;--padding-inline-end: 4px;--padding-inline-end-mobile: 4px;
  --object-fit: contain;
"
    aria-label="View brand natures way"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP_Vendor_Logo_Natures-Way-011326.png?v=1768344118&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP_Vendor_Logo_Natures-Way-011326.png?v=1768344118&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP_Vendor_Logo_Natures-Way-011326.png?v=1768344118&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP_Vendor_Logo_Natures-Way-011326.png?v=1768344118&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/HP_Vendor_Logo_Natures-Way-011326.png?v=1768344118&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP_Vendor_Logo_Natures-Way-011326.png?v=1768344118&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/HP_Vendor_Logo_Natures-Way-011326.png?v=1768344118&amp;width=2000 2000w" width="400" height="200" loading="lazy" class="image-block__image border-style" style="
  --ratio: 2.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 
  class=" spacing-style text-block text-block--ARVk5cUh2c1ZNUHJRd__text_WjrgAj custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 12px; --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;
    
  "

  
>
    <p><a href="/collections/brand-natures-way" title="Nature's Way">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
       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:
0px; 


      --padding-block-start: max(20px, calc(var(--spacing-scale) * 25px));--padding-block-start-mobile: 10px;--padding-block-end: 16px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 4px;--padding-inline-end: 0px;--padding-inline-end-mobile: 4px;
      --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: #fefefe;
    --overlay-color--end: rgba(254, 254, 254, 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: space-between;
  --vertical-alignment-mobile: space-between;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="/collections/brand-natural-factors"
    class="
  image-block image-block--AYzdFaHQrMjQ1SUVoZ__image_fbjViK image-block--height-custom image-block--height-mobile-custom spacing-style size-style
 "
    style="
  --ratio: 1.705;
  --size-style-width: fit-content;--size-style-height:76px;--size-style-height-mobile:76px;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;
  --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 4px;--padding-inline-start-mobile: 4px;--padding-inline-end: 4px;--padding-inline-end-mobile: 4px;
  --object-fit: contain;
"
    aria-label="View brand natural factors"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Natural-Factors-011326.webp?v=1771969163&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Natural-Factors-011326.webp?v=1771969163&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Natural-Factors-011326.webp?v=1771969163&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Natural-Factors-011326.webp?v=1771969163&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Natural-Factors-011326.webp?v=1771969163&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Natural-Factors-011326.webp?v=1771969163&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/HP-Vendor-Logo-Natural-Factors-011326.webp?v=1771969163&amp;width=2000 2000w" width="341" height="200" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.705;
  --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=" spacing-style text-block text-block--AWVlma1o1MCs0WFkrM__text_zghaUP custom
    
    text-block--align-center text-block--align-mobile-center  custom-typography  custom-font-size  custom-color 
  "

  style="
    --padding-block-start: 12px; --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;
    
  "

  
>
    <p><a href="/collections/brand-natural-factors" title="Natural Factors">Shop Now</a></p>
  </div>









</div>
  </div>

<!--@list/split-->


</div>
  </div>

<!--@list/split-->



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

    
      
        --spacer-size-mobile: 24px;
      
    

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









<a
  
    
      href="/pages/brands"
    
  
  class="
    size-style
    spacing-style
    button
    button--AWmxTbkxqSnVPbll5Y__button_BhxBUM
  "
  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="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: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  


  







  <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: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<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="Man sitting inside a vintage car with a steering wheel"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/wellness.jpg?v=1755007325&amp;width=3840" alt="Man sitting inside a vintage car with a steering wheel" srcset="//www.swansonvitamins.com/cdn/shop/files/wellness.jpg?v=1755007325&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/wellness.jpg?v=1755007325&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/wellness.jpg?v=1755007325&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/wellness.jpg?v=1755007325&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/wellness.jpg?v=1755007325&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/wellness.jpg?v=1755007325&amp;width=2000 2000w" width="881" height="881" 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-1280px
      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: center;
        
      "
    >
  

<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: 7.888888888888889;
  --size-style-width:90%;--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: contain;
"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/wellness_logo.svg?v=1755007502&amp;width=3840" alt="logo with text &quot;wellness rewards&quot;" srcset="//www.swansonvitamins.com/cdn/shop/files/wellness_logo.svg?v=1755007502&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/wellness_logo.svg?v=1755007502&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/wellness_logo.svg?v=1755007502&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/wellness_logo.svg?v=1755007502&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/wellness_logo.svg?v=1755007502&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/wellness_logo.svg?v=1755007502&amp;width=2000 2000w" width="284" height="36" loading="lazy" class="image-block__image border-style" style="
  --ratio: 7.888888888888889;
  --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="Rewards|Copy"
  data-internal-campaign-id="26-02"
  data-internal-campaign-placement="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: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<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: 0.9987562189054726;
  --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="Woman opening a door with a package on a brick patio"
    
  >
    
<img src="//www.swansonvitamins.com/cdn/shop/files/autoship.jpg?v=1755007325&amp;width=3840" alt="Woman opening a door with a package on a brick patio" srcset="//www.swansonvitamins.com/cdn/shop/files/autoship.jpg?v=1755007325&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/autoship.jpg?v=1755007325&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/autoship.jpg?v=1755007325&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/autoship.jpg?v=1755007325&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/autoship.jpg?v=1755007325&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/autoship.jpg?v=1755007325&amp;width=2000 2000w" width="803" height="804" loading="lazy" class="image-block__image border-style" style="
  --ratio: 0.9987562189054726;
  --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-1280px
      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: center;
        
      "
    >
  

<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=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=900 900w, //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, //www.swansonvitamins.com/cdn/shop/files/SH_Shopify_Subscription_Green.svg?v=1767800718&amp;width=2000 2000w" 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="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_Pwzf3j" 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: 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: 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/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=1946" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=525 525w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=600 600w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=675 675w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=768 768w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=850 850w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=1024 1024w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=1125 1125w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=1280 1280w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=1440 1440w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=1536 1536w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=1700 1700w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&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/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&width=2500"><source src="//www.swansonvitamins.com/cdn/shop/videos/c/vp/bffb29d9a77848108511edc71c7d2a09/bffb29d9a77848108511edc71c7d2a09.m3u8?v=0" type="application/x-mpegURL"><source src="//www.swansonvitamins.com/cdn/shop/videos/c/vp/bffb29d9a77848108511edc71c7d2a09/bffb29d9a77848108511edc71c7d2a09.HD-1080p-4.8Mbps-64574858.mp4?v=0" type="video/mp4"><img src="//www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=2500" alt="Load video: " srcset="//www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=352 352w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=832 832w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=1200 1200w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&amp;width=1920 1920w, //www.swansonvitamins.com/cdn/shop/files/preview_images/bffb29d9a77848108511edc71c7d2a09.thumbnail.0000000000.jpg?v=1764967735&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>

    <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
          
        
        
         group-block-content--has-text-overlay
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap;

  --gap: 0px;

  --horizontal-alignment: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: ;
        
          --text-overlay-color: #23350db3;
          --text-overlay-border-radius: 4px;
          --text-overlay-padding-horizontal: 12px;
          --text-overlay-padding-vertical: 12px;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--AL1FWN3ZKeUZsdHl5V__text_7YkkNP 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: 2.25rem;--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: center;
    --text-align-mobile: center;
    

    

    
    
      --custom-font-weight: 500;
    

    
    

    
    

    
    
      --mobile-font-size: 1.875rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
>
    <h2>Expertly Crafted </h2>
  </div>











  







  <div 
  class=" spacing-style text-block text-block--AMkN0ZU5qS2dUNDJPQ__text_freBDz 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>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
          
        
        
         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: #23350db3;
          --text-overlay-border-radius: 4px;
          --text-overlay-padding-horizontal: 12px;
          --text-overlay-padding-vertical: 12px;
        
      "
    >
  


  







  <div 
  class=" spacing-style text-block text-block--ATW5WWlJRVjZHaW1Hd__text_YGDEKr 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--AYlpHbWE3WCtHZ3k0V__button_77CecW
  "
  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="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_xPAx3A" 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: 0px;--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: flex-start;
  --vertical-alignment-mobile: flex-start;
  --horizontal-alignment-mobile: center;
        
      "
    >
  
















<a
    href="#"
    class="
  image-block image-block--AL0t5OU5KeEhRUWk1N__image_cr7AR7 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"
    
  >
    
<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=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=900 900w, //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, //www.swansonvitamins.com/cdn/shop/files/500230-q___choose_quality_science_backed_ingredients_1x1_640px.jpg?v=1756812830&amp;width=2000 2000w" 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--ASDFlZi82RVJVNE8zW__text_mNjpcG 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--ANTJ4UUtGQVMxTzVXQ__text_nehDPA 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--AK1lpa280V3lZazhqd__button_jmcric
  "
  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=" 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: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;"
>
  <div class="3xl:px-51">

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

    
      
        --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) * 80px));--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 80px));--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: 15px;--padding-block-end: 15px;--padding-block-end-mobile: 15px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start-mobile: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end-mobile: max(20px, calc(var(--spacing-scale) * 24px));"
  

  
  data-internal-campaign-name="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/how-to-build-your-first-supplement-routine"
    aria-label="How to Build Your First Supplement Routine"
    tabindex="-1"
  ><image-with-fallback type="general">
        <img
          src="//www.swansonvitamins.com/cdn/shop/articles/blog_500432-shutterstock_517108030_d7265ad1-0a99-47f9-bd87-44a7bad86571.jpg?v=1775073786&width=224"
          srcset="//www.swansonvitamins.com/cdn/shop/articles/blog_500432-shutterstock_517108030_d7265ad1-0a99-47f9-bd87-44a7bad86571.jpg?v=1775073786&width=224 1x, //www.swansonvitamins.com/cdn/shop/articles/blog_500432-shutterstock_517108030_d7265ad1-0a99-47f9-bd87-44a7bad86571.jpg?v=1775073786&width=448 2x"
          alt="How to Build Your First Supplement Routine"
          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/how-to-build-your-first-supplement-routine" class="h6 leading-body-tight font-medium hover:underline line-clamp-2">How to Build Your First Supplement Routine</a>
    </h3><p class="excerpt-text leading-6 mb-2.5 sm:mb-4 text-ellipsis">New to supplements? Learn how to build your first supplement routine with simple steps, starter supplements, timing tips, and beginner-friendly guidance.</p><p class="text-sm">04/01/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/trending-supplements-right-now-explained-for-beginners"
    aria-label="Trending Supplements Right Now Explained for Beginners"
    tabindex="-1"
  ><image-with-fallback type="general">
        <img
          src="//www.swansonvitamins.com/cdn/shop/articles/Blog-Header-Supplements-Explained-Beginners-011226_b64370ce-6937-4d01-825f-f9a070410fc4.jpg?v=1774295377&width=224"
          srcset="//www.swansonvitamins.com/cdn/shop/articles/Blog-Header-Supplements-Explained-Beginners-011226_b64370ce-6937-4d01-825f-f9a070410fc4.jpg?v=1774295377&width=224 1x, //www.swansonvitamins.com/cdn/shop/articles/Blog-Header-Supplements-Explained-Beginners-011226_b64370ce-6937-4d01-825f-f9a070410fc4.jpg?v=1774295377&width=448 2x"
          alt="Alternative herb medicine. Herbal vitamin on white 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/trending-supplements-right-now-explained-for-beginners" class="h6 leading-body-tight font-medium hover:underline line-clamp-2">Trending Supplements Right Now Explained for Beginners</a>
    </h3><p class="excerpt-text leading-6 mb-2.5 sm:mb-4 text-ellipsis">Discover what trending supplements like ashwagandha, creatine, magnesium, probiotics and collagen do, explained simply for beginners.</p><p class="text-sm">03/23/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/what-is-the-difference-between-niacin-and-niacinamide"
    aria-label="What is the Difference between Niacin and Niacinamide?"
    tabindex="-1"
  ><image-with-fallback type="general">
        <img
          src="//www.swansonvitamins.com/cdn/shop/articles/Blog_Niacin-Niacinamide_865511d9-e600-4138-a746-d6fba208e1c4.jpg?v=1769464726&width=224"
          srcset="//www.swansonvitamins.com/cdn/shop/articles/Blog_Niacin-Niacinamide_865511d9-e600-4138-a746-d6fba208e1c4.jpg?v=1769464726&width=224 1x, //www.swansonvitamins.com/cdn/shop/articles/Blog_Niacin-Niacinamide_865511d9-e600-4138-a746-d6fba208e1c4.jpg?v=1769464726&width=448 2x"
          alt="What is the Difference between Niacin and Niacinamide?"
          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/what-is-the-difference-between-niacin-and-niacinamide" class="h6 leading-body-tight font-medium hover:underline line-clamp-2">What is the Difference between Niacin and Niacinamide?</a>
    </h3><p class="excerpt-text leading-6 mb-2.5 sm:mb-4 text-ellipsis">You may have heard about niacin and niacinamide, but what exactly are these vitamins and what are their roles in your health?</p><p class="text-sm">01/26/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/top-supplements-for-heart-health"
    aria-label="Top Supplements for Heart Health"
    tabindex="-1"
  ><image-with-fallback type="general">
        <img
          src="//www.swansonvitamins.com/cdn/shop/articles/blog_header-heart-040124_c401e7d6-8bd1-4395-a72e-4e066db48f22.jpg?v=1769464146&width=224"
          srcset="//www.swansonvitamins.com/cdn/shop/articles/blog_header-heart-040124_c401e7d6-8bd1-4395-a72e-4e066db48f22.jpg?v=1769464146&width=224 1x, //www.swansonvitamins.com/cdn/shop/articles/blog_header-heart-040124_c401e7d6-8bd1-4395-a72e-4e066db48f22.jpg?v=1769464146&width=448 2x"
          alt="Top Supplements for Heart Health"
          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/top-supplements-for-heart-health" class="h6 leading-body-tight font-medium hover:underline line-clamp-2">Top Supplements for Heart Health</a>
    </h3><p class="excerpt-text leading-6 mb-2.5 sm:mb-4 text-ellipsis">Maintaining vibrant cardiovascular health is at the heart of promoting overall wellness both today and over the long run. Eating a healthy diet high in fiber and making sure to incorporate exercise throughout the week are excellent steps you can take now to promote heart health. Having the help and support of high-quality and science-backed heart health supplements is another key to your cardio success. Let's look at some of the top supplements for heart health available today. Best Heart...</p><p class="text-sm">01/26/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>


</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: center; --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: 96px;
    

    
      
        --spacer-size-mobile: 120px;
      
    

    
  "
  
  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: 0px;--padding-block-start-mobile: 0px;--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 30,000+ 5-star reviews. Our customers say it best. </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=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=900 900w, //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, //www.swansonvitamins.com/cdn/shop/files/image_13.png?v=1760042991&amp;width=2000 2000w" 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) * 100px));--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: center; --vertical-alignment: center;
  --vertical-alignment-mobile: center;
  --horizontal-alignment-mobile: center;
        
      "
    >
  <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=171493264763592077371766440499" type="module" fetchpriority="low"></script>
<script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/age-verification-modal.js?v=27099473723210979081766440499" type="module" fetchpriority="low"></script>
<script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/age-verification.js?v=166677638461461136881766440499" 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 px-4 md:px-20 lg:px-8 pt-2 md:pt-14 md:pb-20 lg:pt-8 pb-6 lg:pb-10">
        <div class="flex flex-col lg:pr-10 lg:w-1/2">
          <div class="flex justify-center">
            
  


<div
  class="
    logo-block
    spacing-style
  "
  style="
    
      
        --logo-width: 297.7777777777778px;
      
    

    
    --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/swanson-green-black-logo.svg?v=1749910277&amp;width=750" alt="Swanson Vitamins" loading="eager" class="logo-block__image">

  
    </div>
  
</div>






          </div>
          <div class="hidden lg:block">
            
  
















  <div
    class="
  image-block image-block--AVnIzMEZUSytjUStDO__image image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 0.9666110183639399;
  --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;
"
    
  >
    
<img 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=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=900 900w, //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, //www.swansonvitamins.com/cdn/shop/files/LP_internationalModal_081225.avif?v=1758564239&amp;width=2000 2000w" 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 pt-4 lg:pt-8">
          <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.5rem;--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><strong>Welcome!</strong><br/>It looks like you're visiting from outside the U.S. We've partnered with <strong>iHerb</strong> so you can shop Swanson products and thousands more in your local language and currency.<br/> </p><p><strong>To get started:</strong><br/>Create an account with iHerb to explore Swanson products, fast shipping, and exclusive wellness deals.<br/> </p><p><strong>Need help with your iHerb order?</strong><br/><a href="https://www.iherb.com/help/contact" target="_blank" title="https://www.iherb.com/help/contact">Contact iHerb</a><strong><br/> </strong></p><p><strong>Think you’re seeing this by mistake?</strong><br/>Email our USA team at<br/><a href="mailto:customercare@swansonsupport.com" title="mailto:customercare@swansonsupport.com">customercare@swansonsupport.com</a><strong><br/> </strong></p><p><strong>Interested in distribution?</strong><br/><a href="/pages/international" title="International Information">Click here for more information.</a></p>
  </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>
            <button class="button-secondary w-full" ref="closeButton" data-international="swanson">
              <span class="button-label font-medium">
                Stay with Swanson*
              </span>
            </button>
          </div>
          <div class="flex pt-5">
            
  


  







  <div 
  class=" spacing-style text-block text-block--ARklZa1hROWJPbWp4S__text-note 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.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-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: 1rem;
    

    
      --tablet-font-size: 1rem;
    

    
    
      --link-underline: underline;
    
  "

  
>
    <p>*International orders cannot be processed on swansonvitamins.com.</p>
  </div>










          </div>
        </div>
      </div>
    </div>
  </dialog>
</dialog-component>


</script>


<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/international-dialog-handler.js?v=29955230672154804851769186228"
  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><section id="shopify-section-sections--20023018979466__atc_modal_J3Lgcn" class="shopify-section shopify-section-group-footer-group section-wrapper">

<div class="add-to-cart-modal" data-section-id="sections--20023018979466__atc_modal_J3Lgcn">
  

<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/dialog.js?v=73337267641248443041769983289"
  type="module"
></script>
<script
  src="//www.swansonvitamins.com/cdn/shop/t/578/assets/add-to-cart-interceptor.js?v=154238730208230430971770332537"
  type="module"
></script>



<add-to-cart-interceptor>
  <dialog-component
    ref="dialogComponent"
    class="add-to-cart-modal"
    dialog-close-on-outside-click="true"
    dialog-close-on-escape-press="true"
    
  >
    <dialog
      ref="dialog"
      class="add-to-cart-modal__content dialog-modal color-scheme-1 rounded-4xl left-1/2 top-10 -translate-x-1/2 w-full p-0 overflow-hidden"
      scroll-lock
    >
      <div class="add-to-cart-modal__inner overflow-hidden">
        <div class="flex flex-col overflow-hidden">
          <div class="flex justify-between items-center pt-5 md:pt-8 px-4 md:px-8 mb-5 md:mb-10">
            <h2 class="add-to-cart-modal__title text-2xl md:text-3xl leading-7.5">
              Item Added to Cart
            </h2>
            <button
              ref="closeButton"
              on:click="/closeDialog"
              class="button button-unstyled add-to-cart-modal__close-button flex justify-center items-center w-8 h-8"
              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>
          <div class="add-to-cart-modal__container flex flex-col px-4 md:px-8 overflow-y-auto">
            <div class="add-to-cart-modal__content-body flex flex-col gap-4">
              <div class="flex flex-col md:flex-row gap-4">
                <div class="flex flex-col rounded-md border border-stone-600 md:max-w-98 w-full shrink-0 overflow-hidden">

<div class="flex h-full relative">
  <div class="flex justify-center items-center h-37 w-37 shrink-0 p-3.75 self-center">
    
      
      <img
        src="//www.swansonvitamins.com/cdn/shop/t/578/assets/image-placeholder_240x.png?v=169700445109464817361766440499"
        alt="Placeholder image"
        class="product-item__image h-full w-full object-cover"
        width="118"
        height="118"
        loading="eager"
        srcset="//www.swansonvitamins.com/cdn/shop/t/578/assets/image-placeholder_118x.png?v=169700445109464817361766440499 118w,//www.swansonvitamins.com/cdn/shop/t/578/assets/image-placeholder_236x.png?v=169700445109464817361766440499 236w,//www.swansonvitamins.com/cdn/shop/t/578/assets/image-placeholder_354x.png?v=169700445109464817361766440499 354w"
        sizes="118px"
      />
    
    <div class="product_item__badges absolute left-0 top-1.75">
      






    </div>
  </div>
  <div class="flex flex-col w-full py-3.75 pr-3.75">
    <div class="text-stone-800 text-xs md:text-sm"></div>
    <div class="text-stone-900 font-medium text-sm md:text-md">Untitled Product</div>
    <div class="text-stone-800 text-xs md:text-sm"></div>

    <div class="text-stone-800 text-xs md:text-sm mt-2">
      Quantity: 1
    </div>
    
      <div class="text-stone-900 text-sm font-bold mt-2">1 for $0.00</div>
    
  </div>
</div>



                </div>
                <div class="flex flex-col p-4 rounded-md border border-stone-600 w-full">
                  <div class="flex flex-wrap justify-center items-center mb-4 gap-1">
  <span class="text-md font-medium">Cart Subtotal:</span>
  <text-component
    ref="cartTotal"
    value="$0.00"
    class="text-md font-medium"
    data-cart-subtotal
  >
    $0.00
  </text-component>
  <span class="text-md">(0 items)</span>
</div>

<div class="flex flex-col gap-2">
  <a
    href="/cart"
    class="button button-primary p-2.5 md:p-3.75 w-full"
    tabindex="0"
  >
    <span class="button__label">
      View Cart &amp; Checkout
    </span>
  </a>
  <button
    type="button"
    class="button-secondary p-2.5 md:p-3.75 w-full"
    on:click="add-to-cart-interceptor/close"
  >
    <span class="button__label">
      Continue Shopping
    </span>
  </button>
</div>

                </div>
              </div>
              <div class="free-shipping-progress">
    <div class="free-shipping-progress__container">
      <p class="free-shipping-progress__text">
        You're only <strong>$35.00</strong> away from free shipping
      </p>
      <div class="free-shipping-progress__bar">
        <div class="free-shipping-progress__dot free-shipping-progress__dot--start"></div>
        <div
          class="free-shipping-progress__fill"
          style="width: 0%"
          role="progressbar"
          aria-label="Add products for $35.00 for free shipping"
          aria-valuenow="0"
          aria-valuemin="0"
          aria-valuemax="100"
        ></div>
        <div class="free-shipping-progress__dot free-shipping-progress__dot--end"></div>
      </div>
    </div>
  </div>

            </div>
            <div class="flex w-full mt-8 md:mt-10">
              



<div
  class="spacing-style w-full "
  style="--padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;"
  
>
  <constructor-recommendations
    data-skip-subtree-update
    data-mount="false"
    class="constructor-recommendations"
    style="
      --resource-list-column-gap-desktop: 16px;
      --section-title-font-size: 24px;
      --section-title-font-size-mobile: 24px;
      --section-title-alignment: left;
    "
    data-pod-id="add-to-cart-complementary"
    
    data-section=""
    data-term=""
    data-title-override="Customers Also Bought"
    data-title-class="font-medium md:font-normal"
    data-hide-if-empty="false"
    data-max-products="8"
    data-show-compare="false"
    data-section-width="block"
    data-hide-rating-mobile="false"
    data-single-line-title-mobile="false"
    data-single-line-options-mobile="false"
    data-show-arrows="true"
    data-arrows-position="inside"
    data-always-show-arrows="true"
    data-hide-arrows-mobile="true"
    data-arrows-style="outline_gray"
    data-arrows-size="medium"
  ></constructor-recommendations>
</div>




  
  <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-constructor-recommendations-CjRMkCUE.js" type="module" crossorigin="anonymous"></script>
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-productCardMap-hRIkoIdj.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-addToCart-C-xsuTPE.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-IconSprite-Z2qfsuQO.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-useLimitNotices-_i1JVAbQ.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-client-XBPdVNap.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-compat.module-BCemXDM8.js" crossorigin="anonymous">
  <link rel="modulepreload" href="//www.swansonvitamins.com/cdn/shop/t/578/assets/swan-chunk-jsx-runtime-phx57XfY.js" crossorigin="anonymous">






            </div>
          </div>
          <div class="add-to-cart-modal__footer pb-8"></div>
        </div>
      </div>
    </dialog>
  </dialog-component>
</add-to-cart-interceptor>







</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: 213.28px;
      
    

    
    --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/swanson-green-inverse-logo.svg?v=1753760289&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 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=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=900 900w, //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, //www.swansonvitamins.com/cdn/shop/files/Screenshot_2025-06-25_at_11.28.47_AM-removebg-preview_1.png?v=1754320229&amp;width=2000 2000w" width="142" height="144" loading="lazy" 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 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=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=900 900w, //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, //www.swansonvitamins.com/cdn/shop/files/bbb_blue_A_Rating-trans_d185e8ff-6b67-4192-a942-7249ccd2cbd8.png?v=1757010957&amp;width=2000 2000w" width="174" height="121" loading="lazy" 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 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=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=900 900w, //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, //www.swansonvitamins.com/cdn/shop/files/GMPsmall.png?v=1765813026&amp;width=2000 2000w" width="600" height="797" loading="lazy" 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--AbUI1dkxwVGVCbkcrN__image_mHXrXm image-block--height-fit image-block--height-mobile-fit spacing-style size-style
 "
    style="
  --ratio: 0.8801498127340824;
  --size-style-width:64px;--size-style-height: fit;--size-style-height-mobile: fit;--size-style-width-mobile:46px; --size-style-width-mobile-min:46px;
  --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 src="//www.swansonvitamins.com/cdn/shop/files/UL_Certified_b2631383-3f45-42d2-9f6f-7168e2e4659b.png?v=1765812684&amp;width=3840" alt="" srcset="//www.swansonvitamins.com/cdn/shop/files/UL_Certified_b2631383-3f45-42d2-9f6f-7168e2e4659b.png?v=1765812684&amp;width=450 450w, //www.swansonvitamins.com/cdn/shop/files/UL_Certified_b2631383-3f45-42d2-9f6f-7168e2e4659b.png?v=1765812684&amp;width=750 750w, //www.swansonvitamins.com/cdn/shop/files/UL_Certified_b2631383-3f45-42d2-9f6f-7168e2e4659b.png?v=1765812684&amp;width=900 900w, //www.swansonvitamins.com/cdn/shop/files/UL_Certified_b2631383-3f45-42d2-9f6f-7168e2e4659b.png?v=1765812684&amp;width=1050 1050w, //www.swansonvitamins.com/cdn/shop/files/UL_Certified_b2631383-3f45-42d2-9f6f-7168e2e4659b.png?v=1765812684&amp;width=1350 1350w, //www.swansonvitamins.com/cdn/shop/files/UL_Certified_b2631383-3f45-42d2-9f6f-7168e2e4659b.png?v=1765812684&amp;width=2000 2000w" width="235" height="267" loading="lazy" class="image-block__image border-style" style="
  --ratio: 0.8801498127340824;
  --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 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=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=900 900w, //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, //www.swansonvitamins.com/cdn/shop/files/gmp.png?v=1754082896&amp;width=2000 2000w" width="241" height="216" loading="lazy" 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 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=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=900 900w, //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, //www.swansonvitamins.com/cdn/shop/files/money-black.png?v=1754083243&amp;width=2000 2000w" width="222" height="216" loading="lazy" 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="/cdn-cgi/l/email-protection#0e6d7b7d7a61636b7c6d6f7c6b4e7d796f607d61607d7b7e7e617c7a206d6163" 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 data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type='module'>
  document.getElementById('ContactForm-AdGN4eHNGd3VyRmh0Z__footer_email_signup')?.addEventListener('submit', function() {
    const email = document.getElementById('EmailInput-AdGN4eHNGd3VyRmh0Z__footer_email_signup')?.value;

    document.dispatchEvent(new CustomEvent('klaviyoForms', {
      bubbles: true,
      cancelable: true,
      detail: {
        type: 'submit',
        metaData: {
          $email: email
        }
      }
    }));
  });
</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 "
   x-data
   x-on:click="$event.preventDefault(); await window.UserWayLoader.load(); const interval = setInterval(() => { if (document.querySelector('.uwif')) { clearInterval(interval); window.UserWayLoader.loadAndOpen($event.target); } }, 50)"
   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" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</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 d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></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" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</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"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></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" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" 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" opacity=".07"/><path fill="#006FCF" 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-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></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/swansonhealth/"
    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/c/SwansonHealth"
    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" ><span style="font-size: 0.875rem">Powered by Shopify</span></li>


<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=179101461423375587421773755953" 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>



    
    <div class="ring-chat">
      <script type="application/javascript">
        document.addEventListener('DOMContentLoaded', function() {
          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; // Load script asynchronously for better performance

            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"
                  ]
                });
              }
            };
          }
        });

        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 src="//www.swansonvitamins.com/cdn/shop/t/578/assets/observers.js?v=148237841496799769771766440500" defer></script>
    <script src="//www.swansonvitamins.com/cdn/shop/t/578/assets/custom-analytics-events.js?v=132464802806845286551770856099" defer></script>

    
    <script async src="https://www.upsellit.com/active/swansonvitamins.jsp"></script>
    <script id="engagex-general">
      (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>
  <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-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/019d74e7-b814-77ea-b6e3-4753e3104b5b/specification-and-compare-650/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/019d74e7-b814-77ea-b6e3-4753e3104b5b/specification-and-compare-650/assets/spec-and-compare-polyfills.js">
    <template shadowrootmode="open">
      <link rel="stylesheet" href="https://cdn.shopify.com/extensions/019d74e7-b814-77ea-b6e3-4753e3104b5b/specification-and-compare-650/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-Ad3BsTFFLOTdHUW5IT__14197025361042770389" class="shopify-block shopify-app-block">

  <script>
    window.WishlistKingAppLoaderURL = "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/app-loader.js";
  </script>
  <script id="wkAppSettings" type="application/json">
    {
      "assets": {
        "themeCssFile": null,
        "localeJsonFile": "locale-en.json",
        "appBaseCss": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/app-base.css",
        "componentWishlistButtonBlockJs": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/component-wishlist-button-block.js",
        "componentWishlistLinkJs": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/component-wishlist-link.js",
        "componentWishlistLinkCss": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/component-wishlist-link.css",
        "componentWishlistLinkBlockJs": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/component-wishlist-link-block.js",
        "componentWishlistPageBundleJs": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/component-wishlist-page-bundle.js",
        "componentWishlistPageBundleCss": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/component-wishlist-page-bundle.css",
        "componentWishlistLinkFloatingJs": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/component-wishlist-link-floating.js",
        "componentWishlistLinkFloatingCss": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/component-wishlist-link-floating.css",
        "componentWishlistButtonCollectionJs": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/component-wishlist-button-collection.js",
        "componentWishlistButtonCollectionCss": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/component-wishlist-button-collection.css",
        "componentWishlistButtonProductJs": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/component-wishlist-button-product.js",
        "componentWishlistButtonProductCss": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/component-wishlist-button-product.css",
        "componentSaveForLaterCss": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/component-save-for-later.css",
        "componentAccountDialogCss": "https://cdn.shopify.com/extensions/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/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=108438",
        "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/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/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>




<script>
  var turnToConfig = {
    locale: "en_US",
    pageId: "comments-pinboard-page",
    
    gallery: {
      skus: [""]
    },
    
    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";
        window.location.replace(ttLoginUrl);
        
      },
      loggedInDataFn: function(contextObj) {
        
        TurnToCmd('loggedInDataFnDone', { context: contextObj, loggedInData: null });
        
      },
      logout: function() {
        window.location.replace("/account/logout");
      }
    },
    
  }

  window.TurnToCmd=window.TurnToCmd||function(){(TurnToCmd.q=TurnToCmd.q||[]).push(arguments)};
  window.TurnToSKUSetup="PRODUCT";

</script>

<script src="https://widgets.turnto.com/v5/widgets/npE7gvJsqYWnwPLsite/js/turnto.js" async></script>




</div><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/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/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": null,
    "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/019ce26a-bb73-7ec7-a00f-cef8cb945806/swish-wishlist-king-220/assets/block-code-access.js"></script>


</div><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9eb31ff778975abe',t:'MTc3NjAwNjI4MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
