PageSourceSearch

https://hummkombucha.com/search

html hummkombucha.com collected 2026-10-03 20:50:45 UTC 260,318 bytes, 4,348 lines download raw bytes

1<!doctype html>
2  <html class="no-js" lang="en">
3    <head>
4
5	    
5<script>
6  (function () {
7    try {
8      var u = new URL(window.location.href);
9      var p = u.searchParams;
10      if ((p.get("utm_campaign") || "").toLowerCase() === "nohi") return;
11      var s = (p.get("utm_source") || "").toLowerCase();
12      var r = "";
13      if (document.referrer) {
14        try {
15          r = new URL(document.referrer).hostname.toLowerCase();
16        } catch (e) {}
17      }
18      var S = [
19        "chatgpt.com",
20        "openai",
21        "claude",
22        "anthropic",
23        "perplexity",
24        "gemini",
25        "copilot.com",
26      ];
27      var D = [
28        "chatgpt.com",
29        "chat.openai.com",
30        "chat.com",
31        "claude.ai",
32        "perplexity.ai",
33        "gemini.google.com",
34        "copilot.microsoft.com",
35      ];
36      var m = !!(s && S.indexOf(s) > -1);
37      if (!m && r) {
38        m = D.some(function (d) {
39          return r === d || r.endsWith("." + d);
40        });
41      }
42      if (m && !s) {
43        p.set("utm_source", r);
44        window.location.replace(u.toString());
45      }
46    } catch (e) {}
47  })();
48</script>
48
49
50
51      
51<script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/pbBHVgxvpuUszqozR3sTNPz1nGP0VHpiEBcIY0qO" async></script>
51
52      
52<script type="text/javascript" src="//staticw2.yotpo.com/VU2wz6CBlBHS3bAWtsXweH8ZbzbDVztWAwkOl4RJ/widget.js" async></script>
52  
53      
54      <!-- 
54<script type="text/javascript" src="https://www.bugherd.com/sidebarv2.js?apikey=z1aqmjkd2qu62ywjze9vvq" async="true"></script>
54 -->
55      <meta charset="utf-8">
56      <meta http-equiv="X-UA-Compatible" content="IE=edge">
57      <meta name="viewport" content="width=device-width,initial-scale=1">
58      <meta name="theme-color" content="">
59      <link rel="canonical" href="https://hummkombucha.com/search">
60      <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
61      <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
62      <link rel="preconnect" href="https://fonts.shopify.com" crossorigin>
63      <link rel="preconnect" href="https://monorail-edge.shopifysvc.com">
64
65      <!-- Google Tag Manager -->
66      
66<script>
vendor: 351 bytes, lines 66-70
66(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
67      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
68      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
69      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
70      })(window,document,'script','dataLayer','
70GTM-NK8RRSJ
vendor: 3 bytes, line 70
70');
70</script>
70
71      <!-- End Google Tag Manager --><link rel="icon" type="image/png" href="//hummkombucha.com/cdn/shop/files/humm-favicon.png?v=1713794848&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
72        Search
73 &ndash; Humm Kombucha</title>
74
75      
76        <meta name="description" content="Explore Humm Kombucha&#39;s delicious, lower-or-no-sugar kombucha with 2 billion probiotics per can. Enjoy our refreshing, better-for-you drinks. Shop now!">
77      
78
79
80<meta property="og:site_name" content="Humm Kombucha">
81<meta property="og:url" content="https://hummkombucha.com/search">
82<meta property="og:title" content="Search">
83<meta property="og:type" content="website">
84<meta property="og:description" content="Explore Humm Kombucha&#39;s delicious, lower-or-no-sugar kombucha with 2 billion probiotics per can. Enjoy our refreshing, better-for-you drinks. Shop now!"><meta property="og:image" content="http://hummkombucha.com/cdn/shop/files/humm-drinkbetter_logo-orange_1655392074__32507.original.png?height=628&pad_color=ffffff&v=1713382029&width=1200">
85  <meta property="og:image:secure_url" content="https://hummkombucha.com/cdn/shop/files/humm-drinkbetter_logo-orange_1655392074__32507.original.png?height=628&pad_color=ffffff&v=1713382029&width=1200">
86  <meta property="og:image:width" content="1200">
87  <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image">
88<meta name="twitter:title" content="Search">
89<meta name="twitter:description" content="Explore Humm Kombucha&#39;s delicious, lower-or-no-sugar kombucha with 2 billion probiotics per can. Enjoy our refreshing, better-for-you drinks. Shop now!">
90<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
90<meta name="facebook-domain-verification" content="xrdpbm76wt6jrc4pocd5dsm11v09g4">
91<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/56974114945/digital_wallets/dialog">
92<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
92<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=848363649"></script>
92
93<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
94<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=848363649&shop_id=56974114945" crossorigin="anonymous"></script>
vendor: 1 bytes, line 94
94
95<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":56974114945,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/56974114945","merchantName":"Humm Kombucha","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Humm Kombucha","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 95
95
96<script id="shopify-features" type="application/json">{"accessToken":"428583f3ec74b4d12032c2d8ebe22ff3","betas":["rich-media-storefront-analytics"],"domain":"hummkombucha.com","predictiveSearch":true,"shopId":56974114945,"locale":"en"}</script>
vendor: 1 bytes, line 96
96
97<script>var Shopify = Shopify || {};
98Shopify.shop = "af2be4-8b.myshopify.com";
99Shopify.locale = "en";
100Shopify.currency = {"active":"USD","rate":"1.0"};
101Shopify.country = "US";
102Shopify.theme = {"name":"Humm_110725","id":127829770369,"schema_name":"Shapes","schema_version":"2.0.3","theme_store_id":null,"role":"main"};
103Shopify.theme.handle = "null";
104Shopify.theme.style = {"id":null,"handle":null};
105Shopify.cdnHost = "hummkombucha.com/cdn";
106Shopify.routes = Shopify.routes || {};
107Shopify.routes.root = "/";
108Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
109Shopify.SignInWithShop = Shopify.SignInWithShop || {};
110Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
111Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 111
111
112<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 112
112
113<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>
vendor: 1 bytes, line 113
113
114<script>
115  window.ShopifyPay = window.ShopifyPay || {};
116  window.ShopifyPay.apiHost = "shop.app\/pay";
117  window.ShopifyPay.redirectState = null;
118</script>
vendor: 1 bytes, line 118
118
119<script>
120  window.Shopify = window.Shopify || {};
121  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
122  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
123  window.Shopify.SignInWithShop.eligible = true;
124</script>
vendor: 1 bytes, line 124
124
125<script id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
vendor: 1 bytes, line 125
125
126<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 126
126
127<script type="module">
128  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
129
130  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
131
132</script>
vendor: 1 bytes, line 132
132
133<script>
134  window.Shopify = window.Shopify || {};
135  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
136  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.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"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
137</script>
vendor: 1 bytes, line 137
137
138<script>(function() {
139  var isLoaded = false;
140  function asyncLoad() {
141    if (isLoaded) return;
142    isLoaded = true;
143    var urls = ["https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=af2be4-8b.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=af2be4-8b.myshopify.com"];
144    for (var i = 0; i < urls.length; i++) {
145      var s = document.createElement('script');
146      s.type = 'text/javascript';
147      s.async = true;
148      s.src = urls[i];
149      var x = document.getElementsByTagName('script')[0];
150      x.parentNode.insertBefore(s, x);
151    }
152  };
153  if(window.attachEvent) {
154    window.attachEvent('onload', asyncLoad);
155  } else {
156    window.addEventListener('load', asyncLoad, false);
157  }
158})();</script>
vendor: 1 bytes, line 158
158
159<script id="__st">var __st={"a":56974114945,"offset":-25200,"reqid":"14edae5b-e183-4876-b8ea-f75ecf4a0eab-1791060643","pageurl":"hummkombucha.com\/search","u":"6d89e8d408ab","p":"searchresults"};</script>
vendor: 1 bytes, line 159
159
160<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 160
160
161<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 161
161
162<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//hummkombucha.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 162
162
163<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//hummkombucha.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
163<script crossorigin="anonymous" defer="defer" src="//hummkombucha.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 163
163
164<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 164
164
165<script>
166  window.Shopify = window.Shopify || {};
167  window.Shopify.MCP = window.Shopify.MCP || {};
168  window.Shopify.MCP.enabled = true;
169  window.Shopify.MCP.shop = "af2be4-8b.myshopify.com";
170  window.Shopify.MCP.mcpEndpoint = "https:\/\/hummkombucha.com\/api\/mcp";
171  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
172</script>
vendor: 1 bytes, line 172
172
173<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/hummkombucha.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
174</script>
vendor: 1 bytes, line 174
174
175<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://hummkombucha.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
176</script>
vendor: 1 bytes, line 176
176
177<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
178  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);
179</script>
vendor: 1 bytes, line 179
179
180<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})}}));
181</script>
vendor: 1 bytes, line 181
181
182<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{&quot;session_id&quot;:&quot;01M41RH43ZQCERSSAP7CX7399E&quot;,&quot;publisher_shop_id&quot;:56974114945,&quot;theme_id&quot;:127829770369,&quot;theme_published&quot;:true,&quot;theme_store_id&quot;:0,&quot;placement&quot;:&quot;search&quot;,&quot;event_data&quot;:{&quot;search_query&quot;:null},&quot;recommendations_tracking_enabled&quot;:true}" defer="defer" src="//hummkombucha.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
182
183<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://hummkombucha.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
184<style id="shopify-accelerated-checkout-cart">
185        #shopify-buyer-consent {
186  margin-top: 1em;
187  display: inline-block;
188  width: 100%;
189}
190
191#shopify-buyer-consent.hidden {
192  display: none;
193}
194
195#shopify-subscription-policy-button {
196  background: none;
197  border: none;
198  padding: 0;
199  text-decoration: underline;
200  font-size: inherit;
201  cursor: pointer;
202}
203
204#shopify-subscription-policy-button::before {
205  box-shadow: none;
206}
207
208      </style>
209
210<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
210
211
212      
212<script>
213  window.THEMENAME = 'Shapes';
214  window.THEMEVERSION = '1.0.1';
215
216  document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
217
218  window.theme = {
219    strings: {
220      itemCountOne: "{{ count }} item",
221      itemCountOther: "{{ count }} items",
222      loading: "Loading",
223      addToCart: "Add to Cart",
224      preOrder: "Pre-order",
225      soldOut: "Sold Out",
226      unavailable: "Unavailable",
227      regularPrice: "Regular price",
228      salePrice: "Sale price",
229      sale: "On Sale",
230      unitPrice: "Unit price",
231      unitPriceSeparator: "per",
232      cartEmpty: "Your cart is currently empty.",
233      cartCookies: "Enable cookies to use the shopping cart",
234      update: "Update Cart",
235      quantity: "Quantity",
236      discountedTotal: "Discounted total",
237      regularTotal: "Regular total",
238      priceColumn: "See Price column for discount details.",
239      addedToCart: "Added to Cart!",
240      cartError: "There was an error while updating your cart. Please try again.",
241      cartAddError: "All {{ title }} are in your cart."
242    },
243    routes: {
244      root_url: "\/",
245      cart_url: "\/cart",
246      cart_add_url: "\/cart\/add",
247      cart_change_url: "\/cart\/change",
248      cart_update_url: "\/cart\/update",
249      cart_clear_url: "\/cart\/clear",
250      predictive_search_url: '/search/suggest'
251    },
252    moneyFormat: "${{amount}}",
253    moneyWithCurrencyFormat: "${{amount}} USD",
254    cartItemCount: 0,
255    settings: {
256      cart_type: "modal",
257      open_modal_on_add_to_cart: true,
258      parallax_intensity: 50
259    },
260    info: {
261      name: 'Shapes',
262    }
263  };
264</script>
264
265
266
267      
267<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
267
268      
268<script>
269        function debounce(fn, wait) {
270          let t;
271          return (...args) => {
272            clearTimeout(t);
273            t = setTimeout(() => fn.apply(this, args), wait);
274          };
275        }
276      </script>
276
277      
277<script src="//hummkombucha.com/cdn/shop/t/38/assets/utils.js?v=167669486762374777511762462223" defer></script>
277
278      
278<script src="//hummkombucha.com/cdn/shop/t/38/assets/global.bundle.min.js?v=65914359936030714151762462223" type="module"></script>
278
279      
280        
280<script src="//hummkombucha.com/cdn/shop/t/38/assets/cart-items.js?v=171228637692183293801762462223" type="module"></script>
280
281        
281<script src="//hummkombucha.com/cdn/shop/t/38/assets/cart-footer.js?v=19450439644493414491762462223" type="module"></script>
281
282        
283      
284      
285      
285<script src="//hummkombucha.com/cdn/shop/t/38/assets/alpine-extensions.js?v=95811398729610723851762462223" defer></script>
285
286      <link rel="stylesheet" href="//hummkombucha.com/cdn/shop/t/38/assets/base.bundle.css?v=178755365054757442711786464217">
287      
288      
289      <style>
290        :root {
291          --max-site-width: 1820px;
292        }
293      </style>
294      
295      
296<style>
297@font-face {
298    font-family: 'Gotham Narrow';
299    src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/GothamNarrow-Book.woff2?v=1717163532') format("woff2");
300    font-weight: 400;
301    font-style: normal;
302    font-display: swap;  
303} 
304
305@font-face {
306    font-family: 'Gotham Narrow';
307    src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/GothamNarrow-Bold.woff2?v=1717163538') format("woff2");
308    font-weight: 700;
309    font-style: normal;
310    font-display: swap;  
311}   
312
313@font-face {
314    font-family: 'Gotham Cond';
315    /*src: url("//hummkombucha.com/cdn/shop/t/38/assets/GothamCondSSm-Bold.woff2?v=77371126266370866851762462223") format("woff2");*/
316    src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/GothamCondSSm-Bold.woff2?v=1713812720') format('woff2');
317    font-weight: 700;
318    font-style: normal;
319    font-display: swap;    
320}
321
322@font-face {
323    font-family: 'Sofia Pro';
324    /*src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/SofiaPro-Medium.woff2?v=1759163386') format('woff2');*/
325    src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/SofiaPro-Medium5.woff2?v=1759520355') format('woff2');
326    font-weight: 500;
327    font-style: normal;
328    font-display: swap;
329  
330}
331
332@font-face {
333    font-family: 'Sofia Pro';
334    src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/SofiaProSemiBold.woff2?v=1759511345') format('woff2');
335    font-weight: 600;
336    font-style: normal;
337    font-display: swap;    
338}
339
340@font-face {
341    font-family: 'Sofia Pro';
342    src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/sofia-pro-bold.woff2?v=1759521035') format('woff2');
343    font-weight: 700;
344    font-style: normal;
345    font-display: swap;
346    /* The fixes! */
347  /* formula = 1100 / 10 = 110% */
348  ascent-override: 110%;
349
350  /* formula = 250 / 10 = 25% */
351  descent-override: 25%;
352    
353}
354
355
356  :root {
357    --color-yellow: #FDB517;
358    --color-blue: #3645c7;
359    --color-red: #E33445;    
360    --color-gray: #4D4D55;    
361
362    --secondary-blue: #365CC7;
363    --secondary-green: #01A234;
364    --secondary-orange: #FA8100;
365    --secondary-hot-pink: #EE4758;
366    --secondary-red: #E82E2C;
367    --secondary-purple: #B3398E;
368    --secondary-light-blue: #B6DBE1;
369    --secondary-light-green: #C3E45F;
370    --secondary-bright-yellow: #FF0;
371    --secondary-yellow: #FFD817;
372    --secondary-light-orange: #FDB517;
373    --secondary-pink: #E75792;
374
375    --color-darkblue: #1B2A96;
376
377    --color-black:#000;
378    --color-white:#FFF;
379
380
381    --payment-button-height: 48px;
382    --section-x-padding: 1.25rem;
383    --section-y-padding: 1.25rem;
384    --grid-gap: 1.25rem;
385    --icon-thickness: 1.5;
386    --header-height: 60px;
387
388    --transparent: transparent;
389
390    --color-primary-text: 0, 0, 0;
391    --color-primary-background: 255, 255, 255;
392    --color-primary-accent-1: 255, 178, 0;
393    --color-primary-accent-2: 250, 128, 0;
394    --color-primary-card: 255, 255, 255;
395    --color-primary-gradient: #000;--color-primary-text-overlay: 255, 255, 255;
396--color-primary-card-text-overlay: 255, 255, 255;
397--color-primary-accent-1-overlay: 0, 0, 0;
398--color-primary-accent-2-overlay: 0, 0, 0;
399--color-secondary-text: 255, 255, 255;
400    --color-secondary-background: 250, 128, 0;
401    --color-secondary-accent-1: 250, 128, 0;
402    --color-secondary-accent-2: 255, 255, 255;
403    --color-secondary-card: 174, 210, 154;
404    --color-secondary-gradient: ;--color-secondary-text-overlay: 0, 0, 0;
405--color-secondary-card-text-overlay: 0, 0, 0;
406--color-secondary-accent-1-overlay: 0, 0, 0;
407--color-secondary-accent-2-overlay: 0, 0, 0;
408--color-tertiary-text: 255, 255, 255;
409    --color-tertiary-background: 255, 178, 0;
410    --color-tertiary-accent-1: 0, 0, 0;
411    --color-tertiary-accent-2: 255, 255, 255;
412    --color-tertiary-card: 245, 241, 230;
413    --color-tertiary-gradient: ;--color-tertiary-text-overlay: 0, 0, 0;
414--color-tertiary-card-text-overlay: 0, 0, 0;
415--color-tertiary-accent-1-overlay: 255, 178, 0;
416--color-tertiary-accent-2-overlay: 0, 0, 0;
417--color-quaternary-text: 98, 99, 102;
418    --color-quaternary-background: 253, 21, 73;
419    --color-quaternary-accent-1: 59, 34, 34;
420    --color-quaternary-accent-2: 0, 0, 0;
421    --color-quaternary-card: 255, 255, 255;
422    --color-quaternary-gradient: ;--color-quaternary-text-overlay: 255, 255, 255;
423--color-quaternary-card-text-overlay: 255, 255, 255;
424--color-quaternary-accent-1-overlay: 255, 255, 255;
425--color-quaternary-accent-2-overlay: 253, 21, 73;
426--color-quinary-text: 245, 241, 230;
427    --color-quinary-background: 1, 161, 69;
428    --color-quinary-accent-1: 191, 32, 51;
429    --color-quinary-accent-2: 0, 0, 0;
430    --color-quinary-card: 255, 255, 255;
431    --color-quinary-gradient: ;--color-quinary-text-overlay: 0, 0, 0;
432--color-quinary-card-text-overlay: 0, 0, 0;
433--color-quinary-accent-1-overlay: 245, 241, 230;
434--color-quinary-accent-2-overlay: 1, 161, 69;
435--color-senary-text: 255, 255, 255;
436    --color-senary-background: 255, 255, 255;
437    --color-senary-accent-1: 250, 128, 0;
438    --color-senary-accent-2: 255, 255, 255;
439    --color-senary-card: 255, 255, 255;
440    --color-senary-gradient: ;--color-senary-text-overlay: 0, 0, 0;
441--color-senary-card-text-overlay: 0, 0, 0;
442--color-senary-accent-1-overlay: 0, 0, 0;
443--color-senary-accent-2-overlay: 0, 0, 0;
444--color-septenary-text: 42, 74, 52;
445    --color-septenary-background: 240, 236, 225;
446    --color-septenary-accent-1: 42, 74, 52;
447    --color-septenary-accent-2: 106, 105, 103;
448    --color-septenary-card: 255, 255, 255;
449    --color-septenary-gradient: ;--color-septenary-text-overlay: 240, 236, 225;
450--color-septenary-card-text-overlay: 255, 255, 255;
451--color-septenary-accent-1-overlay: 240, 236, 225;
452--color-septenary-accent-2-overlay: 240, 236, 225;
453--color-octonary-text: 255, 255, 255;
454    --color-octonary-background: 54, 69, 199;
455    --color-octonary-accent-1: 255, 255, 255;
456    --color-octonary-accent-2: 255, 255, 255;
457    --color-octonary-card: 255, 255, 255;
458    --color-octonary-gradient: ;--color-octonary-text-overlay: 54, 69, 199;
459--color-octonary-card-text-overlay: 54, 69, 199;
460--color-octonary-accent-1-overlay: 54, 69, 199;
461--color-octonary-accent-2-overlay: 54, 69, 199;
462--color-border: 0, 0, 0;
463    --section-border-thickness: 0px;
464    --drop-down-offset: 2px;
465    --shape-divider-offset: 2px;
466
467  
468    --button-border-radius: 0.25rem;
469    --textarea-border-radius: 0.25rem;
470    --button-border-width: 0;
471    --input-border-width: 1px;
472    --button-shadow-border-width: 0;
473    --button-text-transform: uppercase;
474    --button-drop-shadow-size:  00px;
475    --button-drop-shadow-top-size: 0px;
476    --button-drop-shadow-left-size: 0px;
477    --button-hover-top-size: -0.25rem;
478    --button-hover-left-size: var(--button-drop-shadow-left-size);
479    --button-shadow-display: none;
480    --sticker-border-radius: 0;  
481    --sticker-border-width: 2px;
482    --sticker-shadow-border-width: 0;
483    --sticker-text-transform: none; 
484    --sticker-drop-shadow-top-size: 0px;
485    --sticker-drop-shadow-left-size: 0px;
486    --card-border-radius: 0;
487    --card-drop-shadow-size: 12px;
488    --card-drop-shadow-top-size: 12px;
489    --card-drop-shadow-left-size: 0;
490    --card-border-width: 2px;
491    --card-shadow-border-width: 0;
492    --media-border-radius: 0;
493    --media-drop-shadow-size: 0px;
494    --media-drop-shadow-top-size: 0px;
495    --media-drop-shadow-left-size: 0;
496    --media-drop-shadow-size-half: 0.0px;
497    --media-drop-shadow-top-size-half: 0.0px;
498    --media-drop-shadow-left-size-half: 0;
499    --media-border-width: 0;
500    --media-shadow-border-width: 0;
501    --heading-shadow-spread: 6px;
502    --heading-stroke-thickness: 0px;
503    --product-tiles-text-transform: none;
504    --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A");
505  }
506
507
508
509  [data-color-scheme="primary"] {
510    --color-scheme-text: var(--color-primary-text);
511    --color-scheme-background: var(--color-primary-background);
512    --color-scheme-accent-1: var(--color-primary-accent-1);
513    --color-scheme-accent-2: var(--color-primary-accent-2);
514    --color-scheme-card: var(--color-primary-card);
515    --color-scheme-gradient: var(--color-primary-gradient);
516    --color-scheme-text-overlay: var(--color-primary-text-overlay);
517    --color-scheme-card-text-overlay: var(--color-primary-card-text-overlay);
518    --color-scheme-accent-1-overlay: var(--color-primary-accent-1-overlay);
519    --color-scheme-accent-2-overlay: var(--color-primary-accent-2-overlay);
520    --color-scheme-secondary-background: var(--color-primary-card);
521    --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A");
522  }
523
524
525  [data-color-scheme="secondary"] {
526    --color-scheme-text: var(--color-secondary-text);
527    --color-scheme-background: var(--color-secondary-background);
528    --color-scheme-gradient: var(--color-secondary-gradient);
529    --color-scheme-accent-1: var(--color-secondary-accent-1);
530    --color-scheme-accent-2: var(--color-secondary-accent-2);
531    --color-scheme-card: var(--color-secondary-card);
532    --color-scheme-text-overlay: var(--color-secondary-text-overlay);
533    --color-scheme-card-text-overlay: var(--color-secondary-card-text-overlay);
534    --color-scheme-accent-1-overlay: var(--color-secondary-accent-1-overlay);
535    --color-scheme-accent-2-overlay: var(--color-secondary-accent-2-overlay);
536    --color-scheme-secondary-background: var(--color-secondary-card);
537    --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A");
538  }
539
540
541  [data-color-scheme="tertiary"] {
542    --color-scheme-text: var(--color-tertiary-text);
543    --color-scheme-background: var(--color-tertiary-background);
544    --color-scheme-accent-1: var(--color-tertiary-accent-1);
545    --color-scheme-accent-2: var(--color-tertiary-accent-2);
546    --color-scheme-card: var(--color-tertiary-card);
547    --color-scheme-gradient: var(--color-tertiary-gradient);
548    --color-scheme-text-overlay: var(--color-tertiary-text-overlay);
549    --color-scheme-card-text-overlay: var(--color-tertiary-card-text-overlay);
550    --color-scheme-accent-1-overlay: var(--color-tertiary-accent-1-overlay);
551    --color-scheme-accent-2-overlay: var(--color-tertiary-accent-2-overlay);
552    --color-scheme-secondary-background: var(--color-tertiary-card);
553    --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A");
554  }
555
556  [data-color-scheme="quaternary"] {
557    --color-scheme-text: var(--color-quaternary-text);
558    --color-scheme-background: var(--color-quaternary-background);
559    --color-scheme-accent-1: var(--color-quaternary-accent-1);
560    --color-scheme-accent-2: var(--color-quaternary-accent-2);
561    --color-scheme-card: var(--color-quaternary-card);
562    --color-scheme-gradient: var(--color-quaternary-gradient);
563    --color-scheme-text-overlay: var(--color-quaternary-text-overlay);
564    --color-scheme-card-text-overlay: var(--color-quaternary-card-text-overlay);
565    --color-scheme-accent-1-overlay: var(--color-quaternary-accent-1-overlay);
566    --color-scheme-accent-2-overlay: var(--color-quaternary-accent-2-overlay);
567    --color-scheme-secondary-background: var(--color-quaternary-card);
568    --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%23626366' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A");
569  }
570
571  [data-color-scheme="quinary"] {
572    --color-scheme-text: var(--color-quinary-text);
573    --color-scheme-background: var(--color-quinary-background);
574    --color-scheme-accent-1: var(--color-quinary-accent-1);
575    --color-scheme-accent-2: var(--color-quinary-accent-2);
576    --color-scheme-card: var(--color-quinary-card);
577    --color-scheme-gradient: var(--color-quinary-gradient);
578    --color-scheme-text-overlay: var(--color-quinary-text-overlay);
579    --color-scheme-card-text-overlay: var(--color-quinary-card-text-overlay);
580    --color-scheme-accent-1-overlay: var(--color-quinary-accent-1-overlay);
581    --color-scheme-accent-2-overlay: var(--color-quinary-accent-2-overlay);
582    --color-scheme-secondary-background: var(--color-quinary-card);
583    --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%23f5f1e6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A");
584  }
585
586  [data-color-scheme="senary"] {
587    --color-scheme-text: var(--color-senary-text);
588    --color-scheme-background: var(--color-senary-background);
589    --color-scheme-accent-1: var(--color-senary-accent-1);
590    --color-scheme-accent-2: var(--color-senary-accent-2);
591    --color-scheme-card: var(--color-senary-card);
592    --color-scheme-gradient: var(--color-senary-gradient);
593    --color-scheme-text-overlay: var(--color-senary-text-overlay);
594    --color-scheme-card-text-overlay: var(--color-senary-card-text-overlay);
595    --color-scheme-accent-1-overlay: var(--color-senary-accent-1-overlay);
596    --color-scheme-accent-2-overlay: var(--color-senary-accent-2-overlay);
597    --color-scheme-secondary-background: var(--color-senary-card);
598    --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A");
599  }
600
601  [data-color-scheme="septenary"] {
602    --color-scheme-text: var(--color-septenary-text);
603    --color-scheme-background: var(--color-septenary-background);
604    --color-scheme-accent-1: var(--color-septenary-accent-1);
605    --color-scheme-accent-2: var(--color-septenary-accent-2);
606    --color-scheme-card: var(--color-septenary-card);
607    --color-scheme-gradient: var(--color-septenary-gradient);
608    --color-scheme-text-overlay: var(--color-septenary-text-overlay);
609    --color-scheme-card-text-overlay: var(--color-septenary-card-text-overlay);
610    --color-scheme-accent-1-overlay: var(--color-septenary-accent-1-overlay);
611    --color-scheme-accent-2-overlay: var(--color-septenary-accent-2-overlay);
612    --color-scheme-secondary-background: var(--color-septenary-card);
613    --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%232a4a34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A");
614  }
615
616  [data-color-scheme="octonary"] {
617    --color-scheme-text: var(--color-octonary-text);
618    --color-scheme-background: var(--color-octonary-background);
619    --color-scheme-accent-1: var(--color-octonary-accent-1);
620    --color-scheme-accent-2: var(--color-octonary-accent-2);
621    --color-scheme-card: var(--color-octonary-card);
622    --color-scheme-gradient: var(--color-octonary-gradient);
623    --color-scheme-text-overlay: var(--color-octonary-text-overlay);
624    --color-scheme-card-text-overlay: var(--color-octonary-card-text-overlay);
625    --color-scheme-accent-1-overlay: var(--color-octonary-accent-1-overlay);
626    --color-scheme-accent-2-overlay: var(--color-octonary-accent-2-overlay);
627    --color-scheme-secondary-background: var(--color-octonary-card);
628    --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A");
629  }
630
631  [data-color-scheme="white"] {
632    --color-scheme-text: 255,255,255;
633    --color-scheme-accent: 255,255,255;
634    --color-scheme-background: 0,0,0;
635    --color-scheme-card: 0,0,0;
636    --color-scheme-text-overlay: 0,0,0;
637    --color-scheme-accent-1-overlay: 0,0,0;
638    --color-border: 255,255,255;
639  }
640  
641  [data-color-scheme="black"] {
642    --color-scheme-text: 0,0,0;
643    --color-scheme-accent: 0,0,0;
644    --color-scheme-background: 255,255,255;
645    --color-scheme-card: 255,255,255;
646    --color-scheme-text-overlay: 255,255,255;
647    --color-scheme-accent-1-overlay: 255,255,255;
648    --color-border: 0,0,0;
649  }
650
651
652  
653[data-color-scheme] {
654    --color-heading-shadow: var(--color-scheme-accent-1);
655    --color-heading-stroke: var(--color-scheme-accent-1);
656    --color-button-background: var(--color-scheme-accent-1);
657    --color-button-text: var(--color-scheme-accent-1-overlay);
658    --color-button-border: var(--color-scheme-text);
659    --color-button-shadow: var(--color-scheme-accent-1);
660    --color-card-border: var(--color-scheme-text);
661    --color-card-shadow: var(--color-scheme-gradient);
662    --color-sticker-border: var(--color-scheme-text);
663    --color-sticker-shadow: var(--color-scheme-text);
664    --color-media-border: var(--color-scheme-text);
665    --color-media-shadow: var(--color-scheme-gradient);
666    --color-media-shadow-fill: rgb(var(--color-scheme-gradient));
667    --color-sticker-shadow: var(--color-scheme-text);
668    --color-sticker-shadow-fill: rgb(var(--color-scheme-text));--heading-color: var(--color-scheme-accent-1);
669    --heading-text-shadow:}
670
671  [data-color-scheme] .card {
672    --color-scheme-text-overlay: var(--color-scheme-card-text-overlay);
673  }
674  
675
676
677  /*
678  Typography and spacing sizes
679  */:root {
680    --base-font-size: 100.0%;
681    --base-line-height: 1.375;
682    --line-height-heading: 1.1;
683    --font-size-ratio-dxs: 0.928;
684    --font-size-ratio-xs: 0.7491535;
685    --font-size-ratio-sm: 0.8908985;
686    --font-size-ratio-sm-o: 0.8;
687    --font-size-ratio-ssl: 0.98;
688    --font-size-mb-bottom-menu: 0.940;
689    --font-size-ratio-sl: 0.8; /* 16px */
690    --font-size-ratio-base: 1; /* 17px */
691    --font-size-mb-base: 1.064; /* 17px */
692    --font-size-ratio-base-o: 1.11; /* 17.289px */
693    --font-size-ratio-s: 1.125; /* 18px */    
694    --font-size-ratio-lg: 1.25; /* 20px */
695    --font-size-ratio-lg-o: 1.33; /* 21px */
696    --font-size-ratio-xl: 1.375; /* 22px */
697    --font-size-ratio-xxl: 1.500; /* 24px */
698    --font-size-ratio-xxl-n: 1.600; /* 26px */
699    --font-size-ratio-2xl-n: 1.7125; /* 27px */
700    --font-size-ratio-2xl: 1.8125; /* 29px */
701    --font-size-ratio-xxxl: 1.875; /* 30px */
702    --font-size-ratio-3xl: 2; /* 32px */
703    --font-size-ratio-4xl: 2.1; /* 33px */
704    --font-size-ratio-5xl: 2.125; /* 34px */
705    --font-size-ratio-5xl-o: 2.190; /* 35px */
706    --font-size-ratio-6xl: 2.25; /* 36px */
707    --font-size-ratio-7xl: 2.375;/* 38px */
708    --font-size-ratio-7xlxl: 2.5;/* 40px */
709    --font-size-ratio-8xl: 2.625; /* 42px */
710    --font-size-ratio-9xl: 2.5;
711    --font-size-mb-xxl-o: calc(var(--font-size-ratio-xxl-n) * 1rem);
712    --font-size-sm-o: calc(var(--font-size-ratio-sm-o) * 1rem);
713    --font-size-mb-bottom-menu-o: calc(var(--font-size-mb-bottom-menu) * 1rem);
714    --font-size-mb-base-o: calc(var(--font-size-mb-base) * 1rem);
715    --font-size-dxl: calc(var(--font-size-ratio-dxs) * 1rem);
716    --font-size-xxxl: calc(var(--font-size-ratio-xxxl) * 1rem);
717    --font-size-ssl: calc(var(--font-size-ratio-ssl) * 1rem);
718    --font-size-sl: calc(var(--font-size-ratio-sl) * 1rem);
719    --font-size-xs: calc(var(--font-size-ratio-xs) * 1rem);
720    --font-size-sm: calc(var(--font-size-ratio-sm) * 1rem);    
721    --font-size-base: calc(var(--font-size-ratio-base) * 1rem);
722    --font-size-base-o: calc(var(--font-size-ratio-base-o) * 1rem);
723    --font-size-s: calc(var(--font-size-ratio-s) * 1rem);
724    --font-size-lg: calc(var(--font-size-ratio-lg) * 1rem);
725    --font-size-lg-o: calc(var(--font-size-ratio-lg-o) * 1rem);
726    --font-size-xl: calc(var(--font-size-ratio-xl) * 1rem);
727    --font-size-xxl: calc(var(--font-size-ratio-xxl) * 1rem);
728    --font-size-2xl: calc(var(--font-size-ratio-2xl) * 1rem);
729    --font-size-2xl-o: calc(var(--font-size-ratio-2xl-n) * 1rem);
730    --font-size-3xl: calc(var(--font-size-ratio-3xl) * 1rem);
731    --font-size-4xl: calc(var(--font-size-ratio-4xl) * 1rem);
732    --font-size-5xl: calc(var(--font-size-ratio-5xl) * 1rem);
733    --font-size-5xl-o: calc(var(--font-size-ratio-5xl-o) * 1rem);
734    --font-size-6xl: calc(var(--font-size-ratio-6xl) * 1rem);
735    --font-size-7xl: calc(var(--font-size-ratio-7xl) * 1rem);
736    --font-size-7xlxl: calc(var(--font-size-ratio-7xlxl) * 1rem);
737    --font-size-8xl: calc(var(--font-size-ratio-8xl) * 1rem);
738    --font-size-9xl: calc(var(--font-size-ratio-9xl) * 1rem);
739
740    --standard-heading-size: var(--font-size-3xl);
741    --feature-heading-size: var(--font-size-3xl);
742    --secondary-heading-size: var(--font-size-2xl);
743    --section-vertical-spacing: 3.75rem;    
744    --base-font-size-desktop: calc(var(--font-size-ratio-base) * 1rem + 2px) ;
745  }
746  @media (min-width: 990px) {
747    :root {      
748      --font-size-base: calc(var(--font-size-ratio-base) * 1rem + 2px);      
749      --standard-heading-size: var(--font-size-3xl);
750      --feature-heading-size: var(--font-size-8xl);
751      --secondary-heading-size: var(--font-size-5xl);
752      --section-vertical-spacing: 5rem;
753      --section-x-padding: 2.5rem;
754      --section-y-padding: 2.5rem;
755      --grid-gap: 2.5rem;
756    }
757    
758  }
759  @media (min-width: 1200px) {
760    :root {      
761      --section-x-padding: 5rem;
762      --section-y-padding: 5rem;
763    }
764    
765  }
766
767
768  .heading-effects {
769    color: rgb(var(--heading-color));
770    text-shadow: var(--heading-text-shadow);
771    -webkit-text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke));
772    text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke));
773  }
774  
775  .heading-standard {
776    font-size: var(--standard-heading-size);
777    
778    color: rgb(var(--heading-color));
779    text-shadow: var(--heading-text-shadow);
780    -webkit-text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke));
781    text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke));
782  
783  }
784
785  .heading-feature {
786    font-size: var(--feature-heading-size);
787    font-size: 30px;
788    line-height: 42px;
789    
790    /* color: rgb(var(--heading-color)); */
791    text-shadow: var(--heading-text-shadow);
792    -webkit-text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke));
793    text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke));
794    
795  }
796
797  .heading-secondary {
798    font-size: var(--secondary-heading-size);
799  }
800
801 
802  /*
803  Cards
804  */
805  .card-container::after {}
806
807  /*
808  Media
809  */
810  .media-style-container::after,
811  .media-shape-drop-shadow {}
812
813
814  /*
815  Custom cursor
816  */</style>
817
818      <style data-shopify>
819        
820        
821        
822:root {
823          --font-an-cr: 'Gotham Cond'; /* weight: 400, was Gotham Narrow */
824          --font-an-cm: 'Gotham Cond'; /* weight: 500, was Gotham Narrow */
825          --font-an-cb: 'Sofia Pro'; /* weight: 700, was Gotham Cond */
826          --font-an-cdb: 'Gotham Cond';	/* weight: 600, was Gotham Narrow */
827          --font-an-ch: 'Gotham Cond'; /* weight: 900, was Gotham Narrow */
828
829          --font-sp: 'Sofia Pro';
830          --font-gc: 'Gotham Cond';
831            
832          --heading-font-stack: 'Gotham Cond',  Helvetica, Arial, sans-serif;
833          --heading-font-hel: Helvetica, Arial, sans-serif;
834          --heading-font-weight: 700;
835          --heading-font-style: normal;
836          --heading-letterspacing: 0.0;
837          --heading-capitalize: none;
838          
839          --main-font-stack: 'Sofia Pro', Helvetica, Arial, sans-serif;
840          --main-font-weight: normal;
841          --main-font-style: 500;
842          --accent-font-stack: , ;
843          --accent-font-weight: ;
844          --accent-font-style: ;
845        }
846     
847      </style>
848
849      <style id="generated-critical-css">
850.max-w-site{max-width:var(--max-site-width)}
851</style>
852      <style id="manual-critical-css">
853        [x-cloak] {
854          display: none;
855        }
856        [data-parallax-container] {
857          will-change: opacity;
858          opacity: 0;
859          transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
860        }
861        .no-js [data-parallax-container],
862        [data-parallax-container].animated {
863          opacity: 1;
864        }
865
866        @media (prefers-reduced-motion) {
867          [data-parallax-container] {
868            opacity: 1;
869          }
870        }
871      </style>
872
873      
874      
875      
875<script>
876        window.onYouTubeIframeAPIReady = () => {
877          document.body.dispatchEvent(new CustomEvent('youtubeiframeapiready'));
878        };
879      </script>
879
880      
880<script type="text/javascript">
881    (function(c,l,a,r,i,t,y){
882        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
883        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
884        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
885    })(window, document, "clarity", "script", "n4vqv5xlt1");
886    </script>
886
887 
888    <!-- BEGIN app block: shopify://apps/sc-easy-redirects/blocks/app/be3f8dbd-5d43-46b4-ba43-2d65046054c2 -->
889    <!-- common for all pages -->
890    
891    
892        
892<script src="https://cdn.shopify.com/extensions/019feafe-a942-7fff-96d6-964177dec909/sc-easy-redirects-16/assets/esc-redirect-app-live-feature.js" async></script>
892
893    
894
895
896
897
898<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
899
900
901
902
903
904
905
906
907
908
909
910
911  
911<script async src="https://static.klaviyo.com/onsite/js/UP6YKc/klaviyo.js?company_id=UP6YKc"></script>
911
912  
912<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>
912
913
914  
915
916
917
918
919  
919<script>
920    window.klaviyoReviewsProductDesignMode = false
921  </script>
921
922
923
924
925
926
927
928
929
930
931<!-- END app block --><!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin />
932<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
933<script>
934/* >> TriplePixel :: start*/
935window.TriplePixelData={TripleName:"af2be4-8b.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{  }},search:"",collection:"",cart:"modal",template:"search",curr:"USD" || "USD", market:"6679134337"},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage);
936/* << TriplePixel :: end*/
937</script>
937
938
939
940
941<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->
942
943
944  
944<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/VU2wz6CBlBHS3bAWtsXweH8ZbzbDVztWAwkOl4RJ?languageCode=en" async></script>
944
945
946
947
948  
949<!-- END app block --><!-- BEGIN app block: shopify://apps/rebuy-personalization-engine/blocks/rebuy-global-embed/a26ae9b9-933b-40bf-bbc6-bf1220bbc4dc -->
950<script>
951  window.Rebuy = window.Rebuy || {};
952  window.Rebuy.customer = window.Rebuy.customer || {};
953  
954  window.Rebuy.market = window.Rebuy.market || {};
955  
956  window.Rebuy.market.country = "US";
957  
958  
959  window.Rebuy.market.locale = "en";
960  
961</script>
961
962
963
964
965
966
967<!-- END app block -->
967<script src="https://cdn.shopify.com/extensions/01a0f6b9-396a-713a-ba86-3c9e67328667/avada-cookie-bar-63/assets/avada-cookie.js" type="text/javascript" defer="defer"></script>
967
968<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
969<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: 56974114945,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "search"};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>
vendor: 1 bytes, line 969
969
970<script>
971  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
972</script>
vendor: 1 bytes, line 972
972
973<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
973).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 56974114945,storefrontBaseUrl: "https://hummkombucha.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://hummkombucha.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"744358017","configuration":"{\"collectorUrl\":\"https:\/\/nohi-shopify-app-prod-1049263400892.us-west1.run.app\/api\/pixel-event\",\"collectorToken\":\"F%D@t8pVa0Jj-6_+@-)KyEv-0tDV=Y.K\",\"shop\":\"af2be4-8b.myshopify.com\",\"ingestOutboxEnabled\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"84fd5447c93ce09e66f4a2c9d8d229cd","type":"APP","apiClientId":304696819713,"privacyPurposes":["ANALYTICS","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"703398017","configuration":"{\"projectId\":\"n4vqv5xlt1\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
973,"dataSharingState":"unrestricted"},{"id":"400982145","configuration":"{\"accountID\":\"UP6YKc\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","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":"optimized","enabledFlags":["9a3ed68a"]},{"id":"354943105","configuration":"{\"store_id\":\"190955\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"10c4f173702937db6fa4bf871600cafd","type":"APP","apiClientId":294517,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"248709249","configuration":"{\"shop\":\"af2be4-8b.myshopify.com\", \"shopliftUrl\":\"https:\/\/events.shoplift.ai\/api\/events\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"dabcda9558be25394b12ce3ce899568b","type":"APP","apiClientId":7521861633,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"230359169","configuration":"{\"mntnAID\":\"43023\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b8ecc2eedc793aefdb0d20e94c7addf0","type":"APP","apiClientId":27490025473,"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":"optimized"},{"id":"219218049","configuration":"{\"shopId\":\"af2be4-8b.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"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":"optimized"},{"id":"67764353","configuration":"{\"pixel_id\":\"857271511091033\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Humm Kombucha","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"af2be4-8b.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/hummkombucha.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://hummkombucha.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"127829770369","themePublished":"true","eventMetadataId":"24dcc465-ffba-49ca-a410-987bf49d44f1","pageType":"searchresults","shopId":"56974114945","storefrontBaseUrl":"https:\/\/hummkombucha.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"\",\"productVariants\":[]}}]]"});})();</script>
973<script>
974  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
975  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
976  window.ShopifyAnalytics.meta.currency = 'USD';
977  var meta = {"products":[],"page":{"pageType":"searchresults","requestId":"14edae5b-e183-4876-b8ea-f75ecf4a0eab-1791060643"}};
978  for (var attr in meta) {
979    window.ShopifyAnalytics.meta[attr] = meta[attr];
980  }
981</script>
vendor: 1 bytes, line 981
981
982<script class="analytics">
983  (function () {
984    var customDocumentWrite = function(content) {
985      var jquery = null;
986
987      if (window.jQuery) {
988        jquery = window.jQuery;
989      } else if (window.Checkout && window.Checkout.$) {
990        jquery = window.Checkout.$;
991      }
992
993      if (jquery) {
994        jquery('body').append(content);
995      }
996    };
997
998    var hasLoggedConversion = function(token) {
999      if (token) {
1000        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1001      }
1002      return false;
1003    }
1004
1005    var setCookieIfConversion = function(token) {
1006      if (token) {
1007        var twoMonthsFromNow = new Date(Date.now());
1008        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1009
1010        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1011      }
1012    }
1013
1014    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1015    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1016    if (trekkie.integrations) {
1017      return;
1018    }
1019    trekkie.methods = [
1020      'identify',
1021      'page',
1022      'ready',
1023      'track',
1024      'trackForm',
1025      'trackLink'
1026    ];
1027    trekkie.factory = function(method) {
1028      return function() {
1029        var args = Array.prototype.slice.call(arguments);
1030        args.unshift(method);
1031        trekkie.push(args);
1032        if (method == 'track' || method == 'page') {
1033          var pageUrl;
1034          try {
1035            pageUrl = window.location.href;
1036          } catch (e) {}
1037          var pageReferrer;
1038          try {
1039            pageReferrer = document.referrer;
1040          } catch (e) {}
1041          try {
1042            if (window.__TREKKIE_SHIM_QUEUE == null) {
1043              window.__TREKKIE_SHIM_QUEUE = [];
1044            }
1045            window.__TREKKIE_SHIM_QUEUE.push({
1046              from: 'trekkie-stub',
1047              method: method,
1048              args: args.slice(1),
1049              pageContext: {
1050                url: pageUrl,
1051                referrer: pageReferrer
1052              }
1053            });
1054          } catch (e) {
1055            // no-op
1056          }
1057        }
1058        return trekkie;
1059      };
1060    };
1061    for (var i = 0; i < trekkie.methods.length; i++) {
1062      var key = trekkie.methods[i];
1063      trekkie[key] = trekkie.factory(key);
1064    }
1065    trekkie.load = function(config) {
1066      trekkie.config = config || {};
1067      trekkie.config.initialDocumentCookie = document.cookie;
1068      var first = document.getElementsByTagName('script')[0];
1069var script = document.createElement('script');
1070script.type = 'text/javascript';
1071script.onerror = function(e) {
1072  var scriptFallback = document.createElement('script');
1073  scriptFallback.type = 'text/javascript';
1074  scriptFallback.onerror = function(error) {
1075          var Monorail = {
1076      produce: function produce(monorailDomain, schemaId, payload) {
1077        var currentMs = new Date().getTime();
1078        var event = {
1079          schema_id: schemaId,
1080          payload: payload,
1081          metadata: {
1082            event_created_at_ms: currentMs,
1083            event_sent_at_ms: currentMs
1084          }
1085        };
1086        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1087      },
1088      sendRequest: function sendRequest(endpointUrl, payload) {
1089        // Try the sendBeacon API
1090        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1091          var blobData = new window.Blob([payload], {
1092            type: 'text/plain'
1093          });
1094
1095          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1096            return true;
1097          } // sendBeacon was not successful
1098
1099        } // XHR beacon
1100
1101        var xhr = new XMLHttpRequest();
1102
1103        try {
1104          xhr.open('POST', endpointUrl);
1105          xhr.setRequestHeader('Content-Type', 'text/plain');
1106          xhr.send(payload);
1107        } catch (e) {
1108          console.log(e);
1109        }
1110
1111        return false;
1112      },
1113      isIos12: function isIos12() {
1114        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1115      }
1116    };
1117    Monorail.produce('monorail-edge.shopifysvc.com',
1118      'trekkie_storefront_load_errors/1.1',
1119      {shop_id: 56974114945,
1120      theme_id: 127829770369,
1121      app_name: "storefront",
1122      context_url: window.location.href,
1123      source_url: "//hummkombucha.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1124
1125  };
1126  scriptFallback.async = true;
1127  scriptFallback.src = '//hummkombucha.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1128  first.parentNode.insertBefore(scriptFallback, first);
1129};
1130script.async = true;
1131script.src = '//hummkombucha.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1132first.parentNode.insertBefore(script, first);
1133
1134    };
1135    trekkie.load(
1136      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":56974114945,"isMerchantRequest":null,"themeId":127829770369,"themeCityHash":"9903237514222176949","contentLanguage":"en","currency":"USD","eventMetadataId":"24dcc465-ffba-49ca-a410-987bf49d44f1"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1137    );
1138
1139    var loaded = false;
1140    trekkie.ready(function() {
1141      if (loaded) return;
1142      loaded = true;
1143
1144      window.ShopifyAnalytics.lib = window.trekkie;
1145
1146      var originalDocumentWrite = document.write;
1147      document.write = customDocumentWrite;
1148      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1149      document.write = originalDocumentWrite;
1150
1151      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1152      var token = match? match[1]: undefined;
1153      if (!hasLoggedConversion(token)) {
1154        setCookieIfConversion(token);
1155        window.ShopifyAnalytics.lib.track("Performed Search",{"query":null},undefined,undefined,{"shopifyEmitted":true});
1156      }
1157    });
1158
1159    window.ShopifyAnalytics.lib.page(null,{"pageType":"searchresults","requestId":"14edae5b-e183-4876-b8ea-f75ecf4a0eab-1791060643","shopifyEmitted":true});
1160
1161    var eventsListenerScript = document.createElement('script');
1162    eventsListenerScript.async = true;
1163    eventsListenerScript.src = "//hummkombucha.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1164    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1165})();</script>
vendor: 1 bytes, line 1165
1165
1166<script
1167  defer
1168  src="https://hummkombucha.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1169  data-application="storefront-renderer"
1170  data-shop-id="56974114945"
1171  data-render-region="gcp-us-central1"
1172  data-page-type="search"
1173  data-theme-instance-id="127829770369"
1174  data-theme-name="Shapes"
1175  data-theme-version="2.0.3"
1176  data-monorail-region="shop_domain"
1177  data-resource-timing-sampling-rate="10"
1178  data-shs="true"
1179  data-shs-beacon="true"
1180  data-shs-export-with-fetch="true"
1181  data-shs-logs-sample-rate="1"
1182  data-shs-beacon-endpoint="https://hummkombucha.com/api/collect"
1183></script>
1183
1184<meta name="shopify-y" content="9e91eab0-66f3-4085-b330-54137b07687a" data-expiration="1822618243000"><meta name="shopify-s" content="25bad601-b650-46b7-abca-812cfb0548e6" data-expiration="1791062443000"><meta name="new-cookie-storage-activated" content="t">
1185</head>
1186
1187    <body data-color-scheme="primary" class="template-- template--search ">
1188      <!-- Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 1188-1189
1188
1189      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1189GTM-NK8RRSJ
vendor: 95 bytes, lines 1189-1191
1189"
1190      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1191      
1191<!-- End Google Tag Manager (noscript) -->
1192      
1193      <a class="skip-link" href="#MainContent">Skip to content</a><!-- BEGIN sections: header-group -->
1194<div id="shopify-section-sections--15581864099969__header" class="shopify-section shopify-section-group-header-group section-site-header relative z-40">
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204  
1204<script src="//hummkombucha.com/cdn/shop/t/38/assets/header.js?v=182628185038524633281762462223" type="module"></script>
1204
1205
1206<script src="//hummkombucha.com/cdn/shop/t/38/assets/cart-count.js?v=84287894238233047101762462223" type="module"></script>
1206
1207
1208<header
1209  class="
1210    site-header w-full text-scheme-text
1211    
1212      relative bg-scheme-background text-scheme-text border-b-section border-border
1213    
1214    transition-[background-color,border-color] ease-in-out duration-200
1215    
1216      lg:w-auto
1217    "
1218  role="banner"
1219  data-section-type="header"
1220  data-section-id="sections--15581864099969__header"
1221  x-data="ThemeSection_header(1)"
1222  x-init="mounted()"
1223  data-color-scheme="primary"
1224  
1225  
1226    data-sticky-header
1227    
1228    :class="
1229      {
1230        'header-is-active' : menuIsActive,
1231      }"
1232    
1233  
1234>
1235  <div id="headerBorderWrap" class="headerBorderWrap">
1236    <div id="headerContainer"
1237          class="z-10">
1238      <div
1239        class="py-2 lg:py-0 px-section overflow-hidden">
1240        <div class="flex justify-between items-center">
1241
1242          
1243            <div class="lg:hidden ham-menu mr-5">
1244              <button
1245  class="font-heading normal-case js-enabled inline-block -m-1 p-1 lg:hidden"
1246  type="button"
1247  x-bind:aria-expanded="$store.modals.leftDrawer.contents === 'nav'"
1248  @click="$store.modals.open('nav')"
1249  data-menu-drawer-toggle>
1250
1251  <span class="visually-hidden">Menu</span><span class="block icon">
1252    <span class="w-6 h-6 inline-block align-middle"><svg class="theme-icon" width="46" height="26" viewBox="0 0 46 26" fill="none" xmlns="http://www.w3.org/2000/svg">
1253  <path d="M2 2H44" stroke="#2A4A34" stroke-width="2.5" stroke-linecap="round"/>
1254  <path d="M2 13H44" stroke="#2A4A34" stroke-width="2.5" stroke-linecap="round"/>
1255  <path d="M2 24H44" stroke="#2A4A34" stroke-width="2.5" stroke-linecap="round"/>
1256</svg></span>
1257  </span></button>
1258<noscript>
1259  <div class="no-js-focus-wrapper">
1260    <button
1261      class="inline-block -m-1 p-1 lg:hidden"
1262      type="button"
1263      data-menu-drawer-toggle>
1264      <span class="visually-hidden">Menu</span><span class="block icon">
1265        <span class="w-6 h-6 inline-block align-middle"><svg class="theme-icon" width="46" height="26" viewBox="0 0 46 26" fill="none" xmlns="http://www.w3.org/2000/svg">
1266  <path d="M2 2H44" stroke="#2A4A34" stroke-width="2.5" stroke-linecap="round"/>
1267  <path d="M2 13H44" stroke="#2A4A34" stroke-width="2.5" stroke-linecap="round"/>
1268  <path d="M2 24H44" stroke="#2A4A34" stroke-width="2.5" stroke-linecap="round"/>
1269</svg></span>
1270      </span></button>
1271    <div class="hidden no-js-focus-container absolute left-0 bottom-0 w-11/12 md:w-7/12 lg:w-5/12 py-section-vertical-spacing px-section transform translate-y-[calc(100%-var(--section-border-thickness))] z-100 text-center max-h-three-quarters-screen-height overflow-hidden overflow-y-auto bg-scheme-card  text-scheme-text"><div
1272    class="sidebar-nav "
1273  >
1274  <div class="relative flex items-center justify-between pb-5">
1275    <h2 class="sr-only" class="" tabindex="-1">
1276      Mega Menu
1277    </h2>
1278  </div>
1279  <ul class="mt-5">
1280    
1281      
1282      
1283      <li class="text-lg lg:text-xl" style="--first-delay-tap: 0;">
1284        
1285          <div
1286            x-data="
1287              {
1288                expanded: true
1289              }
1290            "
1291          >
1292            <button
1293              class="w-full flex flex-row justify-between items-center font-heading py-2.5"
1294              @click="expanded = ! expanded"
1295              :aria-expanded="expanded"
1296            >
1297              <span>Shop</span>
1298              <div class="ml-auto">
1299                <span class="w-3 h-3 block" :class="{'rotate-180': expanded}"><svg class="theme-icon" width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1300    <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/>
1301</svg>
1302    </span>
1303              </div>
1304            </button>
1305            <div x-show="expanded" x-collapse>
1306
1307              <ul class="pb-5 text-base font-main">
1308                
1309                  
1310
1311                    <li class="my-3 text-base" style="--second-delay-tap: 0;">
1312                      
1313                        <div
1314                          x-data="{ expanded: false }">
1315                          <button
1316                            class="w-full flex flex-row justify-between items-center "
1317                            @click="expanded = ! expanded"
1318                            :aria-expanded="expanded"
1319                          >
1320                            <span>Featured</span>
1321                            <div class="ml-auto">
1322                              <span class="w-3 h-3 block" :class="{'rotate-180': expanded}"><svg class="theme-icon" width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1323    <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/>
1324</svg>
1325    </span>
1326                            </div>
1327                          </button>
1328                          <ul x-show="expanded" x-collapse>
1329                            
1330                              
1331                              <li
1332                                class="my-3 pl-5 text-base" style="--third-delay-tap: 0;"
1333                              >
1334                                <a href="/collections/all">
1335                                  Shop All
1336                                </a>
1337                              </li>
1338                            
1339                              
1340                              <li
1341                                class="my-3 pl-5 text-base" style="--third-delay-tap: 1;"
1342                              >
1343                                <a href="/products/custom-variety-pack">
1344                                  Custom Variety Pack
1345                                </a>
1346                              </li>
1347                            
1348                              
1349                              <li
1350                                class="my-3 pl-5 text-base" style="--third-delay-tap: 2;"
1351                              >
1352                                <a href="/collections/best-sellers">
1353                                  Best-Sellers
1354                                </a>
1355                              </li>
1356                            
1357                              
1358                              <li
1359                                class="my-3 pl-5 text-base" style="--third-delay-tap: 3;"
1360                              >
1361                                <a href="/collections/variety-packs">
1362                                  Variety Packs
1363                                </a>
1364                              </li>
1365                            
1366                          </ul>
1367                        </div>
1368                      
1369                    </li>
1370                  
1371                  
1372
1373                    <li class="my-3 text-base" style="--second-delay-tap: 1;">
1374                      
1375                        <div
1376                          x-data="{ expanded: false }">
1377                          <button
1378                            class="w-full flex flex-row justify-between items-center "
1379                            @click="expanded = ! expanded"
1380                            :aria-expanded="expanded"
1381                          >
1382                            <span>Original Kombucha</span>
1383                            <div class="ml-auto">
1384                              <span class="w-3 h-3 block" :class="{'rotate-180': expanded}"><svg class="theme-icon" width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1385    <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/>
1386</svg>
1387    </span>
1388                            </div>
1389                          </button>
1390                          <ul x-show="expanded" x-collapse>
1391                            
1392                              
1393                              <li
1394                                class="my-3 pl-5 text-base" style="--third-delay-tap: 4;"
1395                              >
1396                                <a href="/products/original-lemon-lime-kombucha">
1397                                  NEW Lemon Lime
1398                                </a>
1399                              </li>
1400                            
1401                              
1402                              <li
1403                                class="my-3 pl-5 text-base" style="--third-delay-tap: 5;"
1404                              >
1405                                <a href="/products/original-blackberry-kombucha">
1406                                  Blackberry
1407                                </a>
1408                              </li>
1409                            
1410                              
1411                              <li
1412                                class="my-3 pl-5 text-base" style="--third-delay-tap: 6;"
1413                              >
1414                                <a href="/products/original-blueberry-mint-kombucha">
1415                                  Blueberry Mint
1416                                </a>
1417                              </li>
1418                            
1419                              
1420                              <li
1421                                class="my-3 pl-5 text-base" style="--third-delay-tap: 7;"
1422                              >
1423                                <a href="/products/og-cherry-limeade-kombucha">
1424                                  Cherry Limeade
1425                                </a>
1426                              </li>
1427                            
1428                              
1429                              <li
1430                                class="my-3 pl-5 text-base" style="--third-delay-tap: 8;"
1431                              >
1432                                <a href="/products/original-mango-passionfruit-kombucha">
1433                                  Mango Passionfruit
1434                                </a>
1435                              </li>
1436                            
1437                              
1438                              <li
1439                                class="my-3 pl-5 text-base" style="--third-delay-tap: 9;"
1440                              >
1441                                <a href="/products/original-ruby-red-grapefruit-kombucha">
1442                                  Ruby Red Grapefruit
1443                                </a>
1444                              </li>
1445                            
1446                              
1447                              <li
1448                                class="my-3 pl-5 text-base" style="--third-delay-tap: 10;"
1449                              >
1450                                <a href="/products/original-strawberry-blossom-kombucha">
1451                                  Strawberry Blossom
1452                                </a>
1453                              </li>
1454                            
1455                              
1456                              <li
1457                                class="my-3 pl-5 text-base" style="--third-delay-tap: 11;"
1458                              >
1459                                <a href="/products/original-strawberry-lemonade-kombucha">
1460                                  Strawberry Lemonade
1461                                </a>
1462                              </li>
1463                            
1464                          </ul>
1465                        </div>
1466                      
1467                    </li>
1468                  
1469                  
1470
1471                    <li class="my-3 text-base" style="--second-delay-tap: 2;">
1472                      
1473                        <div
1474                          x-data="{ expanded: false }">
1475                          <button
1476                            class="w-full flex flex-row justify-between items-center "
1477                            @click="expanded = ! expanded"
1478                            :aria-expanded="expanded"
1479                          >
1480                            <span>Nitro Kombucha</span>
1481                            <div class="ml-auto">
1482                              <span class="w-3 h-3 block" :class="{'rotate-180': expanded}"><svg class="theme-icon" width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1483    <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/>
1484</svg>
1485    </span>
1486                            </div>
1487                          </button>
1488                          <ul x-show="expanded" x-collapse>
1489                            
1490                              
1491                              <li
1492                                class="my-3 pl-5 text-base" style="--third-delay-tap: 12;"
1493                              >
1494                                <a href="/products/nitro-blackberry-vanilla-kombucha">
1495                                  Blackberry Vanilla
1496                                </a>
1497                              </li>
1498                            
1499                              
1500                              <li
1501                                class="my-3 pl-5 text-base" style="--third-delay-tap: 13;"
1502                              >
1503                                <a href="/products/nitro-orange-dream-pop-kombucha">
1504                                  Orange Dream Pop
1505                                </a>
1506                              </li>
1507                            
1508                              
1509                              <li
1510                                class="my-3 pl-5 text-base" style="--third-delay-tap: 14;"
1511                              >
1512                                <a href="/products/nitro-pina-colada-kombucha">
1513                                  Piña Colada
1514                                </a>
1515                              </li>
1516                            
1517                              
1518                              <li
1519                                class="my-3 pl-5 text-base" style="--third-delay-tap: 15;"
1520                              >
1521                                <a href="/products/nitro-strawberry-vanilla-kombucha">
1522                                  Strawberry Vanilla
1523                                </a>
1524                              </li>
1525                            
1526                          </ul>
1527                        </div>
1528                      
1529                    </li>
1530                  
1531                  
1532
1533                    <li class="my-3 text-base" style="--second-delay-tap: 3;">
1534                      
1535                        <div
1536                          x-data="{ expanded: false }">
1537                          <button
1538                            class="w-full flex flex-row justify-between items-center "
1539                            @click="expanded = ! expanded"
1540                            :aria-expanded="expanded"
1541                          >
1542                            <span>Zero Sugar Kombucha</span>
1543                            <div class="ml-auto">
1544                              <span class="w-3 h-3 block" :class="{'rotate-180': expanded}"><svg class="theme-icon" width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1545    <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/>
1546</svg>
1547    </span>
1548                            </div>
1549                          </button>
1550                          <ul x-show="expanded" x-collapse>
1551                            
1552                              
1553                              <li
1554                                class="my-3 pl-5 text-base" style="--third-delay-tap: 16;"
1555                              >
1556                                <a href="/products/zero-sugar-blueberry-acai-kombucha">
1557                                  Acai Blueberry
1558                                </a>
1559                              </li>
1560                            
1561                              
1562                              <li
1563                                class="my-3 pl-5 text-base" style="--third-delay-tap: 17;"
1564                              >
1565                                <a href="/products/zero-sugar-blood-orange-kombucha">
1566                                  Blood Orange
1567                                </a>
1568                              </li>
1569                            
1570                              
1571                              <li
1572                                class="my-3 pl-5 text-base" style="--third-delay-tap: 18;"
1573                              >
1574                                <a href="/products/zero-sugar-peach-tea-kombucha">
1575                                  Peach Tea
1576                                </a>
1577                              </li>
1578                            
1579                              
1580                              <li
1581                                class="my-3 pl-5 text-base" style="--third-delay-tap: 19;"
1582                              >
1583                                <a href="/products/zero-sugar-raspberry-lemonade-kombucha">
1584                                  Raspberry Lemonade
1585                                </a>
1586                              </li>
1587                            
1588                          </ul>
1589                        </div>
1590                      
1591                    </li>
1592                  
1593              </ul>
1594              
1595            </div>
1596          </div>
1597      
1598      </li>
1599    
1600      
1601      
1602      <li class="text-lg lg:text-xl" style="--first-delay-tap: 1;">
1603        
1604        <a class="block font-heading py-2.5" href="/pages/our-story">
1605          About
1606        </a>
1607      
1608      </li>
1609    
1610      
1611      
1612      <li class="text-lg lg:text-xl" style="--first-delay-tap: 2;">
1613        
1614        <a class="block font-heading py-2.5" href="/pages/find-a-store">
1615          Find In Store
1616        </a>
1617      
1618      </li>
1619    
1620      
1621      
1622      <li class="text-lg lg:text-xl" style="--first-delay-tap: 3;">
1623        
1624        <a class="block font-heading py-2.5" href="/products/custom-variety-pack">
1625          Build a Bundle
1626        </a>
1627      
1628      </li>
1629    
1630  </ul>
1631
1632
1633  <div class="mt-5 space-y-5">
1634      <ul class="space-y-1.5">
1635        
1636          <li>
1637            <a href="https://hummkombucha.com/customer_authentication/redirect?locale=en&amp;region_country=US" id="customer_login_link">Log in</a>
1638          </li>
1639          <li>
1640            <a href="https://account.hummkombucha.com?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJhZjJiZTQtOGIubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkxNjY1NDQ0LCJuYmYiOjE3OTEwNjA2NDR9.C1PutYeN1y8EmX1V8ubVumhlp27e_sNfdViVNehYSvI" id="customer_register_link">Create account</a>
1641          </li>
1642        
1643      </ul>
1644    
1645<ul class="flex flex-row -mx-2 -mt-2 pt-8  justify-start">
1646  
1647
1648    
1649    
1650      
1651        <li class="mx-1 mt-1">
1652          <a class="fill-current hover:text--accent-1" href="https://www.instagram.com/hummkombucha/" target="_blank">
1653            <span class="inline-block" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
1654    <circle cx="17.7969" cy="17.5781" r="17.5781" fill="#ffffff"/>
1655    <path d="M13.9641 8.59375H21.425C24.2673 8.59375 26.5766 10.9031 26.5766 13.7453V21.2063C26.5766 22.5726 26.0339 23.8829 25.0678 24.849C24.1017 25.8151 22.7913 26.3579 21.425 26.3579H13.9641C11.1218 26.3579 8.8125 24.0485 8.8125 21.2063V13.7453C8.8125 12.3791 9.35526 11.0687 10.3214 10.1026C11.2875 9.13651 12.5978 8.59375 13.9641 8.59375ZM13.7865 10.3702C12.9384 10.3702 12.1251 10.707 11.5255 11.3067C10.9258 11.9064 10.5889 12.7197 10.5889 13.5677V21.3839C10.5889 23.1515 12.0189 24.5815 13.7865 24.5815H21.6027C22.4507 24.5815 23.264 24.2446 23.8637 23.6449C24.4633 23.0453 24.8002 22.232 24.8002 21.3839V13.5677C24.8002 11.8002 23.3702 10.3702 21.6027 10.3702H13.7865ZM22.3576 11.7025C22.6521 11.7025 22.9345 11.8194 23.1427 12.0277C23.3509 12.2359 23.4679 12.5183 23.4679 12.8127C23.4679 13.1072 23.3509 13.3896 23.1427 13.5978C22.9345 13.806 22.6521 13.923 22.3576 13.923C22.0632 13.923 21.7808 13.806 21.5726 13.5978C21.3644 13.3896 21.2474 13.1072 21.2474 12.8127C21.2474 12.5183 21.3644 12.2359 21.5726 12.0277C21.7808 11.8194 22.0632 11.7025 22.3576 11.7025ZM17.6946 13.0348C18.8724 13.0348 20.002 13.5027 20.8348 14.3355C21.6677 15.1684 22.1356 16.298 22.1356 17.4758C22.1356 18.6537 21.6677 19.7832 20.8348 20.6161C20.002 21.449 18.8724 21.9168 17.6946 21.9168C16.5167 21.9168 15.3871 21.449 14.5543 20.6161C13.7214 19.7832 13.2535 18.6537 13.2535 17.4758C13.2535 16.298 13.7214 15.1684 14.5543 14.3355C15.3871 13.5027 16.5167 13.0348 17.6946 13.0348ZM17.6946 14.8112C16.9879 14.8112 16.3101 15.0919 15.8104 15.5916C15.3107 16.0914 15.0299 16.7691 15.0299 17.4758C15.0299 18.1825 15.3107 18.8603 15.8104 19.36C16.3101 19.8597 16.9879 20.1404 17.6946 20.1404C18.4013 20.1404 19.079 19.8597 19.5787 19.36C20.0784 18.8603 20.3592 18.1825 20.3592 17.4758C20.3592 16.7691 20.0784 16.0914 19.5787 15.5916C19.079 15.0919 18.4013 14.8112 17.6946 14.8112Z" fill="#000000"/>
1656</svg></span>
1657            <span class="visually-hidden">Instagram</span>
1658          </a>
1659        </li>
1660      
1661    
1662  
1663
1664    
1665    
1666      
1667        <li class="mx-1 mt-1">
1668          <a class="fill-current hover:text--accent-1" href="https://www.facebook.com/hummkombucha/" target="_blank">
1669            <span class="inline-block" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
1670    <circle cx="17.9531" cy="17.5781" r="17.5781" fill="#ffffff"/>
1671    <path d="M19.6506 18.5288H21.8711L22.7593 14.976H19.6506V13.1996C19.6506 12.2847 19.6506 11.4232 21.427 11.4232H22.7593V8.4388C22.4697 8.40061 21.3763 8.31445 20.2217 8.31445C17.8102 8.31445 16.0977 9.78621 16.0977 12.489V14.976H13.4331V18.5288H16.0977V26.0786H19.6506V18.5288Z" fill="#000000"/>
1672</svg></span>
1673            <span class="visually-hidden">Facebook</span>
1674          </a>
1675        </li>
1676      
1677    
1678  
1679
1680    
1681    
1682  
1683
1684    
1685    
1686  
1687
1688    
1689    
1690  
1691
1692    
1693    
1694  
1695
1696    
1697    
1698  
1699
1700    
1701    
1702  
1703
1704    
1705    
1706  
1707
1708    
1709    
1710      
1711        <li class="mx-1 mt-1">
1712          <a class="fill-current hover:text--accent-1" href="https://www.linkedin.com/company/humm-kombucha/" target="_blank">
1713            <span class="inline-block" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
1714    <circle cx="18.4219" cy="17.5781" r="17.5781" fill="#ffffff"/>
1715    <path d="M24.8763 9.87695C25.3475 9.87695 25.7993 10.0641 26.1325 10.3973C26.4656 10.7304 26.6528 11.1822 26.6528 11.6534V24.0883C26.6528 24.5594 26.4656 25.0112 26.1325 25.3444C25.7993 25.6775 25.3475 25.8647 24.8763 25.8647H12.4415C11.9703 25.8647 11.5185 25.6775 11.1853 25.3444C10.8522 25.0112 10.665 24.5594 10.665 24.0883V11.6534C10.665 11.1822 10.8522 10.7304 11.1853 10.3973C11.5185 10.0641 11.9703 9.87695 12.4415 9.87695H24.8763ZM24.4322 23.6442V18.9367C24.4322 18.1687 24.1272 17.4322 23.5842 16.8892C23.0411 16.3462 22.3046 16.0411 21.5367 16.0411C20.7817 16.0411 19.9024 16.503 19.476 17.1958V16.2099H16.998V23.6442H19.476V19.2653C19.476 18.5814 20.0267 18.0218 20.7107 18.0218C21.0404 18.0218 21.3567 18.1528 21.5899 18.386C21.823
17151 18.6192 21.9541 18.9355 21.9541 19.2653V23.6442H24.4322ZM14.1113 14.8154C14.507 14.8154 14.8866 14.6582 15.1664 14.3783C15.4463 14.0985 15.6035 13.7189 15.6035 13.3232C15.6035 12.4972 14.9373 11.8221 14.1113 11.8221C13.7132 11.8221 13.3314 11.9803 13.0499 12.2618C12.7684 12.5433 12.6102 12.9251 12.6102 13.3232C12.6102 14.1492 13.2852 14.8154 14.1113 14.8154ZM15.3459 23.6442V16.2099H12.8856V23.6442H15.3459Z" fill="#000000"/>
1716</svg>
1717    </span>
1718            <span class="visually-hidden">LinkedIn</span>
1719          </a>
1720        </li>
1721      
1722    
1723  
1724
1725    
1726    
1727  
1728</ul>
1729</div>
1730
1731</div>
1732
1733    </div>
1734  </div>
1735</noscript>
1736<div x-data>
1737  <div>
1738    
1739<template data-should-teleport="#left-drawer-slot">
1740  <div
1741    :data-modal-label="$store.modals.leftDrawer.contents === 'nav' ? 'Mobile Menu' : false"
1742    x-show="$store.modals.leftDrawer.contents === 'nav'"
1743    class="sidebar-nav py-5 px-section "
1744  >
1745    <div class="relative flex items-center justify-between pb-5">
1746      <h2 class="sr-only" class="" tabindex="-1">
1747        Mobile Menu
1748      </h2>
1749      <button @click.prevent="$store.modals.close('nav')" class="block top-0">
1750        <span class="sr-only">Close (esc)</span>
1751        <span class="inline-block w-5 h-5 sidebar-nav__close-btn"><svg class="theme-icon" width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
1752<path d="M1 1L26 25.6963" stroke="#3B2222" stroke-width="2.05803"/>
1753<path d="M1 25.6963L26 0.999976" stroke="#3B2222" stroke-width="2.05803"/>
1754</svg></span>
1755      </button>
1756    </div>
1757    <ul class="mt-5">
1758      
1759        
1760        
1761        <li class="text-lg lg:text-xl" style="--first-delay-tap: 0;">
1762          
1763          <a class="block font-heading py-2.5" href="/collections/all">
1764            Shop All
1765          </a>
1766        
1767        </li>
1768      
1769        
1770        
1771        <li class="text-lg lg:text-xl" style="--first-delay-tap: 1;">
1772          
1773            <div
1774              x-data="
1775                {
1776                  expanded: true
1777                }
1778              "
1779            >
1780              <button
1781                class="w-full flex flex-row justify-between items-center font-heading py-2.5 text-left"
1782                @click="expanded = ! expanded"
1783                :aria-expanded="expanded"
1784              >
1785                <span>Shop by Collection</span>
1786                <div class="ml-auto">
1787                  <span class="block" :class="{'rotate-180': expanded}"><svg class="theme-icon" width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1788    <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/>
1789</svg>
1790    </span>
1791                </div>
1792              </button>
1793              <div x-show="expanded" x-collapse>
1794
1795                <ul class="xpb-5 text-base font-main">
1796                  
1797                    
1798
1799                      <li class="my-3 text-base" style="--second-delay-tap: 0;">
1800                        
1801                          <a class="" href="/collections/original">
1802                            Original Kombucha
1803                          </a>
1804                        
1805                      </li>
1806                    
1807                    
1808
1809                      <li class="my-3 text-base" style="--second-delay-tap: 1;">
1810                        
1811                          <a class="" href="/collections/nitro-probiotic-kombucha">
1812                            Nitro Kombucha
1813                          </a>
1814                        
1815                      </li>
1816                    
1817                    
1818
1819                      <li class="my-3 text-base" style="--second-delay-tap: 2;">
1820                        
1821                          <a class="" href="/collections/humm-zero">
1822                            Zero Sugar Kombucha
1823                          </a>
1824                        
1825                      </li>
1826                    
1827                  
1828                                      
1829                      
1830                      
1831                      
1832                    
1833                  
1834                </ul>
1835                
1836              </div>
1837            </div>
1838        
1839        </li>
1840      
1841        
1842        
1843        <li class="text-lg lg:text-xl" style="--first-delay-tap: 2;">
1844          
1845            <div
1846              x-data="
1847                {
1848                  expanded: true
1849                }
1850              "
1851            >
1852              <button
1853                class="w-full flex flex-row justify-between items-center font-heading py-2.5 text-left"
1854                @click="expanded = ! expanded"
1855                :aria-expanded="expanded"
1856              >
1857                <span>Featured</span>
1858                <div class="ml-auto">
1859                  <span class="block" :class="{'rotate-180': expanded}"><svg class="theme-icon" width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1860    <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/>
1861</svg>
1862    </span>
1863                </div>
1864              </button>
1865              <div x-show="expanded" x-collapse>
1866
1867                <ul class="xpb-5 text-base font-main">
1868                  
1869                    
1870
1871                      <li class="my-3 text-base" style="--second-delay-tap: 3;">
1872                        
1873                          <a class="" href="/products/custom-variety-pack">
1874                            Custom Variety Pack
1875                          </a>
1876                        
1877                      </li>
1878                    
1879                    
1880
1881                      <li class="my-3 text-base" style="--second-delay-tap: 4;">
1882                        
1883                          <a class="" href="/collections/best-sellers">
1884                            Best-Sellers
1885                          </a>
1886                        
1887                      </li>
1888                    
1889                    
1890
1891                      <li class="my-3 text-base" style="--second-delay-tap: 5;">
1892                        
1893                          <a class="" href="/collections/variety-packs">
1894                            Variety Packs
1895                          </a>
1896                        
1897                      </li>
1898                    
1899                  
1900                                      
1901                      
1902                      
1903                      
1904                    
1905                  
1906                </ul>
1907                
1908              </div>
1909            </div>
1910        
1911        </li>
1912      
1913        
1914        
1915        <li class="text-lg lg:text-xl" style="--first-delay-tap: 3;">
1916          
1917          <a class="block font-heading py-2.5" href="/pages/our-story">
1918            About
1919          </a>
1920        
1921        </li>
1922      
1923        
1924        
1925        <li class="text-lg lg:text-xl" style="--first-delay-tap: 4;">
1926          
1927          <a class="block font-heading py-2.5" href="/pages/find-a-store">
1928            Find In Store
1929          </a>
1930        
1931        </li>
1932      
1933        
1934        
1935        <li class="text-lg lg:text-xl" style="--first-delay-tap: 5;">
1936          
1937          <a class="block font-heading py-2.5" href="/products/custom-variety-pack">
1938            Build a Bundle
1939          </a>
1940        
1941        </li>
1942      
1943    </ul>
1944
1945
1946    <div class="mt-5 space-y-5">
1947        <ul class="space-y-1.5">
1948          
1949        </ul>
1950      
1951<form class="relative mt-10 max-w-2xl mx-auto block" action="/search" method="get" role="search">
1952        <label for="Search" class="visually-hidden">
1953          Search
1954        </label>
1955        <input type="search"
1956              name="q"
1957              id="Search"
1958              class="pr-12 placeholder-current input w-full"
1959              value=""
1960              placeholder="Search">
1961        <button class="absolute right-2 top-1/2 transform -translate-y-1/2 p-1" type="submit" class="button">
1962          <span class="inline-block w-5 h-5"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none">
1963    <path d="M20.0426 22.4217L14.747 17.126C13.7431 16.1221 12.1454 16.0805 10.8092 16.5601C9.98981 16.8543 9.11793 17.0013 8.19353 17.0013C5.90355 17.0013 3.96567 16.208 2.37991 14.6214C0.794142 13.0348 0.000840362 11.0969 0 8.80779C0 6.5178 0.793302 4.57993 2.37991 2.99416C3.96651 1.4084 5.90439 0.615098 8.19353 0.614258C10.4835 0.614258 12.4214 1.40756 14.0072 2.99416C15.5929 4.58077 16.3862 6.51864 16.3871 8.80779C16.3871 9.73219 16.24 10.6041 15.9459 11.4234C15.4662 12.7596 15.5078 14.3573 16.5117 15.3612L21.8389 20.6884C22.07 20.9195 22.1856 21.2031 22.1856 21.5393C22.1856 21.8754 22.0595 22.1696 21.8074 22.4217C21.5763 22.6528 21.2822 22.7683 20.925 22.7683C20.5679 22.7683 20.2737 22.6528 20.0426 22.4217ZM8.19353 14.4802C9.76921 14.4802 11.1087 13.9285 12.2121 12.8251C13.3155 11.7217 13.8668 10.3826 13.866 8.80779C13.866 7.23211 13.3143 5.89257 12.2109 4.78918C11.1075 3.68578 9.76837 3.1345 8.19353 3.13534C6.61785 3.13534 5.27832 3.68704 4.17492 4.79044C3.07152 5.89383 2.52025 7.23295 2.52109 8.80779C2.52109 10.3835 3.07279 11.723 4.17618 12.8264
1963C5.27958 13.9298 6.61869 14.4811 8.19353 14.4802Z" fill="#2A4A34"/>
1964</svg>
1965    </span>
1966          <span class="visually-hidden">Search</span>
1967        </button>
1968      </form><ul class="flex flex-row -mx-2 -mt-2 pt-8  justify-start">
1969  
1970
1971    
1972    
1973      
1974        <li class="mx-1 mt-1">
1975          <a class="fill-current hover:text--accent-1" href="https://www.instagram.com/hummkombucha/" target="_blank">
1976            <span class="inline-block" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
1977    <circle cx="17.7969" cy="17.5781" r="17.5781" fill="#ffffff"/>
1978    <path d="M13.9641 8.59375H21.425C24.2673 8.59375 26.5766 10.9031 26.5766 13.7453V21.2063C26.5766 22.5726 26.0339 23.8829 25.0678 24.849C24.1017 25.8151 22.7913 26.3579 21.425 26.3579H13.9641C11.1218 26.3579 8.8125 24.0485 8.8125 21.2063V13.7453C8.8125 12.3791 9.35526 11.0687 10.3214 10.1026C11.2875 9.13651 12.5978 8.59375 13.9641 8.59375ZM13.7865 10.3702C12.9384 10.3702 12.1251 10.707 11.5255 11.3067C10.9258 11.9064 10.5889 12.7197 10.5889 13.5677V21.3839C10.5889 23.1515 12.0189 24.5815 13.7865 24.5815H21.6027C22.4507 24.5815 23.264 24.2446 23.8637 23.6449C24.4633 23.0453 24.8002 22.232 24.8002 21.3839V13.5677C24.8002 11.8002 23.3702 10.3702 21.6027 10.3702H13.7865ZM22.3576 11.7025C22.6521 11.7025 22.9345 11.8194 23.1427 12.0277C23.3509 12.2359 23.4679 12.5183 23.4679 12.8127C23.4679 13.1072 23.3509 13.3896 23.1427 13.5978C22.9345 13.806 22.6521 13.923 22.3576 13.923C22.0632 13.923 21.7808 13.806 21.5726 13.5978C21.3644 13.3896 21.2474 13.1072 21.2474 12.8127C21.2474 12.5183 21.3644 12.2359 21.5726 12.0277C21.7808 11.8194 22.0632 11.7025 22.3576 11.7025ZM17.6946 13.0348C18.8724 13.0348 20.002 13.5027 20.8348 14.3355C21.6677 15.1684 22.1356 16.298 22.1356 17.4758C22.1356 18.6537 21.6677 19.7832 20.8348 20.6161C20.002 21.449 18.8724 21.9168 17.6946 21.9168C16.5167 21.9168 15.3871 21.449 14.5543 20.6161C13.7214 19.7832 13.2535 18.6537 13.2535 17.4758C13.2535 16.298 13.7214 15.1684 14.5543 14.3355C15.3871 13.5027 16.5167 13.0348 17.6946 13.0348ZM17.6946 14.8112C16.9879 14.8112 16.3101 15.0919 15.8104 15.5916C15.3107 16.0914 15.0299 16.7691 15.0299 17.4758C15.0299 18.1825 15.3107 18.8603 15.8104 19.36C16.3101 19.8597 16.9879 20.1404 17.6946 20.1404C18.4013 20.1404 19.079 19.8597 19.5787 19.36C20.0784 18.8603 20.3592 18.1825 20.3592 17.4758C20.3592 16.7691 20.0784 16.0914 19.5787 15.5916C19.079 15.0919 18.4013 14.8112 17.6946 14.8112Z" fill="#000000"/>
1979</svg></span>
1980            <span class="visually-hidden">Instagram</span>
1981          </a>
1982        </li>
1983      
1984    
1985  
1986
1987    
1988    
1989      
1990        <li class="mx-1 mt-1">
1991          <a class="fill-current hover:text--accent-1" href="https://www.facebook.com/hummkombucha/" target="_blank">
1992            <span class="inline-block" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
1993    <circle cx="17.9531" cy="17.5781" r="17.5781" fill="#ffffff"/>
1994    <path d="M19.6506 18.5288H21.8711L22.7593 14.976H19.6506V13.1996C19.6506 12.2847 19.6506 11.4232 21.427 11.4232H22.7593V8.4388C22.4697 8.40061 21.3763 8.31445 20.2217 8.31445C17.8102 8.31445 16.0977 9.78621 16.0977 12.489V14.976H13.4331V18.5288H16.0977V26.0786H19.6506V18.5288Z" fill="#000000"/>
1995</svg></span>
1996            <span class="visually-hidden">Facebook</span>
1997          </a>
1998        </li>
1999      
2000    
2001  
2002
2003    
2004    
2005  
2006
2007    
2008    
2009  
2010
2011    
2012    
2013  
2014
2015    
2016    
2017  
2018
2019    
2020    
2021  
2022
2023    
2024    
2025  
2026
2027    
2028    
2029  
2030
2031    
2032    
2033      
2034        <li class="mx-1 mt-1">
2035          <a class="fill-current hover:text--accent-1" href="https://www.linkedin.com/company/humm-kombucha/" target="_blank">
2036            <span class="inline-block" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
2037    <circle cx="18.4219" cy="17.5781" r="17.5781" fill="#ffffff"/>
2038    <path d="M24.8763 9.87695C25.3475 9.87695 25.7993 10.0641 26.1325 10.3973C26.4656 10.7304 26.6528 11.1822 26.6528 11.6534V24.0883C26.6528 24.5594 26.4656 25.0112 26.1325 25.3444C25.7993 25.6775 25.3475 25.8647 24.8763 25.8647H12.4415C11.9703 25.8647 11.5185 25.6775 11.
20381853 25.3444C10.8522 25.0112 10.665 24.5594 10.665 24.0883V11.6534C10.665 11.1822 10.8522 10.7304 11.1853 10.3973C11.5185 10.0641 11.9703 9.87695 12.4415 9.87695H24.8763ZM24.4322 23.6442V18.9367C24.4322 18.1687 24.1272 17.4322 23.5842 16.8892C23.0411 16.3462 22.3046 16.0411 21.5367 16.0411C20.7817 16.0411 19.9024 16.503 19.476 17.1958V16.2099H16.998V23.6442H19.476V19.2653C19.476 18.5814 20.0267 18.0218 20.7107 18.0218C21.0404 18.0218 21.3567 18.1528 21.5899 18.386C21.8231 18.6192 21.9541 18.9355 21.9541 19.2653V23.6442H24.4322ZM14.1113 14.8154C14.507 14.8154 14.8866 14.6582 15.1664 14.3783C15.4463 14.0985 15.6035 13.7189 15.6035 13.3232C15.6035 12.4972 14.9373 11.8221 14.1113 11.8221C13.7132 11.8221 13.3314 11.9803 13.0499 12.2618C12.7684 12.5433 12.6102 12.9251 12.6102 13.3232C12.6102 14.1492 13.2852 14.8154 14.1113 14.8154ZM15.3459 23.6442V16.2099H12.8856V23.6442H15.3459Z" fill="#000000"/>
2039</svg>
2040    </span>
2041            <span class="visually-hidden">LinkedIn</span>
2042          </a>
2043        </li>
2044      
2045    
2046  
2047
2048    
2049    
2050  
2051</ul>
2052</div>
2053
2054  </div>
2055</template>
2056
2057  </div>
2058</div>
2059            </div>
2060          
2061          
2062          
2063          <div class="flex flex-grow w-1/4  justify-center lg:justify-start items-stretch">
2064
2065            
2066
2067            
2068              <div class="lg:flex-grow-1 ">
2069                <div class="h1 font-heading font-heading text-xl lg:text-3xl py-2.5">
2070      
2071      <a href="/" class="site-header__logo-link inline w-full">
2072        <div  style="max-width: 160px;">
2073          <img
2074            src="//hummkombucha.com/cdn/shop/files/Humm_Logo-Black_512.png?v=1717096280&width=160"
2075            srcset="//hummkombucha.com/cdn/shop/files/Humm_Logo-Black_512.png?v=1717096280&width=160 1x,//hummkombucha.com/cdn/shop/files/Humm_Logo-Black_512.png?v=1717096280&width=320 2x,//hummkombucha.com/cdn/shop/files/Humm_Logo-Black_512.png?v=1717096280&width=480 3x"
2076            alt="Humm Kombucha"
2077            width="512"
2078            height="189"
2079            loading="eager"
2080            
2081              class="text-transparent"
2082            
2083          >
2084          
2085        </div>
2086      </a>
2087    
2088</div>
2089              </div>
2090            
2091            
2092          </div>
2093
2094          
2095          
2096            <div class="flex justify-center text-center w-0 flex-grow-0 lg:flex-grow lg:w-3/4 xl:4/5">
2097              
2098              
2099                <div class="hidden lg:block">
2100                  
2101  <nav role="navigation">
2102    <ul  x-ref="navigation" class="flex flex-wrap -mx-2.5 justify-center items-center text-base uppercase ">
2103        <li class="inline-block no-js-focus-wrapper h-full">
2104          
2105            <button class="items-stretch h-full relative font-heading px-4 py-5 flex items-center transition normal-case"
2106              :class="{'text-scheme-text': menuOpen.menu0 }"
2107              @click="openMenu(0)"
2108              x-bind:aria-expanded="menuOpen.menu0? true: 'false'"
2109              aria-controls="menu0">
2110              <span x-cloak :class="{'opacity-100': menuOpen.menu0, 'opacity-0': !menuOpen.menu0, 'h-screen  -translate-y-1/2': !navWrapped }" class="bg-scheme-card absolute inset-0 z-0 pointer-events-none" ></span>
2111              <span class="flex h-full items-center relative text-center">
2112                <span class="inline-block pr-1">Shop</span>
2113                <span class="inline-block w-2 h-2 align-middle svg-scale mr-1 transform origin-center rotate transition-transform duration-150 ml-1" :class="{'rotate-180': menuOpen.menu0}"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
2114    <path d="M6.38872 7.33711C6.25539 7.33711 6.12605 7.31211 6.00072 7.26211C5.87539 7.21211 5.77139 7.14544 5.68872 7.06211L1.08872 2.46211C0.905387 2.27878 0.813721 2.04544 0.813721 1.76211C0.813721 1.47878 0.905387 1.24544 1.08872 1.06211C1.27205 0.878776 1.50539 0.787109 1.78872 0.787109C2.07205 0.787109 2.30539 0.878776 2.48872 1.06211L6.38872 4.96211L10.2887 1.06211C10.4721 0.878776 10.7054 0.787109 10.9887 0.787109C11.2721 0.787109 11.5054 0.878776 11.6887 1.06211C11.8721 1.24544 11.9637 1.47878 11.9637 1.76211C11.9637 2.04544 11.8721 2.27878 11.6887 2.46211L7.08872 7.06211C6.98872 7.16211 6.88039 7.23311 6.76372 7.27511C6.64705 7.31711 6.52205 7.33778 6.38872 7.33711Z" fill="#3B2222"/>
2115</svg>
2116    </span>
2117              </span>
2118            </button>
2119            <div class="added-mega-menu normal-menu no-js-focus-container absolute left-0 bottom-0 w-full xw-screen Xh-screen
2120              transform translate-y-[calc(100%-var(--drop-down-offset))] z-100 text-center overflow-hidden overflow-y-auto "
2121                  id="menu0"
2122                  x-cloak
2123                  x-show="menuOpen.menu0"
2124                  x-transition:enter="transition ease duration-200"
2125                  x-transition:enter-start="opacity-0"
2126                  x-transition:enter-end="opacity-100"
2127                  x-transition:leave="transition ease duration-00"
2128                  x-transition:leave-start="opacity-100"
2129                  x-transition:leave-end="opacity-0"
2130                  data-header-dropdown
2131                  @focusout="focusOut($event, 'menu0')"
2132                  @click.away.prevent="menuOpen.menu0 = false">
2133              
2134              <div class="mega-menu-container flex justify-center lg:gap-12 py-10 w-full max-h-24 bg-scheme-card text-scheme-text" style="max-height:350px">
2135                
2136              <ul class="mega-menu-lists flex justify-start gap-3 py-section-vertical-spacing  1 text-left">
2137
2138                
2139                
2140                  
2141<li class="lg:col-span-2 -mt-2">
2142                      
2143<h2 class="xpy-1 xmb-2 uppercase">
2144                          <a  class="inline-block py-1" href="/collections/all" >
2145                          Featured
2146                          </a>
2147                        </h2>
2148                        <ul class="font-body text-base">
2149                                                      
2150                            <li class="icon-shop-all grand-child-links">
2151                              
2152                              <a  href="https://hummkombucha.com/collections/all"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2153                                Shop All
2154                              </a>
2155                            </li>
2156                                                      
2157                            <li class="icon-custom-variety-pack grand-child-links">
2158                              
2159                              <a  href="https://hummkombucha.com/products/custom-variety-pack"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2160                                Custom Variety Pack
2161                              </a>
2162                            </li>
2163                                                      
2164                            <li class="icon-best-sellers grand-child-links">
2165                              
2166                              <a  href="https://hummkombucha.com/collections/best-sellers"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2167                                Best-Sellers
2168                              </a>
2169                            </li>
2170                                                      
2171                            <li class="icon-variety-packs grand-child-links">
2172                              
2173                              <a  href="https://hummkombucha.com/collections/variety-packs"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2174                                Variety Packs
2175                              </a>
2176                            </li>
2177                          
2178                        </ul>
2179                      
2180                    </li>
2181                  
2182<li class="lg:col-span-2 -mt-2">
2183                      
2184<h2 class="xpy-1 xmb-2 uppercase">
2185                          <a  class="inline-block py-1" href="/collections/original" >
2186                          Original Kombucha
2187                          </a>
2188                        </h2>
2189                        <ul class="font-body text-base">
2190                                                      
2191                            <li class="icon-new-lemon-lime grand-child-links">
2192                              
2193                              <a  href="https://hummkombucha.com/products/original-lemon-lime-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2194                                NEW Lemon Lime
2195                              </a>
2196                            </li>
2197                                                      
2198                            <li class="icon-blackberry grand-child-links">
2199                              
2200                              <a  href="https://hummkombucha.com/products/original-blackberry-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2201                                Blackberry
2202                              </a>
2203                            </li>
2204                                                      
2205                            <li class="icon-blueberry-mint grand-child-links">
2206                              
2207                              <a  href="https://hummkombucha.com/products/original-blueberry-mint-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2208                                Blueberry Mint
2209                              </a>
2210                            </li>
2211                                                      
2212                            <li class="icon-cherry-limeade grand-child-links">
2213                              
2214                              <a  href="https://hummkombucha.com/products/og-cherry-limeade-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2215                                Cherry Limeade
2216                              </a>
2217                            </li>
2218                                                      
2219                            <li class="icon-mango-passionfruit grand-child-links">
2220                              
2221                              <a  href="https://hummkombucha.com/products/original-mango-passionfruit-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2222                                Mango Passionfruit
2223                              </a>
2224                            </li>
2225                                                      
2226                            <li class="icon-ruby-red-grapefruit grand-child-links">
2227                              
2228                              <a  href="https://hummkombucha.com/products/original-ruby-red-grapefruit-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2229                                Ruby Red Grapefruit
2230                              </a>
2231                            </li>
2232                                                      
2233                            <li class="icon-strawberry-blossom grand-child-links">
2234                              
2235                              <a  href="https://hummkombucha.com/products/original-strawberry-blossom-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2236                                Strawberry Blossom
2237                              </a>
2238                            </li>
2239                                                      
2240                            <li class="icon-strawberry-lemonade grand-child-links">
2241                              
2242                              <a  href="https://hummkombucha.com/products/original-strawberry-lemonade-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2243                                Strawberry Lemonade
2244                              </a>
2245                            </li>
2246                          
2247                        </ul>
2248                      
2249                    </li>
2250                  
2251<li class="lg:col-span-2 -mt-2">
2252                      
2253<h2 class="xpy-1 xmb-2 uppercase">
2254                          <a  class="inline-block py-1" href="/collections/nitro-probiotic-kombucha" >
2255                          Nitro Kombucha
2256                          </a>
2257                        </h2>
2258                        <ul class="font-body text-base">
2259                                                      
2260                            <li class="icon-blackberry-vanilla grand-child-links">
2261                              
2262                              <a  href="https://hummkombucha.com/products/nitro-blackberry-vanilla-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2263                                Blackberry Vanilla
2264                              </a>
2265                            </li>
2266                                                      
2267                            <li class="icon-orange-dream-pop grand-child-links">
2268                              
2269                              <a  href="https://hummkombucha.com/products/nitro-orange-dream-pop-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2270                                Orange Dream Pop
2271                              </a>
2272                            </li>
2273                                                      
2274                            <li class="icon-pina-colada grand-child-links">
2275                              
2276                              <a  href="https://hummkombucha.com/products/nitro-pina-colada-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2277                                Piña Colada
2278                              </a>
2279                            </li>
2280                                                      
2281                            <li class="icon-strawberry-vanilla grand-child-links">
2282                              
2283                              <a  href="https://hummkombucha.com/products/nitro-strawberry-vanilla-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2284                                Strawberry Vanilla
2285                              </a>
2286                            </li>
2287                          
2288                        </ul>
2289                      
2290                    </li>
2291                  
2292<li class="lg:col-span-2 -mt-2">
2293                      
2294<h2 class="xpy-1 xmb-2 uppercase">
2295                          <a  class="inline-block py-1" href="/collections/humm-zero" >
2296                          Zero Sugar Kombucha
2297                          </a>
2298                        </h2>
2299                        <ul class="font-body text-base">
2300                                                      
2301                            <li class="icon-acai-blueberry grand-child-links">
2302                              
2303                              <a  href="https://hummkombucha.com/products/zero-sugar-blueberry-acai-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2304                                Acai Blueberry
2305                              </a>
2306                            </li>
2307                                                      
2308                            <li class="icon-blood-orange grand-child-links">
2309                              
2310                              <a  href="https://hummkombucha.com/products/zero-sugar-blood-orange-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2311                                Blood Orange
2312                              </a>
2313                            </li>
2314                                                      
2315                            <li class="icon-peach-tea grand-child-links">
2316                              
2317      
2317                        <a  href="https://hummkombucha.com/products/zero-sugar-peach-tea-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2318                                Peach Tea
2319                              </a>
2320                            </li>
2321                                                      
2322                            <li class="icon-raspberry-lemonade grand-child-links">
2323                              
2324                              <a  href="https://hummkombucha.com/products/zero-sugar-raspberry-lemonade-kombucha"                                  class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case">
2325                                Raspberry Lemonade
2326                              </a>
2327                            </li>
2328                          
2329                        </ul>
2330                      
2331                    </li>
2332
2333                
2334
2335              </ul>
2336              
2337                
2338                </div>
2339              
2340            </div>
2341
2342                                                       
2343            
2344          
2345        </li>
2346      
2347        <li class="inline-block no-js-focus-wrapper h-full">
2348          
2349            <a  href="/pages/our-story" class="normal-text font-heading px-4 py-5 flex items-center transition normal-case">
2350              About
2351            </a>
2352          
2353        </li>
2354      
2355        <li class="inline-block no-js-focus-wrapper h-full">
2356          
2357            <a  href="/pages/find-a-store" class="normal-text font-heading px-4 py-5 flex items-center transition normal-case">
2358              Find In Store
2359            </a>
2360          
2361        </li>
2362      
2363        <li class="inline-block no-js-focus-wrapper h-full">
2364          
2365            <a  href="/products/custom-variety-pack" class="normal-text font-heading px-4 py-5 flex items-center transition normal-case">
2366              Build a Bundle
2367            </a>
2368          
2369        </li>
2370      
2371    </ul>
2372  </nav>
2373
2374                </div>
2375              
2376            </div>
2377          
2378
2379          
2380          <div class="flex flex-grow w-1/4 items-center justify-end">
2381
2382            
2383
2384            
2385
2386            <div class="lg:block h-full new-icon">
2387              
2388    
2389      <a class="font-heading normal-case px-2.5 py-1 h-full flex items-center" href="https://hummkombucha.com/customer_authentication/redirect?locale=en&region_country=US">
2390        <span class="visually-hidden">Log in</span><span class="inline-block w-6 h-6 align-middle"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 55 56" fill="#000000">
2391  <path fill-rule="evenodd" d="M24.988.032C11.23.032.038 11.225.038 24.982s11.192 24.951 24.95 24.951 24.951-11.194 24.951-24.951S38.746.032 24.988.032zm14.041 40.941c-1.218-7.206-6.359-12.752-12.702-13.442 4.376-.649 7.738-4.411 7.738-8.968 0-5.012-4.064-9.076-9.077-9.076s-9.076 4.064-9.076 9.076c0 4.557 3.361 8.319 7.737 8.968-6.343.69-11.484 6.236-12.702 13.442-4.443-3.905-7.255-9.624-7.255-15.991 0-11.742 9.553-21.296 21.296-21.296 11.743 0 21.296 9.554 21.296 21.296 0 6.367-2.812 12.086-7.255 15.991z"></path>
2392</svg></span></a>
2393    
2394  
2395
2396            </div>   
2397
2398            
2399              <a data-open-search x-ref="search" @click.prevent="openSearch()" @keydown.space="openSearch()" href="/search" class="mobile-hide font-heading normal-case px-2.5 py-1 h-full flex items-center">
2400                <span class="new-icon inline-block w-6 h-6 fill-current align-middle"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 19 20"  fill="#000000">
2401    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.15842 0.683105C3.65265 0.683105 0 4.33576 0 8.84153C0 13.3473 3.65265 17 8.15842 17C9.98161 17 11.6651 16.4019 13.0235 15.3913L16.4814 18.8492C16.8719 19.2398 17.5051 19.2398 17.8956 18.8492C18.2862 18.4587 18.2862 17.8256 17.8956 17.435L14.4709 14.0103C15.6245 12.6031 16.3168 10.8032 16.3168 8.84153C16.3168 4.33576 12.6642 0.683105 8.15842 0.683105ZM1.75 8.84153C1.75 5.30225 4.61915 2.43311 8.15842 2.43311C11.6977 2.43311 14.5668 5.30225 14.5668 8.84153C14.5668 12.3808 11.6977 15.25 8.15842 15.25C4.61915 15.25 1.75 12.3808 1.75 8.84153Z" />
2402</svg></span>
2403                <span class="visually-hidden">Search our site</span>
2404              </a>
2405              <div
2406                class="absolute top-0 left-0 right-0 bottom-0 w-full flex items-center bg-scheme-background text-scheme-text z-20 px-section"
2407                x-cloak
2408                x-show="searchOpen"
2409                x-transition:enter="transition ease duration-200"
2410                x-transition:enter-start="opacity-0"
2411                x-transition:enter-end="opacity-100"
2412                x-transition:leave="transition ease duration-00"
2413                x-transition:leave-start="opacity-100"
2414                x-transition:leave-end="opacity-0"
2415                @click.away.prevent="searchOpen = false"
2416                data-header-search
2417                >
2418                <div class="w-full mobile-hide" x-data='ThemeComponent_PredictiveSearch("product,query")' x-init="mounted()" @focusOut="onFocusOut" @keyup="onKeyup" @keydown="onKeydown" >
2419                  <form x-ref="searchForm" action="/search" method="get" role="search"  @submit="onFormSubmit" @click.away.prevent="searchOpen = false">
2420    <div x-ref="searchFieldComponent" class="relative py-2" >
2421      <input
2422        id="header-search"
2423        type="search"
2424        name="q"
2425        value=""
2426        class="header-search-input pl-9 py-2 placeholder:text-scheme-text font-secondary w-full border-0 shadow-none bg-transparent"
2427        placeholder="Search"aria-expanded="false"
2428          aria-owns="predictive-search-results-list"
2429          aria-controls="predictive-search-results-list"
2430          aria-autocomplete="list"
2431          autocorrect="off"
2432          autocomplete="off"
2433          autocapitalize="off"
2434          spellcheck="false"
2435          x-ref="input"
2436          x-model="rawQuery"
2437          @input.debounce.300="onChange"
2438          @focus="onFocus">
2439      <label class="visually-hidden" for="header-search">Search</label>
2440      <input type="hidden" name="options[prefix]" value="last"><button class="absolute left-0 top-1/2 transform -translate-y-1/2 p-1" aria-label="Search">
2441        <span class="inline-block w-6 h-6"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 19 20"  fill="#000000">
2442    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.15842 0.683105C3.65265 0.683105 0 4.33576 0 8.84153C0 13.3473 3.65265 17 8.15842 17C9.98161 17 11.6651 16.4019 13.0235 15.3913L16.4814 18.8492C16.8719 19.2398 17.5051 19.2398 17.8956 18.8492C18.2862 18.4587 18.2862 17.8256 17.8956 17.435L14.4709 14.0103C15.6245 12.6031 16.3168 10.8032 16.3168 8.84153C16.3168 4.33576 12.6642 0.683105 8.15842 0.683105ZM1.75 8.84153C1.75 5.30225 4.61915 2.43311 8.15842 2.43311C11.6977 2.43311 14.5668 5.30225 14.5668 8.84153C14.5668 12.3808 11.6977 15.25 8.15842 15.25C4.61915 15.25 1.75 12.3808 1.75 8.84153Z" />
2443</svg></span>
2444      </button>
2445      <button x-cloak @click="close()" class="block p-1 absolute right-0 top-1/2 transform -translate-y-1/2" type="button">
2446        <span class="visually-hidden">Close (esc)</span>
2447        <span class="inline-block w-6 h-6"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2448  <path d="M46 2L2 46" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2449  <path d="M46 46L2 2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2450</svg></span>
2451      </button>
2452    </div><div id="predictiveSearchResults" :class="{ 'opacity-0 bg-scheme-text/0': ! resultsOpen, 'bg-scheme-text/75' : resultsOpen }" tabindex="-1" x-cloak class="text-scheme-text absolute left-0 right-0 h-screen transition-colors ease-out duration-300 z-50">
2453      <template x-if="loading && !results">
2454        <div class="bg-scheme-background">
2455          <div class="w-6 h-6 pt-12 pb-12 mx-auto" data-predictive-loading>
2456            <div class="loading"></div>
2457          </div>
2458        </div>
2459      </template>
2460      <template x-if="resultsOpen">
2461        <div x-show="resultsOpen" class="max-h-three-quarters-screen-height overflow-hidden overflow-y-auto bg-scheme-background pb-5 lg:pb-10 px-section scroll-pb-5 lg:scroll-pb-10" x-ref="results" @click.away.prevent="searchOpen = false">
2462        </div>
2463      </template>
2464    </div>
2465    <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form>
2466                </div>
2467              </div>
2468            
2469
2470                     
2471
2472            
2473            <div class="new-icon flex items-center justify-end  -mr-2.5  h-full">
2474              
2475    <button
2476      class="js-enabled whitespace-nowrap font-heading normal-case px-2.5 py-1 h-full flex items-center"
2477      type="button"
2478      id="CartButton"
2479      
2480      >
2481      
2482<div class="relative my-auto align-middle">
2483      <span class="inline-block w-6 h-6 fill-current align-top"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 55 56" fill="#000000">
2484  <path fill-rule="evenodd" d="M53.851 28.943c0 .482-.331.872-.74.872h-29.81c-.353 0-.657-.293-.727-.701L18.876 7.325c-.098-.579.31-1.104.808-1.039l34.482 4.515c.375.049.659.423.659.867l-.974 17.275zM19.75 33.844h31.671c1.089 0 1.972.889 1.972 1.983 0 1.096-.883 1.983-1.972 1.983H19.75c-2.416 0-4.429-1.809-4.803-4.308L9.897 5.894c-.1-.548-.575-.945-1.128-.945H2.146c-1.089 0-1.971-.888-1.971-1.983 0-1.095.882-1.983 1.971-1.983h6.623c2.456 0 4.561 1.764 5.006 4.193l5.057 27.643.012.079c.077.54.466.946.906.946zm5.49 5.95c2.8 0 5.07 2.283 5.07 5.099 0 2.816-2.27 5.099-5.07 5.099-2.799 0-5.069-2.283-5.069-5.099 0-2.816 2.27-5.099 5.069-5.099zm20.278 0c2.8 0 5.069 2.283 5.069 5.099 0 2.816-2.269 5.099-5.069 5.099s-5.069-2.283-5.069-5.099c0-2.816 2.269-5.099 5.069-5.099z"></path>
2485</svg><span class="visually-hidden">Cart </span>
2486      </span><span class="visually-hidden">items</span>
2487    </div>
2488    </button>
2489    <noscript>
2490      <a
2491        class="whitespace-nowrap font-heading px-4 py-5 flex items-center transition normal-case"
2492        href="/cart"
2493      >
2494        
2495<div class="relative my-auto align-middle">
2496      <span class="inline-block w-6 h-6 fill-current align-top"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 55 56" fill="#000000">
2497  <path fill-rule="evenodd" d="M53.851 28.943c0 .482-.331.872-.74.872h-29.81c-.353 0-.657-.293-.727-.701L18.876 7.325c-.098-.579.31-1.104.808-1.039l34.482 4.515c.375.049.659.423.659.867l-.974 17.275zM19.75 33.844h31.671c1.089 0 1.972.889 1.972 1.983 0 1.096-.883 1.983-1.972 1.983H19.75c-2.416 0-4.429-1.809-4.803-4.308L9.897 5.894c-.1-.548-.575-.945-1.128-.945H2.146c-1.089 0-1.971-.888-1.971-1.983 0-1.095.882-1.983 1.971-1.983h6.623c2.456 0 4.561 1.764 5.006 4.193l5.057 27.643.012.079c.077.54.466.946.906.946zm5.49 5.95c2.8 0 5.07 2.283 5.07 5.099 0 2.816-2.27 5.099-5.07 5.099-2.799 0-5.069-2.283-5.069-5.099 0-2.816 2.27-5.099 5.069-5.099zm20.278 0c2.8 0 5.069 2.283 5.069 5.099 0 2.816-2.269 5.099-5.069 5.099s-5.069-2.283-5.069-5.099c0-2.816 2.269-5.099 5.069-5.099z"></path>
2498</svg><span class="visually-hidden">Cart </span>
2499      </span><span class="visually-hidden">items</span>
2500    </div>
2501      </a>
2502    </noscript>
2503  
2504
2505            </div>
2506            
2507
2508            
2509
2510          </div>
2511        </div>
2512      </div>
2513    </div>
2514  </div>
2515</header>
2516<noscript>
2517  <style>
2518    .no-js-focus-wrapper:focus-within > .no-js-focus-container {
2519      display: block !important;
2520    }
2521  </style>
2522</noscript>
2523
2524  <style data-shopify>
2525    #shopify-section-sections--15581864099969__header {
2526      position: sticky;
2527      top: 0;
2528      z-index: 40;
2529    }
2530  </style>
2531  </style>
2532
2533
2534  <style>
2535    .logo-image {
2536      display: block;
2537      max-width: 160px;
2538    }
2539  </style>
2540
2541<script src="//hummkombucha.com/cdn/shop/t/38/assets/modules-predictive-search.bundle.min.js?v=100006850133386087801762462223" type="module"></script>
2541
2542<style data-shopify>
2543  .font-body .icon-wellness a::before{
2544    background-image: url(//hummkombucha.com/cdn/shop/t/38/assets/icon-wellness.svg?v=24572486558211423351762462223);
2545  }
2546
2547  .font-body .icon-focus a::before{
2548    background-image: url(//hummkombucha.com/cdn/shop/t/38/assets/icon-mood.svg?v=115441469236439185831762462223);
2549  }
2550
2551  .font-body .icon-balance a::before{
2552    background-image: url(//hummkombucha.com/cdn/shop/t/38/assets/icon-balance.svg?v=20676511934396635821762462223);
2553  }
2554
2555  .font-body .icon-revive a::before{
2556    background-image: url(//hummkombucha.com/cdn/shop/t/38/assets/icon-revive.svg?v=44089306280860209211762462223);
2557  }
2558
2559  .font-body .icon-awake a::before{
2560    background-image: url(//hummkombucha.com/cdn/shop/t/38/assets/icon-awake.svg?v=80783025494249517331762462223);
2561  }
2562
2563  .font-body .icon-proteins a::before{
2564    background-image: url(//hummkombucha.com/cdn/shop/t/38/assets/icon-proteins.svg?v=114968892522750664601762462223);
2565  }
2566</style>
2567
2568<script type="application/ld+json">
2569{
2570  "@context": "http://schema.org",
2571  "@type": "Organization",
2572  "name": "Humm Kombucha",
2573  
2574    
2575    "logo": "https:\/\/hummkombucha.com\/cdn\/shop\/files\/Humm_Logo-Black_512.png?v=1717096280\u0026width=512",
2576  
2577  "sameAs": [
2578    null,
2579    null,
2580    null,
2581    null,
2582    null,
2583    null,
2584    null,
2585    null,
2586    null,
2587    null,
2588    null,
2589    null,
2590    null,
2591    null,
2592    null,
2593    null,
2594    null
2595  ],
2596  "url": "https:\/\/hummkombucha.com"
2597}
2598</script>
2598
2599
2600
2601
2602
2603
2604</div>
2605<!-- END sections: header-group -->
2605<script>
2606  const calculateHeaderHeights = () => {
2607    const headerGroupHeights = [];
2608
2609    document
2610      .querySelectorAll(
2611        '.shopify-section-group-header-group:not(.has-no-height)'
2612      )
2613      .forEach((headerGroupSectionEl) => {
2614        headerGroupHeights.push(
2615          headerGroupSectionEl.getBoundingClientRect().height
2616        );
2617      });
2618
2619    document.documentElement.style.setProperty(
2620      '--header-group-height',
2621      `${headerGroupHeights.reduce((subtotal, a) => subtotal + a, 0)}px`
2622    );
2623  };
2624
2625  calculateHeaderHeights();
2626
2627  const debouncedCalculateHeaderHeights = debounce(calculateHeaderHeights, 300);
2628
2629  window.addEventListener('resize', debouncedCalculateHeaderHeights);
2630</script>
2630
2631
2632<style>
2633  #MainContent
2634    > .shopify-section.banner-section:first-child
2635    .banner-section-content--pt.pt-screen-height {
2636    padding-top: calc(100vh - var(--header-group-height));
2637  }
2638
2639  #MainContent
2640    > .shopify-section.banner-section:first-child
2641    .banner-section-content--h.h-screen {
2642    height: calc(100vh - var(--header-group-height));
2643  }
2644
2645  @media (min-width: 990px) {
2646    #MainContent
2647      > .shopify-section.banner-section:first-child
2648      .banner-section-content--h.lg\:h-screen {
2649      height: calc(100vh - var(--header-group-height));
2650    }
2651
2652    #MainContent
2653      > .shopify-section.banner-section:first-child
2654      .banner-section-content--h.lg\:h-auto {
2655      height: auto;
2656    }
2657
2658    #MainContent
2659      > .shopify-section.banner-section:first-child
2660      .banner-section-content--h.lg\:h-full {
2661      height: 100%;
2662    }
2663  }
2664</style>
2665
2666
2667      
2668
2669      <main id="MainContent" class="overflow-hidden">
2670        <div id="shopify-section-template--15581873012865__main" class="shopify-section">
2671<section class="text-scheme-text bg-scheme-background relative overflow-hidden  " data-color-scheme="primary"
2672x-data="ThemeSection_filterable('template--15581873012865__main')">
2673  
2674  <div class="section-content py-section-vertical-spacing px-section">
2675
2676    <h1 class="text-center font-heading  heading-feature heading-style none">
2677      
2678        Search our site
2679      
2680    </h1>
2681
2682    <form class="relative mt-10 max-w-2xl mx-auto block" action="/search" method="get" role="search">
2683      <label for="Search-template--15581873012865__main" class="visually-hidden">
2684        Search
2685      </label>
2686      <input type="search"
2687            name="q"
2688            id="Search-template--15581873012865__main"
2689            class="pr-12 placeholder-current input w-full"
2690            value=""
2691            placeholder="Search">
2692      <button class="absolute right-2 top-1/2 transform -translate-y-1/2 p-1" type="submit" class="button">
2693        <span class="inline-block w-5 h-5"><svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
2694  <path d="M20.0426 22.5037L14.747 17.208C13.7431 16.2041 12.1454 16.1625 10.8092 16.6422C9.98981 16.9363 9.11793 17.0834 8.19353 17.0834C5.90355 17.0834 3.96567 16.2901 2.37991 14.7035C0.794142 13.1168 0.000840362 11.179 0 8.88982C0 6.59983 0.793302 4.66196 2.37991 3.0762C3.96651 1.49043 5.90439 0.697129 8.19353 0.696289C10.4835 0.696289 12.4214 1.48959 14.0072 3.0762C15.5929 4.6628 16.3862 6.60068 16.3871 8.88982C16.3871 9.81422 16.24 10.6861 15.9459 11.5055C15.4662 12.8417 15.5078 14.4394 16.5117 15.4433L21.8389 20.7704C22.07 21.0015 22.1856 21.2852 22.1856 21.6213C22.1856 21.9575 22.0595 22.2516 21.8074 22.5037C21.5763 22.7348 21.2822 22.8503 20.925 22.8503C20.5679 22.8503 20.2737 22.7348 20.0426 22.5037ZM8.19353 14.5623C9.76921 14.5623 11.1087 14.0106 12.2121 12.9072C13.3155 11.8038 13.8668 10.4647 13.866 8.88982C13.866 7.31414 13.3143 5.97461 12.2109 4.87121C11.1075 3.76781 9.76837 3.21654 8.19353 3.21738C6.61785 3.21738 5.27832 3.76907 4.17492 4.87247C3.07152 5.97587 2.52025 7.31498 2.52109 8.88982C2.52109 10.4655 3.07279 11.805 4.17618 12.9084C5.27958 14.0118 6.61869 14.5631 8.19353 14.5623Z" fill="#3B2222"/>
2695</svg>
2696  </span>
2697        <span class="visually-hidden">Search</span>
2698      </button>
2699    </form>
2700
2701    <div id="facets-filterable">
2702      
2703      </div>
2704  </div></section>
2704<script src="//hummkombucha.com/cdn/shop/t/38/assets/filterable.js?v=50143000825584448121762462223" type="module"></script>
2704
2705</div>
2706      </main><!-- BEGIN sections: footer-group -->
2707<div id="shopify-section-sections--15581863968897__footer" class="shopify-section shopify-section-group-footer-group mt-auto">
2708<footer class="relative text-scheme-text " data-color-scheme="tertiary" data-section-id="sections--15581863968897__footer" data-section-type="footer">
2709  <div class="flex flex-col-reverse lg:flex-row items-center px-section pt-12 gap-16">
2710    <div class="leftdiv w-full lg:w-1/2 px-section lg:px-0 py-8">
2711  <div class="relative  mx-auto">
2712    
2713    <div class="flex items-center justify-center lg:justify-start">
2714      <a href="/" class="footer-logo-image break-words max-w-[50%]">
2715        
2716<img src="//hummkombucha.com/cdn/shop/files/Humm_Logo-White_512.png?v=1719406536&width=350"
2717            srcset="//hummkombucha.com/cdn/shop/files/Humm_Logo-White_512.png?v=1719406536&width=350 1x, //hummkombucha.com/cdn/shop/files/Humm_Logo-White_512.png?v=1719406536&width=700 2x"
2718            width="350x"
2719            height="auto"
2720            loading="lazy"
2721            alt="Humm Kombucha">
2722      </a>
2723    </div>
2724    
2725    <div class="menusdiv flex flex-row justify-between pt-4 pb-8"><div class="flex justify-start gap-10 lg:justify-start">
2726              <div class="grow w-full">
2727                
2728                
2729                  <h2 class="font-heading text-base mb-4 break-all "></h2>                
2730                
2731                <ul class="list-none">
2732                  
2733                    <li>
2734                      <a href="/pages/our-story" class="hover:text-yellow break-words">
2735                        ABOUT US
2736                      </a>
2737                    </li>
2738                  
2739                    <li>
2740                      <a href="https://hummkombucha.zendesk.com/hc/en-us" class="hover:text-yellow break-words">
2741                        FAQs
2742                      </a>
2743                    </li>
2744                  
2745                    <li>
2746                      <a href="https://hummkombucha.zendesk.com/hc/en-us/requests/new?ticket_form_id=35375567224471" class="hover:text-yellow break-words">
2747                        CONTACT US
2748                      </a>
2749                    </li>
2750                  
2751                    <li>
2752                      <a href="/pages/careers" class="hover:text-yellow break-words">
2753                        CAREERS
2754                      </a>
2755                    </li>
2756                  
2757                    <li>
2758                      <a href="/pages/privacy-policy" class="hover:text-yellow break-words">
2759                        PRIVACY
2760                      </a>
2761                    </li>
2762                  
2763                    <li>
2764                      <a href="/pages/accessibility-statement" class="hover:text-yellow break-words">
2765                        ACCESSIBILITY
2766                      </a>
2767                    </li>
2768                  
2769                </ul>
2770              </div></div><div class="flex justify-start gap-10 lg:justify-center">
2771              <div class="grow w-full">
2772                
2773                
2774                  <h2 class="font-heading text-base mb-4 break-all "></h2>                
2775                
2776                <ul class="list-none">
2777                  
2778                    <li>
2779                      <a href="/pages/shipping-returns" class="hover:text-yellow break-words">
2780                        SHIPPING & RETURNS
2781                      </a>
2782                    </li>
2783                  
2784                    <li>
2785                      <a href="/pages/sustainability" class="hover:text-yellow break-words">
2786                        SUSTAINABILITY
2787                      </a>
2788                    </li>
2789                  
2790                    <li>
2791                      <a href="/pages/terms-and-conditions" class="hover:text-yellow break-words">
2792                        TERMS
2793                      </a>
2794                    </li>
2795                  
2796                    <li>
2797                      <a href="/pages/find-a-store" class="hover:text-yellow break-words">
2798                        FIND IN STORE
2799                      </a>
2800                    </li>
2801                  
2802                </ul>
2803              </div></div></div>
2804    
2805  </div>
2806  </div>
2807    <div class="rightdiv rounded-[10px] rounded-10 bg-darkblue xbg-white w-full lg:w-1/2 px-section flex flex-col justify-center lg:justify-end py-8"><div class=" footer-newsletter"><h2 class="font-heading uppercase font-bold   mb-1 text-center lg:text-right">Stay in the loop</h2><h5 class="font-text font-bold  mb-4 text-center lg:text-right">Subscribe to our newsletter for the latest updates</h5><div class="klaviyo-form">
2808                <div class="klaviyo-form-YkDWd9"></div>
2809              </div><div class="newsletter-social-icons mt-8"><ul class="flex flex-row -mx-2 -mt-2 pt-8  justify-center lg:justify-end">
2810  
2811
2812    
2813    
2814      
2815        <li class="mx-1 mt-1">
2816          <a class="fill-current hover:text--accent-1" href="https://www.instagram.com/hummkombucha/" target="_blank">
2817            <span class="inline-block" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
2818    <circle cx="17.7969" cy="17.5781" r="17.5781" fill="#ffffff"/>
2819    <path d="M13.9641 8.59375H21.425C24.2673 8.59375 26.5766 10.9031 26.5766 13.7453V21.2063C26.5766 22.5726 26.0339 23.8829 25.0678 24.849C24.1017 25.8151 22.7913 26.3579 21.425 26.3579H13.9641C11.1218 26.3579 8.8125 24.0485 8.8125 21.2063V13.7453C8.8125 12.3791 9.35526 11.0687 10.3214 10.1026C11.2875 9.13651 12.5978 8.59375 13.9641 8.59375ZM13.7865 10.3702C12.9384 10.3702 12.1251 10.707 11.5255 11.3067C10.9258 11.9064 10.5889 12.7197 10.5889 13.5677V21.3839C10.5889 23.1515 12.0189 24.5815 13.7865 24.5815H21.6027C22.4507 24.5815 23.264 24.2446 23.8637 23.6449C24.4633 23.0453 24.8002 22.232 24.8002 21.3839V13.5677C24.8002 11.8002 23.3702 10.3702 21.6027 10.3702H13.7865ZM22.3576 11.7025C22.6521 11.7025 22.9345 11.8194 23.1427 12.0277C23.3509 12.2359 23.4679 12.5183 23.4679 12.8127C23.4679 13.1072 23.3509 13.3896 23.1427 13.5978C22.9345 13.806 22.6521 13.923 22.3576 13.923C22.0632 13.923 21.7808 13.806 21.5726 13.5978C21.3644 13.3896 21.2474 13.1072 21.2474 12.8127C21.2474 12.5183 21.3644 12.2359 21.5726 12.0277C21.7808 11.8194 22.0632 11.7025 22.3576 11.7025ZM17.6946 13.0348C18.8724 13.0348 20.002 13.5027 20.8348 14.3355C21.6677 15.1684 22.1356 16.298 22.1356 17.4758C22.1356 18.6537 21.6677 19.7832 20.8348 20.6161C20.002 21.449 18.8724 21.9168 17.6946 21.9168C16.5167 21.9168 15.3871 21.449 14.5543 20.6161C13.7214 19.7832 13.2535 18.6537 13.2535 17.4758C13.2535 16.298 13.7214 15.1684 14.5543 14.3355C15.3871 13.5027 16.5167 13.0348 17.6946 13.0348ZM17.6946 14.8112C16.9879 14.8112 16.3101 15.0919 15.8104 15.5916C15.3107 16.0914 15.0299 16.7691 15.0299 17.4758C15.0299 18.1825 15.3107 18.8603 15.8104 19.36C16.3101 19.8597 16.9879 20.1404 17.6946 20.1404C18.4013 20.1404 19.079 19.8597 19.5787 19.36C20.0784 18.8603 20.3592 18.1825 20.3592 17.4758C20.3592 16.7691 20.0784 16.0914 19.5787 15.5916C19.079 15.0919 18.4013 14.8112 17.6946 14.8112Z" fill="#000000"/>
2820</svg></span>
2821            <span class="visually-hidden">Instagram</span>
2822          </a>
2823        </li>
2824      
2825    
2826  
2827
2828    
2829    
2830      
2831        <li class="mx-1 mt-1">
2832          <a class="fill-current hover:text--accent-1" href="https://www.facebook.com/hummkombucha/" target="_blank">
2833            <span class="inline-block" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
2834    <circle cx="17.9531" cy="17.5781" r="17.5781" fill="#ffffff"/>
2835    <path d="M19.6506 18.5288H21.8711L22.7593 14.976H19.6506V13.1996C19.6506 12.2847 19.6506 11.4232 21.427 11.4232H22.7593V8.4388C22.4697 8.40061 21.3763 8.31445 20.2217 8.31445C17.8102 8.31445 16.0977 9.78621 16.0977 12.489V14.976H13.4331V18.5288H16.0977V26.0786H19.6506V18.5288Z" fill="#000000"/>
2836</svg></span>
2837            <span class="visually-hidden">Facebook</span>
2838          </a>
2839        </li>
2840      
2841    
2842  
2843
2844    
2845    
2846  
2847
2848    
2849    
2850  
2851
2852    
2853    
2854  
2855
2856    
2857    
2858  
2859
2860    
2861    
2862  
2863
2864    
2865    
2866  
2867
2868    
2869    
2870  
2871
2872    
2873    
2874      
2875        <li class="mx-1 mt-1">
2876          <a class="fill-current hover:text--accent-1" href="https://www.linkedin.com/company/humm-kombucha/" target="_blank">
2877            <span class="inline-block" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
2878    <circle cx="18.4219" cy="17.5781" r="17.5781" fill="#ffffff"/>
2879    <path d="M24.8763 9.87695C25.3475 9.87695 25.7993 10.0641 26.1325 10.3973C26.4656 10.7304 26.6528 11.1822 26.6528 11.6534V24.0883C26.6528 24.5594 26.4656 25.0112 26.1325 25.3444C25.7993 25.6775 25.3475 25.8647 24.8763 25.8647H12.4415C11.9703 25.8647 11.5185 25.6775 11.1853 25.3444C10.8522 25.0112 10.665 24.5594 10.665 24.0883V11.6534C10.665 11.1822 10.8522 10.7304 11.1853 10.3973C11.5185 10.0641 11.9703 9.87695 12.4415 9.87695H24.8763ZM24.4322 23.6442V18.9367C24.4322 18.1687 24.1272 17.4322 23.5842 16.8892C23.0411 16.3462 22.3046 16.0411 21.5367 16.0411C20.7817 16.0411 19.9024 16.503 19.476 17.1958V16.2099H16.998V23.6442H19.476V19.2653C19.476 18.5814 20.0267 18.0218 20.7107 18.0218C21.0404 18.0218 21.3567 18.1528 21.5899 18.386C21.823
28791 18.6192 21.9541 18.9355 21.9541 19.2653V23.6442H24.4322ZM14.1113 14.8154C14.507 14.8154 14.8866 14.6582 15.1664 14.3783C15.4463 14.0985 15.6035 13.7189 15.6035 13.3232C15.6035 12.4972 14.9373 11.8221 14.1113 11.8221C13.7132 11.8221 13.3314 11.9803 13.0499 12.2618C12.7684 12.5433 12.6102 12.9251 12.6102 13.3232C12.6102 14.1492 13.2852 14.8154 14.1113 14.8154ZM15.3459 23.6442V16.2099H12.8856V23.6442H15.3459Z" fill="#000000"/>
2880</svg>
2881    </span>
2882            <span class="visually-hidden">LinkedIn</span>
2883          </a>
2884        </li>
2885      
2886    
2887  
2888
2889    
2890    
2891  
2892</ul>
2893</div>
2894            </div></div>
2895  </div>
2896  <div class="footercopydiv px-8">
2897<p class="text-xs lg:text-sm text-center pt-8 pb-8">© Copyright 2026 <a href="/" title="">Humm Kombucha</a> - All Rights Reserved. <a href="/pages/ccpa-privacy-policy" style="text-decoration: underline;">Do not sell my personal information</a> </p>
2898    </div>
2899</footer>
2900  
2900<script src="//hummkombucha.com/cdn/shop/t/38/assets/sections-footer.bundle.min.js?v=993338617198932421762462223" type="module"></script>
2900
2901
2902
2903
2904<style> #shopify-section-sections--15581863968897__footer footer {background: linear-gradient(180deg, #365cc7 0%, #2c3bbe 100%);} #shopify-section-sections--15581863968897__footer h2 {font-size: clamp(4.5vw, 4.5vw, 100px); color: #fff;} #shopify-section-sections--15581863968897__footer h5 {color: #fff; font-size: clamp(1.4vw, 1.4vw, 26px);} #shopify-section-sections--15581863968897__footer .footer-logo-image {max-width: 50%;} @media (max-width: 989px) {#shopify-section-sections--15581863968897__footer h2 {font-size: 9.5vw; } #shopify-section-sections--15581863968897__footer h5 {font-size: 3vw; }} </style></div>
2905<!-- END sections: footer-group --><!-- BEGIN sections: overlay-group -->
2906
2907<!-- END sections: overlay-group --><div id="screenreader-announce" class="sr-only" aria-live="polite" role="status"></div>
2908
2909      <ul hidden>
2910        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
2911        <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li>
2912      </ul>
2913
2914      
2915      <aside x-data>
2916  <template x-teleport="body">
2917    <div
2918      x-show="$store.modals.leftDrawer.open"
2919      @keydown.escape.prevent.stop="$store.modals.close('leftDrawer')"
2920      @click="$store.modals.close('leftDrawer')"
2921      class="fixed inset-0 z-50 z-1m"
2922      data-color-scheme="primary"
2923      id="modals-leftDrawer"
2924      @left-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)"
2925    >
2926      <div x-show="$store.modals.leftDrawer.open"
2927        x-transition:enter="transition ease-out duration-300"
2928        x-transition:enter-start="opacity-0"
2929        x-transition:enter-end="opacity-100"
2930        x-transition:leave="transition ease-in duration-300"
2931        x-transition:leave-start="opacity-100"
2932        x-transition:leave-end="opacity-0"
2933        class="fixed inset-0 bg-scheme-text/75"
2934       ><!-- Overlay --></div>
2935      <div
2936        x-show="$store.modals.leftDrawer.open"
2937        x-transition:enter="transition ease-out duration-300"
2938        x-transition:enter-start="-translate-x-full"
2939        x-transition:enter-end="translate-x-0"
2940        x-transition:leave="transition ease-in duration-300"
2941        x-transition:leave-start="translate-x-0"
2942        x-transition:leave-end="-translate-x-full"
2943        class="h-full w-full drawer-transition-host"
2944      >
2945        <div
2946          @click.stop
2947          x-trap.noscroll.inert="$store.modals.leftDrawer.open"
2948          class="relative w-11/12 md:w-5/12 lg:w-4/12 h-full bg-scheme-background text-scheme-text mr-auto overflow-y-auto border-r-section border-border"
2949          id="left-drawer-slot"
2950          role="dialog"
2951          aria-modal="true"
2952          :aria-label="getModalLabel('leftDrawer', $el)"
2953          tabindex="-1"
2954        >
2955          <!-- Modal content is teleported here -->
2956        </div>
2957      </div>
2958    </div>
2959  </template>
2960</aside>
2961
2962      <aside x-data>
2963  <template x-teleport="body">
2964    <div
2965      x-show="$store.modals.rightDrawer.open"
2966      @keydown.escape.prevent.stop="$store.modals.close('rightDrawer')"
2967      @click="$store.modals.close('rightDrawer')"
2968      class="fixed inset-0 z-50"
2969      data-color-scheme="primary"
2970      id="modals-rightDrawer"
2971      @right-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)"
2972    >
2973      <div x-show="$store.modals.rightDrawer.open"
2974        x-transition:enter="transition ease-out duration-300"
2975        x-transition:enter-start="opacity-0"
2976        x-transition:enter-end="opacity-100"
2977        x-transition:leave="transition ease-in duration-300"
2978        x-transition:leave-start="opacity-100"
2979        x-transition:leave-end="opacity-0"
2980        class="fixed inset-0 bg-scheme-text/75"
2981       ><!-- Overlay --></div>
2982      <div
2983        x-show="$store.modals.rightDrawer.open"
2984        x-transition:enter="transition ease-out duration-300"
2985        x-transition:enter-start="translate-x-full"
2986        x-transition:enter-end="translate-x-0"
2987        x-transition:leave="transition ease-in duration-300"
2988        x-transition:leave-start="translate-x-0"
2989        x-transition:leave-end="translate-x-full"
2990        class="h-full w-full"
2991      >
2992        <div
2993          @click.stop
2994          x-trap.noscroll.inert="$store.modals.rightDrawer.open"
2995          class="relative w-11/12 md:w-7/12 lg:w-5/12 h-full bg-scheme-background ml-auto overflow-hidden border-l-section border-border"
2996          id="right-drawer-slot"
2997          role="dialog"
2998          aria-modal="true"
2999          :aria-label="getModalLabel('rightDrawer', $el)"
3000          tabindex="-1"
3001        >
3002          <!-- Modal content is teleported here -->
3003        </div>
3004      </div>
3005    </div>
3006  </template>
3007</aside>
3008
3009      <aside x-data>
3010  <template x-teleport="body">
3011    <div
3012      x-show="$store.modals.modal.open"
3013      @keydown.escape.prevent.stop="$store.modals.close('modal')"
3014      class="fixed inset-0 z-40"
3015      id="modals-modal"
3016      @modal-is-open.window="setTimeout(() => { $focus.first() }, 120)"
3017    >
3018      <div id="modal-slot"></div>
3019    </div>
3020  </template>
3021</aside>
3022
3023      
3023<script src="//hummkombucha.com/cdn/shop/t/38/assets/modals.js?v=148114380856576918141762462223" type="module"></script>
3023
3024
3025      
3026
3027<svg width="0" height="0" viewBox="0 0 200 200">
3028  <defs>
3029    <clipPath id="clip-metafield-badge" clipPathUnits="objectBoundingBox">
3030      <path clip-rule="evenodd" transform="scale(0.005,0.005)" d="M5,100a95,95 0 1,0 190,0a95,95 0 1,0 -190,0" fill="black"/>
3031    </clipPath>
3032    <path id="outline-metafield-badge" vector-effect="non-scaling-stroke"  d="M5,100a95,95 0 1,0 190,0a95,95 0 1,0 -190,0" />
3033  </defs>
3034</svg>
3035
3036      
3037
3038      
3038<script>
3039        window.onload = function() {
3040          const accessWidgetContainer = document.querySelector('#accessiblyAppWidgetButton');
3041          const accessWidget = document.querySelector('#accessiblyAppDialogButton');
3042
3043          if (accessWidgetContainer) {
3044            // Apply styles to container
3045            accessWidgetContainer.style.top = 'auto';
3046            accessWidgetContainer.style.bottom = '80px';
3047            accessWidgetContainer.style.left = '10px';
3048          }
3049          if (accessWidget) {
3050            // Apply styles to widget
3051            accessWidget.style.backgroundColor = '#2a4a34';
3052            accessWidget.style.setProperty('width', '45px', 'important');
3053            accessWidget.style.setProperty('min-width', '45px', 'important');
3054            accessWidget.style.setProperty('max-width', '45px', 'important');
3055          }
3056        }
3057      </script>
3057
3058      
3059<!-- Rebuy START -->
3060 <!-- Rebuy Speed Load Script -->
3061<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=af2be4-8b.myshopify.com"></script>
3061
3062<!-- General Theme / Rebuy Styling -->
3063<style>
3064#SmartCart_title{
3065text-align: center;
3066font-size: 26px;
3067}
3068.rebuy-cart__flyout-content{
3069overflow: auto;
3070}
3071.rebuy-cart__flyout-item-product-title{
3072  font-size: 20px;
3073}
3074.rebuy-cart__flyout-item-variant-title{
3075}
3076.rebuy-cart__flyout-header{
3077  border: none;
3078}
3079.rebuy-cart__flyout-content::-webkit-scrollbar {
3080  width: 10px;
3081}
3082.rebuy-cart__flyout-content::-webkit-scrollbar-thumb {
3083  background-color: #ffb200;
3084  border-radius: 20px;
3085}
3086.rebuy-cart__checkout-button{
3087
3088}
3089.rebuy-cart__flyout-item-price .rebuy-money span {
3090  font-size: 18px !important;
3091}
3092.rebuy-cart__flyout-subtotal-label span {
3093  font-size: 24px !important;
3094}
3095.rebuy-cart__flyout-subtotal-amount {
3096  font-size: 24px !important;
3097}
3098.rebuy-cart .far {
3099  font-size: 12px;
3100}
3101.rebuy-cart .fa-trash {
3102  font-size: 13px;
3103}
3104.rebuy-cart__checkout-button .rebuy-button-icon {
3105  position: relative;
3106  top: -1px;
3107}
3108#rebuy-smart-cart-announcement-bar{
3109   background: #ffb200 !important;
3110   color: #FFFFFF !important;
3111  font-size: 14px;
3112  font-weight: bold;
3113}
3114.rebuy-cart__flyout-announcement-bar-message {
3115  font-family: 'Gotham Narrow', Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
3116 font-size: 14px;
3117}
3118.rebuy-cart__flyout-recommendations{
3119    padding-top: 0px;
3120}
3121
3122.rebuy-select.muted, select.rebuy-select.muted {
3123  border-width: 1px;
3124box-shadow: none;
3125  border-color: #000000;
3126}
3127.rebuy-cart__progress-bar-meter-fill{
3128    background: #ffb200;
3129}
3130.rebuy-cart__flyout-close, .rebuy-cart__flyout-close:hover, .rebuy-cart__flyout-close:focus {
3131  font-size: 16px;
3132}
3133.rebuy-cart__shop-pay-button>svg {
3134  display: inline-flex;
3135}
3136.powered-by-rebuy {
3137    display: none;
3138}
3139.rebuy-cart__flyout {
3140margin: 10px;
3141    border-radius: 15px;
3142}
3143.rebuy-select, .rebuy-widget .rebuy-select, select.rebuy-select, .rebuy-widget select.rebuy-select {
3144    color: #000000;
3145    background-color: #fff;
3146    border-color: #000;
3147    border-radius: 0;
3148    box-shadow: none;
3149}
3150.rebuy-cart__flyout-note{
3151  padding: 10px !important;
3152}
3153.rebuy-cart__background,
3154.rebuy-cart .rebuy-star-rating > * {
3155    display: block !important;
3156}
3157.rebuy-checkbox {
3158    appearance: none !important;
3159    -webkit-appearance: none !important;
3160    padding: 0 0 0 15px !important;
3161}
3162.rebuy-checkbox:checked:before {
3163    appearance: none;
3164    -webkit-appearance: none;
3165    display: inherit;
3166}
3167.rebuy-checkbox-label{
3168    width: 20px !important;
3169}
3170 .rebuy-button,
3171.rebuy-cart__flyout-empty-cart a {
3172    text-transform: uppercase !important;
3173    transition: color 0.5s, background-color 0.5s !important;
3174}
3175.rebuy-button:hover,
3176.rebuy-cart__flyout-empty-cart a:hover {
3177filter: brightness(110%);
3178}
3179.rebuy-cart__checkout-button:hover span{
3180	color:#ffffff !important;
3181}
3182/* mobile styling below*/
3183@media(max-width: 500px){
3184.rebuy-cart__flyout-discount-form, #rebuy-discount-input{
3185  height: 30px;
3186}
3187.rebuy-cart__flyout-discount-container .rebuy-button{
3188  font-size: 12px;
3189  display: flex;
3190  align-items: center;
3191  justify-content: center;
3192}
3193.rebuy-cart__flyout {
3194margin: 0px;
3195    border-radius: 0px;
3196}
3197}
3198</style>
3199
3200<!-- Dynamic Bundle Template -->
3201
3202<script id="rebuy-widget-159648" type="text/template">
3203  <div class="rebuy-widget"
3204		v-cloak
3205		v-on:click="stopPropagation($event)"
3206		v-bind:id="'rebuy-widget-' + id"
3207		v-bind:class="['widget-type-' + config.type.replace('_','-'), products.length > 0 ? 'is-visible' : 'is-hidden']">
3208		
3209		<div
3210			class="rebuy-widget-container"
3211			v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]">
3212			<div class="rebuy-widget-content">
3213				<div class="rebuy-timer" v-if="hasTimer()">
3214					<h5 class="rebuy-timer-title" v-if="config.language.timer_title">
3215						<span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
3216					</h5>
3217				</div>
3218				
3219				<h4 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h4>
3220
3221				<h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3>
3222              
3223				<div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>
3224				
3225				<div class="rebuy-bundle">
3226				
3227					<div class="rebuy-bundle__images">
3228
3229						<div class="rebuy-bundle__image" v-for="(product, index) in products" v-if="product.selected" v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]">
3230							<a class="rebuy-bundle__image-item" v-bind:href="learnMoreURL(product)" v-bind:style="imageStyles" v-on:click="learnMore(product);" v-bind:class="[hasLearnMore() && !isInputProduct(product) ? 'clickable' : '' ]">
3231								<img v-bind:src="itemImage(product, product.selected_variant, '400x400')" v-bind:alt="product.title">
3232							</a>
3233							<div class="rebuy-bundle__image-divider">
3234								<i class="far fa-plus"></i>
3235							</div>
3236						</div>
3237						
3238					</div>
3239
3240                    <div class="rebuy-bundle__actions rebuy-mobile" v-if="subtotal() > 0">
3241                        
3242                        <div class="rebuy-bundle__actions-price">
3243                            <strong class="rebuy-bundle__actions-price-label" v-html="config.language.total_price_label"></strong>
3244                            
3245                            <div class="rebuy-bundle__actions-price-value" v-if="bundleOnSale()">
3246                                <span class="rebuy-money sale" v-html="formatMoney(subtotal())"></span>
3247                                <span class="rebuy-money compare-at" v-html="formatMoney(compareAtSubtotal())"></span>
3248                            </div>
3249                            <div class="rebuy-bundle__actions-price-value" v-if="!(bundleOnSale())">
3250                                <span class="rebuy-money" v-html="formatMoney(subtotal())"></span>
3251                            </div>
3252                        </div>
3253                        
3254                        <div class="rebuy-bundle__actions-buttons">
3255                            <button
3256                                class="rebuy-button"
3257                                v-on:click="addSelectedProductsToCart()"
3258                                type="button">
3259                                    <span v-html="buttonWidgetLabel()"></span>
3260                            </button>
3261                        </div>
3262                    </div>
3263					
3264					<div class="rebuy-bundle__items">
3265						
3266
3267				      <div class="rebuy-product-block" v-for="(product, product_index) in products" v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product), isInputProduct(product) ? 'is-input-product' : '' ,product.selected ? 'is-selected': '']">
3268							
3269							<div class="rebuy-product-info">
3270                            	<a class="rebuy-bundle__image-item bundle-single-image" v-bind:href="learnMoreURL(product)" v-bind:style="imageStyles" v-on:click="learnMore(product);" v-bind:class="[hasLearnMore() && !isInputProduct(product) ? 'clickable' : '' ]">
3271									<img v-bind:src="itemImage(product, product.selected_variant)" v-bind:alt="product.title">
3272								</a>
3273                                <div class="rebuy-product-checkbox">
3274                                    <label class="rebuy-checkbox-label">
3275                                        <input
3276                                            class="checkbox-input rebuy-checkbox"
3277                                            v-model="product.selected"
3278                                            type="checkbox" />
3279                                    </label>                                  
3280                                </div>
3281                                <strong class="rebuy-product-label" v-if="isInputProduct(product)" v-html=""></strong>
3282								<a class="rebuy-product-title" v-bind:href="learnMoreURL(product)" v-on:click="learnMore(product);" v-html="product.title" v-bind:class="[hasLearnMore() && !isInputProduct(product) ? 'clickable' : '']"></a>
3283								<div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
3284								<div class="rebuy-product-review" v-if="hasProductReviews(product)">
3285									<span class="rebuy-star-rating">
3286										<span class="rebuy-star-rating-background"></span>
3287										<span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
3288									</span>
3289									<span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
3290								</div>
3291
3292								<div class="rebuy-product-price">
3293									<div v-if="variantOnSale(product, product.selected_variant)">
3294										<span class="rebuy-money sale" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span>
3295										<span class="rebuy-money compare-at" v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span>
3296									</div>
3297									<div v-if="!(variantOnSale(product, product.selected_variant))">
3298										<span class="rebuy-money" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span>
3299									</div>
3300								</div>
3301								<div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>
3302							</div>
3303							<div class="rebuy-product-options" v-if="showVariantSelect(product)">
3304								<select
3305									:id="id + '-' + 'select' + '-' + product_index"
3306									:class="{ hide : settings.view_options.variant_selector == 'buttons' }"
3307									class="rebuy-select"
3308									v-model="product.selected_variant_id"
3309									v-on:change="selectVariant(product)">
3310									<option v-for="variant in product.variants" v-bind:value="variant.id">{{ variant.title }}</option>
3311								</select>
3312
3313								<div v-if="option.name == 'Color' && displayColorSwatches()" v-for="(option, option_index) in product.options" class="rebuy-color-swatches">
3314									<div v-for="(value, value_index) in option.values" class="rebuy-color-swatch">
3315										<input
3316											:name="id + '-color-' + product_index" 
3317											:id="id + '-color-' + option_index + '-' + value + '-' + value_index"
3318											:checked="value_index == 0" 
3319											:value="value"
3320											type="radio" 
3321											class="rebuy-color-input hide"
3322											v-on:change="selectVariantByColor(product, value, product_index)">
3323										<label
3324											:for="id + '-color-' + option_index + '-' + value + '-' + value_index"
3325											:style="{ backgroundColor: value }"
3326											:title="value"
3327											class="rebuy-color-label"></label>
3328									</div>
3329								</div>
3330
3331								<div v-if="option.name == 'Size' && settings.view_options.variant_selector == 'buttons'" v-for="(option, option_index) in product.options" class="mt-10 rebuy-size-swatches">
3332									<div v-for="(value, value_index) in option.values" class="rebuy-size-swatch">
3333										<input
3334											:name="id + '-size-' + product_index" 
3335											:id="id + '-size-' + product_index + '-' + value"
3336											:checked="value_index == 0" 
3337											:value="value"
3338											type="radio" 
3339											class="rebuy-size-input hide"
3340											v-on:change="selectVariantBySize(product, value, product_index)">
3341										<label
3342											:for="id + '-size-' + product_index + '-' + value"
3343											class="rebuy-size-label">{{ value }}</label>
3344									</div>
3345								</div>
3346							</div>
3347						</div>
3348
3349					</div>
3350				</div>
3351				
3352			</div>
3353		</div>
3354							
3355        <div class="rebuy-bundle__actions rebuy-desktop" v-if="subtotal() > 0">
3356            
3357            <div class="rebuy-bundle__actions-price">
3358                <strong class="rebuy-bundle__actions-price-label" v-html="config.language.total_price_label"></strong>
3359                
3360                <div class="rebuy-bundle__actions-price-value" v-if="bundleOnSale()">
3361                    <span class="rebuy-money sale" v-html="formatMoney(subtotal())"></span>
3362                    <span class="rebuy-money compare-at" v-html="formatMoney(compareAtSubtotal())"></span>
3363                </div>
3364                <div class="rebuy-bundle__actions-price-value" v-if="!(bundleOnSale())">
3365                    <span class="rebuy-money" v-html="formatMoney(subtotal())"></span>
3366                </div>
3367            </div>
3368            
3369            <div class="rebuy-bundle__actions-buttons">
3370                <button
3371                    class="rebuy-button"
3372                    v-on:click="addSelectedProductsToCart()"
3373                    type="button">
3374                        <span v-html="buttonWidgetLabel()"></span>
3375                </button>
3376            </div>
3377        </div>
3378					
3379	</div>
3380  </div>
3381</script>
3381
3382
3383 
3384<script id="rebuy-cart-template" type="text/template">
3385<div
3386  id="rebuy-cart"
3387  class="rebuy-cart"
3388  v-cloak
3389  v-bind:class="[visible ? 'is-visible' : '', 'currency-' + currency() ]"
3390  role="dialog"
3391  aria-modal="true"
3392  aria-labelledby="SmartCart_title"
3393  v-bind:aria-hidden="!visible ? 'true' : 'false'"
3394>
3395  <div class="rebuy-cart__flyout">
3396    <div class="rebuy-cart__flyout-header">
3397      <div v-html="renderHeader()"></div>
3398      <button
3399        class="rebuy-cart__flyout-close"
3400        type="button"
3401        v-on:click="hide()"
3402        aria-label="Close Cart"
3403      >
3404        <i class="fal fa-times" aria-hidden="true"></i>
3405      </button>
3406    </div>
3407    <div class="rebuy-cart__flyout-body">
3408      <div
3409        class="rebuy-cart__flyout-announcement-bar"
3410        id="rebuy-smart-cart-announcement-bar"
3411        v-if="announcementBarEnabled()"
3412      >
3413        <div
3414          class="rebuy-cart__flyout-announcement-bar-message"
3415          v-for="message in settings.announcement_bar.messages"
3416          v-html="message"
3417        ></div>
3418      </div>
3419
3420      <div
3421        class="rebuy-cart__flyout-shipping-bar"
3422        v-if="freeShippingEnabled()"
3423        v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]"
3424      >
3425        <div
3426          class="rebuy-cart__flyout-shipping-bar-message"
3427          v-if="!hasFreeShipping()"
3428          v-html="freeShippingRemainingMessage()"
3429        ></div>
3430        <div
3431          class="rebuy-cart__flyout-shipping-bar-message"
3432          v-if="hasFreeShipping()"
3433          v-html="freeShippingCompleteMessage()"
3434        ></div>
3435        <div
3436          class="rebuy-cart__flyout-shipping-bar-meter"
3437          v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']"
3438        >
3439          <span id="free-shipping-progress-label" class="rebuy-cart__flyout-shipping-bar-meter-fill-text">
3440            Progress to free shipping: {{ freeShippingPercentComplete() }}
3441          </span>
3442          <div
3443            class="rebuy-cart__flyout-shipping-bar-meter-fill"
3444            v-bind:style="{ width: freeShippingPercentComplete() }"
3445            role="progressbar"
3446            tabindex="0"
3447            aria-valuemin="0"
3448            aria-valuemax="100"
3449            v-bind:aria-valuenow="freeShippingPercentComplete(false, true)"
3450            aria-labelledby="free-shipping-progress-label"
3451          ></div>
3452        </div>
3453        <div
3454          class="rebuy-cart__flyout-shipping-bar-helper"
3455          v-if="freeShippingHelperMessage()"
3456          v-html="freeShippingHelperMessage()"
3457        ></div>
3458      </div>
3459
3460      <div v-else-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container above">
3461        <div v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar)">
3462          <div class="rebuy-cart__progress-step-wrapper" v-bind:class="[ 'count-' + bar.tiers.length ]">
3463            <div v-for="tier in bar.tiers" class="rebuy-cart__progress-step" v-bind:style="{ width: progressStepMaxWidth(bar) }" v-bind:class="[ progressTierReached(tier) ? 'complete' : '' ]">
3464              <div class="rebuy-cart__progress-step-icon" v-html="progressTierIcon(tier)"></div>
3465              <span class="rebuy-cart__progress-step-label">{{ getTierLabel(tier)}}</span>
3466            </div>
3467          </div>
3468
3469          <div class="rebuy-cart__progress-bar-wrapper">
3470            <div class="rebuy-cart__progress-bar-meter" v-bind:class="[hasTierProgress() ? 'has-progress' : 'no-progress']">
3471              <div
3472                class="rebuy-cart__progress-bar-meter-fill"
3473                v-bind:style="{ width: tiersPercentageComplete(bar) }"
3474                role="progressbar"
3475                tabindex="0"
3476                aria-valuemin="0"
3477                aria-valuemax="100"
3478                v-bind:aria-valuenow="tiersPercentageComplete(bar, true)"
3479                aria-labelledby="rebuy-cart__progress-bar-meter-label"
3480              >
3481                <span class="sr-only"></span>
3482              </div>
3483            </div>
3484
3485            <div id="rebuy-cart__progress-bar-meter-label" class="rebuy-cart__progress-bar-prompt" v-if="hasProgressPrompt(bar)" v-html="getTierFeedbackText(bar)"></div>
3486          </div>
3487
3488          <div class="rebuy-cart__progress-free-products" v-if="getBarLayout(bar) == 'above' && earnedProducts(bar).length > 0">
3489            <div class="rebuy-cart__progress-free-products-title">Free Gifts</div>
3490            <div class="rebuy-cart__progress-free-products-list" ref="freeProductList">
3491              <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" v-bind:style="[ freeProductTileStyle(bar) ]">
3492                <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"></div>
3493                <div class="rebuy-cart__progress-free-product-info">
3494                  <div>
3495                    <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p>
3496                    <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" v-html="getFreeVariantTitle(product)"></span>
3497                  </div>
3498                  <div v-if="!product.chosen_variant" class="rebuy-cart__progress-free-product-variant-select-container">
3499                    <select class="rebuy-cart__progress-free-product-variant-select" v-on:change="selectFreeProductVariant($event, product)">
3500                      <option value="" disabled selected>Select Variant</option>
3501                      <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ variant.title }}</option>
3502                    </select>
3503                    <div class="rebuy-cart__progress-free-product-variant-select-prompt" v-html="freeProductPrompt(product)"></div>
3504                  </div>
3505                </div>
3506                <button
3507                  v-show="product.chosen_variant"
3508                  class="rebuy-cart__progress-free-product-remove"
3509                  v-on:click="removeFreeProduct(product)"
3510                >
3511                  <i class="fal fa-times" aria-hidden="true"></i>
3512                  <span class="sr-only">Remove {{ product.title }} {{ product.chosen_variant?.title ? product.chosen_variant.title : '' }} from Cart</span>
3513                </button>
3514              </div>
3515            </div>
3516          </div>
3517        </div>
3518      </div>
3519
3520      <div
3521        class="rebuy-cart__flyout-content"
3522        v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]"
3523      >
3524        <ul class="rebuy-cart__flyout-items" v-if="hasItems()" data-smartcart-items tabindex="0">
3525          <li
3526            class="rebuy-cart__flyout-item"
3527            v-for="item in items()"
3528            v-if="!isHiddenItem(item)"
3529            :key="item.key"
3530            v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]"
3531            role="group"
3532            aria-label="product"
3533          >
3534            <div class="rebuy-cart__flyout-item-media">
3535              <a v-bind:href="itemURL(item)" tabindex="-1">
3536                <img
3537                  v-bind:src="sizeImage(item.image, '240x240')"
3538                  v-bind:alt="item.featured_image?.alt"
3539                />
3540              </a>
3541            </div>
3542            <div class="rebuy-cart__flyout-item-info">
3543              <a
3544                role="heading"
3545                aria-level="5"
3546                class="rebuy-cart__flyout-item-product-title"
3547                v-bind:href="itemURL(item)"
3548                v-html="item.product_title"
3549                v-bind:alt="'View ' + item.product_title"
3550              ></a>
3551              <div
3552                class="rebuy-cart__flyout-item-variant-title"
3553                v-html="item.variant_title"
3554                v-if="item.variant_title"
3555              ></div>
3556
3557              <div
3558                class="rebuy-cart__flyout-item-discount-message"
3559                v-if="hasLineItemDiscount(item)"
3560                v-html="lineItemDiscountMessage(item)"
3561              ></div>
3562
3563              <div
3564                class="rebuy-cart__flyout-item-properties"
3565                v-if="hasItemProperties(item)"
3566              >
3567                <div
3568                  class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency"
3569                  v-if="itemDeliveryFrequency(item)"
3570                  v-html="itemDeliveryFrequency(item)"
3571                ></div>
3572                <div
3573                  class="rebuy-cart__flyout-item-property"
3574                  v-for="property in itemProperties(item)"
3575                  v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]"
3576                >
3577                  <span
3578                    class="rebuy-cart__flyout-item-property-name"
3579                    v-html="property.key"
3580                  ></span>
3581                  <span class="rebuy-cart__flyout-item-property-separator">
3582                    :
3583                  </span>
3584                  <span
3585                    class="rebuy-cart__flyout-item-property-value"
3586                    v-html="property.value"
3587                  ></span>
3588                </div>
3589              </div>
3590
3591              <button
3592                class="rebuy-cart__flyout-item-remove"
3593                type="button"
3594                v-bind:alt="'Remove ' + item.product_title"
3595                v-bind:aria-label="'Remove ' + item.product_title"
3596                v-on:click="removeItem(item)"
3597              >
3598                <i
3599                  class="far"
3600                  v-bind:class="[(item.status == 'removing') ? 'fa-sync-alt fa-fast-spin' : 'fa-tras
3600h']"
3601                  aria-hidden="true"
3602                ></i>
3603              </button>
3604
3605              <div class="rebuy-cart__flyout-item-quantity">
3606                <div
3607                  class="rebuy-cart__flyout-item-quantity-widget"
3608                  v-if="hideQuantitySelectors && !hideQuantitySelectors(item)"
3609                >
3610                  <button
3611                    class="rebuy-cart__flyout-item-quantity-widget-button"
3612                    v-bind:alt="'Decrease quantity of ' + item.product_title"
3613                    v-bind:aria-label="'Decrease quantity of ' + item.product_title"
3614                    v-on:click="decreaseItem(item)"
3615                    type="button"
3616                  >
3617                    <i
3618                      class="far"
3619                      v-bind:class="[(item.status == 'decreasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-minus']"
3620                      aria-hidden="true"
3621                    ></i>
3622                  </button>
3623
3624                  <span
3625                    class="rebuy-cart__flyout-item-quantity-widget-label"
3626                  >
3627                    <span class="sr-only">Quantity of {{ item.product_title }}</span>
3628                    {{ item.quantity }}
3629                  </span>
3630
3631                  <button
3632                    class="rebuy-cart__flyout-item-quantity-widget-button"
3633                    v-bind:alt="'Increase quantity of ' + item.product_title"
3634                    v-bind:aria-label="'Increase quantity of ' + item.product_title"
3635                    v-on:click="increaseItem(item)"
3636                    type="button"
3637                  >
3638                    <i
3639                      class="far"
3640                      v-bind:class="[(item.status == 'increasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-plus']"
3641                      aria-hidden="true"
3642                    ></i>
3643                  </button>
3644                </div>
3645              </div>
3646
3647              <div class="rebuy-cart__flyout-item-price">
3648                <div v-if="itemHasDiscount(item)">
3649                  <span
3650                    class="rebuy-money sale"
3651                  >
3652                    <span class="sr-only">Sale price</span>
3653                    <span v-html="formatMoney(itemPrice(item))"></span>
3654                  </span>
3655                  <span
3656                    class="rebuy-money compare-at"
3657                  >
3658                    <span class="sr-only">Original price</span>
3659                    <span v-html="formatMoney(compareAtPrice(item))"></span>
3660                  </span>
3661                </div>
3662                <div v-if="!itemHasDiscount(item)">
3663                  <span
3664                    class="rebuy-money"
3665                  >
3666                    <span class="sr-only">Price</span>
3667                    <span v-html="formatMoney(itemPrice(item))"></span>
3668                  </span>
3669                </div>
3670              </div>
3671
3672              <div class="rebuy-cart__flyout-item-bundle" v-if="itemIsBundle(item) && !hideBundleOptions(item)">
3673                <button
3674                  class="rebuy-cart__flyout-item-bundle-show-button"
3675                  v-if="itemBundleLength(item) > 0 && !isSeeingBundle(item)"
3676                  v-on:click="toggleActiveBundle(item)"
3677                  type="button"
3678                  v-bind:alt="'Expand bundle of ' + item.product_title"
3679                  v-bind:aria-label="'Expand bundle of ' + item.product_title"
3680                  >
3681                    Show
3682                    <span v-html="itemBundleLength(item)"></span>
3683                    items
3684                    <span class="rebuy-cart__flyout-bundle-chev-icon"><i class="fas fa-chevron-down"></i></span>
3685                </button>
3686
3687                <button
3688                  class="rebuy-cart__flyout-item-bundle-hide-button"
3689                  v-if="itemBundleLength(item) > 0 && isSeeingBundle(item)"
3690                  v-on:click="toggleActiveBundle(item)"
3691                  type="button"
3692                  v-bind:alt="'Collapse bundle of ' + item.product_title"
3693                  v-bind:aria-label="'Collapse bundle of ' + item.product_title"
3694                  >
3695                    Hide
3696                    <span v-html="itemBundleLength(item)"></span>
3697                    items
3698                    <span class="rebuy-cart__flyout-bundle-chev-icon"><i class="fas fa-chevron-up"></i></span>
3699                </button>
3700
3701                <ul
3702                  class="rebuy-cart__flyout-item-bundle-children"
3703                  v-if="itemBundleLength(item) > 0 && isSeeingBundle(item)"
3704                  tabindex="0"
3705                  >
3706                  <li class="rebuy-cart__flyout-item-bundle-child" v-for="(option, index) in item.options_with_values">
3707                      <div class="rebuy-cart__flyout-item-bundle-child-left">
3708                        <div class="rebuy-cart__flyout-item-bundle-image-container">
3709                          <img
3710                            v-bind:src="getBundleOptionImage(item.product, option, index)"
3711                            v-bind:alt="childBundleTitle(option)"
3712                            class="rebuy-cart__flyout-item-bundle-image"
3713                          />
3714                        </div>
3715                      </div>
3716
3717                      <div class="rebuy-cart__flyout-item-bundle-child-right">
3718                        <h5 v-html="childBundleTitle(option)" class="rebuy-cart__flyout-item-bundle-title"></h5>
3719                        <p v-html="option.value" class="rebuy-cart__flyout-item-bundle-value"></p>
3720                      </div>
3721                  </li>
3722                <ul>
3723              </div>
3724            </div>
3725
3726            <div
3727              v-if="itemHasBMSM(item) && bMSMFinalTierNotReached(item)"
3728              class="rebuy-cart__flyout-item-buy-more-save-more"
3729            >
3730              <div
3731                v-if="hasBMSMButtons()"
3732                class="rebuy-cart__flyout-item-buy-more-save-more-container"
3733              >
3734                <div
3735                  v-for="tier in getBMSMTiers()"
3736                  class="rebuy-cart__flyout-item-buy-more-save-more-button-container"
3737                  v-if="tier.quantity > item.quantity"
3738                >
3739                  <button
3740                    v-on:click="adjustBMSMQuantity(item, tier)"
3741                    class="rebuy-button rebuy-cart__flyout-item-buy-more-save-more-button"
3742                    v-bind:alt="getBMSMButtonText(tier)"
3743                  >
3744                    <span v-html="getBMSMButtonText(tier)"></span>
3745                  </button>
3746                </div>
3747              </div>
3748
3749              <span
3750                v-if="!hasBMSMButtons()"
3751                class="rebuy-cart__flyout-buy-more-save-more-dynamic-message-text"
3752                v-html="buyMoreSaveMoreDynamicText(item)"
3753              ></span>
3754            </div>
3755
3756            <div
3757              class="rebuy-cart__flyout-item-subscription"
3758              v-if="hasSwitchToSubscription(item)"
3759            >
3760              <button
3761                class="rebuy-button outline"
3762                v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'"
3763                v-bind:alt="'Switch ' + item.product_title + ' to a Subscription'"
3764                v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')"
3765                v-on:click="updateItemDeliveryFrequency(item, selectedSubscriptionFrequency(item, 0), 'onetime')"
3766                type="button"
3767              >
3768                <span v-html="switchToSubscriptionLabel(item)"></span>
3769              </button>
3770
3771              <select
3772                class="rebuy-select muted"
3773                aria-label="subscription frequency"
3774                v-if="item.product.subscription && item.status != 'downgrading'"
3775                v-model="item.product.subscription_frequency"
3776                v-on:change="updateItemDeliveryFrequency(item)"
3777              >
3778                <optgroup
3779                  v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()"
3780                  v-bind:label="onetimeOptionGroupLabel(item)"
3781                >
3782                  <option
3783                    v-bind:value="'onetime'"
3784                    v-html="onetimeOptionLabel(item)"
3785                  ></option>
3786                </optgroup>
3787                <optgroup v-bind:label="subscriptionOptionGroupLabel(item)">
3788                  <option
3789                    v-for="frequency in subscriptionFrequencies(item)"
3790                    v-bind:value="frequency"
3791                    v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)"
3792                  ></option>
3793                </optgroup>
3794              </select>
3795            </div>
3796          </li>
3797        </ul>
3798        <div class="rebuy-cart__flyout-note" v-if="notesEnabled()">
3799          <label class="rebuy-cart__flyout-note-toggle">
3800            <input
3801              class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox"
3802              type="checkbox"
3803              v-model="notes.visible"
3804              v-on:click="notesToggle()"
3805            />
3806            <span
3807              class="rebuy-cart__flyout-note-toggle-label"
3808              v-html="settings.language.notes_label"
3809            ></span>
3810          </label>
3811          <div
3812            class="rebuy-cart__flyout-note-content"
3813            v-if="notesIsVisible()"
3814          >
3815            <textarea
3816              id="rebuy-cart-notes"
3817              class="rebuy-textarea rebuy-cart__flyout-note-textarea"
3818              v-model="notes.value"
3819              v-on:keyup="notesChange($event)"
3820              v-on:keydown="notesChange($event)"
3821              v-on:change="notesChange($event)"
3822              v-bind:placeholder="settings.language.notes_placeholder"
3823            ></textarea>
3824            <small
3825              id="rebuy-cart-characters-remaining"
3826              v-html="notesRemainingCharacters()"
3827            ></small>
3828          </div>
3829        </div>
3830
3831
3832        <div class="rebuy-cart__flyout-empty-cart" v-html="emptyCartMessage()" v-if="!hasItems()"></div>
3833        <div class="rebuy-cart__flyout-empty-cart-footer" v-if="!hasItems()">
3834          <div data-app-target="empty_cart"></div>
3835        </div>
3836
3837        <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()">
3838          <div
3839            v-for="widget_id in settings.cross_sells"
3840            v-bind:data-rebuy-id="widget_id"
3841          ></div>
3842        </div>
3843
3844        <div class="rebuy-cart__upsells" v-if="hasPrePurchase()">
3845          <div v-bind:data-rebuy-id="settings.pre_purchase.id"></div>
3846        </div>
3847      </div>
3848
3849      <div v-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container below">
3850        <div class="rebuy-cart__progress-free-products" v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar) && getBarLayout(bar) == 'below' && earnedProducts(bar).length > 0">
3851          <div class="rebuy-cart__progress-free-products-title">Free Gifts</div>
3852          <div class="rebuy-cart__progress-free-products-list" ref="freeProductList">
3853            <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" v-bind:style="[ freeProductTileStyle(bar) ]">
3854              <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"></div>
3855              <div class="rebuy-cart__progress-free-product-info">
3856                <div>
3857                  <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p>
3858                  <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" v-html="product.chosen_variant.title"></span>
3859                </div>
3860                <div v-if="!product.chosen_variant" class="rebuy-cart__progress-free-product-variant-select-container">
3861                  <select class="rebuy-cart__progress-free-product-variant-select" v-on:change="selectFreeProductVariant($event, product)">
3862                    <option value="" disabled selected>Select Variant</option>
3863                    <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ variant.title }}</option>
3864                  </select>
3865                  <div class="rebuy-cart__progress-free-product-variant-select-prompt" v-html="freeProductPrompt(product)"></div>
3866                </div>
3867              </div>
3868              <button
3869                v-show="product.chosen_variant"
3870                class="rebuy-cart__progress-free-product-remove"
3871                v-on:click="removeFreeProduct(product)"
3872                v-bind:aria-label="'Remove ' + product.title +  ' ' + (product.chosen_variant?.title)"
3873              >
3874                <i class="fal fa-times" aria-hidden="true"></i>
3875              </button>
3876            </div>
3877          </div>
3878        </div>
3879      </div>
3880    </div>
3881
3882    <div class="rebuy-cart__flyout-footer" v-show="hasItems()">
3883
3884      <div class="rebuy-cart__flyout-discount-container" v-if="discountEnabled()">
3885
3886        <form class="rebuy-cart__flyout-discount-form" v-if="shouldShowDiscountInput()" v-on:submit="applyDiscount(null, $event)">
3887          <div
3888            class="rebuy-input-wrapper rebuy-input-wrapper--floating-label"
3889            v-bind:class="[discount.inputValue ? 'show-label' : '' ]"
3890          >
3891            <span
3892              class="rebuy-input-label"
3893              v-html="settings.language.discount_code_label"
3894            ></span>
3895            <input
3896              class="rebuy-input"
3897              v-model="discount.inputValue"
3898              v-bind:placeholder="settings.language.discount_code_label"
3899              v-bind:disabled="discount.loading"
3900              id="rebuy-discount-input"
3901              aria-label="Input Discount"
3902              autocomplete
3903            />
3904          </div>
3905          <button
3906            class="rebuy-button"
3907            v-bind:disabled="discount.loading"
3908          >
3909            <span v-html="discountButtonLabel()"></span>
3910          </button>
3911        </form>
3912
3913        <div class="rebuy-cart__flyout-discount-error-message" v-if="discount.hasError()" v-html="discount.errorMessage()"></div>
3914
3915        <div class="rebuy-cart__flyout-discount-tag" v-if="shouldShowDiscountSubtotal()">
3916          <span class="rebuy-cart__flyout-discount-tag-icon"><i class="fas fa-tags"></i></span>
3917          <span class="rebuy-cart__flyout-discount-tag-text" v-html="discount.code"></span>
3918          <span
3919            class="rebuy-cart__flyout-discount-tag-remove"
3920            v-on:click="removeDiscount()"
3921          >
3922            <i class="far fa-times"></i>
3923          </span>
3924        </div>
3925
3926        <div class="rebuy-cart__flyout-discount-amount" v-if="shouldShowDiscountSubtotal()">
3927          <span v-html="discountTotal()"></span>
3928        </div>
3929      </div>
3930
3931      <div
3932        class="rebuy-cart__flyout-integration"
3933        v-if="settings.integrations && settings.integrations.enabled"
3934      ></div>
3935      <div class="rebuy-cart__flyout-apps">
3936        <div data-app-target="above_subtotal"></div>
3937      </div>
3938
3939      <div class="rebuy-cart__flyout-subtotal">
3940        <div class="rebuy-cart__flyout-subtotal-label">
3941          <span v-html="subtotalLabel()"></span>
3942        </div>
3943        <div
3944          class="rebuy-cart__flyout-subtotal-amount"
3945          v-html="subtotal()"
3946        ></div>
3947      </div>
3948      <div data-app-target="below_subtotal"></div>
3949
3950      <div class="rebuy-cart__flyout-actions">
3951        <div
3952          v-if="settings.terms && settings.terms.enabled"
3953          class="rebuy-cart__flyout-terms"
3954        >
3955          <input
3956            class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox"
3957            id="rebuy-terms-checkbox"
3958            name="rebuy-terms-checkbox"
3959            type="checkbox"
3960            v-model="termsAccepted"
3961            v-on:click="updateTermsCheck()"
3962          />
3963          <label
3964            class="rebuy-cart__flyout-terms-label"
3965            for="rebuy-terms-checkbox"
3966            v-html="settings.terms.disclaimer"
3967          ></label>
3968        </div>
3969
3970        <button
3971          v-show="hasCheckoutButton()"
3972          class="rebuy-button rebuy-cart__checkout-button block"
3973          type="button"
3974          v-on:click="checkout()"
3975          v-bind:disabled="hasTermsEnabled() && !hasAcceptedTerms()"
3976        >
3977          <span v-html="checkoutLabel()"></span>
3978        </button>
3979
3980        <button
3981          v-if="hasViewCartButton()"
3982          class="rebuy-button rebuy-cart__view-cart-button block"
3983          v-bind:class="{'outline': hasCheckoutButton()}"
3984          type="button"
3985          v-on:click="viewCart()"
3986        >
3987          <span v-html="viewCartLabel()"></span>
3988        </button>
3989
3990        <button
3991          v-if="hasContinueShoppingButton()"
3992          class="rebuy-button rebuy-cart__continue-shopping-button block outline"
3993          type="button"
3994          v-on:click="hide()"
3995        >
3996          <span v-html="continueShoppingLabel()"></span>
3997        </button>
3998
3999        <button
4000          v-if="hasShopPayButton()"
4001          class="rebuy-button rebuy-cart__shop-pay-button block"
4002          v-on:click="shopPayCheckout()"
4003          aria-label="Checkout with Shop Pay"
4004        >
4005          <svg
4006            width="80"
4007            height="30"
4008            viewBox="0 0 4317 1037"
4009            fill="none"
4010            xmlns="http://www.w3.org/2000/svg"
4011          >
4012            <g clip-path="url(#clip0)">
4013              <path
4014                d="M1105.96 326.186C1071.34 253.553 1005.7 206.635 906.786 206.635C876.426 207.164 846.593 214.661 819.588 228.543C792.585 242.427 769.128 262.328 751.033 286.711L747.423 291.109V6.44337C747.423 4.7982 746.77 3.22051 745.606 2.05722C744.443 0.8939 742.864 0.240234 741.219 0.240234H601.367C599.742 0.269795 598.194 0.936325 597.055 2.09644C595.915 3.25656 595.277 4.81756 595.277 6.44337V822.999C595.277 824.614 595.92 826.162 597.062 827.304C598.204 828.447 599.752 829.089 601.367 829.089H751.145C752.771 829.089 754.332 828.452 755.492 827.311C756.652 826.172 757.318 824.624 757.348 822.999V474.835C757.348 407.165 802.461 359.231 874.643 359.231C953.592 359.231 973.555 424.195 973.555 490.398V822.999C973.555 824.614 974.196 826.162 975.338 827.304C976.48 828.447 978.03 829.089 979.645 829.089H1129.08C1130.71 829.089 1132.27 828.452 1133.43 827.311C1134.59 826.172 1135.26 824.624 1135.29 822.999V470.549C1135.29 458.481 1135.29 446.638 1133.71 435.135C1131.14 397.437 1121.74 360.519 1105.96 326.186Z"
4015                fill="white"
4016              />
4017              <path
4018                d="M358.093 447.206C358.093 447.206 281.851 429.273 253.768 422.055C225.684 414.837 176.623 399.498 176.623 362.392C176.623 325.286 216.21 313.443 256.362 313.443C296.513 313.443 341.176 323.143 344.672 367.693C344.813 369.299 345.552 370.791 346.742 371.879C347.933 372.965 349.488 373.563 351.1 373.558L498.734 372.994C499.603 372.996 500.463 372.819 501.26 372.474C502.057 372.129 502.774 371.623 503.367 370.987C503.96 370.353 504.416 369.602 504.705 368.783C504.994 367.963 505.113 367.093 505.05 366.226C495.915 223.668 370.837 172.69 255.459 172.69C118.652 172.69 18.6132 262.917 18.6132 362.392C18.6132 435.025 39.1399 503.147 200.533 550.516C228.842 558.749 267.302 569.463 300.912 578.825C341.288 590.104 363.055 607.134 363.055 633.976C363.055 665.104 317.942 686.758 273.618 686.758C209.444 686.758 163.879 662.961 160.157 620.215C159.963 618.652 159.202 617.212 158.016 616.172C156.831 615.132 155.305 614.564 153.728 614.576L6.43255 615.253C5.569 615.253 4.71432 615.426 3.91928 615.764C3.12425 616.101 2.40528 616.594 1.80527 617.216C1.20527 617.836 0.736446 618.572 0.426968 619.378C0.11749 620.185 -0.0263401 621.045 0.00395994 621.908C6.77099 756.459 136.698 828.978 257.829 828.978C438.283 828.978 519.825 727.474 519.825 632.397C520.051 587.734 509.787 486.003 358.093 447.206Z"
4019                fill="white"
4020              />
4021              <path
4022                d="M2257.37 206.409C2182.38 206.409 2119.55 247.913 2079.06 297.991V212.274C2079.06 210.678 2078.43 209.145 2077.31 208.007C2076.21 206.868 2074.68 206.213 2073.08 206.185H1933.01C1931.4 206.185 1929.84 206.825 1928.7 207.967C1927.56 209.11 1926.91 210.66 1926.91 212.274V1013.04C1926.95 1014.63 1927.61 1016.16 1928.75 1017.27C1929.89 1018.39 1931.42 1019.02 1933.01 1019.02H2082.9C2084.48 1019.02 2086 1018.39 2087.12 1017.27C2088.24 1016.15 2088.87 1014.62 2088.87 1013.04V749.802H2091.13C2114.92 786.117 2180 829.653 2265.05 829.653C2424.96 829.653 2558.28 697.019 2558.28 517.806C2558.4 345.811 2425.76 206.409 2257.37 206.409ZM2243.5 677.057C2211.94 677.841 2180.83 669.2 2154.2 652.238C2127.57 635.274 2106.58 610.759 2093.93 581.82C2081.29 552.88 2077.55 520.829 2083.21 489.757C2088.85 458.685 2103.64 430.002 2125.66 407.369C2147.69 384.733 2175.96 369.175 2206.87 362.679C2237.77 356.183 2269.91 359.042 2299.18 370.893C2328.46 382.743 2353.53 403.048 2371.22 429.215C2388.9 455.383 2398.38 486.224 2398.47 517.806C2398.79 538.449 2395.03 558.955 2387.42 578.145C2379.81 597.335 2368.47 614.831 2354.07 629.628C2339.68 644.425 2322.5 656.232 2303.51 664.371C2284.54 672.511 2264.15 676.821 2243.5 677.057Z"
4023                fill="white"
4024              />
4025              <path
4026                d="M1483.34 171.229C1343.6 171.229 1273.9 218.711 1217.95 256.72L1216.26 257.847C1213.38 259.821 1211.35 262.813 1210.57 266.221C1209.8 269.63 1210.34 273.204 1212.09 276.231L1267.35 371.419C1268.39 373.201 1269.81 374.732 1271.5 375.901C1273.2 377.071 1275.13 377.852 1277.17 378.187C1279.16 378.546 1281.2 378.459 1283.15 377.932C1285.1 377.405 1286.91 376.454 1288.45 375.141L1292.84 371.533C1321.6 347.397 1367.73 315.14 1479.39 306.343C1541.53 301.382 1595.22 317.622 1634.8 354.615C1678.34 394.767 1704.4 459.617 1704.4 528.077C1704.4 654.057 1630.18 733.23 1510.97 734.81C1412.73 734.246 1346.75 683.042 1346.75 607.364C1346.75 567.212 1364.91 541.047 1400.33 514.881C1403.03 512.947 1404.94 510.1 1405.71 506.866C1406.48 503.632 1406.05 500.229 1404.5 497.287L1354.87 403.45C1353.96 401.771 1352.72 400.289 1351.23 399.089C1349.74 397.889 1348.03 396.995 1346.19 396.458C1344.31 395.899 1342.34 395.741 1340.4 395.992C1338.45 396.245 1336.58 396.903 1334.91 397.925C1279.2 430.97 1210.85 491.422 1214.57 607.59C1219.08 755.449 1342.02 868.345 1501.83 872.97H1509.84H1520.78C1710.7 866.766 1847.85 725.787 1847.85 534.619C1847.85 359.126 1719.95 171.229 1483.34 171.229Z"
4027                fill="white"
4028              />
4029              <path
4030                d="M3148.93 261.455H3053.73C3051.51 261.484 3049.37 262.385 3047.79 263.964C3046.2 265.544 3045.3 267.679 3045.29 269.914V469.653C3045.3 471.878 3046.21 473.999 3047.8 475.561C3049.38 477.123 3051.51 478 3053.73 478H3148.93C3206.9 478 3249.65 432.322 3249.65 369.727C3249.65 307.132 3206.9 261.455 3148.93 261.455Z"
4031                fill="white"
4032              />
4033              <path
4034                d="M3441.38 614.802C3441.38 643.787 3465.85 659.915 3508.48 659.915C3566.45 659.915 3600.73 628.561 3600.73 572.958V556.944L3513.9 561.455C3468.1 563.71 3441.38 582.772 3441.38 614.802Z"
4035                fill="white"
4036              />
4037              <path
4038                d="M4146.27 2.04983H2867.3C2846.33 2.04981 2825.54 6.18442 2806.17 14.2172C2786.78 22.25 2769.17 34.0237 2754.35 48.8653C2739.51 63.707 2727.75 81.3258 2719.73 100.715C2711.7 120.104 2707.59 140.883 2707.61 161.865V862.026C2707.61 904.392 2724.43 945.025 2754.38 974.992C2784.33 1004.96 2824.95 1021.81 2867.3 1021.84H4146.27C4167.28 1021.9 4188.1 1017.82 4207.53 1009.83C4226.95 1001.84 4244.61 990.093 4259.5 975.273C4274.37 960.45 4286.2 942.839 4294.28 923.445C4302.35 904.052 4306.51 883.258 4306.55 862.252V162.09C4306.58 141.042 4302.47 120.192 4294.43 100.74C4286.39 81.2884 4274.58 63.6179 4259.69 48.7448C4244.8 33.8719 4227.11 22.0899 4207.65 14.0763C4188.19 6.06265 4167.33 1.97545 4146.27 2.04983ZM3153.77 556.609H3053.17C3050.93 556.609 3048.79 557.499 3047.19 559.085C3045.61 560.672 3044.71 562.824 3044.71 565.068V708.3
403802C3044.71 710.545 3043.82 712.697 3042.24 714.283C3040.65 715.87 3038.5 716.761 3036.26 716.761H2965.42C2963.2 716.732 2961.05 715.831 2959.47 714.25C2957.89 712.672 2957.01 710.537 2956.97 708.302V191.639C2956.97 189.397 2957.86 187.245 2959.46 185.658C2961.04 184.072 2963.18 183.181 2965.42 183.181H3153.77C3260.47 183.181 3336.82 260.889 3336.82 369.951C3336.82 479.013 3261.03 556.833 3154.35 556.833L3153.77 556.609ZM3683.86 708.19C3683.88 709.31 3683.68 710.421 3683.25 711.461C3682.83 712.5 3682.21 713.447 3681.43 714.244C3680.63 715.041 3679.7 715.675 3678.66 716.107C3677.64 716.538 3676.52 716.761 3675.4 716.761H3608.52C3607.4 716.761 3606.29 716.538 3605.26 716.107C3604.22 715.675 3603.28 715.041 3602.5 714.244C3601.72 713.447 3601.09 712.5 3600.68 711.461C3600.26 710.421 3600.05 709.31 3600.07 708.19V692.739C3600.17 691.382 3599.85 690.026 3599.12 688.874C3598.41 687.72 3597.34 686.829 3596.06 686.334C3594.8 685.84 3593.41 685.769 3592.1 686.131C3590.77 686.491 3589.62 687.266 3588.79 688.34C3568.82 710.107 3536.34 725.896 3484.57 725.896C3408.34 725.896 3357.91 686.197 3357.91 617.624C335
40387.18 600.904 3360.63 584.265 3367.96 569.216C3375.28 554.17 3386.26 541.19 3399.88 531.458C3427.39 510.818 3470.02 500.104 3533.29 497.622L3600.39 495.367V475.741C3600.39 436.154 3573.78 419.35 3531.03 419.35C3488.29 419.35 3461.33 434.463 3455.03 459.163C3454.52 460.907 3453.45 462.433 3451.97 463.496C3450.51 464.56 3448.72 465.098 3446.9 465.027H3380.7C3379.48 465.058 3378.27 464.82 3377.15 464.334C3376.05 463.846 3375.04 463.12 3374.23 462.206C3373.43 461.291 3372.83 460.214 3372.49 459.044C3372.14 457.875 3372.05 456.646 3372.24 455.441C3382.17 396.793 3430.66 352.243 3534.09 352.243C3643.94 352.243 3683.52 403.335 3683.52 500.892L3683.86 708.19ZM4100.49 372.995L3951.62 770.108C3917.78 862.364 3858.56 886.05 3793.71 886.05C3781.5 886.348 3769.3 884.866 3757.51 881.652C3755.67 881.157 3754.06 880.073 3752.88 878.563C3751.73 877.056 3751.1 875.208 3751.08 873.305V812.965C3751.08 811.703 3751.35 810.455 3751.88 809.311C3752.42 808.167 3753.19 807.154 3754.16 806.347C3755.14 805.538 3756.27 804.955 3757.49 804.637C3758.71 804.319 3759.99 804.274 3761.23 804.506C3771.46 806.446 3781.84 807.428 3792.25 807.44C3810.18 808.339 3827.9 803.193 3842.57 792.825C3857.22 782.457 3867.98 767.467 3873.11 750.258L3877.52 736.385C3878.2 734.529 3878.2 732.491 3877.52 730.633L3738.33 373.109C3737.91 371.831 3737.79 370.469 3737.99 369.137C3738.2 367.804 3738.71 366.537 3739.47 365.439C3740.26 364.341 3741.29 363.442 3742.48 362.814C3743.67 362.187 3745 361.849 3746.34 361.83H3814.02C3815.75 361.847 3817.43 362.381 3818.86 363.367C3820.29 364.351 3821.39 365.741 3822.02 367.357L3916.54 619.542C3917.17 621.189 3918.27 622.608 3919.72 623.609C3921.18 624.612 3922.89 625.147 3924.66 625.147C3926.41 625.147 3928.15 624.612 3929.59 623.609C3931.04 622.608 3932.16 621.189 3932.77 619.542L4014.78 368.034C4015.32 366.319 4016.41 364.825 4017.87 363.77C4019.33 362.714 4021.08 362.153 4022.88 362.169H4092.26C4093.59 362.163 4094.91 362.475 4096.12 363.073C4097.31 363.673 4098.36 364.545 4099.16 365.62C4099.96 366.695 4100.49 367.942 4100.72 369.263C4100.96 370.582 4100.88 371.938 4100.49 373.221V372.995Z"
4039                fill="white"
4040              />
4041            </g>
4042            <defs>
4043              <clipPath id="clip0">
4044                <rect
4045                  width="4317"
4046                  height="1036.76"
4047                  fill="white"
4048                  transform="translate(0 0.240234)"
4049                />
4050              </clipPath>
4051            </defs>
4052          </svg>
4053        </button>
4054      </div>
4055
4056      <div
4057        class="rebuy-cart__flyout-installments"
4058        v-if="installmentsEnabled()"
4059        v-html="installmentsMessage()"
4060      ></div>
4061
4062      <div data-app-target="below_checkout"></div>
4063    </div>
4064  </div>
4065
4066  <div class="rebuy-cart__background" v-on:click="hide()"></div>
4067  <div id="rebuy-cart-live-region" class="sr-only" aria-live="polite"></div>
4068</div>
4069</script>
4069
4070
4071
4072<!-- Widget : Gift with Purchase 
4073<div data-rebuy-id="156611"></div>
4074 End Widget : Gift with Purchase -->
4075<!-- Rebuy END -->
4076
4077      
4077<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
vendor: 1 bytes, line 4077
4077
4078<script>
4079    var klaviyo = klaviyo || [];
4080    klaviyo.init({
4081      account: "UP6YKc",
4082      platform: "shopify"
4083    });
4084    klaviyo.enable("backinstock",{ 
4085    trigger: {
4086      product_page_text: "Notify me when it's back!",
4087      product_page_class: "button",
4088      product_page_text_align: "center",
4089      product_page_margin: "0px",
4090      replace_anchor: false
4091    },
4092    modal: {
4093     headline: "SOLD OUT <br> (BUT NOT FOR LONG!)",
4094     body_content: "Leave us your email address, and you'll be the first to know when it's back in stock. Pinky promise.",
4095     email_field_label: "Email",
4096     button_label: "SUBMIT",
4097     subscription_success_label: "You're in! We'll let you know when it's back.",
4098     footer_content: '',
4099     drop_background_color: "#000",
4100     background_color: "#fff",
4101     text_color: "#000",
4102     button_text_color: "#fff",
4103     button_background_color: "#000",
4104     close_button_color: "#999",
4105     error_background_color: "#fcd6d7",
4106     error_text_color: "#C72E2F",
4107     success_background_color: "#d3efcd",
4108     success_text_color: "#000",
4109     font_family:"Gotham Narrow,Helvetica,Arial,sans-serif;",
4110     headers_font_family: "Helvetica",
4111     additional_styles: "@import url('//hummkombucha.com/cdn/shop/t/38/assets/klaviyo-back-in-stock.css?v=42345461867087974221762462223');"
4112     
4113    }
4114  });
4115</script>
4115 
4116      
4117<script src="//hummkombucha.com/cdn/shop/t/38/assets/tiny-img-link-preloader.js?v=26403198945174473401762462223" type="text/javascript"></script>
4117
4118      
4119  <style>.additional-checkout-buttons {display: none; width: 100%;}</style>
4120  <div class="additional-checkout-buttons additional-checkout-buttons--vertical">
4121    <div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"> <shopify-accelerated-checkout-cart wallet-configs="[{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;shop_pay&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:56974114945,&quot;merchantName&quot;:&quot;Humm Kombucha&quot;,&quot;personalized&quot;:true}},{&quot;supports_subs&quot;:false,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;amazon_pay&quot;,&quot;wallet_params&quot;:{&quot;checkoutLanguage&quot;:&quot;en_US&quot;,&quot;ledgerCurrency&quot;:&quot;USD&quot;,&quot;placement&quot;:&quot;Cart&quot;,&quot;sandbox&quot;:false,&quot;merchantId&quot;:&quot;AGM2NGELHA9CQ&quot;,&quot;productType&quot;:&quot;PayAndShip&quot;,&quot;design&quot;:&quot;C0002&quot;}}]" access-token="428583f3ec74b4d12032c2d8ebe22ff3" buyer-country="US" buyer-locale="en" buyer-currency="USD" shop-id="56974114945" cart-id="d4bc2ab887e90e45322299e521d61339" enabled-flags="[&quot;1172c16a&quot;,&quot;a1d1f9a1&quot;,&quot;f5afabb3&quot;,&quot;370070f3&quot;]" > <div class="wallet-button-wrapper"> <ul class='wallet-cart-grid wallet-cart-grid--skeleton' role="list" data-shopify-buttoncontainer="true"> <li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'>&nbsp</div></li><li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'>&nbsp</div></li> </ul> </div> </shopify-accelerated-checkout-cart> </div>
4122  </div>
4123
4124        
4124<script>
4125  /* Start of Swaven tag */
4126  (function(e,d){try{var a=window.swnDataLayer=window.swnDataLayer||{};a.appId=e||a.appId,a.eventBuffer=a.eventBuffer||[],a.loadBuffer=a.loadBuffer||[],a.push=a.push||function(e){a.eventBuffer.push(e)},a.load=a.load||function(e){a.loadBuffer.push(e)},a.dnt=a.dnt!=null?a.dnt:d;var t=document.getElementsByTagName("script")[0],n=document.createElement("script");n.async=!0,n.src="//wtb-tag.mikmak.ai/scripts/"+a.appId+"/tag.min.js",t.parentNode.insertBefore(n,t)}catch(e){console.log(e)}}("66e99de76c68cb0f0fb7eef3", false));
4127  /* End of Swaven tag */
4128  </script>
vendor: 1 bytes, line 4128
4128
4129<script> (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init(); }; h.appendChild(s); })(); </script>
4129      
4130<div id="shopify-block-AWlIvdkFVaWsydStBQ__4804304946286255945" class="shopify-block shopify-app-block">
4131
4132  
4132<script>
4133    const cookieBarMetaFields = {"shopId":"zfHmdu52W6fUh0L6UaQ1","settings":{"theme":"light_theme","message":"This site uses cookies to enhance your experience. You can learn more by reviewing our","showPrivacyPolicy":true,"googlePrivacyLink":"https://business.safety.google/privacy/","privacyLink":"/policies/privacy-policy","privacyLinkText":"Privacy Policy","googlePrivacyPolicy":false,"googlePrivacyText":"Google policy","agreeButtonText":"Accept","denyButtonText":"Reject","showOnCountry":"only","displayType":"full_bar","desktopFloatCardPosition":"bottom_left","desktopPosition":"bottom","mobilePositions":"bottom","themeName":"Light theme","textFont":"Gotham+Cond","serveFontViaCDN":false,"showIcon":false,"customCss":"","removeBranding":true,"specificRegions":{"pipeda":true,"appi":true,"lgpd":true,"gdpr":true,"ccpa":true},"specificCountries":null,"specificUsCountries":["California","Colorado","Connecticut","Utah","Virginia","Arkansas","Delaware","Florida","Indiana","Iowa","Kentucky","Maryland","Minnesota","Montana","Nebraska","New Hampshire","New Jersey","Oregon","Rhode Island","Tennessee","Texas"],"specificEuCountries":["AUT","BEL","BGR","HRV","CYP","CZE","DNK","EST","FIN","FRA","DEU","GRC","HUN","ISL","IRL","ITA","LVA","LIE","LTU","LUX","MLT","NLD","NOR","POL","PRT","ROU","SVK","SVN","ESP","SWE","CHE","GBR"],"regionLanguageMap":null,"customPrivacyLink":"","icon":"cookie_bar_icon_1","customIcon":false,"customIconUrl":"","textAlignment":"left","fontSize":13,"displayAfter":"0","optionPolicyLink":"select","bannerType":"accept-or-decline","showReOpenButton":false,"reOpenPosition":"bottom-right","displayButtonAs":"icon","iconReOpen":"image-icon-1","reOpenImpliedConsent":["gdpr","nonGdpr"],"isRevertPreferences":true,"textColor":"#000000","denyTextColor":"#000000","privacyLinkColor":"#000000","bgColor":"#FFFFFF","messageColor":"#2C332F","agreeBtnTextColor":"#F8F8F8","agreeBtnBgColor":"#000000","agreeBtnBorder":"#2C332F","iconColor":"#000000","textAvada":"rgba(0, 0, 0, 0.8)","textBtnColor":"#000000","checkoutBannerTitle":"We keep your privacy","notificationAfterConsent":"Privacy updated","visibleAfterConsent":true,"collapsedBannerContent":true,"showCloseIcon":true,"dataSalesCheckboxTitle":"Do not Sell or Share My Personal Information","showAtConsentBanner":false,"showAtPrefPopup":true,"isUseVipTheme":false,"isUseVipLogo":false,"geoCompliance":{"enabled":true,"countryOverrides":{},"gdpr":{"enabled":true,"bannerType":"preferences","dataSaleOptOut":false,"countries":null,"regionOverrides":{}},"ccpa":{"enabled":true,"bannerType":"decline-only","dataSaleOptOut":true,"countries":null,"regionOverrides":{}},"lgpd":{"enabled":true,"bannerType":"accept-or-decline","dataSaleOptOut":false,"countries":null,"regionOverrides":{}},"pipeda":{"enabled":true,"bannerType":"accept-or-decline","dataSaleOptOut":false,"countries":null,"regionOverrides":{}},"appi":{"enabled":true,"bannerType":"accept-only","dataSaleOptOut":false,"countries":null,"regionOverrides":{}},"others":{"bannerType":"informative","hideBanner":true}},"forceConsentOnFirstVisit":false,"scrollThreshold":20,"skipInitialClicks":0,"autoBlocker":{"enabled":true,"pixelIframeRemoval":true,"riskyPixelIds":[],"allowedPixelIds":[],"customRules":[]},"customerAccountBannerEnabled":false,"customerAccountVisibleAfterConsent":false,"customerAccountShowCollapseIcon":false,"customerAccountShowCloseIcon":false,"customerAccountNotificationAfterConsent":"Privacy updated","preferencesButtonText":"Preferences","preferencesPopHeaderTitle":"Select type of Cookies you accept using.","preferencesPopHeaderDesc":"","strictCookiesTitle":"Strictly Required","strictCookiesDesc":"Those cookies are required to run our website properly and cannot be switched off.","analyticCookiesTitle":"Analytics","analyticCookiesDesc":"Those cookies help us to understand how visitors interact with websites by collecting and reporting information.","marketingCookiesTitle":"Marketing","marketingCookiesDesc":"These cookies are usually set by our marketing and advertising partners to show you relevant ads.","functionalCookiesTitle":"Functional","functionalCookiesDesc":"Functional cookies enable our website to offer additional functions and personal settings.","acceptSelectedButtonText":"Save consent","acceptAllButtonText":"Accept All","reopenButtonText":"Cookie consent","preferenceStyleCustom":"default","shopId":"zfHmdu52W6fUh0L6UaQ1","fontStore":[{"label":"Gotham Narrow","value":"Gotham+Narrow"},{"label":"Gotham Cond","value":"Gotham+Cond"},{"label":"Helvetica","value":"Helvetica"},{"label":"Open Sans","value":"Open+Sans"},{"label":"yotpo-widget-font","value":"yotpo-widget-font"},{"label":"Font Awesome 5 Pro","value":"Font+Awesome+5+Pro"},{"label":"Bebas Neue","value":"Bebas+Neue"},{"label":"Figtree","value":"Figtree"},{"label":"Poppins-Klaviyo-Hosted","value":"Poppins-Klaviyo-Hosted"}],"boxShadow":"0px 3px 8px rgba(0, 0, 0, 0.2)","borderColor":"","display":"","label":"Light theme","textAvadaMobile":"rgba(0, 0, 0, 0.8)","borderRadius":"32px","btnColor":"#F8F8F8","value":"light_theme","fontWeight":"500","header":"","id":"s8m8KQyAcTxl4Bhd5NQV","showCookieInfo":true,"illustrations":"Illustrations","dataTrackingMethod":"Data tracking method","tcfPrivacyText":"Privacy policy","tcfAcceptAllButtonText":"Accept all","maxDurationCookie":"Maximum duration of cookies","tcfMessage3":"You may modify or withdraw your preferences at any time by clicking the \"Cookies Consent\" button (or Cookies icon) at the bottom of this site. For more details, please refer to our {tcfPrivacyText} and {tcfGooglePolicyText}.","tcfMessage2":"Store and/or access information on a device. Use limited data to select advertising. Use profiles to select personalised advertising. Create profiles for personalised advertising. Use profiles to select personalised content. Create profiles to personalise content. Measure advertising performance. Measure content performance. Understand audiences through statistics or c
4133ombinations of data from different sources. Develop and improve services. Use limited data to select content. We may also use precise geolocation data and identify devices through scanning.","tcfMessage1":"We and our {partnersText} process data that concerns you. We may process data essential for the proper functioning of the site or for security reasons, classified as Strictly required, which does not require your consent. In addition to this data, we will process personal data (e.g. login-based identifiers, non-precise location, interaction with ads or content) only if you have given your consent. You express your consent by clicking “Accept” or manage your preferences by clicking on \"Customize preferences\".","tcfConsent":"Consent","tcfHeader":"We keep your privacy","tcfAcceptButtonText":"Accept","deviceStorageOverview":"Device Storage Overview","tcfLegIntClaim":"Legitimate interest claim:","lifeTimeCookieRefresh":"Cookie lifetime is being refreshed","tcfPreferencesContent1":"Customize your consent preferences below. Granular consent for Purposes & Features and Vendors is supported.","cookieProvider":"Provider","tcfSaveButtonText":"Save consent","tcfPreferencesContent2":"Most {vendorText} require your explicit consent to process personal data, while some rely on legitimate interest. However, you have the right to object to their use of legitimate interest at anytime.","tcfPreferencesContent3":"The choices you make regarding the purposes and entities listed below are saved in a cookie named “avada-tcf” in Local Storage and expire after 12 months.","tcfSpecialPeriodInfo":"Some purposes and/or special purposes may have different retention periods that are reported next to their descriptions.","cookieDescription":"Description","numberVendor":"{number} vendors","tcfPurposes":"Purposes","tcfPrivacyPolicyText":"Privacy policy","tcfDeclineAllButtonText":"Decline all","tcfPartnerText":"{number} partners","tcfGooglePolicyText":"Google policy","tcfThirdPartyVendors":"TCF Third party vendors","tcfVendorTitle":"Vendors","tcfDeviceStorage":"Device storage information:","cookieName":"Cookie name","tcfSpecialPurposes":"Special purposes","tcfCategoryTitle":"Categories","tcfPeriod":"{days} days","tcfDenyButtonText":"Decline","tcfFeatures":"Features","cookieDuration":"Duration","tcfPreferencesButtonText":"Customize preferences","tcfDataRetention":"Data retention period:","dataCategories":"Data categories","vendorText":"vendors","tcfFeaturesAndPurposesTitle":"Features & Purposes","tcfFlexiblePurposes":"Flexible purposes","tcfHeader2":"We and our partners process data to provide:","tcfSpecialFeatureOptins":"Special features","tcfHeader3":"Withdraw consent","tcfLegIntPurposes":"Legitimate interest","tcfLegitimate":"Legitimate interest"},"status":true,"translations":{"id":"ljjN0deHpbsl4EsHu74P","defaultLanguage":"en","shopId":"zfHmdu52W6fUh0L6UaQ1","detectMethod":"browser","createdAt":"2024-08-20T20:47:19.138Z","updatedAt":"2024-08-20T21:54:50.435Z"},"cookies":{"strictly-required":[{"description":"Used in connection with browsing through site.","duration":"-","provider":"Shopify","name":"_Brochure_session"},{"description":"Merchant authentication: Identity session cookie.","duration":"session","provider":"Shopify","name":"__Host-_identity_session_same_site"},{"description":"Used in connection with access to admin.","duration":"2y","provider":"Shopify","name":"_ab"},{"description":"Used for managing customer privacy settings.","duration":"1d","provider":"Shopify","name":"_cmp_a"},{"description":"Used in combination with the _secure_account_session_id cookie to track a user's session for new customer accounts","duration":"30d","provider":"Shopify","name":"_customer_account_shop_sessions"},{"description":"Merchant authentication: Main session cookie for Identity authentication. This is the underlying Rails session cookie. It contains the SID.","duration":"2y","provider":"Shopify","name":"_identity_session"},{"description":"Permanent device identifier.","duration":"session","provider":"Shopify","name":"_master_udr"},{"description":"Contains essential information for the correct functionality of merchant surfaces such as the admin area.","duration":"1y","provider":"Shopify","name":"_merchant_essential"},{"description":"Used to track a user's session for new customer accounts","duration":"30d","provider":"Shopify","name":"_secure_account_session_id"},{"description":"Used to store session id in core for auth Legacy Admin","duration":"12w","provider":"Shopify","name":"_secure_admin_session_id"},{"description":"Used to store session id in core for auth Legacy Admin","duration":"12w","provider":"Shopify","name":"_secure_admin_session_id_csrf"},{"description":"Used to track a user's session through the multi-step checkout process and keep their order, payment and shipping details connected.","duration":"24h","provider":"Shopify","name":"_secure_session_id"},{"description":"Contains essential information for the correct functionality of Shop.app.","duration":"1y","provider":"Shopify","name":"_shop_app_essential"},{"description":"For shops where pricing currency/country set from GeoIP, that c
4133ookie stores the country we've detected. This cookie helps avoid doing GeoIP lookups after the first request.","duration":"session","provider":"Shopify","name":"_shopify_country"},{"description":"Contains essential information for the correct functionality of a store such as session and checkout information and anti-tampering data.","duration":"1y","provider":"Shopify","name":"_shopify_essential"},{"description":"Contains an opaque token that is used to identify a device for all essential purposes.","duration":"1y","provider":"Shopify","name":"_shopify_essential_"},{"description":"Used for managing customer privacy settings.","duration":"1y","provider":"Shopify","name":"_shopify_m"},{"description":"Used to check cookie capabilities on the client.","duration":"1min","provider":"Shopify","name":"_shopify_test"},{"description":"Used for managing customer privacy settings.","duration":"30min","provider":"Shopify","name":"_shopify_tm"},{"description":"Used for managing customer privacy settings.","duration":"2w","provider":"Shopify","name":"_shopify_tw"},{"description":"Used to facilitate updating customer account information.","duration":"1min","provider":"Shopify","name":"_storefront_u"},{"description":"Used to store a user's preferences if a merchant has set up privacy rules in the visitor's region.","duration":"1y","provider":"Shopify","name":"_tracking_consent"},{"description":"","duration":"-","provider":"Avada","name":"avada_cookie_consent"},{"description":"Used in connection with checkout.","duration":"1y","provider":"Shopify","name":"c"},{"description":"Used in connection with checkout.","duration":"20m","provider":"Shopify","name":"card_update_verification_id"},{"description":"Used in connection with shopping cart.","duration":"2w","provider":"Shopify","name":"cart"},{"description":"Set after a checkout is completed to ensure that new carts are in the same currency as the last checkout.","duration":"2w","provider":"Shopify","name":"cart_currency"},{"description":"A hash of the contents of a cart. This is used to verify the integrity of the cart and to ensure performance of some cart operations.","duration":"2w","provider":"Shopify","name":"cart_sig"},{"description":"Used in connection with checkout.","duration":"2w","provider":"Shopify","name":"cart_ts"},{"description":"Used in connection with shopping cart.","duration":"2w","provider":"Shopify","name":"cart_ver"},{"description":"Used in connection with checkout.","duration":"4w","provider":"Shopify","name":"checkout"},{"description":"Helps detect fraud and provides continuity between each of your checkout attempts with Affirm. This data is necessary for Affirm to improve your experience by understanding where you and other customers are experiencing friction as you use our product.","duration":"1y","provider":"Affirm","name":"checkout_continuity_service"},{"description":"Used in connection with checkout.","duration":"5m","provider":"Shopify","name":"checkout_prefill"},{"description":"Used in connection with checkout.","duration":"1y","provider":"Shopify","name":"checkout_queue_checkout_token"},{"description":"Used in connection with checkout.","duration":"1y","provider":"Shopify","name":"checkout_queue_token"},{"description":"Used in connection with checkout.","duration":"3w","provider":"Shopify","name":"checkout_session_lookup"},{"description":"Used in connection with checkout.","duration":"3w","provider":"Shopify","name":"checkout_session_token"},{"description":"Used in connection with checkout.","duration":"3w","provider":"Shopify","name":"checkout_session_token_<<token>>"},{"description":"Used in connection with checkout.","duration":"1y","provider":"Shopify","name":"checkout_token"},{"description":"Used in connection with checkout.","duration":"3d","provider":"Shopify","name":"checkout_worker_session"},{"description":"Used to ensure our systems are working correctly","duration":"1m","provider":"Shopify","name":"cookietest"},{"description":"Used in connection with new customer accounts","duration":"1y","provider":"Shopify","name":"customer_account_locale"},{"description":"Used in connection with customer authentication","duration":"20m","provider":"Shopify","name":"customer_account_new_login"},{"description":"Used in connection with customer authentication","duration":"7d","provider":"Shopify","name":"customer_account_preview"},{"description":"Used in connection with checkout.","duration":"1h","provider":"Shopify","name":"customer_payment_method"},{"description":"Used in connection with checkout.","duration":"20m","provider":"Shopify","name":"customer_shop_pay_agreement"},{"description":"Used in connection with checkout.","duration":"session","provider":"Shopify","name":"discount_code"},{"description":"Used in connection with checkout.","duration":"30min","provider":"Shopify","name":"dynamic_checkout_shown_on_cart"},{"description":"Used in connection with GDPR acceptance.","duration":"-","provider":"Oberlo","name":"gdpr_accepted"},{"description":"Used in connection with checkout.","duration":"session","provider":"Shopify","name":"hide_shopify_pay_for_checkout"},{"description":"Used in connection with customer authentication","duration":"24h","provider":"Shopify","name":"identity-state"},{"description":"Used in connection with customer authentication","duration":"24h","provider":"Shopify","name":"identity-state-<<token>>"},{"description":"Used in connection with customer authentication","duration":"12w","provider":"Shopify","name":"identity_customer_account_number"},{"description":"","duration":"-","provider":"Avada","name":"integration"},{"description":"Used in connection with buyer localization.","duration":"2w","provider":"Shopify","name":"keep_alive"},{"description":"Used in connection with checkout.","duration":"2w","provider":"Shopify","name":"localization"},{"description":"Used in connection with customer authentication","duration":"5m","provider":"Shopify","name":"login_with_
4133shop_finalize"},{"description":"Used in connection with merchant login.","duration":"2y","provider":"Shopify","name":"master_device_id"},{"description":"Used in connection with order status page.","duration":"3w","provider":"Shopify","name":"order"},{"description":"Used in connection with checkout.","duration":"20m","provider":"Shopify","name":"pay_update_intent_id"},{"description":"Used in connection with the theme editor","duration":"session","provider":"Shopify","name":"preview_theme"},{"description":"Used in connection with checkout.","duration":"1y","provider":"Shopify","name":"previous_step"},{"description":"Remembers a user's privacy choices about cookies and online tracking, especially for marketing and advertising, based on user's regional privacy laws.","duration":"1y","provider":"Shopify","name":"privacy_signal"},{"description":"Used in connection with checkout.","duration":"5m","provider":"Shopify","name":"profile_preview_token"},{"description":"Used in connection with checkout.","duration":"1y","provider":"Shopify","name":"remember_me"},{"description":"Used to identify a user after they sign into a shop as a customer so they do not need to log in again.","duration":"1y","provider":"Shopify","name":"secure_customer_sig"},{"description":"This cookie is typically used to maintain an anonymized user session by the server.","duration":"session","provider":"Affirm","name":"session"},{"description":"Used in connection with checkout.","duration":"1y","provider":"Shopify","name":"shop_pay_accelerated"},{"description":"Used in connection with the theme editor","duration":"16h","provider":"Shopify","name":"shopify-editor-unconfirmed-settings"},{"description":"Used in connection with checkout.","duration":"1y","provider":"Shopify","name":"shopify_pay"},{"description":"Used in connection with checkout.","duration":"1 hour, 3w or 1y depending on value","provider":"Shopify","name":"shopify_pay_redirect"},{"description":"Used in connection with Shop login.","duration":"1y","provider":"Shopify","name":"signed_in"},{"description":"Used in combination with mobile apps to provide custom checkout behavior, when viewing a store from within a compatible mobile app.","duration":"session","provider":"Shopify","name":"source_name"},{"description":"Stores a digest of the storefront password, allowing merchants to preview their storefront while it's password protected.","duration":"2y","provider":"Shopify","name":"storefront_digest"},{"description":"Used in connection with checkout.","duration":"1y","provider":"Shopify","name":"tracked_start_checkout"},{"description":"Used in connection with Shop login.","duration":"1y","provider":"Shopify","name":"user"},{"description":"Used to ensure our systems are working correctly.","duration":"session","provider":"Shopify","name":"wpm-test-cookie"}],"reporting-analytics":[{"description":"The cookie is set by embedded Microsoft Clarity scripts. The purpose of this cookie is for heatmap and session recording.","duration":"1 year","provider":"Microsoft","name":"CLID"},{"description":"This is a Microsoft cookie which we use to measure the use of the website for internal analytics","duration":"session","provider":"Microsoft","name":"SM"},{"description":"This cookie is installed by Microsoft Clarity to store information of how visitors use a website and help in creating an analytics report of how the website is doing. The data collected including the number visitors, the source where they have come from, and the pages visited in an anonymous form.","duration":"1 year","provider":"Microsoft","name":"_clck"},{"description":"This cookie is installed by Microsoft Clarity to store information of how visitors use a website and help in creating an analytics report of how the website is doing. The data collected including the number visitors, the source where they have come from, and the pages visited in an anonymous form.","duration":"session","provider":"Microsoft","name":"_clsk"},{"description":"ID used to identify users","duration":"2 years","provider":"Google","name":"_ga"},{"description":"ID used to identify users for 24 hours after last activity","duration":"24 hours","provider":"Google","name":"_gid"},{"description":"Track landing pages.","duration":"2w","provider":"Shopify","name":"_landing_page"},{"description":"Contains analytics data for the merchant session.","duration":"1y","provider":"Shopify","name":"_merchant_analytics"},{"description":"Track landing pages.","duration":"2w","provider":"Shopify","name":"_orig_referrer"},{"description":"Shopify analytics.","duration":"30min","provider":"Shopify","name":"_s"},{"description":"Contains analytics data for Shop.app.","duration":"1y","provider":"Shopify","name":"_shop_app_analytics"},{"description":"Contains analytics data for buyer surfaces such as the storefront or checkout.","duration":"1y","provider":"Shopify","name":"_shopify_analytics"},{"description":"Shopify analytics.","duration":"session","provider":"Shopify","name":"_shopify_d"},{"description":"Shopify analytics.","duration":"30min","provider":"Shopify","name":"_shopify_fs"},{"description":"Shopify and Google Analytics.","duration":"session","provider":"Shopify","name":"_shopify_ga"},{"description":"Shopify analytics.","duration":"30min","provider":"Shopify","name":"_shopify_s"},{"description":"Shopify analytics relating to marketing & referrals.","duration":"30min","provider":"Shopify","name":"_shopify_sa_p"},{"description":"Shopify analytics relating to marketing & referrals.","duration":"30min","provider":"Shopify","name":"_shopify_sa_t"},{"description":"Shopify analytics.","duration":"-","provider":"Oberlo","name":"_shopify_t"},{"description":"Shopify analytics.","duration":"1y","provider":"Shopify","name":"_shopify_y"},{"description":"Shopify analytics.","duration":"1y","provider":"Shopify","name":"_y"},{"description":"Shopify analytics.","duration":"session","provider":"Shopify","name":"customer_auth_provider"},{"description":"Shopify analytics.","duration":"session","provider":"Shopify","name":"customer_auth_session_created_at"},{"description":"Contains the required buyer information for analytics in Shop.","duration":"1y","provider":"Shopify","name":"shop_analytics"},{"description":"First-party analytics identifier set client-side by the Shopify Web Pixel Manager. It stores the visitor's client ID (a UUID) to track an anonymous visitor across sessions for analytics and conversion attribution.","duration":"1y","provider":"Shopify","name":"shopify_client_id"}
4133,{"description":"Shopify analytics.","duration":"10min","provider":"Shopify","name":"unique_interaction_id"}],"marketing-retargeting":[{"description":"Used to store session ID for a users session to ensure that clicks from adverts on the Bing search engine are verified for reporting purposes and for personalisation","duration":"10 minutes","provider":"Microsoft","name":"ANONCHK"},{"description":"Used to collect information for analytics purposes.","duration":"6 months","provider":"Microsoft","name":"MR"},{"description":"Used to collect information for analytics purposes.","duration":"6 months","provider":"Microsoft","name":"MR"},{"description":"Identifies unique web browsers visiting Microsoft sites. These cookies are used for advertising, site analytics, and other operational purposes.","duration":"1 year","provider":"Microsoft","name":"MUID"},{"description":"Identifies unique web browsers visiting Microsoft sites. These cookies are used for advertising, site analytics, and other operational purposes.","duration":"1 year","provider":"Microsoft","name":"MUID"},{"description":"When Klaviyo’s JavaScript is enabled, the __kla_id cookie can track and identify site visitors through an auto-generated ID. This cookie can temporarily hold personally identifiable information. Once a visitor is identified, the cookie can pass their data into Klaviyo.","duration":"2 years","provider":"Klaviyo","name":"__kla_id"},{"description":"Used by Facebook to deliver a series of advertisement products such as real time bidding from third party advertisers","duration":"4 months","provider":"Facebook","name":"_fbp"},{"description":"Used by Google AdSense for experimenting with advertisement efficiency across websites using their services.","duration":"3 months","provider":"Google","name":"_gcl_au"},{"description":"Contains marketing data for buyer surfaces such as the storefront or checkout.","duration":"1y","provider":"Shopify","name":"_shopify_marketing"},{"description":"Tracking cookie used by TikTok to identify a visitor","duration":"389 days","provider":"TikTok","name":"_tt_enable_cookie"},{"description":"Tracking cookie used by TikTok to identify a visitor","duration":"13 months","provider":"TikTok","name":"_ttp"},{"description":"Tracking cookie used by TikTok to identify a visitor","duration":"13 months","provider":"TikTok","name":"_ttp"}],"functional":[{"description":"Collected user data is specifically adapted to the user or device. The usercan also be followed outside of the loaded website, creating a picture of the visitor's behavior.","duration":"1 year","provider":"Microsoft","name":"SRM_B"},{"description":"Used as a mechanism to set User locale in admin.","duration":"1y","provider":"Shopify","name":"shopify_override_user_locale"}]},"integration":{},"autoBlocker":{"enabled":true,"defaultConsentGranted":false,"blockedCookies":{"exact":[],"prefixes":[]},"blockedScriptHosts":[],"customHosts":{"script":[],"iframe":[],"pixel":[]},"pixelIframeRemoval":true,"riskyPixelIds":[],"allowedPixelIds":[],"knownVendorPixelIds":[]}} || {};
4134    const resetMetafields = false || {};
4135    const {integration: avadaCbIntegration} = cookieBarMetaFields;
4136    const shopNameCookie = 'Humm Kombucha';
4137    window.AVADA_COOKIES_BAR = {
4138      shopName: shopNameCookie,
4139      shopId: cookieBarMetaFields.shopId,
4140      status: cookieBarMetaFields.status,
4141      ...(window.AVADA_COOKIES_BAR || {}),
4142      ...cookieBarMetaFields.settings,
4143      translation: cookieBarMetaFields.translations,
4144      cookies: cookieBarMetaFields.cookies,
4145      integration: avadaCbIntegration,
4146      customer: {
4147        id: null,
4148        email: null,
4149        first_name: null,
4150        last_name: null,
4151        phone: null,
4152        emailSignature: null
4153      },
4154      reset: resetMetafields,
4155      brandData: {
4156        primaryBackground: "#f8b115",
4157        primaryForeground: "#ffffff",
4158        secondaryBackground: "#425dc7",
4159        secondaryForeground: "#ffffff",
4160        logo: "\/\/hummkombucha.com\/cdn\/shop\/files\/Humm_Logo-Black_512.png?v=1717096280"
4161      }
4162    };
4163
4164    // Single definition of "a Meta pixel id Avada manages". Kept deliberately
4165    // loose about what follows the id so `fbq('init','123',{em:'...'})` counts —
4166    // an earlier stricter copy required a literal `);` and silently disagreed
4167    // with this one. Mirrors extractKnownVendorPixelIds in
4168    // packages/functions/src/helpers/utils/autoBlocker.js.
4169    function extractMetaPixelIds(code) {
4170      return Array.from(
4171        String(code || '').matchAll(/fbq\(\s*['"]init['"]\s*,\s*['"](\d+)['"]/g),
4172        match => match[1]
4173      );
4174    }
4175
4176    if (avadaCbIntegration?.pinterestConsent?.enabled && typeof pintrk === 'function') {
4177      console.log('Disabled pinterest consent');
4178      pintrk('setconsent', false);
4179    }
4180
4181    (() => {
4182      const getCookie= (name) => {
4183        const nameEQ = name + '=';
4184        const ca = document.cookie.split(';');
4185        for (let i = 0; i < ca.length; i++) {
4186          let c = ca[i];
4187          while (c.charAt(0) === ' ') c = c.substring(1, c.length);
4188          if (c.indexOf(nameEQ) === 0) return JSON.parse(decodeURIComponent(c.substring(nameEQ.length, c.length)));
4189        }
4190        return {};
4191      }
4192      window.AVADA_COOKIE_CONSENT = getCookie('avada_cookie_consent');
4193    })();
4194
4195    try {
4196      // Ownership is "the merchant handed us a tag id AND the integration is on".
4197      // The backend decides it that way — readVendorScript in autoBlocker.js
4198      // returns '' for a disabled vendor, so a disabled one never reaches the
4199      // denylist. Testing only the script here made the two disagree whenever an
4200      // integration was switched off with its script still saved: the storefront
4201      // published "we own this pixel" while blockedScriptHosts said we did not.
4202      // Nothing acted on the difference, because every use site below also ANDs
4203      // with `enabled` — but the flag is what verification, the e2e suite and CS
4204      // read, so it has to be the same answer.
4205      const metaPixelEnabled = !!avadaCbIntegration?.metaPixel?.enabled;
4206      const metaPixelScript = metaPixelEnabled ? avadaCbIntegration?.metaPixel?.script || '' : '';
4207      window.__avadaManagesMetaPixel = extractMetaPixelIds(metaPixelScript).length > 0;
4208      window.metaPixelFunc = window.__avadaManagesMetaPixel
4209        ? new Function(metaPixelScript)
4210        : null;
4211      if(window.__avadaManagesMetaPixel && avadaCbIntegration?.metaPixel?.enabled && window.AVADA_COOKIE_CONSENT.analytics && window.AVADA_COOKIE_CONSENT.marketing) {
4212        window.metaPixelFunc();
4213      }
4214    } catch (e) {
4215      console.error('Something went wrong in Meta Pixel:', e)
4216    }
4217
4218    try {
4219      if(avadaCbIntegration?.pinterestConsent?.enabled && window.AVADA_COOKIE_CONSENT.analytics && window.AVADA_COOKIE_CONSENT.marketing) {
4220        pintrk('setconsent', true);
4221        console.log('Enabled pinterest consent');
4222      }
4223    } catch (e) {
4224      console.error('Something went wrong in Pinterest integration:', e)
4225    }
4226
4227    try {
4228      const tiktokPixelScript = avadaCbIntegration?.tiktokPixel?.script || '';
4229      // Same ownership test as Meta: no ttq.load() id means the merchant runs the
4230      // official TikTok sales channel, so the pixel lives in Shopify's Web Pixel
4231      // sandbox and Customer Privacy governs it. Taking over window.ttq there is
4232      // exactly the interference SB-16468 is about.
4233      window.__avadaManagesTiktokPixel =
4234        !!avadaCbIntegration?.tiktokPixel?.enabled &&
4235        /ttq\.load\(\s*['"][^'"]+['"]/.test(tiktokPixelScript);
4236      if(avadaCbIntegration?.tiktokPixel?.enabled && window.__avadaManagesTiktokPixel) {
4237        window.tiktokPixelFunc = new Function(tiktokPixelScript);
4238
4239        // Extract pixel IDs from script for loading when theme pixel already exists
4240        const tiktokIdRegex = /ttq\.load\('([^']+)'\)/g;
4241        window._avadaTiktokPixelIds = [];
4242        let tiktokIdMatch;
4243        while ((tiktokIdMatch = tiktokIdRegex.exec(tiktokPixelScript)) !== null) {
4244          window._avadaTiktokPixelIds.push(tiktokIdMatch[1]);
4245        }
4246
4247        const manageTikTokConsent = () => {
4248          if (!window.ttq) return;
4249          try {
4250            const hasConsent = window.AVADA_COOKIE_CONSENT?.analytics && window.AVADA_COOKIE_CONSENT?.marketing;
4251            if (hasConsent) {
4252              if (typeof window.ttq.grantConsent === 'function') window.ttq.grantConsent();
4253              window._tiktokConsentRevoked = false;
4254            } else {
4255              if (typeof window.ttq.holdConsent === 'function') window.ttq.holdConsent();
4256              if (typeof window.ttq.revokeConsent === 'function') window.ttq.revokeConsent();
4257              window._tiktokConsentRevoked = true;
4258            }
4259          } catch (e) {
4260            console.error('Error managing TikTok consent:', e);
4261          }
4262        };
4263
4264        if (window.ttq) {
4265          // Theme pixel already loaded ttq - load app pixel IDs that aren't loaded yet
4266          let hasNewPixels = false;
4267          (window._avadaTiktokPixelIds || []).forEach(function(id) {
4268            if (!window.ttq._i || !window.ttq._i[id]) {
4269              window.ttq.load(id);
4270              hasNewPixels = true;
4271            }
4272          });
4273          if (hasNewPixels) window.ttq.page();
4274          manageTikTokConsent();
4275        } else {
4276          // Intercept ttq creation to apply consent before SDK processes queued events.
4277          // Self-removes after first interception to avoid conflicts with other scripts.
4278          try {
4279            let _ttqValue = undefined;
4280            Object.defineProperty(window, 'ttq', {
4281              get() { return _ttqValue; },
4282              set(val) {
4283                _ttqValue = val;
4284                if (val) {
4285                  // Restore normal property immediately to prevent conflicts
4286                  try {
4287                    Object.defineProperty(window, 'ttq', {
4288                      value: val, writable: true, configurable: true, enumerable: true
4289                    });
4290                  } catch(e) {}
4291                  manageTikTokConsent();
4292                }
4293              },
4294              configurable: true,
4295              enumerable: true
4296            });
4297            // Coordination with Avada auto-blocker: if the TikTok sandbox is ever
4298            // removed before ttq initializes, drop the accessor so the property can
4299            // behave normally again (prevents a stranded interceptor).
4300            setTimeout(function () {
4301              if (_ttqValue === undefined) {
4302                try { delete window.ttq; } catch (e) {}
4303              }
4304            }, 10000);
4305          } catch (e) {
4306            // defineProperty failed - fallback to DOMContentLoaded
4307            const onReady = () => manageTikTokConsent();
4308            if (document.readyState === 'loading') {
4309              document.addEventListener('DOMContentLoaded', onReady, {once: true});
4310            } else {
4311              setTimeout(onReady, 0);
4312            }
4313          }
4314        }
4315      }
4316    } catch (e) {
4317      console.error('Error handling TikTok Pixel consent:', e);
4318    }
4319
4320    // handle for customer add metaPixel script in theme
4321    try {
4322      if(avadaCbIntegration?.metaPixel?.enabled && window.__avadaManagesMetaPixel && window.fbq) {
4323        window.pixelIds = [];
4324        window.fbq = function () {
4325          console.log('Meta/FB Pixel disabled');
4326        };
4327        function savePixelIds() {
4328          const scripts = document.querySelectorAll('script');
4329          for (let script of scripts) {
4330              const contentScript = script.innerHTML.trim();
4331            if (contentScript.includes("!function(f,b,e,v,n,t,s)")) {
4332              window.pixelIds.push(...extractMetaPixelIds(contentScript));
4333            }
4334          }
4335        }
4336        savePixelIds();
4337      }
4338    } catch (e) {
4339      console.error('Something went wrong in Meta Pixel:', e)
4340    }
4341
4342  </script>
4342
4343
4344
4345
4346</div>
4346<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4346
4347</body>
4348  </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.