1<!doctype html> 2 <html class="no-js" lang="en"> 3 <head> 4
4<script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/pbBHVgxvpuUszqozR3sTNPz1nGP0VHpiEBcIY0qO" async></script>
4 5
5<script type="text/javascript" src="//staticw2.yotpo.com/VU2wz6CBlBHS3bAWtsXweH8ZbzbDVztWAwkOl4RJ/widget.js" async></script>
5 6 7 <!--
7<script type="text/javascript" src="https://www.bugherd.com/sidebarv2.js?apikey=z1aqmjkd2qu62ywjze9vvq" async="true"></script>
7 --> 8 <meta charset="utf-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="viewport" content="width=device-width,initial-scale=1"> 11 <meta name="theme-color" content=""> 12 <link rel="canonical" href="https://hummkombucha.com/search"> 13 <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin> 14 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 15 <link rel="preconnect" href="https://fonts.shopify.com" crossorigin> 16 <link rel="preconnect" href="https://monorail-edge.shopifysvc.com"> 17 18 <!-- Google Tag Manager --> 19
19<script>
vendor: 351 bytes, lines 19-23
19(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 20 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 21 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 22 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 23 })(window,document,'script','dataLayer','
23GTM-NK8RRSJ
vendor: 3 bytes, line 23
23');
23</script>
23 24 <!-- 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> 25 Search 26 – Humm Kombucha</title> 27 28 29 <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!"> 30 31 32 33<meta property="og:site_name" content="Humm Kombucha"> 34<meta property="og:url" content="https://hummkombucha.com/search"> 35<meta property="og:title" content="Search"> 36<meta property="og:type" content="website"> 37<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"> 38 <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"> 39 <meta property="og:image:width" content="1200"> 40 <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image"> 41<meta name="twitter:title" content="Search"> 42<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!">
43<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
43<meta name="facebook-domain-verification" content="xrdpbm76wt6jrc4pocd5dsm11v09g4"> 44<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/56974114945/digital_wallets/dialog"> 45<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
45<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=848363649"></script>
45 46<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
47<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 47
47
48<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 48
48
49<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 49
49
50<script>var Shopify = Shopify || {}; 51Shopify.shop = "af2be4-8b.myshopify.com"; 52Shopify.locale = "en"; 53Shopify.currency = {"active":"USD","rate":"1.0"}; 54Shopify.country = "US"; 55Shopify.theme = {"name":"Humm_110725","id":127829770369,"schema_name":"Shapes","schema_version":"2.0.3","theme_store_id":null,"role":"main"}; 56Shopify.theme.handle = "null"; 57Shopify.theme.style = {"id":null,"handle":null}; 58Shopify.cdnHost = "hummkombucha.com/cdn"; 59Shopify.routes = Shopify.routes || {}; 60Shopify.routes.root = "/"; 61Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 62Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 63Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 64Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 64
64
65<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 65
65
66<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 66
66
67<script> 68 window.ShopifyPay = window.ShopifyPay || {}; 69 window.ShopifyPay.apiHost = "shop.app\/pay"; 70 window.ShopifyPay.redirectState = null; 71</script>
vendor: 1 bytes, line 71
71
72<script> 73 window.Shopify = window.Shopify || {}; 74 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 75 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 76 window.Shopify.SignInWithShop.eligible = true; 77</script>
vendor: 1 bytes, line 77
77
78<script id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
vendor: 1 bytes, line 78
78
79<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 79
79
80<script type="module"> 81 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 82 83 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 84 85</script>
vendor: 1 bytes, line 85
85
86<script> 87 window.Shopify = window.Shopify || {}; 88 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 89 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"]}; 90</script>
vendor: 1 bytes, line 90
90
91<script>(function() { 92 var isLoaded = false; 93 function asyncLoad() { 94 if (isLoaded) return; 95 isLoaded = true; 96 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"]; 97 for (var i = 0; i < urls.length; i++) { 98 var s = document.createElement('script'); 99 s.type = 'text/javascript'; 100 s.async = true; 101 s.src = urls[i]; 102 var x = document.getElementsByTagName('script')[0]; 103 x.parentNode.insertBefore(s, x); 104 } 105 }; 106 if(window.attachEvent) { 107 window.attachEvent('onload', asyncLoad); 108 } else { 109 window.addEventListener('load', asyncLoad, false); 110 } 111})();</script>
vendor: 1 bytes, line 111
111
112<script id="__st">var __st={"a":56974114945,"offset":-25200,"reqid":"cf113bf7-ef68-468d-9790-2a37056d4495-1790349768","pageurl":"hummkombucha.com\/search","u":"e6706412f11e","p":"searchresults"};</script>
vendor: 1 bytes, line 112
112
113<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 113
113
114<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 114
114
115<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 115
115
116<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>
116<script crossorigin="anonymous" defer="defer" src="//hummkombucha.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 116
116
117<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 117
117
118<script> 119 window.Shopify = window.Shopify || {}; 120 window.Shopify.MCP = window.Shopify.MCP || {}; 121 window.Shopify.MCP.enabled = true; 122 window.Shopify.MCP.shop = "af2be4-8b.myshopify.com"; 123 window.Shopify.MCP.mcpEndpoint = "https:\/\/hummkombucha.com\/api\/mcp"; 124 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"]}}]; 125</script>
vendor: 1 bytes, line 125
125
126<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=");})(); 127</script>
vendor: 1 bytes, line 127
127
128<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)}}; 129</script>
vendor: 1 bytes, line 129
129
130<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 131 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); 132</script>
vendor: 1 bytes, line 132
132
133<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})}})); 134</script>
vendor: 1 bytes, line 134
134
135<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{"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>
135 136<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"> 137<style id="shopify-accelerated-checkout-cart"> 138 #shopify-buyer-consent { 139 margin-top: 1em; 140 display: inline-block; 141 width: 100%; 142} 143 144#shopify-buyer-consent.hidden { 145 display: none; 146} 147 148#shopify-subscription-policy-button { 149 background: none; 150 border: none; 151 padding: 0; 152 text-decoration: underline; 153 font-size: inherit; 154 cursor: pointer; 155} 156 157#shopify-subscription-policy-button::before { 158 box-shadow: none; 159} 160 161 </style> 162
163<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
163 164 165
165<script> 166 window.THEMENAME = 'Shapes'; 167 window.THEMEVERSION = '1.0.1'; 168 169 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 170 171 window.theme = { 172 strings: { 173 itemCountOne: "{{ count }} item", 174 itemCountOther: "{{ count }} items", 175 loading: "Loading", 176 addToCart: "Add to Cart", 177 preOrder: "Pre-order", 178 soldOut: "Sold Out", 179 unavailable: "Unavailable", 180 regularPrice: "Regular price", 181 salePrice: "Sale price", 182 sale: "On Sale", 183 unitPrice: "Unit price", 184 unitPriceSeparator: "per", 185 cartEmpty: "Your cart is currently empty.", 186 cartCookies: "Enable cookies to use the shopping cart", 187 update: "Update Cart", 188 quantity: "Quantity", 189 discountedTotal: "Discounted total", 190 regularTotal: "Regular total", 191 priceColumn: "See Price column for discount details.", 192 addedToCart: "Added to Cart!", 193 cartError: "There was an error while updating your cart. Please try again.", 194 cartAddError: "All {{ title }} are in your cart." 195 }, 196 routes: { 197 root_url: "\/", 198 cart_url: "\/cart", 199 cart_add_url: "\/cart\/add", 200 cart_change_url: "\/cart\/change", 201 cart_update_url: "\/cart\/update", 202 cart_clear_url: "\/cart\/clear", 203 predictive_search_url: '/search/suggest' 204 }, 205 moneyFormat: "${{amount}}", 206 moneyWithCurrencyFormat: "${{amount}} USD", 207 cartItemCount: 0, 208 settings: { 209 cart_type: "modal", 210 open_modal_on_add_to_cart: true, 211 parallax_intensity: 50 212 }, 213 info: { 214 name: 'Shapes', 215 } 216 }; 217</script>
217 218 219 220
220<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
220 221
221<script> 222 function debounce(fn, wait) { 223 let t; 224 return (...args) => { 225 clearTimeout(t); 226 t = setTimeout(() => fn.apply(this, args), wait); 227 }; 228 } 229 </script>
229 230
230<script src="//hummkombucha.com/cdn/shop/t/38/assets/utils.js?v=167669486762374777511762462223" defer></script>
230 231
231<script src="//hummkombucha.com/cdn/shop/t/38/assets/global.bundle.min.js?v=65914359936030714151762462223" type="module"></script>
231 232 233
233<script src="//hummkombucha.com/cdn/shop/t/38/assets/cart-items.js?v=171228637692183293801762462223" type="module"></script>
233 234
234<script src="//hummkombucha.com/cdn/shop/t/38/assets/cart-footer.js?v=19450439644493414491762462223" type="module"></script>
234 235 236 237 238
238<script src="//hummkombucha.com/cdn/shop/t/38/assets/alpine-extensions.js?v=95811398729610723851762462223" defer></script>
238 239 <link rel="stylesheet" href="//hummkombucha.com/cdn/shop/t/38/assets/base.bundle.css?v=178755365054757442711786464217"> 240 241 242 <style> 243 :root { 244 --max-site-width: 1820px; 245 } 246 </style> 247 248 249<style> 250@font-face { 251 font-family: 'Gotham Narrow'; 252 src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/GothamNarrow-Book.woff2?v=1717163532') format("woff2"); 253 font-weight: 400; 254 font-style: normal; 255 font-display: swap; 256} 257 258@font-face { 259 font-family: 'Gotham Narrow'; 260 src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/GothamNarrow-Bold.woff2?v=1717163538') format("woff2"); 261 font-weight: 700; 262 font-style: normal; 263 font-display: swap; 264} 265 266@font-face { 267 font-family: 'Gotham Cond'; 268 /*src: url("//hummkombucha.com/cdn/shop/t/38/assets/GothamCondSSm-Bold.woff2?v=77371126266370866851762462223") format("woff2");*/ 269 src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/GothamCondSSm-Bold.woff2?v=1713812720') format('woff2'); 270 font-weight: 700; 271 font-style: normal; 272 font-display: swap; 273} 274 275@font-face { 276 font-family: 'Sofia Pro'; 277 /*src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/SofiaPro-Medium.woff2?v=1759163386') format('woff2');*/ 278 src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/SofiaPro-Medium5.woff2?v=1759520355') format('woff2'); 279 font-weight: 500; 280 font-style: normal; 281 font-display: swap; 282 283} 284 285@font-face { 286 font-family: 'Sofia Pro'; 287 src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/SofiaProSemiBold.woff2?v=1759511345') format('woff2'); 288 font-weight: 600; 289 font-style: normal; 290 font-display: swap; 291} 292 293@font-face { 294 font-family: 'Sofia Pro'; 295 src: url('https://cdn.shopify.com/s/files/1/0569/7411/4945/files/sofia-pro-bold.woff2?v=1759521035') format('woff2'); 296 font-weight: 700; 297 font-style: normal; 298 font-display: swap; 299 /* The fixes! */ 300 /* formula = 1100 / 10 = 110% */ 301 ascent-override: 110%; 302 303 /* formula = 250 / 10 = 25% */ 304 descent-override: 25%; 305 306} 307 308 309 :root { 310 --color-yellow: #FDB517; 311 --color-blue: #3645c7; 312 --color-red: #E33445; 313 --color-gray: #4D4D55; 314 315 --secondary-blue: #365CC7; 316 --secondary-green: #01A234; 317 --secondary-orange: #FA8100; 318 --secondary-hot-pink: #EE4758; 319 --secondary-red: #E82E2C; 320 --secondary-purple: #B3398E; 321 --secondary-light-blue: #B6DBE1; 322 --secondary-light-green: #C3E45F; 323 --secondary-bright-yellow: #FF0; 324 --secondary-yellow: #FFD817; 325 --secondary-light-orange: #FDB517; 326 --secondary-pink: #E75792; 327 328 --color-darkblue: #1B2A96; 329 330 --color-black:#000; 331 --color-white:#FFF; 332 333 334 --payment-button-height: 48px; 335 --section-x-padding: 1.25rem; 336 --section-y-padding: 1.25rem; 337 --grid-gap: 1.25rem; 338 --icon-thickness: 1.5; 339 --header-height: 60px; 340 341 --transparent: transparent; 342 343 --color-primary-text: 0, 0, 0; 344 --color-primary-background: 255, 255, 255; 345 --color-primary-accent-1: 255, 178, 0; 346 --color-primary-accent-2: 250, 128, 0; 347 --color-primary-card: 255, 255, 255; 348 --color-primary-gradient: #000;--color-primary-text-overlay: 255, 255, 255; 349--color-primary-card-text-overlay: 255, 255, 255; 350--color-primary-accent-1-overlay: 0, 0, 0; 351--color-primary-accent-2-overlay: 0, 0, 0; 352--color-secondary-text: 255, 255, 255; 353 --color-secondary-background: 250, 128, 0; 354 --color-secondary-accent-1: 250, 128, 0; 355 --color-secondary-accent-2: 255, 255, 255; 356 --color-secondary-card: 174, 210, 154; 357 --color-secondary-gradient: ;--color-secondary-text-overlay: 0, 0, 0; 358--color-secondary-card-text-overlay: 0, 0, 0; 359--color-secondary-accent-1-overlay: 0, 0, 0; 360--color-secondary-accent-2-overlay: 0, 0, 0; 361--color-tertiary-text: 255, 255, 255; 362 --color-tertiary-background: 255, 178, 0; 363 --color-tertiary-accent-1: 0, 0, 0; 364 --color-tertiary-accent-2: 255, 255, 255; 365 --color-tertiary-card: 245, 241, 230; 366 --color-tertiary-gradient: ;--color-tertiary-text-overlay: 0, 0, 0; 367--color-tertiary-card-text-overlay: 0, 0, 0; 368--color-tertiary-accent-1-overlay: 255, 178, 0; 369--color-tertiary-accent-2-overlay: 0, 0, 0; 370--color-quaternary-text: 98, 99, 102; 371 --color-quaternary-background: 253, 21, 73; 372 --color-quaternary-accent-1: 59, 34, 34; 373 --color-quaternary-accent-2: 0, 0, 0;
374 --color-quaternary-card: 255, 255, 255; 375 --color-quaternary-gradient: ;--color-quaternary-text-overlay: 255, 255, 255; 376--color-quaternary-card-text-overlay: 255, 255, 255; 377--color-quaternary-accent-1-overlay: 255, 255, 255; 378--color-quaternary-accent-2-overlay: 253, 21, 73; 379--color-quinary-text: 245, 241, 230; 380 --color-quinary-background: 1, 161, 69; 381 --color-quinary-accent-1: 191, 32, 51; 382 --color-quinary-accent-2: 0, 0, 0; 383 --color-quinary-card: 255, 255, 255; 384 --color-quinary-gradient: ;--color-quinary-text-overlay: 0, 0, 0; 385--color-quinary-card-text-overlay: 0, 0, 0; 386--color-quinary-accent-1-overlay: 245, 241, 230; 387--color-quinary-accent-2-overlay: 1, 161, 69; 388--color-senary-text: 255, 255, 255; 389 --color-senary-background: 255, 255, 255; 390 --color-senary-accent-1: 250, 128, 0; 391 --color-senary-accent-2: 255, 255, 255; 392 --color-senary-card: 255, 255, 255; 393 --color-senary-gradient: ;--color-senary-text-overlay: 0, 0, 0; 394--color-senary-card-text-overlay: 0, 0, 0; 395--color-senary-accent-1-overlay: 0, 0, 0; 396--color-senary-accent-2-overlay: 0, 0, 0; 397--color-septenary-text: 42, 74, 52; 398 --color-septenary-background: 240, 236, 225; 399 --color-septenary-accent-1: 42, 74, 52; 400 --color-septenary-accent-2: 106, 105, 103; 401 --color-septenary-card: 255, 255, 255; 402 --color-septenary-gradient: ;--color-septenary-text-overlay: 240, 236, 225; 403--color-septenary-card-text-overlay: 255, 255, 255; 404--color-septenary-accent-1-overlay: 240, 236, 225; 405--color-septenary-accent-2-overlay: 240, 236, 225; 406--color-octonary-text: 255, 255, 255; 407 --color-octonary-background: 54, 69, 199; 408 --color-octonary-accent-1: 255, 255, 255; 409 --color-octonary-accent-2: 255, 255, 255; 410 --color-octonary-card: 255, 255, 255; 411 --color-octonary-gradient: ;--color-octonary-text-overlay: 54, 69, 199; 412--color-octonary-card-text-overlay: 54, 69, 199; 413--color-octonary-accent-1-overlay: 54, 69, 199; 414--color-octonary-accent-2-overlay: 54, 69, 199; 415--color-border: 0, 0, 0; 416 --section-border-thickness: 0px; 417 --drop-down-offset: 2px; 418 --shape-divider-offset: 2px; 419 420 421 --button-border-radius: 0.25rem; 422 --textarea-border-radius: 0.25rem; 423 --button-border-width: 0; 424 --input-border-width: 1px; 425 --button-shadow-border-width: 0; 426 --button-text-transform: uppercase; 427 --button-drop-shadow-size: 00px; 428 --button-drop-shadow-top-size: 0px; 429 --button-drop-shadow-left-size: 0px; 430 --button-hover-top-size: -0.25rem; 431 --button-hover-left-size: var(--button-drop-shadow-left-size); 432 --button-shadow-display: none; 433 --sticker-border-radius: 0; 434 --sticker-border-width: 2px; 435 --sticker-shadow-border-width: 0; 436 --sticker-text-transform: none; 437 --sticker-drop-shadow-top-size: 0px; 438 --sticker-drop-shadow-left-size: 0px; 439 --card-border-radius: 0; 440 --card-drop-shadow-size: 12px; 441 --card-drop-shadow-top-size: 12px; 442 --card-drop-shadow-left-size: 0; 443 --card-border-width: 2px; 444 --card-shadow-border-width: 0; 445 --media-border-radius: 0; 446 --media-drop-shadow-size: 0px; 447 --media-drop-shadow-top-size: 0px; 448 --media-drop-shadow-left-size: 0; 449 --media-drop-shadow-size-half: 0.0px; 450 --media-drop-shadow-top-size-half: 0.0px; 451 --media-drop-shadow-left-size-half: 0; 452 --media-border-width: 0; 453 --media-shadow-border-width: 0; 454 --heading-shadow-spread: 6px; 455 --heading-stroke-thickness: 0px; 456 --product-tiles-text-transform: none; 457 --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"); 458 } 459 460 461 462 [data-color-scheme="primary"] { 463 --color-scheme-text: var(--color-primary-text); 464 --color-scheme-background: var(--color-primary-background); 465 --color-scheme-accent-1: var(--color-primary-accent-1); 466 --color-scheme-accent-2: var(--color-primary-accent-2); 467 --color-scheme-card: var(--color-primary-card); 468 --color-scheme-gradient: var(--color-primary-gradient); 469 --color-scheme-text-overlay: var(--color-primary-text-overlay); 470 --color-scheme-card-text-overlay: var(--color-primary-card-text-overlay); 471 --color-scheme-accent-1-overlay: var(--color-primary-accent-1-overlay); 472 --color-scheme-accent-2-overlay: var(--color-primary-accent-2-overlay); 473 --color-scheme-secondary-background: var(--color-primary-card); 474 --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"); 475 } 476 477 478 [data-color-scheme="secondary"] { 479 --color-scheme-text: var(--color-secondary-text); 480 --color-scheme-background: var(--color-secondary-background); 481 --color-scheme-gradient: var(--color-secondary-gradient); 482 --color-scheme-accent-1: var(--color-secondary-accent-1); 483 --color-scheme-accent-2: var(--color-secondary-accent-2); 484 --color-scheme-card: var(--color-secondary-card); 485 --color-scheme-text-overlay: var(--color-secondary-text-overlay); 486 --color-scheme-card-text-overlay: var(--color-secondary-card-text-overlay); 487 --color-scheme-accent-1-overlay: var(--color-secondary-accent-1-overlay); 488 --color-scheme-accent-2-overlay: var(--color-secondary-accent-2-overlay); 489 --color-scheme-secondary-background: var(--color-secondary-card); 490 --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"); 491 } 492 493 494 [data-color-scheme="tertiary"] { 495 --color-scheme-text: var(--color-tertiary-text); 496 --color-scheme-background: var(--color-tertiary-background); 497 --color-scheme-accent-1: var(--color-tertiary-accent-1); 498 --color-scheme-accent-2: var(--color-tertiary-accent-2); 499 --color-scheme-card: var(--color-tertiary-card); 500 --color-scheme-gradient: var(--color-tertiary-gradient); 501 --color-scheme-text-overlay: var(--color-tertiary-text-overlay); 502 --color-scheme-card-text-overlay: var(--color-tertiary-card-text-overlay); 503 --color-scheme-accent-1-overlay: var(--color-tertiary-accent-1-overlay); 504 --color-scheme-accent-2-overlay: var(--color-tertiary-accent-2-overlay); 505 --color-scheme-secondary-background: var(--color-tertiary-card); 506 --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"); 507 } 508 509 [data-color-scheme="quaternary"] { 510 --color-scheme-text: var(--color-quaternary-text); 511 --color-scheme-background: var(--color-quaternary-background); 512 --color-scheme-accent-1: var(--color-quaternary-accent-1); 513 --color-scheme-accent-2: var(--color-quaternary-accent-2); 514 --color-scheme-card: var(--color-quaternary-card); 515 --color-scheme-gradient: var(--color-quaternary-gradient); 516 --color-scheme-text-overlay: var(--color-quaternary-text-overlay); 517 --color-scheme-card-text-overlay: var(--color-quaternary-card-text-overlay); 518 --color-scheme-accent-1-overlay: var(--color-quaternary-accent-1-overlay); 519 --color-scheme-accent-2-overlay: var(--color-quaternary-accent-2-overlay); 520 --color-scheme-secondary-background: var(--color-quaternary-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='%23626366' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A"); 522 } 523 524 [data-color-scheme="quinary"] { 525 --color-scheme-text: var(--color-quinary-text); 526 --color-scheme-background: var(--color-quinary-background); 527 --color-scheme-accent-1: var(--color-quinary-accent-1); 528 --color-scheme-accent-2: var(--color-quinary-accent-2); 529 --color-scheme-card: var(--color-quinary-card); 530 --color-scheme-gradient: var(--color-quinary-gradient); 531 --color-scheme-text-overlay: var(--color-quinary-text-overlay); 532 --color-scheme-card-text-overlay: var(--color-quinary-card-text-overlay); 533 --color-scheme-accent-1-overlay: var(--color-quinary-accent-1-overlay); 534 --color-scheme-accent-2-overlay: var(--color-quinary-accent-2-overlay); 535 --color-scheme-secondary-background: var(--color-quinary-card); 536 --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"); 537 } 538 539 [data-color-scheme="senary"] { 540 --color-scheme-text: var(--color-senary-text); 541 --color-scheme-background: var(--color-senary-background); 542 --color-scheme-accent-1: var(--color-senary-accent-1); 543 --color-scheme-accent-2: var(--color-senary-accent-2); 544 --color-scheme-card: var(--color-senary-card); 545 --color-scheme-gradient: var(--color-senary-gradient); 546 --color-scheme-text-overlay: var(--color-senary-text-overlay); 547 --color-scheme-card-text-overlay: var(--color-senary-card-text-overlay); 548 --color-scheme-accent-1-overlay: var(--color-senary-accent-1-overlay); 549 --color-scheme-accent-2-overlay: var(--color-senary-accent-2-overlay); 550 --color-scheme-secondary-background: var(--color-senary-card); 551 --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"); 552 } 553 554 [data-color-scheme="septenary"] { 555 --color-scheme-text: var(--color-septenary-text); 556 --color-scheme-background: var(--color-septenary-background); 557 --color-scheme-accent-1: var(--color-septenary-accent-1); 558 --color-scheme-accent-2: var(--color-septenary-accent-2); 559 --color-scheme-card: var(--color-septenary-card); 560 --color-scheme-gradient: var(--color-septenary-gradient); 561 --color-scheme-text-overlay: var(--color-septenary-text-overlay); 562 --color-scheme-card-text-overlay: var(--color-septenary-card-text-overlay); 563 --color-scheme-accent-1-overlay: var(--color-septenary-accent-1-overlay); 564 --color-scheme-accent-2-overlay: var(--color-septenary-accent-2-overlay); 565 --color-scheme-secondary-background: var(--color-septenary-card); 566 --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"); 567 } 568 569 [data-color-scheme="octonary"] { 570 --color-scheme-text: var(--color-octonary-text); 571 --color-scheme-background: var(--color-octonary-background); 572 --color-scheme-accent-1: var(--color-octonary-accent-1); 573 --color-scheme-accent-2: var(--color-octonary-accent-2); 574 --color-scheme-card: var(--color-octonary-card); 575 --color-scheme-gradient: var(--color-octonary-gradient); 576 --color-scheme-text-overlay: var(--color-octonary-text-overlay); 577 --color-scheme-card-text-overlay: var(--color-octonary-card-text-overlay); 578 --color-scheme-accent-1-overlay: var(--color-octonary-accent-1-overlay); 579 --color-scheme-accent-2-overlay: var(--color-octonary-accent-2-overlay); 580 --color-scheme-secondary-background: var(--color-octonary-card); 581 --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"); 582 } 583 584 [data-color-scheme="white"] { 585 --color-scheme-text: 255,255,255; 586 --color-scheme-accent: 255,255,255; 587 --color-scheme-background: 0,0,0; 588 --color-scheme-card: 0,0,0; 589 --color-scheme-text-overlay: 0,0,0; 590 --color-scheme-accent-1-overlay: 0,0,0; 591 --color-border: 255,255,255; 592 } 593 594 [data-color-scheme="black"] { 595 --color-scheme-text: 0,0,0; 596 --color-scheme-accent: 0,0,0; 597 --color-scheme-background: 255,255,255;
598 --color-scheme-card: 255,255,255; 599 --color-scheme-text-overlay: 255,255,255; 600 --color-scheme-accent-1-overlay: 255,255,255; 601 --color-border: 0,0,0; 602 } 603 604 605 606[data-color-scheme] { 607 --color-heading-shadow: var(--color-scheme-accent-1); 608 --color-heading-stroke: var(--color-scheme-accent-1); 609 --color-button-background: var(--color-scheme-accent-1); 610 --color-button-text: var(--color-scheme-accent-1-overlay); 611 --color-button-border: var(--color-scheme-text); 612 --color-button-shadow: var(--color-scheme-accent-1); 613 --color-card-border: var(--color-scheme-text); 614 --color-card-shadow: var(--color-scheme-gradient); 615 --color-sticker-border: var(--color-scheme-text); 616 --color-sticker-shadow: var(--color-scheme-text); 617 --color-media-border: var(--color-scheme-text); 618 --color-media-shadow: var(--color-scheme-gradient); 619 --color-media-shadow-fill: rgb(var(--color-scheme-gradient)); 620 --color-sticker-shadow: var(--color-scheme-text); 621 --color-sticker-shadow-fill: rgb(var(--color-scheme-text));--heading-color: var(--color-scheme-accent-1); 622 --heading-text-shadow:} 623 624 [data-color-scheme] .card { 625 --color-scheme-text-overlay: var(--color-scheme-card-text-overlay); 626 } 627 628 629 630 /* 631 Typography and spacing sizes 632 */:root { 633 --base-font-size: 100.0%; 634 --base-line-height: 1.375; 635 --line-height-heading: 1.1; 636 --font-size-ratio-dxs: 0.928; 637 --font-size-ratio-xs: 0.7491535; 638 --font-size-ratio-sm: 0.8908985; 639 --font-size-ratio-sm-o: 0.8; 640 --font-size-ratio-ssl: 0.98; 641 --font-size-mb-bottom-menu: 0.940; 642 --font-size-ratio-sl: 0.8; /* 16px */ 643 --font-size-ratio-base: 1; /* 17px */ 644 --font-size-mb-base: 1.064; /* 17px */ 645 --font-size-ratio-base-o: 1.11; /* 17.289px */ 646 --font-size-ratio-s: 1.125; /* 18px */ 647 --font-size-ratio-lg: 1.25; /* 20px */ 648 --font-size-ratio-lg-o: 1.33; /* 21px */ 649 --font-size-ratio-xl: 1.375; /* 22px */ 650 --font-size-ratio-xxl: 1.500; /* 24px */ 651 --font-size-ratio-xxl-n: 1.600; /* 26px */ 652 --font-size-ratio-2xl-n: 1.7125; /* 27px */ 653 --font-size-ratio-2xl: 1.8125; /* 29px */ 654 --font-size-ratio-xxxl: 1.875; /* 30px */ 655 --font-size-ratio-3xl: 2; /* 32px */ 656 --font-size-ratio-4xl: 2.1; /* 33px */ 657 --font-size-ratio-5xl: 2.125; /* 34px */ 658 --font-size-ratio-5xl-o: 2.190; /* 35px */ 659 --font-size-ratio-6xl: 2.25; /* 36px */ 660 --font-size-ratio-7xl: 2.375;/* 38px */ 661 --font-size-ratio-7xlxl: 2.5;/* 40px */ 662 --font-size-ratio-8xl: 2.625; /* 42px */ 663 --font-size-ratio-9xl: 2.5; 664 --font-size-mb-xxl-o: calc(var(--font-size-ratio-xxl-n) * 1rem); 665 --font-size-sm-o: calc(var(--font-size-ratio-sm-o) * 1rem); 666 --font-size-mb-bottom-menu-o: calc(var(--font-size-mb-bottom-menu) * 1rem); 667 --font-size-mb-base-o: calc(var(--font-size-mb-base) * 1rem); 668 --font-size-dxl: calc(var(--font-size-ratio-dxs) * 1rem); 669 --font-size-xxxl: calc(var(--font-size-ratio-xxxl) * 1rem); 670 --font-size-ssl: calc(var(--font-size-ratio-ssl) * 1rem); 671 --font-size-sl: calc(var(--font-size-ratio-sl) * 1rem); 672 --font-size-xs: calc(var(--font-size-ratio-xs) * 1rem); 673 --font-size-sm: calc(var(--font-size-ratio-sm) * 1rem); 674 --font-size-base: calc(var(--font-size-ratio-base) * 1rem); 675 --font-size-base-o: calc(var(--font-size-ratio-base-o) * 1rem); 676 --font-size-s: calc(var(--font-size-ratio-s) * 1rem); 677 --font-size-lg: calc(var(--font-size-ratio-lg) * 1rem); 678 --font-size-lg-o: calc(var(--font-size-ratio-lg-o) * 1rem); 679 --font-size-xl: calc(var(--font-size-ratio-xl) * 1rem); 680 --font-size-xxl: calc(var(--font-size-ratio-xxl) * 1rem); 681 --font-size-2xl: calc(var(--font-size-ratio-2xl) * 1rem); 682 --font-size-2xl-o: calc(var(--font-size-ratio-2xl-n) * 1rem); 683 --font-size-3xl: calc(var(--font-size-ratio-3xl) * 1rem); 684 --font-size-4xl: calc(var(--font-size-ratio-4xl) * 1rem); 685 --font-size-5xl: calc(var(--font-size-ratio-5xl) * 1rem); 686 --font-size-5xl-o: calc(var(--font-size-ratio-5xl-o) * 1rem); 687 --font-size-6xl: calc(var(--font-size-ratio-6xl) * 1rem); 688 --font-size-7xl: calc(var(--font-size-ratio-7xl) * 1rem); 689 --font-size-7xlxl: calc(var(--font-size-ratio-7xlxl) * 1rem); 690 --font-size-8xl: calc(var(--font-size-ratio-8xl) * 1rem); 691 --font-size-9xl: calc(var(--font-size-ratio-9xl) * 1rem); 692 693 --standard-heading-size: var(--font-size-3xl); 694 --feature-heading-size: var(--font-size-3xl); 695 --secondary-heading-size: var(--font-size-2xl); 696 --section-vertical-spacing: 3.75rem; 697 --base-font-size-desktop: calc(var(--font-size-ratio-base) * 1rem + 2px) ; 698 } 699 @media (min-width: 990px) { 700 :root { 701 --font-size-base: calc(var(--font-size-ratio-base) * 1rem + 2px); 702 --standard-heading-size: var(--font-size-3xl); 703 --feature-heading-size: var(--font-size-8xl); 704 --secondary-heading-size: var(--font-size-5xl); 705 --section-vertical-spacing: 5rem; 706 --section-x-padding: 2.5rem; 707 --section-y-padding: 2.5rem; 708 --grid-gap: 2.5rem; 709 } 710 711 } 712 @media (min-width: 1200px) { 713 :root { 714 --section-x-padding: 5rem; 715 --section-y-padding: 5rem; 716 } 717 718 } 719 720 721 .heading-effects { 722 color: rgb(var(--heading-color)); 723 text-shadow: var(--heading-text-shadow); 724 -webkit-text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 725 text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 726 } 727 728 .heading-standard { 729 font-size: var(--standard-heading-size); 730 731 color: rgb(var(--heading-color)); 732 text-shadow: var(--heading-text-shadow); 733 -webkit-text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 734 text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 735 736 } 737 738 .heading-feature { 739 font-size: var(--feature-heading-size); 740 font-size: 30px; 741 line-height: 42px; 742 743 /* color: rgb(var(--heading-color)); */ 744 text-shadow: var(--heading-text-shadow); 745 -webkit-text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 746 text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); 747 748 } 749 750 .heading-secondary { 751 font-size: var(--secondary-heading-size); 752 } 753 754 755 /* 756 Cards 757 */ 758 .card-container::after {} 759 760 /* 761 Media 762 */ 763 .media-style-container::after, 764 .media-shape-drop-shadow {} 765 766 767 /* 768 Custom cursor 769 */</style> 770 771 <style data-shopify> 772 773 774 775:root { 776 --font-an-cr: 'Gotham Cond'; /* weight: 400, was Gotham Narrow */ 777 --font-an-cm: 'Gotham Cond'; /* weight: 500, was Gotham Narrow */ 778 --font-an-cb: 'Sofia Pro'; /* weight: 700, was Gotham Cond */ 779 --font-an-cdb: 'Gotham Cond'; /* weight: 600, was Gotham Narrow */ 780 --font-an-ch: 'Gotham Cond'; /* weight: 900, was Gotham Narrow */ 781 782 --font-sp: 'Sofia Pro'; 783 --font-gc: 'Gotham Cond'; 784 785 --heading-font-stack: 'Gotham Cond', Helvetica, Arial, sans-serif; 786 --heading-font-hel: Helvetica, Arial, sans-serif;
787 --heading-font-weight: 700; 788 --heading-font-style: normal; 789 --heading-letterspacing: 0.0; 790 --heading-capitalize: none; 791 792 --main-font-stack: 'Sofia Pro', Helvetica, Arial, sans-serif; 793 --main-font-weight: normal; 794 --main-font-style: 500; 795 --accent-font-stack: , ; 796 --accent-font-weight: ; 797 --accent-font-style: ; 798 } 799 800 </style> 801 802 <style id="generated-critical-css"> 803.max-w-site{max-width:var(--max-site-width)} 804</style> 805 <style id="manual-critical-css"> 806 [x-cloak] { 807 display: none; 808 } 809 [data-parallax-container] { 810 will-change: opacity; 811 opacity: 0; 812 transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); 813 } 814 .no-js [data-parallax-container], 815 [data-parallax-container].animated { 816 opacity: 1; 817 } 818 819 @media (prefers-reduced-motion) { 820 [data-parallax-container] { 821 opacity: 1; 822 } 823 } 824 </style> 825 826 827 828
828<script> 829 window.onYouTubeIframeAPIReady = () => { 830 document.body.dispatchEvent(new CustomEvent('youtubeiframeapiready')); 831 }; 832 </script>
832 833
833<script type="text/javascript"> 834 (function(c,l,a,r,i,t,y){ 835 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 836 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 837 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 838 })(window, document, "clarity", "script", "n4vqv5xlt1"); 839 </script>
839 840 841 <!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf --> 842 843 844
844<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/VU2wz6CBlBHS3bAWtsXweH8ZbzbDVztWAwkOl4RJ?languageCode=en" async></script>
844 845 846 847 848 849<!-- END app block --><!-- BEGIN app block: shopify://apps/sc-easy-redirects/blocks/app/be3f8dbd-5d43-46b4-ba43-2d65046054c2 --> 850 <!-- common for all pages --> 851 852 853
853<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>
853 854 855 856 857 858 859<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 860 861 862 863 864 865 866 867 868 869 870 871 872
872<script async src="https://static.klaviyo.com/onsite/js/UP6YKc/klaviyo.js?company_id=UP6YKc"></script>
872 873
873<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>
873 874 875 876 877 878 879 880
880<script> 881 window.klaviyoReviewsProductDesignMode = false 882 </script>
882 883 884 885 886 887 888 889 890 891 892<!-- 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 /> 893<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
894<script> 895/* >> TriplePixel :: start*/ 896window.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); 897/* << TriplePixel :: end*/ 898</script>
898 899 900 901 902<!-- END app block -->
902<script src="https://cdn.shopify.com/extensions/01a0d821-66c4-77db-954f-9f46523fc861/avada-cookie-bar-62/assets/avada-cookie.js" type="text/javascript" defer="defer"></script>
902 903<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
904<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 904
904
905<script> 906 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 907</script>
vendor: 1 bytes, line 907
907
908<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}
908).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: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"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"]}
908,"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","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"127829770369","themePublished":"true","eventMetadataId":"3d92de77-5d16-479c-8c2a-513100e964a4","pageType":"searchresults","shopId":"56974114945","storefrontBaseUrl":"https:\/\/hummkombucha.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"\",\"productVariants\":[]}}]]"});})();</script>
908<script> 909 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 910 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 911 window.ShopifyAnalytics.meta.currency = 'USD'; 912 var meta = {"products":[],"page":{"pageType":"searchresults","requestId":"cf113bf7-ef68-468d-9790-2a37056d4495-1790349768"}}; 913 for (var attr in meta) { 914 window.ShopifyAnalytics.meta[attr] = meta[attr]; 915 } 916</script>
vendor: 1 bytes, line 916
916
917<script class="analytics"> 918 (function () { 919 var customDocumentWrite = function(content) { 920 var jquery = null; 921 922 if (window.jQuery) { 923 jquery = window.jQuery; 924 } else if (window.Checkout && window.Checkout.$) { 925 jquery = window.Checkout.$; 926 } 927 928 if (jquery) { 929 jquery('body').append(content); 930 } 931 }; 932 933 var hasLoggedConversion = function(token) { 934 if (token) { 935 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 936 } 937 return false; 938 } 939 940 var setCookieIfConversion = function(token) { 941 if (token) { 942 var twoMonthsFromNow = new Date(Date.now()); 943 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 944 945 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 946 } 947 } 948 949 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 950 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 951 if (trekkie.integrations) { 952 return; 953 } 954 trekkie.methods = [ 955 'identify', 956 'page', 957 'ready', 958 'track', 959 'trackForm', 960 'trackLink' 961 ]; 962 trekkie.factory = function(method) { 963 return function() { 964 var args = Array.prototype.slice.call(arguments); 965 args.unshift(method); 966 trekkie.push(args); 967 if (method == 'track' || method == 'page') { 968 var pageUrl; 969 try { 970 pageUrl = window.location.href; 971 } catch (e) {} 972 var pageReferrer; 973 try { 974 pageReferrer = document.referrer; 975 } catch (e) {} 976 try { 977 if (window.__TREKKIE_SHIM_QUEUE == null) { 978 window.__TREKKIE_SHIM_QUEUE = []; 979 } 980 window.__TREKKIE_SHIM_QUEUE.push({ 981 from: 'trekkie-stub', 982 method: method, 983 args: args.slice(1), 984 pageContext: { 985 url: pageUrl, 986 referrer: pageReferrer 987 } 988 }); 989 } catch (e) { 990 // no-op 991 } 992 } 993 return trekkie; 994 }; 995 }; 996 for (var i = 0; i < trekkie.methods.length; i++) { 997 var key = trekkie.methods[i]; 998 trekkie[key] = trekkie.factory(key); 999 } 1000 trekkie.load = function(config) { 1001 trekkie.config = config || {}; 1002 trekkie.config.initialDocumentCookie = document.cookie; 1003 var first = document.getElementsByTagName('script')[0]; 1004var script = document.createElement('script'); 1005script.type = 'text/javascript'; 1006script.onerror = function(e) { 1007 var scriptFallback = document.createElement('script'); 1008 scriptFallback.type = 'text/javascript'; 1009 scriptFallback.onerror = function(error) { 1010 var Monorail = { 1011 produce: function produce(monorailDomain, schemaId, payload) { 1012 var currentMs = new Date().getTime(); 1013 var event = { 1014 schema_id: schemaId, 1015 payload: payload, 1016 metadata: { 1017 event_created_at_ms: currentMs, 1018 event_sent_at_ms: currentMs 1019 } 1020 }; 1021 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1022 }, 1023 sendRequest: function sendRequest(endpointUrl, payload) { 1024 // Try the sendBeacon API 1025 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1026 var blobData = new window.Blob([payload], { 1027 type: 'text/plain' 1028 }); 1029 1030 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1031 return true; 1032 } // sendBeacon was not successful 1033 1034 } // XHR beacon 1035 1036 var xhr = new XMLHttpRequest(); 1037 1038 try { 1039 xhr.open('POST', endpointUrl); 1040 xhr.setRequestHeader('Content-Type', 'text/plain'); 1041 xhr.send(payload); 1042 } catch (e) { 1043 console.log(e); 1044 } 1045 1046 return false; 1047 }, 1048 isIos12: function isIos12() { 1049 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1050 } 1051 }; 1052 Monorail.produce('monorail-edge.shopifysvc.com', 1053 'trekkie_storefront_load_errors/1.1', 1054 {shop_id: 56974114945, 1055 theme_id: 127829770369, 1056 app_name: "storefront", 1057 context_url: window.location.href, 1058 source_url: "//hummkombucha.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1059 1060 }; 1061 scriptFallback.async = true; 1062 scriptFallback.src = '//hummkombucha.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1063 first.parentNode.insertBefore(scriptFallback, first); 1064}; 1065script.async = true; 1066script.src = '//hummkombucha.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1067first.parentNode.insertBefore(script, first); 1068 1069 }; 1070 trekkie.load( 1071 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":56974114945,"isMerchantRequest":null,"themeId":127829770369,"themeCityHash":"16167616626130823618","contentLanguage":"en","currency":"USD","eventMetadataId":"3d92de77-5d16-479c-8c2a-513100e964a4"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1072 ); 1073 1074 var loaded = false;
1075 trekkie.ready(function() { 1076 if (loaded) return; 1077 loaded = true; 1078 1079 window.ShopifyAnalytics.lib = window.trekkie; 1080 1081 var originalDocumentWrite = document.write; 1082 document.write = customDocumentWrite; 1083 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1084 document.write = originalDocumentWrite; 1085 1086 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1087 var token = match? match[1]: undefined; 1088 if (!hasLoggedConversion(token)) { 1089 setCookieIfConversion(token); 1090 window.ShopifyAnalytics.lib.track("Performed Search",{"query":null},undefined,undefined,{"shopifyEmitted":true}); 1091 } 1092 }); 1093 1094 window.ShopifyAnalytics.lib.page(null,{"pageType":"searchresults","requestId":"cf113bf7-ef68-468d-9790-2a37056d4495-1790349768","shopifyEmitted":true}); 1095 1096 var eventsListenerScript = document.createElement('script'); 1097 eventsListenerScript.async = true; 1098 eventsListenerScript.src = "//hummkombucha.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1099 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1100})();</script>
vendor: 1 bytes, line 1100
1100
1101<script 1102 defer 1103 src="https://hummkombucha.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1104 data-application="storefront-renderer" 1105 data-shop-id="56974114945" 1106 data-render-region="gcp-us-central1" 1107 data-page-type="search" 1108 data-theme-instance-id="127829770369" 1109 data-theme-name="Shapes" 1110 data-theme-version="2.0.3" 1111 data-monorail-region="shop_domain" 1112 data-resource-timing-sampling-rate="10" 1113 data-shs="true" 1114 data-shs-beacon="true" 1115 data-shs-export-with-fetch="true" 1116 data-shs-logs-sample-rate="1" 1117 data-shs-beacon-endpoint="https://hummkombucha.com/api/collect" 1118></script>
1118 1119<meta name="shopify-y" content="dccc432d-c23d-45c0-abf9-118b770c25f7" data-expiration="1821907369000"><meta name="shopify-s" content="1817645e-9e68-4eab-9922-4ed511ce7c10" data-expiration="1790351569000"><meta name="new-cookie-storage-activated" content="t"> 1120</head> 1121 1122 <body data-color-scheme="primary" class="template-- template--search "> 1123 <!-- Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 1123-1124
1123 1124 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1124GTM-NK8RRSJ
vendor: 95 bytes, lines 1124-1126
1124" 1125 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1126
1126<!-- End Google Tag Manager (noscript) --> 1127 1128 <a class="skip-link" href="#MainContent">Skip to content</a><!-- BEGIN sections: header-group --> 1129<div id="shopify-section-sections--15581864099969__header" class="shopify-section shopify-section-group-header-group section-site-header relative z-40"> 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139
1139<script src="//hummkombucha.com/cdn/shop/t/38/assets/header.js?v=182628185038524633281762462223" type="module"></script>
1139 1140
1141<script src="//hummkombucha.com/cdn/shop/t/38/assets/cart-count.js?v=84287894238233047101762462223" type="module"></script>
1141 1142 1143<header 1144 class=" 1145 site-header w-full text-scheme-text 1146 1147 relative bg-scheme-background text-scheme-text border-b-section border-border 1148 1149 transition-[background-color,border-color] ease-in-out duration-200 1150 1151 lg:w-auto 1152 " 1153 role="banner" 1154 data-section-type="header" 1155 data-section-id="sections--15581864099969__header" 1156 x-data="ThemeSection_header(1)" 1157 x-init="mounted()" 1158 data-color-scheme="primary" 1159 1160 1161 data-sticky-header 1162 1163 :class=" 1164 { 1165 'header-is-active' : menuIsActive, 1166 }" 1167 1168 1169> 1170 <div id="headerBorderWrap" class="headerBorderWrap"> 1171 <div id="headerContainer" 1172 class="z-10"> 1173 <div 1174 class="py-2 lg:py-0 px-section overflow-hidden"> 1175 <div class="flex justify-between items-center"> 1176 1177 1178 <div class="lg:hidden ham-menu mr-5"> 1179 <button 1180 class="font-heading normal-case js-enabled inline-block -m-1 p-1 lg:hidden" 1181 type="button" 1182 x-bind:aria-expanded="$store.modals.leftDrawer.contents === 'nav'" 1183 @click="$store.modals.open('nav')" 1184 data-menu-drawer-toggle> 1185 1186 <span class="visually-hidden">Menu</span><span class="block icon"> 1187 <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"> 1188 <path d="M2 2H44" stroke="#2A4A34" stroke-width="2.5" stroke-linecap="round"/> 1189 <path d="M2 13H44" stroke="#2A4A34" stroke-width="2.5" stroke-linecap="round"/> 1190 <path d="M2 24H44" stroke="#2A4A34" stroke-width="2.5" stroke-linecap="round"/> 1191</svg></span> 1192 </span></button> 1193<noscript> 1194 <div class="no-js-focus-wrapper"> 1195 <button 1196 class="inline-block -m-1 p-1 lg:hidden" 1197 type="button" 1198 data-menu-drawer-toggle> 1199 <span class="visually-hidden">Menu</span><span class="block icon"> 1200 <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"> 1201 <path d="M2 2H44" stroke="#2A4A34" stroke-width="2.5" stroke-linecap="round"/> 1202 <path d="M2 13H44" stroke="#2A4A34" stroke-width="2.5" stroke-linecap="round"/> 1203 <path d="M2 24H44" stroke="#2A4A34" stroke-width="2.5" stroke-linecap="round"/> 1204</svg></span> 1205 </span></button> 1206 <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 1207 class="sidebar-nav " 1208 > 1209 <div class="relative flex items-center justify-between pb-5"> 1210 <h2 class="sr-only" class="" tabindex="-1"> 1211 Mega Menu 1212 </h2> 1213 </div> 1214 <ul class="mt-5"> 1215 1216 1217 1218 <li class="text-lg lg:text-xl" style="--first-delay-tap: 0;"> 1219 1220 <div 1221 x-data=" 1222 { 1223 expanded: true 1224 } 1225 " 1226 > 1227 <button 1228 class="w-full flex flex-row justify-between items-center font-heading py-2.5" 1229 @click="expanded = ! expanded" 1230 :aria-expanded="expanded" 1231 > 1232 <span>Shop</span> 1233 <div class="ml-auto"> 1234 <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"> 1235 <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/> 1236</svg> 1237 </span> 1238 </div> 1239 </button> 1240 <div x-show="expanded" x-collapse> 1241 1242 <ul class="pb-5 text-base font-main"> 1243 1244 1245 1246 <li class="my-3 text-base" style="--second-delay-tap: 0;"> 1247 1248 <div 1249 x-data="{ expanded: false }"> 1250 <button 1251 class="w-full flex flex-row justify-between items-center " 1252 @click="expanded = ! expanded" 1253 :aria-expanded="expanded" 1254 >
1255 <span>Featured</span> 1256 <div class="ml-auto"> 1257 <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"> 1258 <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/> 1259</svg> 1260 </span> 1261 </div> 1262 </button> 1263 <ul x-show="expanded" x-collapse> 1264 1265 1266 <li 1267 class="my-3 pl-5 text-base" style="--third-delay-tap: 0;" 1268 > 1269 <a href="/collections/all"> 1270 Shop All 1271 </a> 1272 </li> 1273 1274 1275 <li 1276 class="my-3 pl-5 text-base" style="--third-delay-tap: 1;" 1277 > 1278 <a href="/products/custom-variety-pack"> 1279 Custom Variety Pack 1280 </a> 1281 </li> 1282 1283 1284 <li 1285 class="my-3 pl-5 text-base" style="--third-delay-tap: 2;" 1286 > 1287 <a href="/collections/best-sellers"> 1288 Best-Sellers 1289 </a> 1290 </li> 1291 1292 1293 <li 1294 class="my-3 pl-5 text-base" style="--third-delay-tap: 3;" 1295 > 1296 <a href="/collections/variety-packs"> 1297 Variety Packs 1298 </a> 1299 </li> 1300 1301 </ul> 1302 </div> 1303 1304 </li> 1305 1306 1307 1308 <li class="my-3 text-base" style="--second-delay-tap: 1;"> 1309 1310 <div 1311 x-data="{ expanded: false }"> 1312 <button 1313 class="w-full flex flex-row justify-between items-center " 1314 @click="expanded = ! expanded" 1315 :aria-expanded="expanded" 1316 > 1317 <span>Original Kombucha</span> 1318 <div class="ml-auto"> 1319 <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"> 1320 <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/> 1321</svg> 1322 </span> 1323 </div> 1324 </button> 1325 <ul x-show="expanded" x-collapse> 1326 1327 1328 <li 1329 class="my-3 pl-5 text-base" style="--third-delay-tap: 4;" 1330 > 1331 <a href="/products/original-lemon-lime-kombucha"> 1332 NEW Lemon Lime 1333 </a> 1334 </li> 1335 1336 1337 <li 1338 class="my-3 pl-5 text-base" style="--third-delay-tap: 5;" 1339 > 1340 <a href="/products/original-blackberry-kombucha"> 1341 Blackberry 1342 </a> 1343 </li> 1344 1345 1346 <li 1347 class="my-3 pl-5 text-base" style="--third-delay-tap: 6;" 1348 > 1349 <a href="/products/original-blueberry-mint-kombucha"> 1350 Blueberry Mint 1351 </a> 1352 </li> 1353 1354 1355 <li 1356 class="my-3 pl-5 text-base" style="--third-delay-tap: 7;" 1357 > 1358 <a href="/products/og-cherry-limeade-kombucha"> 1359 Cherry Limeade 1360 </a> 1361 </li> 1362 1363 1364 <li 1365 class="my-3 pl-5 text-base" style="--third-delay-tap: 8;" 1366 > 1367 <a href="/products/original-mango-passionfruit-kombucha"> 1368 Mango Passionfruit 1369 </a> 1370 </li> 1371 1372 1373 <li 1374 class="my-3 pl-5 text-base" style="--third-delay-tap: 9;" 1375 > 1376 <a href="/products/original-ruby-red-grapefruit-kombucha"> 1377 Ruby Red Grapefruit 1378 </a> 1379 </li> 1380 1381 1382 <li 1383 class="my-3 pl-5 text-base" style="--third-delay-tap: 10;" 1384 > 1385 <a href="/products/original-strawberry-blossom-kombucha"> 1386 Strawberry Blossom 1387 </a> 1388 </li> 1389 1390 1391 <li 1392 class="my-3 pl-5 text-base" style="--third-delay-tap: 11;" 1393 > 1394 <a href="/products/original-strawberry-lemonade-kombucha"> 1395 Strawberry Lemonade 1396 </a> 1397 </li> 1398 1399 </ul> 1400 </div> 1401 1402 </li> 1403 1404 1405 1406 <li class="my-3 text-base" style="--second-delay-tap: 2;"> 1407 1408 <div 1409 x-data="{ expanded: false }"> 1410 <button 1411 class="w-full flex flex-row justify-between items-center " 1412 @click="expanded = ! expanded" 1413 :aria-expanded="expanded" 1414 >
1415 <span>Nitro Kombucha</span> 1416 <div class="ml-auto"> 1417 <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"> 1418 <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/> 1419</svg> 1420 </span> 1421 </div> 1422 </button> 1423 <ul x-show="expanded" x-collapse> 1424 1425 1426 <li 1427 class="my-3 pl-5 text-base" style="--third-delay-tap: 12;" 1428 > 1429 <a href="/products/nitro-blackberry-vanilla-kombucha"> 1430 Blackberry Vanilla 1431 </a> 1432 </li> 1433 1434 1435 <li 1436 class="my-3 pl-5 text-base" style="--third-delay-tap: 13;" 1437 > 1438 <a href="/products/nitro-orange-dream-pop-kombucha"> 1439 Orange Dream Pop 1440 </a> 1441 </li> 1442 1443 1444 <li 1445 class="my-3 pl-5 text-base" style="--third-delay-tap: 14;" 1446 > 1447 <a href="/products/nitro-pina-colada-kombucha"> 1448 Piña Colada 1449 </a> 1450 </li> 1451 1452 1453 <li 1454 class="my-3 pl-5 text-base" style="--third-delay-tap: 15;" 1455 > 1456 <a href="/products/nitro-strawberry-vanilla-kombucha"> 1457 Strawberry Vanilla 1458 </a> 1459 </li> 1460 1461 </ul> 1462 </div> 1463 1464 </li> 1465 1466 1467 1468 <li class="my-3 text-base" style="--second-delay-tap: 3;"> 1469 1470 <div 1471 x-data="{ expanded: false }"> 1472 <button 1473 class="w-full flex flex-row justify-between items-center " 1474 @click="expanded = ! expanded" 1475 :aria-expanded="expanded" 1476 > 1477 <span>Zero Sugar Kombucha</span> 1478 <div class="ml-auto"> 1479 <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"> 1480 <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/> 1481</svg> 1482 </span> 1483 </div> 1484 </button> 1485 <ul x-show="expanded" x-collapse> 1486 1487 1488 <li 1489 class="my-3 pl-5 text-base" style="--third-delay-tap: 16;" 1490 > 1491 <a href="/products/zero-sugar-blueberry-acai-kombucha"> 1492 Acai Blueberry 1493 </a> 1494 </li> 1495 1496 1497 <li 1498 class="my-3 pl-5 text-base" style="--third-delay-tap: 17;" 1499 > 1500 <a href="/products/zero-sugar-blood-orange-kombucha"> 1501 Blood Orange 1502 </a> 1503 </li> 1504 1505 1506 <li 1507 class="my-3 pl-5 text-base" style="--third-delay-tap: 18;" 1508 > 1509 <a href="/products/zero-sugar-peach-tea-kombucha"> 1510 Peach Tea 1511 </a> 1512 </li> 1513 1514 1515 <li 1516 class="my-3 pl-5 text-base" style="--third-delay-tap: 19;" 1517 > 1518 <a href="/products/zero-sugar-raspberry-lemonade-kombucha"> 1519 Raspberry Lemonade 1520 </a> 1521 </li> 1522 1523 </ul> 1524 </div> 1525 1526 </li> 1527 1528 </ul> 1529 1530 </div> 1531 </div> 1532 1533 </li> 1534 1535 1536 1537 <li class="text-lg lg:text-xl" style="--first-delay-tap: 1;"> 1538 1539 <a class="block font-heading py-2.5" href="/pages/our-story"> 1540 About 1541 </a> 1542 1543 </li> 1544 1545 1546 1547 <li class="text-lg lg:text-xl" style="--first-delay-tap: 2;"> 1548 1549 <a class="block font-heading py-2.5" href="/pages/find-a-store"> 1550 Find In Store 1551 </a> 1552 1553 </li> 1554 1555 1556 1557 <li class="text-lg lg:text-xl" style="--first-delay-tap: 3;"> 1558 1559 <a class="block font-heading py-2.5" href="/products/custom-variety-pack"> 1560 Build a Bundle 1561 </a> 1562 1563 </li> 1564 1565 </ul> 1566 1567 1568 <div class="mt-5 space-y-5"> 1569 <ul class="space-y-1.5"> 1570 1571 <li> 1572 <a href="https://hummkombucha.com/customer_authentication/redirect?locale=en&region_country=US" id="customer_login_link">Log in</a> 1573 </li> 1574 <li> 1575 <a href="https://account.hummkombucha.com?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJhZjJiZTQtOGIubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkwOTU0NTY5LCJuYmYiOjE3OTAzNDk3Njl9.i6Cr9VWiRJrYalnDM8gZfvOksZeO-cXYlFnGgSJ5wmk" id="customer_register_link">Create account</a> 1576 </li> 1577 1578 </ul> 1579 1580<ul class="flex flex-row -mx-2 -mt-2 pt-8 justify-start"> 1581 1582 1583 1584 1585 1586 <li class="mx-1 mt-1"> 1587 <a class="fill-current hover:text--accent-1" href="https://www.instagram.com/hummkombucha/" target="_blank">
1588 <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"> 1589 <circle cx="17.7969" cy="17.5781" r="17.5781" fill="#ffffff"/> 1590 <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"/> 1591</svg></span> 1592 <span class="visually-hidden">Instagram</span> 1593 </a> 1594 </li> 1595 1596 1597 1598 1599 1600 1601 1602 <li class="mx-1 mt-1"> 1603 <a class="fill-current hover:text--accent-1" href="https://www.facebook.com/hummkombucha/" target="_blank"> 1604 <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"> 1605 <circle cx="17.9531" cy="17.5781" r="17.5781" fill="#ffffff"/> 1606 <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"/> 1607</svg></span> 1608 <span class="visually-hidden">Facebook</span> 1609 </a> 1610 </li> 1611 1612 1613 1614 1615 1616 1617 1618 1619 1620 1621 1622 1623 1624 1625 1626 1627 1628 1629 1630 1631 1632 1633 1634 1635 1636 1637 1638 1639 1640 1641 1642 1643 1644 1645 1646 <li class="mx-1 mt-1"> 1647 <a class="fill-current hover:text--accent-1" href="https://www.linkedin.com/company/humm-kombucha/" target="_blank"> 1648 <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"> 1649 <circle cx="18.4219" cy="17.5781" r="17.5781" fill="#ffffff"/> 1650 <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
16501 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"/> 1651</svg> 1652 </span> 1653 <span class="visually-hidden">LinkedIn</span> 1654 </a> 1655 </li> 1656 1657 1658 1659 1660 1661 1662 1663</ul> 1664</div> 1665 1666</div> 1667 1668 </div> 1669 </div> 1670</noscript> 1671<div x-data> 1672 <div> 1673 1674<template data-should-teleport="#left-drawer-slot"> 1675 <div 1676 :data-modal-label="$store.modals.leftDrawer.contents === 'nav' ? 'Mobile Menu' : false" 1677 x-show="$store.modals.leftDrawer.contents === 'nav'" 1678 class="sidebar-nav py-5 px-section " 1679 > 1680 <div class="relative flex items-center justify-between pb-5"> 1681 <h2 class="sr-only" class="" tabindex="-1"> 1682 Mobile Menu 1683 </h2> 1684 <button @click.prevent="$store.modals.close('nav')" class="block top-0"> 1685 <span class="sr-only">Close (esc)</span> 1686 <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"> 1687<path d="M1 1L26 25.6963" stroke="#3B2222" stroke-width="2.05803"/> 1688<path d="M1 25.6963L26 0.999976" stroke="#3B2222" stroke-width="2.05803"/> 1689</svg></span> 1690 </button> 1691 </div> 1692 <ul class="mt-5"> 1693 1694 1695 1696 <li class="text-lg lg:text-xl" style="--first-delay-tap: 0;"> 1697 1698 <a class="block font-heading py-2.5" href="/collections/all"> 1699 Shop All 1700 </a> 1701 1702 </li> 1703 1704 1705 1706 <li class="text-lg lg:text-xl" style="--first-delay-tap: 1;"> 1707 1708 <div 1709 x-data=" 1710 { 1711 expanded: true 1712 } 1713 " 1714 > 1715 <button 1716 class="w-full flex flex-row justify-between items-center font-heading py-2.5 text-left" 1717 @click="expanded = ! expanded" 1718 :aria-expanded="expanded" 1719 > 1720 <span>Shop by Collection</span> 1721 <div class="ml-auto"> 1722 <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"> 1723 <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/> 1724</svg> 1725 </span> 1726 </div> 1727 </button> 1728 <div x-show="expanded" x-collapse> 1729 1730 <ul class="xpb-5 text-base font-main"> 1731 1732 1733 1734 <li class="my-3 text-base" style="--second-delay-tap: 0;"> 1735 1736 <a class="" href="/collections/original"> 1737 Original Kombucha 1738 </a> 1739 1740 </li> 1741 1742 1743 1744 <li class="my-3 text-base" style="--second-delay-tap: 1;"> 1745 1746 <a class="" href="/collections/nitro-probiotic-kombucha"> 1747 Nitro Kombucha 1748 </a> 1749 1750 </li> 1751 1752 1753 1754 <li class="my-3 text-base" style="--second-delay-tap: 2;"> 1755 1756 <a class="" href="/collections/humm-zero"> 1757 Zero Sugar Kombucha 1758 </a> 1759 1760 </li> 1761 1762 1763 1764 1765 1766 1767 1768 1769 </ul> 1770 1771 </div> 1772 </div> 1773 1774 </li> 1775 1776 1777 1778 <li class="text-lg lg:text-xl" style="--first-delay-tap: 2;"> 1779 1780 <div 1781 x-data=" 1782 { 1783 expanded: true 1784 } 1785 " 1786 > 1787 <button 1788 class="w-full flex flex-row justify-between items-center font-heading py-2.5 text-left" 1789 @click="expanded = ! expanded" 1790 :aria-expanded="expanded" 1791 >
1792 <span>Featured</span> 1793 <div class="ml-auto"> 1794 <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"> 1795 <path d="M19 1.69629L10 10.6963L1 1.69629" stroke="#3B2222" stroke-width="2"/> 1796</svg> 1797 </span> 1798 </div> 1799 </button> 1800 <div x-show="expanded" x-collapse> 1801 1802 <ul class="xpb-5 text-base font-main"> 1803 1804 1805 1806 <li class="my-3 text-base" style="--second-delay-tap: 3;"> 1807 1808 <a class="" href="/products/custom-variety-pack"> 1809 Custom Variety Pack 1810 </a> 1811 1812 </li> 1813 1814 1815 1816 <li class="my-3 text-base" style="--second-delay-tap: 4;"> 1817 1818 <a class="" href="/collections/best-sellers"> 1819 Best-Sellers 1820 </a> 1821 1822 </li> 1823 1824 1825 1826 <li class="my-3 text-base" style="--second-delay-tap: 5;"> 1827 1828 <a class="" href="/collections/variety-packs"> 1829 Variety Packs 1830 </a> 1831 1832 </li> 1833 1834 1835 1836 1837 1838 1839 1840 1841 </ul> 1842 1843 </div> 1844 </div> 1845 1846 </li> 1847 1848 1849 1850 <li class="text-lg lg:text-xl" style="--first-delay-tap: 3;"> 1851 1852 <a class="block font-heading py-2.5" href="/pages/our-story"> 1853 About 1854 </a> 1855 1856 </li> 1857 1858 1859 1860 <li class="text-lg lg:text-xl" style="--first-delay-tap: 4;"> 1861 1862 <a class="block font-heading py-2.5" href="/pages/find-a-store"> 1863 Find In Store 1864 </a> 1865 1866 </li> 1867 1868 1869 1870 <li class="text-lg lg:text-xl" style="--first-delay-tap: 5;"> 1871 1872 <a class="block font-heading py-2.5" href="/products/custom-variety-pack"> 1873 Build a Bundle 1874 </a> 1875 1876 </li> 1877 1878 </ul> 1879 1880 1881 <div class="mt-5 space-y-5"> 1882 <ul class="space-y-1.5"> 1883 1884 </ul> 1885 1886<form class="relative mt-10 max-w-2xl mx-auto block" action="/search" method="get" role="search"> 1887 <label for="Search" class="visually-hidden"> 1888 Search 1889 </label> 1890 <input type="search" 1891 name="q" 1892 id="Search" 1893 class="pr-12 placeholder-current input w-full" 1894 value="" 1895 placeholder="Search"> 1896 <button class="absolute right-2 top-1/2 transform -translate-y-1/2 p-1" type="submit" class="button"> 1897 <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"> 1898 <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
1898C5.27958 13.9298 6.61869 14.4811 8.19353 14.4802Z" fill="#2A4A34"/> 1899</svg> 1900 </span> 1901 <span class="visually-hidden">Search</span> 1902 </button> 1903 </form><ul class="flex flex-row -mx-2 -mt-2 pt-8 justify-start"> 1904 1905 1906 1907 1908 1909 <li class="mx-1 mt-1"> 1910 <a class="fill-current hover:text--accent-1" href="https://www.instagram.com/hummkombucha/" target="_blank"> 1911 <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"> 1912 <circle cx="17.7969" cy="17.5781" r="17.5781" fill="#ffffff"/> 1913 <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"/> 1914</svg></span> 1915 <span class="visually-hidden">Instagram</span> 1916 </a> 1917 </li> 1918 1919 1920 1921 1922 1923 1924 1925 <li class="mx-1 mt-1"> 1926 <a class="fill-current hover:text--accent-1" href="https://www.facebook.com/hummkombucha/" target="_blank"> 1927 <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"> 1928 <circle cx="17.9531" cy="17.5781" r="17.5781" fill="#ffffff"/> 1929 <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"/> 1930</svg></span> 1931 <span class="visually-hidden">Facebook</span> 1932 </a> 1933 </li> 1934 1935 1936 1937 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 <li class="mx-1 mt-1"> 1970 <a class="fill-current hover:text--accent-1" href="https://www.linkedin.com/company/humm-kombucha/" target="_blank"> 1971 <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"> 1972 <circle cx="18.4219" cy="17.5781" r="17.5781" fill="#ffffff"/> 1973 <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.
19731853 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"/> 1974</svg> 1975 </span> 1976 <span class="visually-hidden">LinkedIn</span> 1977 </a> 1978 </li> 1979 1980 1981 1982 1983 1984 1985 1986</ul> 1987</div> 1988 1989 </div> 1990</template> 1991 1992 </div> 1993</div> 1994 </div> 1995 1996 1997 1998 <div class="flex flex-grow w-1/4 justify-center lg:justify-start items-stretch"> 1999 2000 2001 2002 2003 <div class="lg:flex-grow-1 "> 2004 <div class="h1 font-heading font-heading text-xl lg:text-3xl py-2.5"> 2005 2006 <a href="/" class="site-header__logo-link inline w-full"> 2007 <div style="max-width: 160px;"> 2008 <img 2009 src="//hummkombucha.com/cdn/shop/files/Humm_Logo-Black_512.png?v=1717096280&width=160" 2010 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" 2011 alt="Humm Kombucha" 2012 width="512" 2013 height="189" 2014 loading="eager" 2015 2016 class="text-transparent" 2017 2018 > 2019 2020 </div> 2021 </a> 2022 2023</div> 2024 </div> 2025 2026 2027 </div> 2028 2029 2030 2031 <div class="flex justify-center text-center w-0 flex-grow-0 lg:flex-grow lg:w-3/4 xl:4/5"> 2032 2033 2034 <div class="hidden lg:block"> 2035 2036 <nav role="navigation"> 2037 <ul x-ref="navigation" class="flex flex-wrap -mx-2.5 justify-center items-center text-base uppercase "> 2038 <li class="inline-block no-js-focus-wrapper h-full"> 2039 2040 <button class="items-stretch h-full relative font-heading px-4 py-5 flex items-center transition normal-case" 2041 :class="{'text-scheme-text': menuOpen.menu0 }" 2042 @click="openMenu(0)" 2043 x-bind:aria-expanded="menuOpen.menu0? true: 'false'" 2044 aria-controls="menu0"> 2045 <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> 2046 <span class="flex h-full items-center relative text-center"> 2047 <span class="inline-block pr-1">Shop</span> 2048 <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"> 2049 <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"/> 2050</svg> 2051 </span> 2052 </span> 2053 </button> 2054 <div class="added-mega-menu normal-menu no-js-focus-container absolute left-0 bottom-0 w-full xw-screen Xh-screen 2055 transform translate-y-[calc(100%-var(--drop-down-offset))] z-100 text-center overflow-hidden overflow-y-auto " 2056 id="menu0" 2057 x-cloak 2058 x-show="menuOpen.menu0" 2059 x-transition:enter="transition ease duration-200" 2060 x-transition:enter-start="opacity-0" 2061 x-transition:enter-end="opacity-100" 2062 x-transition:leave="transition ease duration-00" 2063 x-transition:leave-start="opacity-100" 2064 x-transition:leave-end="opacity-0" 2065 data-header-dropdown 2066 @focusout="focusOut($event, 'menu0')" 2067 @click.away.prevent="menuOpen.menu0 = false"> 2068 2069 <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"> 2070 2071 <ul class="mega-menu-lists flex justify-start gap-3 py-section-vertical-spacing 1 text-left"> 2072 2073 2074 2075 2076<li class="lg:col-span-2 -mt-2"> 2077 2078<h2 class="xpy-1 xmb-2 uppercase"> 2079 <a class="inline-block py-1" href="/collections/all" > 2080 Featured 2081 </a> 2082 </h2> 2083 <ul class="font-body text-base"> 2084 2085 <li class="icon-shop-all grand-child-links"> 2086 2087 <a href="https://hummkombucha.com/collections/all" class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case"> 2088 Shop All 2089 </a> 2090 </li> 2091 2092 <li class="icon-custom-variety-pack grand-child-links"> 2093 2094 <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"> 2095 Custom Variety Pack 2096 </a> 2097 </li> 2098 2099 <li class="icon-best-sellers grand-child-links"> 2100 2101 <a href="https://hummkombucha.com/collections/best-sellers" class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case"> 2102 Best-Sellers 2103 </a> 2104 </li> 2105 2106 <li class="icon-variety-packs grand-child-links"> 2107 2108 <a href="https://hummkombucha.com/collections/variety-packs" class="inline-block font-body px-5 py-1 max-w-full break-keep normal-case"> 2109 Variety Packs 2110 </a> 2111 </li> 2112 2113 </ul> 2114 2115 </li> 2116 2117<li class="lg:col-span-2 -mt-2"> 2118 2119<h2 class="xpy-1 xmb-2 uppercase"> 2120 <a class="inline-block py-1" href="/collections/original" > 2121 Original Kombucha 2122 </a> 2123 </h2> 2124 <ul class="font-body text-base"> 2125 2126 <li class="icon-new-lemon-lime grand-child-links"> 2127 2128 <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"> 2129 NEW Lemon Lime 2130 </a> 2131 </li> 2132 2133 <li class="icon-blackberry grand-child-links"> 2134 2135 <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"> 2136 Blackberry 2137 </a> 2138 </li> 2139 2140 <li class="icon-blueberry-mint grand-child-links"> 2141 2142 <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"> 2143 Blueberry Mint 2144 </a> 2145 </li> 2146 2147 <li class="icon-cherry-limeade grand-child-links"> 2148 2149 <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"> 2150 Cherry Limeade 2151 </a> 2152 </li> 2153 2154 <li class="icon-mango-passionfruit grand-child-links"> 2155 2156 <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"> 2157 Mango Passionfruit 2158 </a> 2159 </li> 2160 2161 <li class="icon-ruby-red-grapefruit grand-child-links"> 2162 2163 <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"> 2164 Ruby Red Grapefruit 2165 </a> 2166 </li> 2167 2168 <li class="icon-strawberry-blossom grand-child-links"> 2169 2170 <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"> 2171 Strawberry Blossom 2172 </a> 2173 </li> 2174 2175 <li class="icon-strawberry-lemonade grand-child-links"> 2176 2177 <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"> 2178 Strawberry Lemonade 2179 </a> 2180 </li> 2181 2182 </ul> 2183 2184 </li> 2185 2186<li class="lg:col-span-2 -mt-2"> 2187 2188<h2 class="xpy-1 xmb-2 uppercase"> 2189 <a class="inline-block py-1" href="/collections/nitro-probiotic-kombucha" > 2190 Nitro Kombucha 2191 </a> 2192 </h2> 2193 <ul class="font-body text-base"> 2194 2195 <li class="icon-blackberry-vanilla grand-child-links"> 2196 2197 <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"> 2198 Blackberry Vanilla 2199 </a> 2200 </li> 2201 2202 <li class="icon-orange-dream-pop grand-child-links"> 2203 2204 <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"> 2205 Orange Dream Pop 2206 </a> 2207 </li> 2208 2209 <li class="icon-pina-colada grand-child-links"> 2210 2211 <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"> 2212 Piña Colada 2213 </a> 2214 </li> 2215 2216 <li class="icon-strawberry-vanilla grand-child-links"> 2217 2218 <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"> 2219 Strawberry Vanilla 2220 </a> 2221 </li> 2222 2223 </ul> 2224 2225 </li> 2226 2227<li class="lg:col-span-2 -mt-2"> 2228 2229<h2 class="xpy-1 xmb-2 uppercase"> 2230 <a class="inline-block py-1" href="/collections/humm-zero" > 2231 Zero Sugar Kombucha 2232 </a> 2233 </h2> 2234 <ul class="font-body text-base"> 2235 2236 <li class="icon-acai-blueberry grand-child-links"> 2237 2238 <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"> 2239 Acai Blueberry 2240 </a> 2241 </li> 2242 2243 <li class="icon-blood-orange grand-child-links"> 2244 2245 <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"> 2246 Blood Orange 2247 </a> 2248 </li> 2249 2250 <li class="icon-peach-tea grand-child-links"> 2251 2252
2252 <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"> 2253 Peach Tea 2254 </a> 2255 </li> 2256 2257 <li class="icon-raspberry-lemonade grand-child-links"> 2258 2259 <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"> 2260 Raspberry Lemonade 2261 </a> 2262 </li> 2263 2264 </ul> 2265 2266 </li> 2267 2268 2269 2270 </ul> 2271 2272 2273 </div> 2274 2275 </div> 2276 2277 2278 2279 2280 </li> 2281 2282 <li class="inline-block no-js-focus-wrapper h-full"> 2283 2284 <a href="/pages/our-story" class="normal-text font-heading px-4 py-5 flex items-center transition normal-case"> 2285 About 2286 </a> 2287 2288 </li> 2289 2290 <li class="inline-block no-js-focus-wrapper h-full"> 2291 2292 <a href="/pages/find-a-store" class="normal-text font-heading px-4 py-5 flex items-center transition normal-case"> 2293 Find In Store 2294 </a> 2295 2296 </li> 2297 2298 <li class="inline-block no-js-focus-wrapper h-full"> 2299 2300 <a href="/products/custom-variety-pack" class="normal-text font-heading px-4 py-5 flex items-center transition normal-case"> 2301 Build a Bundle 2302 </a> 2303 2304 </li> 2305 2306 </ul> 2307 </nav> 2308 2309 </div> 2310 2311 </div> 2312 2313 2314 2315 <div class="flex flex-grow w-1/4 items-center justify-end"> 2316 2317 2318 2319 2320 2321 <div class="lg:block h-full new-icon"> 2322 2323 2324 <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"> 2325 <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"> 2326 <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> 2327</svg></span></a> 2328 2329 2330 2331 </div> 2332 2333 2334 <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"> 2335 <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"> 2336 <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" /> 2337</svg></span>
2338 <span class="visually-hidden">Search our site</span> 2339 </a> 2340 <div 2341 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" 2342 x-cloak 2343 x-show="searchOpen" 2344 x-transition:enter="transition ease duration-200" 2345 x-transition:enter-start="opacity-0" 2346 x-transition:enter-end="opacity-100" 2347 x-transition:leave="transition ease duration-00" 2348 x-transition:leave-start="opacity-100" 2349 x-transition:leave-end="opacity-0" 2350 @click.away.prevent="searchOpen = false" 2351 data-header-search 2352 > 2353 <div class="w-full mobile-hide" x-data='ThemeComponent_PredictiveSearch("product,query")' x-init="mounted()" @focusOut="onFocusOut" @keyup="onKeyup" @keydown="onKeydown" > 2354 <form x-ref="searchForm" action="/search" method="get" role="search" @submit="onFormSubmit" @click.away.prevent="searchOpen = false"> 2355 <div x-ref="searchFieldComponent" class="relative py-2" > 2356 <input 2357 id="header-search" 2358 type="search" 2359 name="q" 2360 value="" 2361 class="header-search-input pl-9 py-2 placeholder:text-scheme-text font-secondary w-full border-0 shadow-none bg-transparent" 2362 placeholder="Search"aria-expanded="false" 2363 aria-owns="predictive-search-results-list" 2364 aria-controls="predictive-search-results-list" 2365 aria-autocomplete="list" 2366 autocorrect="off" 2367 autocomplete="off" 2368 autocapitalize="off" 2369 spellcheck="false" 2370 x-ref="input" 2371 x-model="rawQuery" 2372 @input.debounce.300="onChange" 2373 @focus="onFocus"> 2374 <label class="visually-hidden" for="header-search">Search</label> 2375 <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"> 2376 <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"> 2377 <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" /> 2378</svg></span> 2379 </button> 2380 <button x-cloak @click="close()" class="block p-1 absolute right-0 top-1/2 transform -translate-y-1/2" type="button"> 2381 <span class="visually-hidden">Close (esc)</span> 2382 <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"> 2383 <path d="M46 2L2 46" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2384 <path d="M46 46L2 2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2385</svg></span> 2386 </button> 2387 </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"> 2388 <template x-if="loading && !results"> 2389 <div class="bg-scheme-background"> 2390 <div class="w-6 h-6 pt-12 pb-12 mx-auto" data-predictive-loading> 2391 <div class="loading"></div> 2392 </div> 2393 </div> 2394 </template> 2395 <template x-if="resultsOpen"> 2396 <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"> 2397 </div> 2398 </template> 2399 </div> 2400 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form> 2401 </div> 2402 </div> 2403 2404 2405 2406 2407 2408 <div class="new-icon flex items-center justify-end -mr-2.5 h-full"> 2409 2410 <button 2411 class="js-enabled whitespace-nowrap font-heading normal-case px-2.5 py-1 h-full flex items-center" 2412 type="button" 2413 id="CartButton" 2414 2415 > 2416 2417<div class="relative my-auto align-middle">
2418 <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"> 2419 <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> 2420</svg><span class="visually-hidden">Cart </span> 2421 </span><span class="visually-hidden">items</span> 2422 </div> 2423 </button> 2424 <noscript> 2425 <a 2426 class="whitespace-nowrap font-heading px-4 py-5 flex items-center transition normal-case" 2427 href="/cart" 2428 > 2429 2430<div class="relative my-auto align-middle"> 2431 <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"> 2432 <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> 2433</svg><span class="visually-hidden">Cart </span> 2434 </span><span class="visually-hidden">items</span> 2435 </div> 2436 </a> 2437 </noscript> 2438 2439 2440 </div> 2441 2442 2443 2444 2445 </div> 2446 </div> 2447 </div> 2448 </div> 2449 </div> 2450</header> 2451<noscript> 2452 <style> 2453 .no-js-focus-wrapper:focus-within > .no-js-focus-container { 2454 display: block !important; 2455 } 2456 </style> 2457</noscript> 2458 2459 <style data-shopify> 2460 #shopify-section-sections--15581864099969__header { 2461 position: sticky; 2462 top: 0; 2463 z-index: 40; 2464 } 2465 </style> 2466 </style> 2467 2468 2469 <style> 2470 .logo-image { 2471 display: block; 2472 max-width: 160px; 2473 } 2474 </style> 2475
2476<script src="//hummkombucha.com/cdn/shop/t/38/assets/modules-predictive-search.bundle.min.js?v=100006850133386087801762462223" type="module"></script>
2476 2477<style data-shopify> 2478 .font-body .icon-wellness a::before{ 2479 background-image: url(//hummkombucha.com/cdn/shop/t/38/assets/icon-wellness.svg?v=24572486558211423351762462223); 2480 } 2481 2482 .font-body .icon-focus a::before{ 2483 background-image: url(//hummkombucha.com/cdn/shop/t/38/assets/icon-mood.svg?v=115441469236439185831762462223); 2484 } 2485 2486 .font-body .icon-balance a::before{ 2487 background-image: url(//hummkombucha.com/cdn/shop/t/38/assets/icon-balance.svg?v=20676511934396635821762462223); 2488 } 2489 2490 .font-body .icon-revive a::before{ 2491 background-image: url(//hummkombucha.com/cdn/shop/t/38/assets/icon-revive.svg?v=44089306280860209211762462223); 2492 } 2493 2494 .font-body .icon-awake a::before{ 2495 background-image: url(//hummkombucha.com/cdn/shop/t/38/assets/icon-awake.svg?v=80783025494249517331762462223); 2496 } 2497 2498 .font-body .icon-proteins a::before{ 2499 background-image: url(//hummkombucha.com/cdn/shop/t/38/assets/icon-proteins.svg?v=114968892522750664601762462223); 2500 } 2501</style> 2502
2503<script type="application/ld+json"> 2504{ 2505 "@context": "http://schema.org", 2506 "@type": "Organization", 2507 "name": "Humm Kombucha", 2508 2509 2510 "logo": "https:\/\/hummkombucha.com\/cdn\/shop\/files\/Humm_Logo-Black_512.png?v=1717096280\u0026width=512", 2511 2512 "sameAs": [ 2513 null, 2514 null, 2515 null, 2516 null, 2517 null, 2518 null, 2519 null, 2520 null, 2521 null, 2522 null, 2523 null, 2524 null, 2525 null, 2526 null, 2527 null, 2528 null, 2529 null 2530 ], 2531 "url": "https:\/\/hummkombucha.com" 2532} 2533</script>
2533 2534 2535 2536 2537 2538 2539</div> 2540<!-- END sections: header-group -->
2540<script> 2541 const calculateHeaderHeights = () => { 2542 const headerGroupHeights = []; 2543 2544 document 2545 .querySelectorAll( 2546 '.shopify-section-group-header-group:not(.has-no-height)' 2547 ) 2548 .forEach((headerGroupSectionEl) => { 2549 headerGroupHeights.push( 2550 headerGroupSectionEl.getBoundingClientRect().height 2551 ); 2552 }); 2553 2554 document.documentElement.style.setProperty( 2555 '--header-group-height', 2556 `${headerGroupHeights.reduce((subtotal, a) => subtotal + a, 0)}px` 2557 ); 2558 }; 2559 2560 calculateHeaderHeights(); 2561 2562 const debouncedCalculateHeaderHeights = debounce(calculateHeaderHeights, 300); 2563 2564 window.addEventListener('resize', debouncedCalculateHeaderHeights); 2565</script>
2565 2566 2567<style> 2568 #MainContent 2569 > .shopify-section.banner-section:first-child 2570 .banner-section-content--pt.pt-screen-height { 2571 padding-top: calc(100vh - var(--header-group-height)); 2572 } 2573 2574 #MainContent 2575 > .shopify-section.banner-section:first-child 2576 .banner-section-content--h.h-screen { 2577 height: calc(100vh - var(--header-group-height)); 2578 } 2579 2580 @media (min-width: 990px) { 2581 #MainContent 2582 > .shopify-section.banner-section:first-child 2583 .banner-section-content--h.lg\:h-screen { 2584 height: calc(100vh - var(--header-group-height)); 2585 } 2586 2587 #MainContent 2588 > .shopify-section.banner-section:first-child 2589 .banner-section-content--h.lg\:h-auto { 2590 height: auto; 2591 } 2592 2593 #MainContent 2594 > .shopify-section.banner-section:first-child 2595 .banner-section-content--h.lg\:h-full { 2596 height: 100%; 2597 } 2598 } 2599</style> 2600 2601 2602 2603 2604 <main id="MainContent" class="overflow-hidden"> 2605 <div id="shopify-section-template--15581873012865__main" class="shopify-section"> 2606<section class="text-scheme-text bg-scheme-background relative overflow-hidden " data-color-scheme="primary" 2607x-data="ThemeSection_filterable('template--15581873012865__main')"> 2608 2609 <div class="section-content py-section-vertical-spacing px-section"> 2610 2611 <h1 class="text-center font-heading heading-feature heading-style none"> 2612 2613 Search our site 2614 2615 </h1> 2616 2617 <form class="relative mt-10 max-w-2xl mx-auto block" action="/search" method="get" role="search"> 2618 <label for="Search-template--15581873012865__main" class="visually-hidden"> 2619 Search 2620 </label> 2621 <input type="search" 2622 name="q" 2623 id="Search-template--15581873012865__main" 2624 class="pr-12 placeholder-current input w-full" 2625 value="" 2626 placeholder="Search"> 2627 <button class="absolute right-2 top-1/2 transform -translate-y-1/2 p-1" type="submit" class="button"> 2628 <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"> 2629 <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"/> 2630</svg> 2631 </span> 2632 <span class="visually-hidden">Search</span> 2633 </button> 2634 </form> 2635 2636 <div id="facets-filterable"> 2637 2638 </div> 2639 </div></section>
2639<script src="//hummkombucha.com/cdn/shop/t/38/assets/filterable.js?v=50143000825584448121762462223" type="module"></script>
2639 2640</div> 2641 </main><!-- BEGIN sections: footer-group --> 2642<div id="shopify-section-sections--15581863968897__footer" class="shopify-section shopify-section-group-footer-group mt-auto"> 2643<footer class="relative text-scheme-text " data-color-scheme="tertiary" data-section-id="sections--15581863968897__footer" data-section-type="footer"> 2644 <div class="flex flex-col-reverse lg:flex-row items-center px-section pt-12 gap-16"> 2645 <div class="leftdiv w-full lg:w-1/2 px-section lg:px-0 py-8"> 2646 <div class="relative mx-auto"> 2647 2648 <div class="flex items-center justify-center lg:justify-start"> 2649 <a href="/" class="footer-logo-image break-words max-w-[50%]"> 2650 2651<img src="//hummkombucha.com/cdn/shop/files/Humm_Logo-White_512.png?v=1719406536&width=350" 2652 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" 2653 width="350x" 2654 height="auto" 2655 loading="lazy" 2656 alt="Humm Kombucha"> 2657 </a> 2658 </div> 2659 2660 <div class="menusdiv flex flex-row justify-between pt-4 pb-8"><div class="flex justify-start gap-10 lg:justify-start"> 2661 <div class="grow w-full"> 2662 2663 2664 <h2 class="font-heading text-base mb-4 break-all "></h2> 2665 2666 <ul class="list-none"> 2667 2668 <li> 2669 <a href="/pages/our-story" class="hover:text-yellow break-words"> 2670 ABOUT US 2671 </a> 2672 </li> 2673 2674 <li> 2675 <a href="https://hummkombucha.zendesk.com/hc/en-us" class="hover:text-yellow break-words"> 2676 FAQs 2677 </a> 2678 </li> 2679 2680 <li> 2681 <a href="https://hummkombucha.zendesk.com/hc/en-us/requests/new?ticket_form_id=35375567224471" class="hover:text-yellow break-words"> 2682 CONTACT US 2683 </a> 2684 </li> 2685 2686 <li> 2687 <a href="/pages/careers" class="hover:text-yellow break-words"> 2688 CAREERS 2689 </a> 2690 </li> 2691 2692 <li> 2693 <a href="/pages/privacy-policy" class="hover:text-yellow break-words"> 2694 PRIVACY 2695 </a> 2696 </li> 2697 2698 <li> 2699 <a href="/pages/accessibility-statement" class="hover:text-yellow break-words"> 2700 ACCESSIBILITY 2701 </a> 2702 </li> 2703 2704 </ul> 2705 </div></div><div class="flex justify-start gap-10 lg:justify-center"> 2706 <div class="grow w-full"> 2707 2708 2709 <h2 class="font-heading text-base mb-4 break-all "></h2> 2710 2711 <ul class="list-none"> 2712 2713 <li> 2714 <a href="/pages/shipping-returns" class="hover:text-yellow break-words"> 2715 SHIPPING & RETURNS 2716 </a> 2717 </li> 2718 2719 <li> 2720 <a href="/pages/sustainability" class="hover:text-yellow break-words"> 2721 SUSTAINABILITY 2722 </a> 2723 </li> 2724 2725 <li> 2726 <a href="/pages/terms-and-conditions" class="hover:text-yellow break-words"> 2727 TERMS 2728 </a> 2729 </li> 2730 2731 <li> 2732 <a href="/pages/find-a-store" class="hover:text-yellow break-words"> 2733 FIND IN STORE 2734 </a> 2735 </li> 2736 2737 </ul> 2738 </div></div></div> 2739 2740 </div> 2741 </div> 2742 <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"> 2743 <div class="klaviyo-form-YkDWd9"></div> 2744 </div><div class="newsletter-social-icons mt-8"><ul class="flex flex-row -mx-2 -mt-2 pt-8 justify-center lg:justify-end"> 2745 2746 2747 2748 2749 2750 <li class="mx-1 mt-1"> 2751 <a class="fill-current hover:text--accent-1" href="https://www.instagram.com/hummkombucha/" target="_blank">
2752 <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"> 2753 <circle cx="17.7969" cy="17.5781" r="17.5781" fill="#ffffff"/> 2754 <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"/> 2755</svg></span> 2756 <span class="visually-hidden">Instagram</span> 2757 </a> 2758 </li> 2759 2760 2761 2762 2763 2764 2765 2766 <li class="mx-1 mt-1"> 2767 <a class="fill-current hover:text--accent-1" href="https://www.facebook.com/hummkombucha/" target="_blank"> 2768 <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"> 2769 <circle cx="17.9531" cy="17.5781" r="17.5781" fill="#ffffff"/> 2770 <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"/> 2771</svg></span> 2772 <span class="visually-hidden">Facebook</span> 2773 </a> 2774 </li> 2775 2776 2777 2778 2779 2780 2781 2782 2783 2784 2785 2786 2787 2788 2789 2790 2791 2792 2793 2794 2795 2796 2797 2798 2799 2800 2801 2802 2803 2804 2805 2806 2807 2808 2809 2810 <li class="mx-1 mt-1"> 2811 <a class="fill-current hover:text--accent-1" href="https://www.linkedin.com/company/humm-kombucha/" target="_blank"> 2812 <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"> 2813 <circle cx="18.4219" cy="17.5781" r="17.5781" fill="#ffffff"/> 2814 <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
28141 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"/> 2815</svg> 2816 </span> 2817 <span class="visually-hidden">LinkedIn</span> 2818 </a> 2819 </li> 2820 2821 2822 2823 2824 2825 2826 2827</ul> 2828</div> 2829 </div></div> 2830 </div> 2831 <div class="footercopydiv px-8"> 2832<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> 2833 </div> 2834</footer> 2835
2835<script src="//hummkombucha.com/cdn/shop/t/38/assets/sections-footer.bundle.min.js?v=993338617198932421762462223" type="module"></script>
2835 2836 2837 2838 2839<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> 2840<!-- END sections: footer-group --><!-- BEGIN sections: overlay-group --> 2841 2842<!-- END sections: overlay-group --><div id="screenreader-announce" class="sr-only" aria-live="polite" role="status"></div> 2843 2844 <ul hidden> 2845 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 2846 <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li> 2847 </ul> 2848 2849 2850 <aside x-data> 2851 <template x-teleport="body"> 2852 <div 2853 x-show="$store.modals.leftDrawer.open" 2854 @keydown.escape.prevent.stop="$store.modals.close('leftDrawer')" 2855 @click="$store.modals.close('leftDrawer')" 2856 class="fixed inset-0 z-50 z-1m" 2857 data-color-scheme="primary" 2858 id="modals-leftDrawer" 2859 @left-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)" 2860 > 2861 <div x-show="$store.modals.leftDrawer.open" 2862 x-transition:enter="transition ease-out duration-300" 2863 x-transition:enter-start="opacity-0" 2864 x-transition:enter-end="opacity-100" 2865 x-transition:leave="transition ease-in duration-300" 2866 x-transition:leave-start="opacity-100" 2867 x-transition:leave-end="opacity-0" 2868 class="fixed inset-0 bg-scheme-text/75" 2869 ><!-- Overlay --></div> 2870 <div 2871 x-show="$store.modals.leftDrawer.open" 2872 x-transition:enter="transition ease-out duration-300" 2873 x-transition:enter-start="-translate-x-full" 2874 x-transition:enter-end="translate-x-0" 2875 x-transition:leave="transition ease-in duration-300" 2876 x-transition:leave-start="translate-x-0" 2877 x-transition:leave-end="-translate-x-full" 2878 class="h-full w-full drawer-transition-host" 2879 > 2880 <div 2881 @click.stop 2882 x-trap.noscroll.inert="$store.modals.leftDrawer.open" 2883 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" 2884 id="left-drawer-slot" 2885 role="dialog" 2886 aria-modal="true" 2887 :aria-label="getModalLabel('leftDrawer', $el)" 2888 tabindex="-1" 2889 > 2890 <!-- Modal content is teleported here --> 2891 </div> 2892 </div> 2893 </div> 2894 </template> 2895</aside> 2896 2897 <aside x-data> 2898 <template x-teleport="body"> 2899 <div 2900 x-show="$store.modals.rightDrawer.open" 2901 @keydown.escape.prevent.stop="$store.modals.close('rightDrawer')" 2902 @click="$store.modals.close('rightDrawer')" 2903 class="fixed inset-0 z-50" 2904 data-color-scheme="primary" 2905 id="modals-rightDrawer" 2906 @right-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)" 2907 > 2908 <div x-show="$store.modals.rightDrawer.open" 2909 x-transition:enter="transition ease-out duration-300" 2910 x-transition:enter-start="opacity-0" 2911 x-transition:enter-end="opacity-100" 2912 x-transition:leave="transition ease-in duration-300" 2913 x-transition:leave-start="opacity-100" 2914 x-transition:leave-end="opacity-0" 2915 class="fixed inset-0 bg-scheme-text/75" 2916 ><!-- Overlay --></div> 2917 <div 2918 x-show="$store.modals.rightDrawer.open" 2919 x-transition:enter="transition ease-out duration-300" 2920 x-transition:enter-start="translate-x-full" 2921 x-transition:enter-end="translate-x-0" 2922 x-transition:leave="transition ease-in duration-300" 2923 x-transition:leave-start="translate-x-0" 2924 x-transition:leave-end="translate-x-full" 2925 class="h-full w-full" 2926 > 2927 <div 2928 @click.stop 2929 x-trap.noscroll.inert="$store.modals.rightDrawer.open" 2930 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" 2931 id="right-drawer-slot" 2932 role="dialog" 2933 aria-modal="true" 2934 :aria-label="getModalLabel('rightDrawer', $el)" 2935 tabindex="-1" 2936 > 2937 <!-- Modal content is teleported here --> 2938 </div> 2939 </div> 2940 </div> 2941 </template> 2942</aside> 2943 2944 <aside x-data> 2945 <template x-teleport="body"> 2946 <div 2947 x-show="$store.modals.modal.open" 2948 @keydown.escape.prevent.stop="$store.modals.close('modal')" 2949 class="fixed inset-0 z-40" 2950 id="modals-modal" 2951 @modal-is-open.window="setTimeout(() => { $focus.first() }, 120)" 2952 > 2953 <div id="modal-slot"></div> 2954 </div> 2955 </template> 2956</aside> 2957 2958
2958<script src="//hummkombucha.com/cdn/shop/t/38/assets/modals.js?v=148114380856576918141762462223" type="module"></script>
2958 2959 2960 2961 2962<svg width="0" height="0" viewBox="0 0 200 200"> 2963 <defs> 2964 <clipPath id="clip-metafield-badge" clipPathUnits="objectBoundingBox"> 2965 <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"/> 2966 </clipPath> 2967 <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" /> 2968 </defs> 2969</svg> 2970 2971 2972 2973
2973<script> 2974 window.onload = function() { 2975 const accessWidgetContainer = document.querySelector('#accessiblyAppWidgetButton'); 2976 const accessWidget = document.querySelector('#accessiblyAppDialogButton'); 2977 2978 if (accessWidgetContainer) { 2979 // Apply styles to container 2980 accessWidgetContainer.style.top = 'auto'; 2981 accessWidgetContainer.style.bottom = '80px'; 2982 accessWidgetContainer.style.left = '10px'; 2983 } 2984 if (accessWidget) { 2985 // Apply styles to widget 2986 accessWidget.style.backgroundColor = '#2a4a34'; 2987 accessWidget.style.setProperty('width', '45px', 'important'); 2988 accessWidget.style.setProperty('min-width', '45px', 'important'); 2989 accessWidget.style.setProperty('max-width', '45px', 'important'); 2990 } 2991 } 2992 </script>
2992 2993 2994<!-- Rebuy START --> 2995 <!-- Rebuy Speed Load Script -->
2996<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=af2be4-8b.myshopify.com"></script>
2996 2997<!-- General Theme / Rebuy Styling --> 2998<style> 2999#SmartCart_title{ 3000text-align: center; 3001font-size: 26px; 3002} 3003.rebuy-cart__flyout-content{ 3004overflow: auto; 3005} 3006.rebuy-cart__flyout-item-product-title{ 3007 font-size: 20px; 3008} 3009.rebuy-cart__flyout-item-variant-title{ 3010} 3011.rebuy-cart__flyout-header{ 3012 border: none; 3013} 3014.rebuy-cart__flyout-content::-webkit-scrollbar { 3015 width: 10px; 3016} 3017.rebuy-cart__flyout-content::-webkit-scrollbar-thumb { 3018 background-color: #ffb200; 3019 border-radius: 20px; 3020} 3021.rebuy-cart__checkout-button{ 3022 3023} 3024.rebuy-cart__flyout-item-price .rebuy-money span { 3025 font-size: 18px !important; 3026} 3027.rebuy-cart__flyout-subtotal-label span { 3028 font-size: 24px !important; 3029} 3030.rebuy-cart__flyout-subtotal-amount { 3031 font-size: 24px !important; 3032} 3033.rebuy-cart .far { 3034 font-size: 12px; 3035} 3036.rebuy-cart .fa-trash { 3037 font-size: 13px; 3038} 3039.rebuy-cart__checkout-button .rebuy-button-icon { 3040 position: relative; 3041 top: -1px; 3042} 3043#rebuy-smart-cart-announcement-bar{ 3044 background: #ffb200 !important; 3045 color: #FFFFFF !important; 3046 font-size: 14px; 3047 font-weight: bold; 3048} 3049.rebuy-cart__flyout-announcement-bar-message { 3050 font-family: 'Gotham Narrow', Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; 3051 font-size: 14px; 3052} 3053.rebuy-cart__flyout-recommendations{ 3054 padding-top: 0px; 3055} 3056 3057.rebuy-select.muted, select.rebuy-select.muted { 3058 border-width: 1px; 3059box-shadow: none; 3060 border-color: #000000; 3061} 3062.rebuy-cart__progress-bar-meter-fill{ 3063 background: #ffb200; 3064} 3065.rebuy-cart__flyout-close, .rebuy-cart__flyout-close:hover, .rebuy-cart__flyout-close:focus { 3066 font-size: 16px; 3067} 3068.rebuy-cart__shop-pay-button>svg { 3069 display: inline-flex; 3070} 3071.powered-by-rebuy { 3072 display: none; 3073} 3074.rebuy-cart__flyout { 3075margin: 10px; 3076 border-radius: 15px; 3077} 3078.rebuy-select, .rebuy-widget .rebuy-select, select.rebuy-select, .rebuy-widget select.rebuy-select { 3079 color: #000000; 3080 background-color: #fff; 3081 border-color: #000; 3082 border-radius: 0; 3083 box-shadow: none; 3084} 3085.rebuy-cart__flyout-note{ 3086 padding: 10px !important; 3087} 3088.rebuy-cart__background, 3089.rebuy-cart .rebuy-star-rating > * { 3090 display: block !important; 3091} 3092.rebuy-checkbox { 3093 appearance: none !important; 3094 -webkit-appearance: none !important; 3095 padding: 0 0 0 15px !important; 3096} 3097.rebuy-checkbox:checked:before { 3098 appearance: none; 3099 -webkit-appearance: none; 3100 display: inherit; 3101} 3102.rebuy-checkbox-label{ 3103 width: 20px !important; 3104} 3105 .rebuy-button, 3106.rebuy-cart__flyout-empty-cart a { 3107 text-transform: uppercase !important; 3108 transition: color 0.5s, background-color 0.5s !important; 3109} 3110.rebuy-button:hover, 3111.rebuy-cart__flyout-empty-cart a:hover { 3112filter: brightness(110%); 3113} 3114.rebuy-cart__checkout-button:hover span{ 3115 color:#ffffff !important; 3116} 3117/* mobile styling below*/ 3118@media(max-width: 500px){ 3119.rebuy-cart__flyout-discount-form, #rebuy-discount-input{ 3120 height: 30px; 3121} 3122.rebuy-cart__flyout-discount-container .rebuy-button{ 3123 font-size: 12px; 3124 display: flex; 3125 align-items: center; 3126 justify-content: center; 3127} 3128.rebuy-cart__flyout { 3129margin: 0px; 3130 border-radius: 0px; 3131} 3132} 3133</style> 3134 3135<!-- Dynamic Bundle Template --> 3136
3137<script id="rebuy-widget-159648" type="text/template"> 3138 <div class="rebuy-widget" 3139 v-cloak 3140 v-on:click="stopPropagation($event)" 3141 v-bind:id="'rebuy-widget-' + id" 3142 v-bind:class="['widget-type-' + config.type.replace('_','-'), products.length > 0 ? 'is-visible' : 'is-hidden']"> 3143 3144 <div 3145 class="rebuy-widget-container" 3146 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]"> 3147 <div class="rebuy-widget-content"> 3148 <div class="rebuy-timer" v-if="hasTimer()"> 3149 <h5 class="rebuy-timer-title" v-if="config.language.timer_title"> 3150 <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> 3151 </h5> 3152 </div> 3153 3154 <h4 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h4> 3155 3156 <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3> 3157 3158 <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> 3159 3160 <div class="rebuy-bundle"> 3161 3162 <div class="rebuy-bundle__images"> 3163 3164 <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)]"> 3165 <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' : '' ]"> 3166 <img v-bind:src="itemImage(product, product.selected_variant, '400x400')" v-bind:alt="product.title"> 3167 </a> 3168 <div class="rebuy-bundle__image-divider"> 3169 <i class="far fa-plus"></i> 3170 </div> 3171 </div> 3172 3173 </div> 3174 3175 <div class="rebuy-bundle__actions rebuy-mobile" v-if="subtotal() > 0"> 3176 3177 <div class="rebuy-bundle__actions-price"> 3178 <strong class="rebuy-bundle__actions-price-label" v-html="config.language.total_price_label"></strong> 3179 3180 <div class="rebuy-bundle__actions-price-value" v-if="bundleOnSale()"> 3181 <span class="rebuy-money sale" v-html="formatMoney(subtotal())"></span> 3182 <span class="rebuy-money compare-at" v-html="formatMoney(compareAtSubtotal())"></span> 3183 </div> 3184 <div class="rebuy-bundle__actions-price-value" v-if="!(bundleOnSale())"> 3185 <span class="rebuy-money" v-html="formatMoney(subtotal())"></span> 3186 </div> 3187 </div> 3188 3189 <div class="rebuy-bundle__actions-buttons"> 3190 <button 3191 class="rebuy-button" 3192 v-on:click="addSelectedProductsToCart()" 3193 type="button"> 3194 <span v-html="buttonWidgetLabel()"></span> 3195 </button> 3196 </div> 3197 </div> 3198 3199 <div class="rebuy-bundle__items"> 3200 3201 3202 <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': '']"> 3203 3204 <div class="rebuy-product-info"> 3205 <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' : '' ]"> 3206 <img v-bind:src="itemImage(product, product.selected_variant)" v-bind:alt="product.title"> 3207 </a> 3208 <div class="rebuy-product-checkbox"> 3209 <label class="rebuy-checkbox-label"> 3210 <input 3211 class="checkbox-input rebuy-checkbox" 3212 v-model="product.selected" 3213 type="checkbox" /> 3214 </label> 3215 </div> 3216 <strong class="rebuy-product-label" v-if="isInputProduct(product)" v-html=""></strong> 3217 <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> 3218 <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div> 3219 <div class="rebuy-product-review" v-if="hasProductReviews(product)"> 3220 <span class="rebuy-star-rating"> 3221 <span class="rebuy-star-rating-background"></span> 3222 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> 3223 </span> 3224 <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> 3225 </div> 3226 3227 <div class="rebuy-product-price"> 3228 <div v-if="variantOnSale(product, product.selected_variant)"> 3229 <span class="rebuy-money sale" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 3230 <span class="rebuy-money compare-at" v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span> 3231 </div> 3232 <div v-if="!(variantOnSale(product, product.selected_variant))"> 3233 <span class="rebuy-money" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 3234 </div> 3235 </div> 3236 <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> 3237 </div> 3238 <div class="rebuy-product-options" v-if="showVariantSelect(product)"> 3239 <select 3240 :id="id + '-' + 'select' + '-' + product_index" 3241 :class="{ hide : settings.view_options.variant_selector == 'buttons' }" 3242 class="rebuy-select" 3243 v-model="product.selected_variant_id" 3244 v-on:change="selectVariant(product)"> 3245 <option v-for="variant in product.variants" v-bind:value="variant.id">{{ variant.title }}</option> 3246 </select> 3247 3248 <div v-if="option.name == 'Color' && displayColorSwatches()" v-for="(option, option_index) in product.options" class="rebuy-color-swatches"> 3249 <div v-for="(value, value_index) in option.values" class="rebuy-color-swatch"> 3250 <input 3251 :name="id + '-color-' + product_index" 3252 :id="id + '-color-' + option_index + '-' + value + '-' + value_index" 3253 :checked="value_index == 0" 3254 :value="value" 3255 type="radio" 3256 class="rebuy-color-input hide" 3257 v-on:change="selectVariantByColor(product, value, product_index)"> 3258 <label 3259 :for="id + '-color-' + option_index + '-' + value + '-' + value_index" 3260 :style="{ backgroundColor: value }" 3261 :title="value" 3262 class="rebuy-color-label"></label> 3263 </div> 3264 </div> 3265 3266 <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"> 3267 <div v-for="(value, value_index) in option.values" class="rebuy-size-swatch"> 3268 <input 3269 :name="id + '-size-' + product_index" 3270 :id="id + '-size-' + product_index + '-' + value" 3271 :checked="value_index == 0" 3272 :value="value" 3273 type="radio" 3274 class="rebuy-size-input hide" 3275 v-on:change="selectVariantBySize(product, value, product_index)"> 3276 <label 3277 :for="id + '-size-' + product_index + '-' + value" 3278 class="rebuy-size-label">{{ value }}</label> 3279 </div> 3280 </div> 3281 </div> 3282 </div> 3283 3284 </div>
3285 </div> 3286 3287 </div> 3288 </div> 3289 3290 <div class="rebuy-bundle__actions rebuy-desktop" v-if="subtotal() > 0"> 3291 3292 <div class="rebuy-bundle__actions-price"> 3293 <strong class="rebuy-bundle__actions-price-label" v-html="config.language.total_price_label"></strong> 3294 3295 <div class="rebuy-bundle__actions-price-value" v-if="bundleOnSale()"> 3296 <span class="rebuy-money sale" v-html="formatMoney(subtotal())"></span> 3297 <span class="rebuy-money compare-at" v-html="formatMoney(compareAtSubtotal())"></span> 3298 </div> 3299 <div class="rebuy-bundle__actions-price-value" v-if="!(bundleOnSale())"> 3300 <span class="rebuy-money" v-html="formatMoney(subtotal())"></span> 3301 </div> 3302 </div> 3303 3304 <div class="rebuy-bundle__actions-buttons"> 3305 <button 3306 class="rebuy-button" 3307 v-on:click="addSelectedProductsToCart()" 3308 type="button"> 3309 <span v-html="buttonWidgetLabel()"></span> 3310 </button> 3311 </div> 3312 </div> 3313 3314 </div> 3315 </div> 3316</script>
3316 3317 3318
3319<script id="rebuy-cart-template" type="text/template"> 3320<div 3321 id="rebuy-cart" 3322 class="rebuy-cart" 3323 v-cloak 3324 v-bind:class="[visible ? 'is-visible' : '', 'currency-' + currency() ]" 3325 role="dialog" 3326 aria-modal="true" 3327 aria-labelledby="SmartCart_title" 3328 v-bind:aria-hidden="!visible ? 'true' : 'false'" 3329> 3330 <div class="rebuy-cart__flyout"> 3331 <div class="rebuy-cart__flyout-header"> 3332 <div v-html="renderHeader()"></div> 3333 <button 3334 class="rebuy-cart__flyout-close" 3335 type="button" 3336 v-on:click="hide()" 3337 aria-label="Close Cart" 3338 > 3339 <i class="fal fa-times" aria-hidden="true"></i> 3340 </button> 3341 </div> 3342 <div class="rebuy-cart__flyout-body"> 3343 <div 3344 class="rebuy-cart__flyout-announcement-bar" 3345 id="rebuy-smart-cart-announcement-bar" 3346 v-if="announcementBarEnabled()" 3347 > 3348 <div 3349 class="rebuy-cart__flyout-announcement-bar-message" 3350 v-for="message in settings.announcement_bar.messages" 3351 v-html="message" 3352 ></div> 3353 </div> 3354 3355 <div 3356 class="rebuy-cart__flyout-shipping-bar" 3357 v-if="freeShippingEnabled()" 3358 v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]" 3359 > 3360 <div 3361 class="rebuy-cart__flyout-shipping-bar-message" 3362 v-if="!hasFreeShipping()" 3363 v-html="freeShippingRemainingMessage()" 3364 ></div> 3365 <div 3366 class="rebuy-cart__flyout-shipping-bar-message" 3367 v-if="hasFreeShipping()" 3368 v-html="freeShippingCompleteMessage()" 3369 ></div> 3370 <div 3371 class="rebuy-cart__flyout-shipping-bar-meter" 3372 v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']" 3373 > 3374 <span id="free-shipping-progress-label" class="rebuy-cart__flyout-shipping-bar-meter-fill-text"> 3375 Progress to free shipping: {{ freeShippingPercentComplete() }} 3376 </span> 3377 <div 3378 class="rebuy-cart__flyout-shipping-bar-meter-fill" 3379 v-bind:style="{ width: freeShippingPercentComplete() }" 3380 role="progressbar" 3381 tabindex="0" 3382 aria-valuemin="0" 3383 aria-valuemax="100" 3384 v-bind:aria-valuenow="freeShippingPercentComplete(false, true)" 3385 aria-labelledby="free-shipping-progress-label" 3386 ></div> 3387 </div> 3388 <div 3389 class="rebuy-cart__flyout-shipping-bar-helper" 3390 v-if="freeShippingHelperMessage()" 3391 v-html="freeShippingHelperMessage()" 3392 ></div> 3393 </div> 3394 3395 <div v-else-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container above"> 3396 <div v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar)"> 3397 <div class="rebuy-cart__progress-step-wrapper" v-bind:class="[ 'count-' + bar.tiers.length ]"> 3398 <div v-for="tier in bar.tiers" class="rebuy-cart__progress-step" v-bind:style="{ width: progressStepMaxWidth(bar) }" v-bind:class="[ progressTierReached(tier) ? 'complete' : '' ]"> 3399 <div class="rebuy-cart__progress-step-icon" v-html="progressTierIcon(tier)"></div> 3400 <span class="rebuy-cart__progress-step-label">{{ getTierLabel(tier)}}</span> 3401 </div> 3402 </div> 3403 3404 <div class="rebuy-cart__progress-bar-wrapper"> 3405 <div class="rebuy-cart__progress-bar-meter" v-bind:class="[hasTierProgress() ? 'has-progress' : 'no-progress']"> 3406 <div 3407 class="rebuy-cart__progress-bar-meter-fill" 3408 v-bind:style="{ width: tiersPercentageComplete(bar) }" 3409 role="progressbar" 3410 tabindex="0" 3411 aria-valuemin="0" 3412 aria-valuemax="100" 3413 v-bind:aria-valuenow="tiersPercentageComplete(bar, true)" 3414 aria-labelledby="rebuy-cart__progress-bar-meter-label" 3415 > 3416 <span class="sr-only"></span> 3417 </div> 3418 </div> 3419 3420 <div id="rebuy-cart__progress-bar-meter-label" class="rebuy-cart__progress-bar-prompt" v-if="hasProgressPrompt(bar)" v-html="getTierFeedbackText(bar)"></div> 3421 </div> 3422 3423 <div class="rebuy-cart__progress-free-products" v-if="getBarLayout(bar) == 'above' && earnedProducts(bar).length > 0"> 3424 <div class="rebuy-cart__progress-free-products-title">Free Gifts</div> 3425 <div class="rebuy-cart__progress-free-products-list" ref="freeProductList"> 3426 <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" v-bind:style="[ freeProductTileStyle(bar) ]"> 3427 <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"></div> 3428 <div class="rebuy-cart__progress-free-product-info"> 3429 <div> 3430 <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p>
3431 <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" v-html="getFreeVariantTitle(product)"></span> 3432 </div> 3433 <div v-if="!product.chosen_variant" class="rebuy-cart__progress-free-product-variant-select-container"> 3434 <select class="rebuy-cart__progress-free-product-variant-select" v-on:change="selectFreeProductVariant($event, product)"> 3435 <option value="" disabled selected>Select Variant</option> 3436 <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ variant.title }}</option> 3437 </select> 3438 <div class="rebuy-cart__progress-free-product-variant-select-prompt" v-html="freeProductPrompt(product)"></div> 3439 </div> 3440 </div> 3441 <button 3442 v-show="product.chosen_variant" 3443 class="rebuy-cart__progress-free-product-remove" 3444 v-on:click="removeFreeProduct(product)" 3445 > 3446 <i class="fal fa-times" aria-hidden="true"></i> 3447 <span class="sr-only">Remove {{ product.title }} {{ product.chosen_variant?.title ? product.chosen_variant.title : '' }} from Cart</span> 3448 </button> 3449 </div> 3450 </div> 3451 </div> 3452 </div> 3453 </div> 3454 3455 <div 3456 class="rebuy-cart__flyout-content" 3457 v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" 3458 > 3459 <ul class="rebuy-cart__flyout-items" v-if="hasItems()" data-smartcart-items tabindex="0"> 3460 <li 3461 class="rebuy-cart__flyout-item" 3462 v-for="item in items()" 3463 v-if="!isHiddenItem(item)" 3464 :key="item.key" 3465 v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]" 3466 role="group" 3467 aria-label="product" 3468 > 3469 <div class="rebuy-cart__flyout-item-media"> 3470 <a v-bind:href="itemURL(item)" tabindex="-1"> 3471 <img 3472 v-bind:src="sizeImage(item.image, '240x240')" 3473 v-bind:alt="item.featured_image?.alt" 3474 /> 3475 </a> 3476 </div> 3477 <div class="rebuy-cart__flyout-item-info"> 3478 <a 3479 role="heading" 3480 aria-level="5" 3481 class="rebuy-cart__flyout-item-product-title" 3482 v-bind:href="itemURL(item)" 3483 v-html="item.product_title" 3484 v-bind:alt="'View ' + item.product_title" 3485 ></a> 3486 <div 3487 class="rebuy-cart__flyout-item-variant-title" 3488 v-html="item.variant_title" 3489 v-if="item.variant_title" 3490 ></div> 3491 3492 <div 3493 class="rebuy-cart__flyout-item-discount-message" 3494 v-if="hasLineItemDiscount(item)" 3495 v-html="lineItemDiscountMessage(item)" 3496 ></div> 3497 3498 <div 3499 class="rebuy-cart__flyout-item-properties" 3500 v-if="hasItemProperties(item)" 3501 > 3502 <div 3503 class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency" 3504 v-if="itemDeliveryFrequency(item)" 3505 v-html="itemDeliveryFrequency(item)" 3506 ></div> 3507 <div 3508 class="rebuy-cart__flyout-item-property" 3509 v-for="property in itemProperties(item)" 3510 v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]" 3511 > 3512 <span 3513 class="rebuy-cart__flyout-item-property-name" 3514 v-html="property.key" 3515 ></span> 3516 <span class="rebuy-cart__flyout-item-property-separator"> 3517 : 3518 </span> 3519 <span 3520 class="rebuy-cart__flyout-item-property-value" 3521 v-html="property.value" 3522 ></span> 3523 </div> 3524 </div> 3525 3526 <button 3527 class="rebuy-cart__flyout-item-remove" 3528 type="button" 3529 v-bind:alt="'Remove ' + item.product_title" 3530 v-bind:aria-label="'Remove ' + item.product_title" 3531 v-on:click="removeItem(item)" 3532 > 3533 <i 3534 class="far" 3535 v-bind:class="[(item.status == 'removing') ? 'fa-sync-alt fa-fast-spin' : 'fa-tras
3535h']" 3536 aria-hidden="true" 3537 ></i> 3538 </button> 3539 3540 <div class="rebuy-cart__flyout-item-quantity"> 3541 <div 3542 class="rebuy-cart__flyout-item-quantity-widget" 3543 v-if="hideQuantitySelectors && !hideQuantitySelectors(item)" 3544 > 3545 <button 3546 class="rebuy-cart__flyout-item-quantity-widget-button" 3547 v-bind:alt="'Decrease quantity of ' + item.product_title" 3548 v-bind:aria-label="'Decrease quantity of ' + item.product_title" 3549 v-on:click="decreaseItem(item)" 3550 type="button" 3551 > 3552 <i 3553 class="far" 3554 v-bind:class="[(item.status == 'decreasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-minus']" 3555 aria-hidden="true" 3556 ></i> 3557 </button> 3558 3559 <span 3560 class="rebuy-cart__flyout-item-quantity-widget-label" 3561 > 3562 <span class="sr-only">Quantity of {{ item.product_title }}</span> 3563 {{ item.quantity }} 3564 </span> 3565 3566 <button 3567 class="rebuy-cart__flyout-item-quantity-widget-button" 3568 v-bind:alt="'Increase quantity of ' + item.product_title" 3569 v-bind:aria-label="'Increase quantity of ' + item.product_title" 3570 v-on:click="increaseItem(item)" 3571 type="button" 3572 > 3573 <i 3574 class="far" 3575 v-bind:class="[(item.status == 'increasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-plus']" 3576 aria-hidden="true" 3577 ></i> 3578 </button> 3579 </div> 3580 </div> 3581 3582 <div class="rebuy-cart__flyout-item-price"> 3583 <div v-if="itemHasDiscount(item)"> 3584 <span 3585 class="rebuy-money sale" 3586 > 3587 <span class="sr-only">Sale price</span> 3588 <span v-html="formatMoney(itemPrice(item))"></span> 3589 </span> 3590 <span 3591 class="rebuy-money compare-at" 3592 > 3593 <span class="sr-only">Original price</span> 3594 <span v-html="formatMoney(compareAtPrice(item))"></span> 3595 </span> 3596 </div> 3597 <div v-if="!itemHasDiscount(item)"> 3598 <span 3599 class="rebuy-money" 3600 > 3601 <span class="sr-only">Price</span> 3602 <span v-html="formatMoney(itemPrice(item))"></span> 3603 </span> 3604 </div> 3605 </div> 3606 3607 <div class="rebuy-cart__flyout-item-bundle" v-if="itemIsBundle(item) && !hideBundleOptions(item)"> 3608 <button 3609 class="rebuy-cart__flyout-item-bundle-show-button" 3610 v-if="itemBundleLength(item) > 0 && !isSeeingBundle(item)" 3611 v-on:click="toggleActiveBundle(item)" 3612 type="button" 3613 v-bind:alt="'Expand bundle of ' + item.product_title" 3614 v-bind:aria-label="'Expand bundle of ' + item.product_title" 3615 > 3616 Show 3617 <span v-html="itemBundleLength(item)"></span> 3618 items 3619 <span class="rebuy-cart__flyout-bundle-chev-icon"><i class="fas fa-chevron-down"></i></span> 3620 </button> 3621 3622 <button 3623 class="rebuy-cart__flyout-item-bundle-hide-button" 3624 v-if="itemBundleLength(item) > 0 && isSeeingBundle(item)" 3625 v-on:click="toggleActiveBundle(item)" 3626 type="button" 3627 v-bind:alt="'Collapse bundle of ' + item.product_title" 3628 v-bind:aria-label="'Collapse bundle of ' + item.product_title" 3629 > 3630 Hide
3631 <span v-html="itemBundleLength(item)"></span> 3632 items 3633 <span class="rebuy-cart__flyout-bundle-chev-icon"><i class="fas fa-chevron-up"></i></span> 3634 </button> 3635 3636 <ul 3637 class="rebuy-cart__flyout-item-bundle-children" 3638 v-if="itemBundleLength(item) > 0 && isSeeingBundle(item)" 3639 tabindex="0" 3640 > 3641 <li class="rebuy-cart__flyout-item-bundle-child" v-for="(option, index) in item.options_with_values"> 3642 <div class="rebuy-cart__flyout-item-bundle-child-left"> 3643 <div class="rebuy-cart__flyout-item-bundle-image-container"> 3644 <img 3645 v-bind:src="getBundleOptionImage(item.product, option, index)" 3646 v-bind:alt="childBundleTitle(option)" 3647 class="rebuy-cart__flyout-item-bundle-image" 3648 /> 3649 </div> 3650 </div> 3651 3652 <div class="rebuy-cart__flyout-item-bundle-child-right"> 3653 <h5 v-html="childBundleTitle(option)" class="rebuy-cart__flyout-item-bundle-title"></h5> 3654 <p v-html="option.value" class="rebuy-cart__flyout-item-bundle-value"></p> 3655 </div> 3656 </li> 3657 <ul> 3658 </div> 3659 </div> 3660 3661 <div 3662 v-if="itemHasBMSM(item) && bMSMFinalTierNotReached(item)" 3663 class="rebuy-cart__flyout-item-buy-more-save-more" 3664 > 3665 <div 3666 v-if="hasBMSMButtons()" 3667 class="rebuy-cart__flyout-item-buy-more-save-more-container" 3668 > 3669 <div 3670 v-for="tier in getBMSMTiers()" 3671 class="rebuy-cart__flyout-item-buy-more-save-more-button-container" 3672 v-if="tier.quantity > item.quantity" 3673 > 3674 <button 3675 v-on:click="adjustBMSMQuantity(item, tier)" 3676 class="rebuy-button rebuy-cart__flyout-item-buy-more-save-more-button" 3677 v-bind:alt="getBMSMButtonText(tier)" 3678 > 3679 <span v-html="getBMSMButtonText(tier)"></span> 3680 </button> 3681 </div> 3682 </div> 3683 3684 <span 3685 v-if="!hasBMSMButtons()" 3686 class="rebuy-cart__flyout-buy-more-save-more-dynamic-message-text" 3687 v-html="buyMoreSaveMoreDynamicText(item)" 3688 ></span> 3689 </div> 3690 3691 <div 3692 class="rebuy-cart__flyout-item-subscription" 3693 v-if="hasSwitchToSubscription(item)" 3694 > 3695 <button 3696 class="rebuy-button outline" 3697 v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'" 3698 v-bind:alt="'Switch ' + item.product_title + ' to a Subscription'" 3699 v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')" 3700 v-on:click="updateItemDeliveryFrequency(item, selectedSubscriptionFrequency(item, 0), 'onetime')" 3701 type="button" 3702 > 3703 <span v-html="switchToSubscriptionLabel(item)"></span> 3704 </button> 3705 3706 <select 3707 class="rebuy-select muted" 3708 aria-label="subscription frequency" 3709 v-if="item.product.subscription && item.status != 'downgrading'" 3710 v-model="item.product.subscription_frequency" 3711 v-on:change="updateItemDeliveryFrequency(item)" 3712 > 3713 <optgroup 3714 v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()" 3715 v-bind:label="onetimeOptionGroupLabel(item)" 3716 > 3717 <option 3718 v-bind:value="'onetime'" 3719 v-html="onetimeOptionLabel(item)" 3720 ></option> 3721 </optgroup> 3722 <optgroup v-bind:label="subscriptionOptionGroupLabel(item)"> 3723 <option 3724 v-for="frequency in subscriptionFrequencies(item)" 3725 v-bind:value="frequency" 3726 v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)" 3727 ></option> 3728 </optgroup> 3729 </select> 3730 </div> 3731 </li> 3732 </ul> 3733 <div class="rebuy-cart__flyout-note" v-if="notesEnabled()"> 3734 <label class="rebuy-cart__flyout-note-toggle"> 3735 <input 3736 class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" 3737 type="checkbox" 3738 v-model="notes.visible" 3739 v-on:click="notesToggle()" 3740 />
3741 <span 3742 class="rebuy-cart__flyout-note-toggle-label" 3743 v-html="settings.language.notes_label" 3744 ></span> 3745 </label> 3746 <div 3747 class="rebuy-cart__flyout-note-content" 3748 v-if="notesIsVisible()" 3749 > 3750 <textarea 3751 id="rebuy-cart-notes" 3752 class="rebuy-textarea rebuy-cart__flyout-note-textarea" 3753 v-model="notes.value" 3754 v-on:keyup="notesChange($event)" 3755 v-on:keydown="notesChange($event)" 3756 v-on:change="notesChange($event)" 3757 v-bind:placeholder="settings.language.notes_placeholder" 3758 ></textarea> 3759 <small 3760 id="rebuy-cart-characters-remaining" 3761 v-html="notesRemainingCharacters()" 3762 ></small> 3763 </div> 3764 </div> 3765 3766 3767 <div class="rebuy-cart__flyout-empty-cart" v-html="emptyCartMessage()" v-if="!hasItems()"></div> 3768 <div class="rebuy-cart__flyout-empty-cart-footer" v-if="!hasItems()"> 3769 <div data-app-target="empty_cart"></div> 3770 </div> 3771 3772 <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()"> 3773 <div 3774 v-for="widget_id in settings.cross_sells" 3775 v-bind:data-rebuy-id="widget_id" 3776 ></div> 3777 </div> 3778 3779 <div class="rebuy-cart__upsells" v-if="hasPrePurchase()"> 3780 <div v-bind:data-rebuy-id="settings.pre_purchase.id"></div> 3781 </div> 3782 </div> 3783 3784 <div v-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container below"> 3785 <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"> 3786 <div class="rebuy-cart__progress-free-products-title">Free Gifts</div> 3787 <div class="rebuy-cart__progress-free-products-list" ref="freeProductList"> 3788 <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" v-bind:style="[ freeProductTileStyle(bar) ]"> 3789 <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"></div> 3790 <div class="rebuy-cart__progress-free-product-info"> 3791 <div> 3792 <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p> 3793 <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" v-html="product.chosen_variant.title"></span> 3794 </div> 3795 <div v-if="!product.chosen_variant" class="rebuy-cart__progress-free-product-variant-select-container"> 3796 <select class="rebuy-cart__progress-free-product-variant-select" v-on:change="selectFreeProductVariant($event, product)"> 3797 <option value="" disabled selected>Select Variant</option> 3798 <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ variant.title }}</option> 3799 </select> 3800 <div class="rebuy-cart__progress-free-product-variant-select-prompt" v-html="freeProductPrompt(product)"></div> 3801 </div> 3802 </div> 3803 <button 3804 v-show="product.chosen_variant" 3805 class="rebuy-cart__progress-free-product-remove" 3806 v-on:click="removeFreeProduct(product)" 3807 v-bind:aria-label="'Remove ' + product.title + ' ' + (product.chosen_variant?.title)" 3808 > 3809 <i class="fal fa-times" aria-hidden="true"></i> 3810 </button> 3811 </div> 3812 </div> 3813 </div> 3814 </div> 3815 </div> 3816 3817 <div class="rebuy-cart__flyout-footer" v-show="hasItems()"> 3818 3819 <div class="rebuy-cart__flyout-discount-container" v-if="discountEnabled()"> 3820 3821 <form class="rebuy-cart__flyout-discount-form" v-if="shouldShowDiscountInput()" v-on:submit="applyDiscount(null, $event)"> 3822 <div 3823 class="rebuy-input-wrapper rebuy-input-wrapper--floating-label" 3824 v-bind:class="[discount.inputValue ? 'show-label' : '' ]" 3825 >
3826 <span 3827 class="rebuy-input-label" 3828 v-html="settings.language.discount_code_label" 3829 ></span> 3830 <input 3831 class="rebuy-input" 3832 v-model="discount.inputValue" 3833 v-bind:placeholder="settings.language.discount_code_label" 3834 v-bind:disabled="discount.loading" 3835 id="rebuy-discount-input" 3836 aria-label="Input Discount" 3837 autocomplete 3838 /> 3839 </div> 3840 <button 3841 class="rebuy-button" 3842 v-bind:disabled="discount.loading" 3843 > 3844 <span v-html="discountButtonLabel()"></span> 3845 </button> 3846 </form> 3847 3848 <div class="rebuy-cart__flyout-discount-error-message" v-if="discount.hasError()" v-html="discount.errorMessage()"></div> 3849 3850 <div class="rebuy-cart__flyout-discount-tag" v-if="shouldShowDiscountSubtotal()"> 3851 <span class="rebuy-cart__flyout-discount-tag-icon"><i class="fas fa-tags"></i></span> 3852 <span class="rebuy-cart__flyout-discount-tag-text" v-html="discount.code"></span> 3853 <span 3854 class="rebuy-cart__flyout-discount-tag-remove" 3855 v-on:click="removeDiscount()" 3856 > 3857 <i class="far fa-times"></i> 3858 </span> 3859 </div> 3860 3861 <div class="rebuy-cart__flyout-discount-amount" v-if="shouldShowDiscountSubtotal()"> 3862 <span v-html="discountTotal()"></span> 3863 </div> 3864 </div> 3865 3866 <div 3867 class="rebuy-cart__flyout-integration" 3868 v-if="settings.integrations && settings.integrations.enabled" 3869 ></div> 3870 <div class="rebuy-cart__flyout-apps"> 3871 <div data-app-target="above_subtotal"></div> 3872 </div> 3873 3874 <div class="rebuy-cart__flyout-subtotal"> 3875 <div class="rebuy-cart__flyout-subtotal-label"> 3876 <span v-html="subtotalLabel()"></span> 3877 </div> 3878 <div 3879 class="rebuy-cart__flyout-subtotal-amount" 3880 v-html="subtotal()" 3881 ></div> 3882 </div> 3883 <div data-app-target="below_subtotal"></div> 3884 3885 <div class="rebuy-cart__flyout-actions"> 3886 <div 3887 v-if="settings.terms && settings.terms.enabled" 3888 class="rebuy-cart__flyout-terms" 3889 > 3890 <input 3891 class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" 3892 id="rebuy-terms-checkbox" 3893 name="rebuy-terms-checkbox" 3894 type="checkbox" 3895 v-model="termsAccepted" 3896 v-on:click="updateTermsCheck()" 3897 /> 3898 <label 3899 class="rebuy-cart__flyout-terms-label" 3900 for="rebuy-terms-checkbox" 3901 v-html="settings.terms.disclaimer" 3902 ></label> 3903 </div> 3904 3905 <button 3906 v-show="hasCheckoutButton()" 3907 class="rebuy-button rebuy-cart__checkout-button block" 3908 type="button" 3909 v-on:click="checkout()" 3910 v-bind:disabled="hasTermsEnabled() && !hasAcceptedTerms()" 3911 > 3912 <span v-html="checkoutLabel()"></span> 3913 </button> 3914 3915 <button 3916 v-if="hasViewCartButton()" 3917 class="rebuy-button rebuy-cart__view-cart-button block" 3918 v-bind:class="{'outline': hasCheckoutButton()}" 3919 type="button" 3920 v-on:click="viewCart()" 3921 > 3922 <span v-html="viewCartLabel()"></span> 3923 </button> 3924 3925 <button 3926 v-if="hasContinueShoppingButton()" 3927 class="rebuy-button rebuy-cart__continue-shopping-button block outline" 3928 type="button" 3929 v-on:click="hide()" 3930 > 3931 <span v-html="continueShoppingLabel()"></span> 3932 </button> 3933 3934 <button 3935 v-if="hasShopPayButton()" 3936 class="rebuy-button rebuy-cart__shop-pay-button block" 3937 v-on:click="shopPayCheckout()" 3938 aria-label="Checkout with Shop Pay" 3939 > 3940 <svg 3941 width="80" 3942 height="30"
3943 viewBox="0 0 4317 1037" 3944 fill="none" 3945 xmlns="http://www.w3.org/2000/svg" 3946 > 3947 <g clip-path="url(#clip0)"> 3948 <path 3949 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" 3950 fill="white" 3951 /> 3952 <path 3953 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" 3954 fill="white" 3955 /> 3956 <path 3957 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" 3958 fill="white" 3959 /> 3960 <path 3961 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" 3962 fill="white" 3963 /> 3964 <path 3965 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" 3966 fill="white" 3967 /> 3968 <path 3969 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" 3970 fill="white" 3971 /> 3972 <path 3973 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
397302C3044.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
39737.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" 3974 fill="white" 3975 /> 3976 </g> 3977 <defs> 3978 <clipPath id="clip0"> 3979 <rect 3980 width="4317" 3981 height="1036.76" 3982 fill="white" 3983 transform="translate(0 0.240234)" 3984 /> 3985 </clipPath> 3986 </defs> 3987 </svg> 3988 </button> 3989 </div> 3990 3991 <div 3992 class="rebuy-cart__flyout-installments" 3993 v-if="installmentsEnabled()" 3994 v-html="installmentsMessage()" 3995 ></div> 3996 3997 <div data-app-target="below_checkout"></div> 3998 </div> 3999 </div> 4000 4001 <div class="rebuy-cart__background" v-on:click="hide()"></div> 4002 <div id="rebuy-cart-live-region" class="sr-only" aria-live="polite"></div> 4003</div> 4004</script>
4004 4005 4006 4007<!-- Widget : Gift with Purchase 4008<div data-rebuy-id="156611"></div> 4009 End Widget : Gift with Purchase --> 4010<!-- Rebuy END --> 4011 4012
4012<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
vendor: 1 bytes, line 4012
4012
4013<script> 4014 var klaviyo = klaviyo || []; 4015 klaviyo.init({ 4016 account: "UP6YKc", 4017 platform: "shopify" 4018 }); 4019 klaviyo.enable("backinstock",{ 4020 trigger: { 4021 product_page_text: "Notify me when it's back!", 4022 product_page_class: "button", 4023 product_page_text_align: "center", 4024 product_page_margin: "0px", 4025 replace_anchor: false 4026 }, 4027 modal: { 4028 headline: "SOLD OUT <br> (BUT NOT FOR LONG!)", 4029 body_content: "Leave us your email address, and you'll be the first to know when it's back in stock. Pinky promise.", 4030 email_field_label: "Email", 4031 button_label: "SUBMIT", 4032 subscription_success_label: "You're in! We'll let you know when it's back.", 4033 footer_content: '', 4034 drop_background_color: "#000", 4035 background_color: "#fff", 4036 text_color: "#000", 4037 button_text_color: "#fff", 4038 button_background_color: "#000", 4039 close_button_color: "#999", 4040 error_background_color: "#fcd6d7", 4041 error_text_color: "#C72E2F", 4042 success_background_color: "#d3efcd", 4043 success_text_color: "#000", 4044 font_family:"Gotham Narrow,Helvetica,Arial,sans-serif;", 4045 headers_font_family: "Helvetica", 4046 additional_styles: "@import url('//hummkombucha.com/cdn/shop/t/38/assets/klaviyo-back-in-stock.css?v=42345461867087974221762462223');" 4047 4048 } 4049 }); 4050</script>
4050 4051
4052<script src="//hummkombucha.com/cdn/shop/t/38/assets/tiny-img-link-preloader.js?v=26403198945174473401762462223" type="text/javascript"></script>
4052 4053 4054 <style>.additional-checkout-buttons {display: none; width: 100%;}</style> 4055 <div class="additional-checkout-buttons additional-checkout-buttons--vertical"> 4056 <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="7bbb86f375348938c3f8636b5f7bc739" 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> 4057 </div> 4058 4059
4059<script> 4060 /* Start of Swaven tag */ 4061 (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)); 4062 /* End of Swaven tag */ 4063 </script>
vendor: 1 bytes, line 4063
4063
4064<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>
4064 4065<div id="shopify-block-AQTlTWDBDUEVwNWNoZ__10641372206048101839" class="shopify-block shopify-app-block">
4066<script> 4067 window.Rebuy = window.Rebuy || {}; 4068 window.Rebuy.customer = window.Rebuy.customer || {}; 4069 4070 window.Rebuy.market = window.Rebuy.market || {}; 4071 4072 window.Rebuy.market.country = "US"; 4073 4074 4075 window.Rebuy.market.locale = "en"; 4076 4077</script>
4077 4078 4079 4080 4081 4082 4083</div><div id="shopify-block-AWlIvdkFVaWsydStBQ__4804304946286255945" class="shopify-block shopify-app-block"> 4084 4085
4085<script> 4086 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
4086ombinations 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
4086ookie 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_
4086shop_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"}
4086,{"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":[]}} || {}; 4087 const resetMetafields = false || {}; 4088 const {integration: avadaCbIntegration} = cookieBarMetaFields; 4089 const shopNameCookie = 'Humm Kombucha'; 4090 window.AVADA_COOKIES_BAR = { 4091 shopName: shopNameCookie, 4092 shopId: cookieBarMetaFields.shopId, 4093 status: cookieBarMetaFields.status, 4094 ...(window.AVADA_COOKIES_BAR || {}), 4095 ...cookieBarMetaFields.settings, 4096 translation: cookieBarMetaFields.translations, 4097 cookies: cookieBarMetaFields.cookies, 4098 integration: avadaCbIntegration, 4099 customer: { 4100 id: null, 4101 email: null, 4102 first_name: null, 4103 last_name: null, 4104 phone: null 4105 }, 4106 reset: resetMetafields, 4107 brandData: { 4108 primaryBackground: "#f8b115", 4109 primaryForeground: "#ffffff", 4110 secondaryBackground: "#425dc7", 4111 secondaryForeground: "#ffffff", 4112 logo: "\/\/hummkombucha.com\/cdn\/shop\/files\/Humm_Logo-Black_512.png?v=1717096280" 4113 } 4114 }; 4115 4116 // Single definition of "a Meta pixel id Avada manages". Kept deliberately 4117 // loose about what follows the id so `fbq('init','123',{em:'...'})` counts â 4118 // an earlier stricter copy required a literal `);` and silently disagreed 4119 // with this one. Mirrors extractKnownVendorPixelIds in 4120 // packages/functions/src/helpers/utils/autoBlocker.js. 4121 function extractMetaPixelIds(code) { 4122 return Array.from( 4123 String(code || '').matchAll(/fbq\(\s*['"]init['"]\s*,\s*['"](\d+)['"]/g), 4124 match => match[1] 4125 ); 4126 } 4127 4128 if (avadaCbIntegration?.pinterestConsent?.enabled && typeof pintrk === 'function') { 4129 console.log('Disabled pinterest consent'); 4130 pintrk('setconsent', false); 4131 } 4132 4133 (() => { 4134 const getCookie= (name) => { 4135 const nameEQ = name + '='; 4136 const ca = document.cookie.split(';'); 4137 for (let i = 0; i < ca.length; i++) { 4138 let c = ca[i]; 4139 while (c.charAt(0) === ' ') c = c.substring(1, c.length); 4140 if (c.indexOf(nameEQ) === 0) return JSON.parse(decodeURIComponent(c.substring(nameEQ.length, c.length))); 4141 } 4142 return {}; 4143 }
4144 window.AVADA_COOKIE_CONSENT = getCookie('avada_cookie_consent'); 4145 })(); 4146 4147 try { 4148 // Ownership is "the merchant handed us a tag id AND the integration is on". 4149 // The backend decides it that way â readVendorScript in autoBlocker.js 4150 // returns '' for a disabled vendor, so a disabled one never reaches the 4151 // denylist. Testing only the script here made the two disagree whenever an 4152 // integration was switched off with its script still saved: the storefront 4153 // published "we own this pixel" while blockedScriptHosts said we did not. 4154 // Nothing acted on the difference, because every use site below also ANDs 4155 // with `enabled` â but the flag is what verification, the e2e suite and CS 4156 // read, so it has to be the same answer. 4157 const metaPixelEnabled = !!avadaCbIntegration?.metaPixel?.enabled; 4158 const metaPixelScript = metaPixelEnabled ? avadaCbIntegration?.metaPixel?.script || '' : ''; 4159 window.__avadaManagesMetaPixel = extractMetaPixelIds(metaPixelScript).length > 0; 4160 window.metaPixelFunc = window.__avadaManagesMetaPixel 4161 ? new Function(metaPixelScript) 4162 : null; 4163 if(window.__avadaManagesMetaPixel && avadaCbIntegration?.metaPixel?.enabled && window.AVADA_COOKIE_CONSENT.analytics && window.AVADA_COOKIE_CONSENT.marketing) { 4164 window.metaPixelFunc(); 4165 } 4166 } catch (e) { 4167 console.error('Something went wrong in Meta Pixel:', e) 4168 } 4169 4170 try { 4171 if(avadaCbIntegration?.pinterestConsent?.enabled && window.AVADA_COOKIE_CONSENT.analytics && window.AVADA_COOKIE_CONSENT.marketing) { 4172 pintrk('setconsent', true); 4173 console.log('Enabled pinterest consent'); 4174 } 4175 } catch (e) { 4176 console.error('Something went wrong in Pinterest integration:', e) 4177 } 4178 4179 try { 4180 const tiktokPixelScript = avadaCbIntegration?.tiktokPixel?.script || ''; 4181 // Same ownership test as Meta: no ttq.load() id means the merchant runs the 4182 // official TikTok sales channel, so the pixel lives in Shopify's Web Pixel 4183 // sandbox and Customer Privacy governs it. Taking over window.ttq there is 4184 // exactly the interference SB-16468 is about. 4185 window.__avadaManagesTiktokPixel = 4186 !!avadaCbIntegration?.tiktokPixel?.enabled && 4187 /ttq\.load\(\s*['"][^'"]+['"]/.test(tiktokPixelScript); 4188 if(avadaCbIntegration?.tiktokPixel?.enabled && window.__avadaManagesTiktokPixel) { 4189 window.tiktokPixelFunc = new Function(tiktokPixelScript); 4190 4191 // Extract pixel IDs from script for loading when theme pixel already exists 4192 const tiktokIdRegex = /ttq\.load\('([^']+)'\)/g; 4193 window._avadaTiktokPixelIds = []; 4194 let tiktokIdMatch; 4195 while ((tiktokIdMatch = tiktokIdRegex.exec(tiktokPixelScript)) !== null) { 4196 window._avadaTiktokPixelIds.push(tiktokIdMatch[1]); 4197 } 4198 4199 const manageTikTokConsent = () => { 4200 if (!window.ttq) return; 4201 try { 4202 const hasConsent = window.AVADA_COOKIE_CONSENT?.analytics && window.AVADA_COOKIE_CONSENT?.marketing; 4203 if (hasConsent) { 4204 if (typeof window.ttq.grantConsent === 'function') window.ttq.grantConsent(); 4205 window._tiktokConsentRevoked = false; 4206 } else { 4207 if (typeof window.ttq.holdConsent === 'function') window.ttq.holdConsent(); 4208 if (typeof window.ttq.revokeConsent === 'function') window.ttq.revokeConsent(); 4209 window._tiktokConsentRevoked = true; 4210 } 4211 } catch (e) { 4212 console.error('Error managing TikTok consent:', e); 4213 } 4214 }; 4215 4216 if (window.ttq) { 4217 // Theme pixel already loaded ttq - load app pixel IDs that aren't loaded yet 4218 let hasNewPixels = false; 4219 (window._avadaTiktokPixelIds || []).forEach(function(id) { 4220 if (!window.ttq._i || !window.ttq._i[id]) { 4221 window.ttq.load(id); 4222 hasNewPixels = true; 4223 } 4224 }); 4225 if (hasNewPixels) window.ttq.page(); 4226 manageTikTokConsent(); 4227 } else { 4228 // Intercept ttq creation to apply consent before SDK processes queued events. 4229 // Self-removes after first interception to avoid conflicts with other scripts. 4230 try { 4231 let _ttqValue = undefined; 4232 Object.defineProperty(window, 'ttq', { 4233 get() { return _ttqValue; }, 4234 set(val) { 4235 _ttqValue = val; 4236 if (val) { 4237 // Restore normal property immediately to prevent conflicts 4238 try { 4239 Object.defineProperty(window, 'ttq', { 4240 value: val, writable: true, configurable: true, enumerable: true 4241 }); 4242 } catch(e) {} 4243 manageTikTokConsent(); 4244 } 4245 }, 4246 configurable: true, 4247 enumerable: true 4248 }); 4249 // Coordination with Avada auto-blocker: if the TikTok sandbox is ever 4250 // removed before ttq initializes, drop the accessor so the property can 4251 // behave normally again (prevents a stranded interceptor). 4252 setTimeout(function () { 4253 if (_ttqValue === undefined) { 4254 try { delete window.ttq; } catch (e) {} 4255 } 4256 }, 10000); 4257 } catch (e) { 4258 // defineProperty failed - fallback to DOMContentLoaded 4259 const onReady = () => manageTikTokConsent(); 4260 if (document.readyState === 'loading') { 4261 document.addEventListener('DOMContentLoaded', onReady, {once: true}); 4262 } else { 4263 setTimeout(onReady, 0); 4264 } 4265 } 4266 } 4267 } 4268 } catch (e) { 4269 console.error('Error handling TikTok Pixel consent:', e); 4270 } 4271 4272 // handle for customer add metaPixel script in theme 4273 try { 4274 if(avadaCbIntegration?.metaPixel?.enabled && window.__avadaManagesMetaPixel && window.fbq) { 4275 window.pixelIds = []; 4276 window.fbq = function () { 4277 console.log('Meta/FB Pixel disabled'); 4278 }; 4279 function savePixelIds() { 4280 const scripts = document.querySelectorAll('script'); 4281 for (let script of scripts) { 4282 const contentScript = script.innerHTML.trim(); 4283 if (contentScript.includes("!function(f,b,e,v,n,t,s)")) { 4284 window.pixelIds.push(...extractMetaPixelIds(contentScript)); 4285 } 4286 } 4287 } 4288 savePixelIds(); 4289 } 4290 } catch (e) { 4291 console.error('Something went wrong in Meta Pixel:', e) 4292 } 4293 4294 </script>
4294 4295 4296 4297 4298</div>
4298<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4298 4299</body> 4300 </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.