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 – Humm Kombucha</title> 74 75 76 <meta name="description" content="Explore Humm Kombucha'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'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'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="{"session_id":"01M41RH43ZQCERSSAP7CX7399E","publisher_shop_id":56974114945,"theme_id":127829770369,"theme_published":true,"theme_store_id":0,"placement":"search","event_data":{"search_query":null},"recommendations_tracking_enabled":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&region_country=US" id="customer_login_link">Log in</a> 1638 </li> 1639 <li> 1640 <a href="https://account.hummkombucha.com?locale=en®ion_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®ion_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="[{"supports_subs":true,"supports_def_opts":false,"name":"shop_pay","wallet_params":{"shopId":56974114945,"merchantName":"Humm Kombucha","personalized":true}},{"supports_subs":false,"supports_def_opts":false,"name":"amazon_pay","wallet_params":{"checkoutLanguage":"en_US","ledgerCurrency":"USD","placement":"Cart","sandbox":false,"merchantId":"AGM2NGELHA9CQ","productType":"PayAndShip","design":"C0002"}}]" access-token="428583f3ec74b4d12032c2d8ebe22ff3" buyer-country="US" buyer-locale="en" buyer-currency="USD" shop-id="56974114945" cart-id="d4bc2ab887e90e45322299e521d61339" enabled-flags="["1172c16a","a1d1f9a1","f5afabb3","370070f3"]" > <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'> </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'> </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.