PageSourceSearch

https://drinkolipop.com/account/login

html drinkolipop.com collected 2026-10-02 05:00:10 UTC 681,417 bytes, 13,418 lines download raw bytes

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<!doctype html>
18<html
19  class="no-js tw-scroll-smooth !tw-p-0"
20  lang="en"
21  data-prefetching="true"
22>
23  <head>
24  
24<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v346","locked":false,"initialized":true,"scope":"customers","access_granted":true,"access_denied":false,"requires_customer":false,"manual_lock":false,"remote_lock":false,"has_timeout":false,"remote_rendered":null,"hide_resource":false,"hide_links_to_resource":false,"hide_price":false,"hide_add_to_cart":false,"transparent":true,"locks":{"all":[],"opened":[]},"keys":[],"keys_signature":"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb","state":{"template":"customers\/login","theme":174423703711,"product":null,"collection":null,"page":null,"blog":null,"article":null,"app":null},"now":1790917207,"path":"\/account\/login","locale_root_url":"\/","canonical_url":"https:\/\/drinkolipop.com\/account\/login","customer_id":null,"customer_id_signature":"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb","cart":null}</script>
24<script data-locksmith>!function(){undefined;!function(){var s=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(s.state={},s.util={},s.loading=!1,n)try{s.state=JSON.parse(n)}catch(d){}if(document.addEventListener&&document.querySelector){var o,a,i,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){a=t.slice(0)},l="style",r=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",r),document.removeEventListener("click",r),o&&document.body.removeChild(o),o=null)};c(),document.addEventListener("keyup",function(e){if(e.keyCode===a[0]){if(clearTimeout(i),a.shift(),0<a.length)return void(i=setTimeout(c,1e3));c(),r(),(o=document.createElement("div"))[l].width="50%",o[l].maxWidth="1000px",o[l].height="85%",o[l].border="1px rgba(0, 0, 0, 0.2) solid",o[l].background="rgba(255, 255, 255, 0.99)",o[l].borderRadius="4px",o[l].position="fixed",o[l].top="50%",o[l].left="50%",o[l].transform="translateY(-50%) translateX(-50%)",o[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",o[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,o.appendChild(t),document.body.appendChild(o),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",r),document.addEventListener("click",r)}})}s.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),s.path=s.state.path||window.location.pathname,s.basePath=s.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),s.reloading=!1,s.util.console=window.console||{log:function(){},error:function(){}},s.util.makeUrl=function(e,t){var n,o=s.basePath+e,a=[],i=s.cache();for(n in i)a.push(n+"="+encodeURIComponent(i[n]));for(n in t)a.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(a.push("customer_id="+encodeURIComponent(s.state.customer_id)),a.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+a.join("&")},s._initializeCallbacks=[],s.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';s._initializeCallbacks.push(t)},s.initializeSession=function(e){if(!s.isEmbedded){var t=!1,n=!0,o=!0;(e=e||{}).silent&&(o=n=!(t=!0)),s.ping({silent:t,spinner:n,reload:o,callback:function(){s._initializeCallbacks.forEach(function(e){e()})}})}},s.cache=function(e){var t={};try{var n=function a(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(d){}if(e){for(var o in e)t[o]=e[o];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},s.cache.cart=s.state.cart,s.cache.cartLastSaved=null,s.params=s.cache(),s.util.reload=function(){s.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(d){s.util.console.error("Preferred reload method failed",d),window.location.reload()}},s.cache.saveCart=function(e){if(!s.cache.cart||s.cache.cart===s.cache.cartLastSaved)return e?e():null;var t=s.cache.cartLastSaved;s.cache.cartLastSaved=s.cache.cart,fetch("/cart/update.js",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({attributes:{locksmith:s.cache.cart}})}).then(function(e){if(!e.ok)throw new Error("Cart update failed: "+e.status);return e.json()}).then(function(){e&&e()})["catch"](function(e){if(s.cache.cartLastSaved=t,!s.reloading)throw e})},s.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;
24color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',s.util.clobberBody=function(e){document.body.innerHTML=e},s.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},s.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,o={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":o[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(o[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":o[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":o[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(o[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":o[e.elements[t].name]=e.elements[t].value}}return o}},s.util.on=function(e,i,s,t){t=t||document;var c="locksmith-"+e+i,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",a=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(i)||"string"==typeof a&&-1!==a.split(/\s+/).indexOf(i))&&!e[c]&&(e[c]=!0,s(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},s.util.enableActions=function(e){s.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,s.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),s.util.reload()}}))},e)},s.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var o=document.createElement("div");o.innerHTML=t,e.appendChild(o)}else e.innerHTML=t;var a,i,s=e.querySelectorAll("script");for(i=0;i<s.length;++i){a=s[i];var c=document.createElement("script");if(a.type&&(c.type=a.type),a.src)c.src=a.src;else{var l=document.createTextNode(a.innerHTML);c.appendChild(l)}e.appendChild(c)}var r=e.querySelector("[autofocus]");r&&r.focus()},s.post=function(e,t,n){!1!==(n=n||{}).spinner&&s.util.clobberBody(s.util.spinnerHTML);var o={};n.container===document?(o.layout=1,n.success=function(e){s.util.clobberDocument(e)}):n.container&&(o.layout=0,n.success=function(e){var t="string"==typeof n.container?document.getElementById(n.container):n.container;t&&(s.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t))}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),s.loading=!0;var a=s.util.makeUrl(e,o),i="json"===n.type||"text"===n.type;fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:i?"application/json":"text/html"},body:JSON.stringify(t)}).then(function(e){if(!e.ok)throw new Error("Request failed: "+e.status);return e.text()}).then(function(e){var t=n.success||s.util.clobberDocument;t(i?{responseText:e}:e)})["catch"](function(e){if(!s.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)})["finally"](function(){s.loading=!1})},s.postResource=function(e,t){e.path=s.path,e.search=window.location.search,e.state=s.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=s.cache.cart,e.locksmith_json=s.jsonTag,e.locksmith_json_signature=s.jsonTagSignature,s.post("/resource",e,t)},s.ping=function(t){if(!s.isEmbedded){t=t||{};var n=function(){t.reload?s.util.reload():"function"==typeof t.callback&&t.callback()};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!t.spinner,silent:"undefined"==typeof t.silent||t.silent,type:"text",success:function(e){e&&e.responseText?((e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages),e.cart&&s.cache.cart!==e.cart?(s.cache.cart=e.cart,s.cache.saveCart(function(){e.cart&&e.cart.match(/^.+:/)?(t.reload||"function"!=typeof t.callback||t.callback(),s.util.reload()):n()})):n()):console.error("[Locksmith] Invalid result in ping callback:",e)}})}},s.timeoutMonitor=function(){var e=s.cache.cart;s.ping({callback:function(){e!==s.cache.cart||setTimeout(function(){s.timeoutMonitor()},6e4)}})},s.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=["<style>","  .locksmith-ab .locksmith-b { display: none; }","  .locksmith-ab.toggled .locksmith-b { display: flex; }","  .locksmith-ab.toggled .locksmith-a { display: none; }","  .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }","  .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }","  .locksmith-message a { color: inherit; font-weight: bold; }","  .locksmith-message a:hover { color: inherit; opacity: 0.8; }","  a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }","  .locksmith-text { flex-grow: 1; }","  .locksmith-cta { flex-grow: 0; text-align: right; }","  .locksmith-cta button { transform: scale(0.8); transform-origin: left; }","  .locksmith-cta > * { display: block; }","  .locksmith-cta > * + * { margin-top: 10px; }","  .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }","  @media screen and (max-width: 600px) {","    .locksmith-wide-only { display: none !important; }","    .locksmith-flex { padding: 0 15px; }","    .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }","    .locksmith-cta { text-align: left; }","  }","  @media screen and (min-width: 601px) {","    .locksmith-narrow-only { display: none !important; }","  }","</style>"].join("")+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),s.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),s.util.enableActions(t)}}()}();</script>
24
25      
25<script data-locksmith>Locksmith.cache.cart=null</script>
25
26
27  
27<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v346\",\"locked\":false,\"initialized\":true,\"scope\":\"customers\",\"access_granted\":true,\"access_denied\":false,\"requires_customer\":false,\"manual_lock\":false,\"remote_lock\":false,\"has_timeout\":false,\"remote_rendered\":null,\"hide_resource\":false,\"hide_links_to_resource\":false,\"hide_price\":false,\"hide_add_to_cart\":false,\"transparent\":true,\"locks\":{\"all\":[],\"opened\":[]},\"keys\":[],\"keys_signature\":\"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb\",\"state\":{\"template\":\"customers\\\/login\",\"theme\":174423703711,\"product\":null,\"collection\":null,\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1790917207,\"path\":\"\\\/account\\\/login\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/drinkolipop.com\\\/account\\\/login\",\"customer_id\":null,\"customer_id_signature\":\"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb\",\"cart\":null}";Locksmith.jsonTagSignature="ee67deadf084fa604b78323228579b2be07bc0b1e013d9b5451c3ea9482a31c0"</script>
27
28  
29  
29<script type="text/javascript" async src="https://na.shgcdn3.com/pixel-collector.js"></script>
29
30  
31
32
33<script defer src="https://cdn.skio.com/scripts/shopify/head/shopify.ba9807f79b5cdb6483d5.js"></script>
33
34    <style>
35      #powrIframeLoader {
36        height: 0px !important;
37        display: none !important;
38      }
39    </style>
40
41    
42
43
44
45
46
47<style>
48  
49  
50
51
52  
53  
54  
55  
56
57  @font-face {
58    font-family: 'Ano';
59    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642) format('woff2'),
60      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff'),
61      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff');
62    font-weight: normal;
63    font-style: normal;
64    font-display: swap;
65  }
66  @font-face {
67    font-family: 'Ano';
68    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641) format('woff2'),
69      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff?v=128512130195275208821773709641) format('woff'),
70      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.ttf?v=10462471749511937761773709641) format('truetype');
71    font-weight: bold;
72    font-style: normal;
73    font-display: swap;
74  }
75  @font-face {
76    font-family: 'Ano';
77    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff2?v=84787568753283342751773709640) format('woff2'),
78      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff?v=93234225392720856311773709640) format('woff'),
79      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.ttf?v=62444619274782219361773709640) format('truetype');
80    font-weight: 900;
81    font-style: normal;
82    font-display: swap;
83  }
84  @font-face {
85    font-family: 'WindsorEF';
86    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641) format('woff2'),
87      url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff?v=110177191338651977801773709641) format('woff');
88    font-weight: 900;
89    font-style: normal;
90    font-display: swap;
91  }
92  @font-face {
93    font-family: 'WindsorEF';
94    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640) format('woff2'),
95      url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff?v=96714348010265649601773709640) format('woff'),
96      url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.ttf?v=176736781895084021861773709643) format('truetype');
97    font-weight: bold;
98    font-style: normal;
99    font-display: swap;
100  }
101
102  :root {
103
104    --font-weight-body--bold: 700;
105    --font-weight-body--bolder: 700;
106    --font-stack-header: Helvetica, Arial, sans-serif;
107    --font-style-header: normal;
108    --font-weight-header: 700;
109    --font-stack-body: Helvetica, Arial, sans-serif;
110    --font-style-body: normal;
111    --font-weight-body: 400;
112    --font-stack-cart-notification: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
113    --font-size-mobile-input: 16px; /* min 16px to prevent zooming */
114
115    --font-size-base: 15;
116    --font-size-header: 26;
117
118    --font-h1-desktop: 35;
119    --font-h1-mobile: 32;
120    --font-h2-desktop: 20;
121    --font-h2-mobile: 18;
122    --font-h3-mobile: 20;
123    --font-h4-desktop: 17;
124    --font-h4-mobile: 15;
125    --font-h4-min-height-mobile: 11;
126    --font-h5-desktop: 15;
127    --font-h5-mobile: 13;
128    --font-h6-desktop: 14;
129    --font-h6-mobile: 12;
130
131    --font-mega-title-large-desktop: 65;
132
133    --font-rich-text-large: 17;
134    --font-rich-text-small: 13;
135
136    --color-text: #3a3a3a;
137    --color-text-shadow: rgba(0,0,0,0.4);
138    --color-body-text: #333232;
139    --color-sale-text: #fa4545;
140    --color-small-button-text-border: #3a3a3a;
141    --color-text-field: rgba(0,0,0,0);
142    --color-text-field-text: #000000;
143    --color-navigation-text: #3a3a3a;
144
145    --color-btn-primary: #3a3a3a;
146    --color-btn-primary-darken: #212121;
147    --color-btn-primary-transparent: rgba(58, 58, 58, 0.8);
148    --color-btn-primary-text: #ffffff;
149
150    --color-body: #ffffff;
151    --color-bg: #ffffff;
152    --color-drawer-background: rgba(0, 0, 0, 0.6);
153    --color-bg-alt: rgba(51, 50, 50, 0.05);
154
155    --color-link: var(--color-body-text);
156    --opacity-link-hover: 0.6;
157
158    --color-overlay-title-text: #ffffff;
159    --color-image-overlay: #685858;
160    --opacity-image-overlay: 0.4;
161    --hover-overlay-opacity: 0.8;
162
163    --color-text-focus:#606060;
164    --color-overlay-text-focus:#e6e6e6;
165    --color-btn-primary-focus:#606060;
166    --color-btn-social-focus:#d2d2d2;
167    --color-small-button-text-border-focus:#606060;
168    --predictive-search-focus:#e6e6e6;
169
170    --transition-duration-fast: 100ms;
171    --transition-duration: 250ms;
172    --transition-duration-slow: 400ms;
173    --transition-link-hover: var(--transition-duration-fast) cubic-bezier(0.44, 0.13, 
1730.48, 0.87);
174    --transition-drawer: all var(--transition-duration-slow) cubic-bezier(0.29, 0.63, 0.44, 1);
175
176    --color-disabled: #f4f4f4;
177    --color-disabled-border: #f4f4f4;
178    --color-error: #d20000;
179    --color-error-message-list: #651818;
180    --color-error-bg: #fff8f8;
181    --color-success: #1F873D;
182    --color-success-bg: #f8fff9;
183
184    --color-grey: #B5C1BF;
185    --color-dark-green: #14433D;
186
187    --color-border: #ebebeb;
188    --color-border-form: #cccccc;
189    --color-border-form-darken: #b3b3b3;
190
191    --color-form-text: #333;
192    --color-error-input-text: var(--color-error);
193    --input-padding-top-bottom: 10px;
194    --input-padding-left-right: 18px;
195    --input-padding-top-bottom-small: 8px;
196    --input-padding-left-right-small: 15px;
197    --input-group-height: 46px;
198    --input-group-height-small: 42px;
199    --input-border-width: 1px;
200
201    --color-facebook: #3b5998;
202    --color-twitter: #00aced;
203    --color-pinterest: #cb2027;
204
205    --color-slideshow-arrows: #000;
206    --color-slideshow-dots: #fff;
207
208    --width-site: 1200px;
209    --gutter-site: 55px;
210    --gutter-site-mobile: 22px;
211    --section-spacing: 55px;
212    --section-spacing-small: 35px;
213    --border-radius: 2px;
214    --icon-size: 20px;
215    --connected-submit-size: calc(var(--icon-size) * 2.5);
216
217    --footer-spacing-extra-small: 5px;
218    --footer-spacing-small: 15px;
219    --footer-wrapper-spacing: 18px;
220    --footer-hr-bottom-spacing: 20px;
221    --footer-spacing-medium: 25px;
222    --footer-spacing-large: 45px;
223
224    --z-index-base: 1;
225    --z-index-dropdown: 7;
226    --z-index-sub-nav: 8;
227    --z-index-drawer: 9;
228    --z-index-mobile-nav: 11;
229    --z-index-search-bar: 999;
230    --z-index-predictive-search-wrapper: 1000;
231    --z-index-skip-to-content: 10000; /* really high to be safe of app markup */
232
233    --color-giftcard-tooltip-fallback: #333;
234    --color-giftcard-light: #fff;
235    --color-giftcard-tooltip: rgba(0, 0, 0, 0.9);
236    --color-giftcard-disabled: #999;
237    --color-giftcard-small-text: #b3b3b3;
238    --color-giftcard-shadow: rgba(0, 0, 0, 0.1);
239    --color-giftcard-print-bg: #fff;
240    --color-giftcard-print: #000;
241    --color-giftcard-bg: #e95e61;
242    --z-index-giftcard-image: 2;
243    --z-index-giftcard-corners: 3;
244    --z-index-giftcard-tooltip: 4;
245    --z-index-giftcard-code: 5;
246
247    /*================ Product video ================*/
248    /* Create an appropriate poster background color based on background color and brightness */
249    --color-video-bg: #f2f2f2;
250
251    --video-height-small: 475px;
252    --video-height-medium: 650px;
253    --video-height-large: 775px;
254
255    --z-index-video-image: 1;
256    --z-index-video: 2;
257    --z-index-video-text: 3;
258    --z-index-video-controls: 4;
259    --z-index-video-loader: 5;
260
261    --video-button-wrapper-size: 50px;
262    --video-pause-button-size: 34px;
263    --video-close-button-size: 30px;
264    --video-loader-size: 2.875rem;
265
266    --color-video-controls: #fff;
267    --color-video-controls-background: #000;
268
269    --ease-transition: cubic-bezier(0.44, 0.13, 0.48, 0.87);
270    --transition-controls-video: color 0.2s var(--ease-transition), background-color 0.2s var(--ease-transition);
271
272
273
274    --svg-select-icon: url(//drinkolipop.com/cdn/shop/t/1366/assets/ico-select.svg?v=29003672709104678581773709785);
275    --slick-img-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/ajax-loader.gif?v=41356863302472015721773709641);   
276    --home-banner-new-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-banner-new-wave.png?v=1623156746");
277    --home-blue-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-blue-wave.png?v=1773705965");
278    --story-hero-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-hero-wave.png?v=1773706032");
279    --story-mission-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-mission-wave.png?v=1773706074");
280    --home-bluedark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-bluedark-wave.png?v=1773706124");
281    --home-yellowdark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-yellowdark-wave.png?v=1773706165");
282    --check-symbol-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/check-symbol.svg?v=64434976676356328551773709640);
283    --arrow-down-green-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-green.svg?v=150330452122212680781773709642);
284    --arrow-up-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-up-white.svg?v=167673162154222429001773709643);
285    --arrow-down-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-white.svg?v=68322919614181549641773709643);
286    --preview-card-url: url(//drinkolipop.com/cdn/shop/products/1DigitalGiftCard-WEB-080422-AM_200x.png?v=1767277571);
287    --wave-image-curve-up-left: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-left.svg?v=142377189923728873181773709642);
288    --wave-image-curve-up-right: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-right.svg?v=115639462512050186531773709642);
289  }
290
291    
292  .rebuy-cart__flyout-item-discount-message.promo-sidecart {
293    color: #008168
294  }
295</style>
296
297<style>
298  .tippy-box[data-placement^='top'] > .tippy-svg-arrow {
299    bottom: 0;
300  }
301  .tippy-box[data-placement^='top'] > .tippy-svg-arrow:after,
302  .tippy-box[data-placement^='top'] > .tippy-svg-arrow > svg {
303    top: 16px;
304    transform: rotate(180deg);
305  }
306  .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow {
307    top: 0;
308  }
309  .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow > svg {
310    bottom: 16px;
311  }
312  .tippy-box[data-placement^='left'] > .tippy-svg-arrow {
313    right: 0;
314  }
315  .tippy-box[data-placement^='left'] > .tippy-svg-arrow:after,
316  .tippy-box[data-placement^='left'] > .tippy-svg-arrow > svg {
317    transform: rotate(90deg);
318    top: calc(50% - 3px);
319    left: 11px;
320  }
321  .tippy-box[data-placement^='right'] > .tippy-svg-arrow {
322    left: 0;
323  }
324  .tippy-box[data-placement^='right'] > .tippy-svg-arrow:after,
325  .tippy-box[data-placement^='right'] > .tippy-svg-arrow > svg {
326    transform: rotate(-90deg);
327    top: calc(50% - 3px);
328    right: 11px;
329  }
330  .tippy-svg-arrow {
331    width: 16px;
332    height: 16px;
333    fill: #333;
334    text-align: initial;
335  }
336  .tippy-svg-arrow,
337  .tippy-svg-arrow > svg {
338    position: absolute;
339  }
340  .tippy-box[data-animation='fade'][data-state='hidden'] {
341    opacity: 0;
342  }
343  [data-tippy-root] {
344    max-width: calc(100vw - 10px);
345  }
346  .tippy-box {
347    position: relative;
348    background-color: #333;
349    color: #fff;
350    border-radius: 4px;
351    font-size: 14px;
352    line-height: 1.4;
353    white-space: normal;
354    outline: 0;
355    transition-property: transform, visibility, opacity;
356  }
357  .tippy-box[data-placement^='top'] > .tippy-arrow {
358    bottom: 0;
359  }
360  .tippy-box[data-placement^='top'] > .tippy-arrow:before {
361    bottom: -7px;
362    left: 0;
363    border-width: 8px 8px 0;
364    border-top-color: initial;
365    transform-origin: center top;
366  }
367  .tippy-box[data-placement^='bottom'] > .tippy-arrow {
368    top: 0;
369  }
370  .tippy-box[data-placement^='bottom'] > .tippy-arrow:before {
371    top: -7px;
372    left: 0;
373    border-width: 0 8px 8px;
374    border-bottom-color: initial;
375    transform-origin: center bottom;
376  }
377  .tippy-box[data-placement^='left'] > .tippy-arrow {
378    right: 0;
379  }
380  .tippy-box[data-placement^='left'] > .tippy-arrow:before {
381    border-width: 8px 0 8px 8px;
382    border-left-color: initial;
383    right: -7px;
384    transform-origin: center left;
385  }
386  .tippy-box[data-placement^='right'] > .tippy-arrow {
387    left: 0;
388  }
389  .tippy-box[data-placement^='right'] > .tippy-arrow:before {
390    left: -7px;
391    border-width: 8px 8px 8px 0;
392    border-right-color: initial;
393    transform-origin: center right;
394  }
395  .tippy-box[data-inertia][data-state='visible'] {
396    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
397  }
398  .tippy-arrow {
399    width: 16px;
400    height: 16px;
401    color: #333;
402  }
403  .tippy-arrow:before {
404    content: '';
405    position: absolute;
406    border-color: transparent;
407    border-style: solid;
408  }
409  .tippy-content {
410    position: relative;
411    padding: 5px 9px;
412    z-index: 1;
413  }
414
415  .tippy-box,
416  .tippy-content {
417    @apply tw-border-hunter-green tw-bg-hunter-green tw-font-body tw-text-white;
418    font-size: 12px;
419    font-weight: 600 !important;
420    border-radius: 15px !important;
421    background: #14433d;
422  }
423
424  .tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before {
425    border-top-color: #14433d;
426  }
427  .tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before {
428    border-bottom-color: #14433d;
429  }
430  .tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before {
431    border-left-color: #14433d;
432  }
433  .tippy-box[data-theme~='custom'][data-placement^='right'] > .tippy-arrow::before {
434    border-right-color: #14433d;
435  }
436</style>
437
438<style>
439  .slide-loaded img {
440    display: block;
441  }
442</style>
443
444
445<link href="//drinkolipop.com/cdn/shop/t/1366/assets/tailwind.css?v=130264924762967316861787148487" rel="stylesheet" type="text/css" media="all" />
446<link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.css?v=114477275443962221041790797154" rel="stylesheet" type="text/css" media="all" />
447
448    
449  
449<script>
450    window.Shopify = window.Shopify || {theme: {id: 174423703711, role: 'main' } };
451    window._template = {
452      directory: "customers",
453      name: "login",
454      suffix: ""
455    };
456  </script>
456<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" async></script>
456
457
458
459    
460
461<script>
462  function getCookie(name) {
463    var dc = document.cookie;
464    var prefix = name + '=';
465    var begin = dc.indexOf('; ' + prefix);
466    if (begin == -1) {
467      begin = dc.indexOf(prefix);
468      if (begin != 0) return null;
469    } else {
470      begin += 2;
471      var end = document.cookie.indexOf(';', begin);
472      if (end == -1) {
473        end = dc.length;
474      }
475    }
476    // because unescape has been deprecated, replaced with decodeURI
477    //return unescape(dc.substring(begin + prefix.length, end));
478    return decodeURI(dc.substring(begin + prefix.length, end));
479  }
480
481  function toggleCart() {
482    var myCookie = getCookie('minicart');
483
484    if (myCookie == null) {
485    } else {
486      document.querySelectorAll('[js-header-cart-toggle]')[0].click();
487      document.cookie = 'minicart=open; max-age=-1; path=/;';
488    }
489  }
490
491  window.onload = toggleCart;
492</script>
492
493
494
495    <meta name="google-site-verification" content="629g7SNvjCz_F6-IHLE0Lgn-c8Wivr46zePptazfpDU">
496    <meta name="google-site-verification" content="RIGsAM1gz6RkUJV0cpvpleCzCBKvBdiyRF5vjkg555I">
497    <meta charset="utf-8">
498    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
499    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
500    <meta name="theme-color" content="#3a3a3a">
501    <meta name="facebook-domain-verification" content="pybjwio482kbh6cnks3fufwjx6jg1y">
502    <link rel="canonical" href="https://drinkolipop.com/account/login">
503    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
504    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642" as="font" type="font/woff2" crossorigin>
505    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641" as="font" type="font/woff2" crossorigin>
506    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641" as="font" type="font/woff2" crossorigin>
507    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640" as="font" type="font/woff2" crossorigin>
508
509    
510    
511<link rel="shortcut icon" href="//drinkolipop.com/cdn/shop/files/favicon_32x32.png?v=1613174610" type="image/png"><title>Account
512&ndash; OLIPOP</title>
513
514<!-- /snippets/social-meta-tags.liquid -->
515
516
517
518
519<meta property="og:site_name" content="OLIPOP">
520<meta property="og:url" content="https://drinkolipop.com/account/login"><meta property="og:title" content="Account">
521<meta property="og:type" content="website">
522<meta property="og:description" content="Discover a new kind of soda made with plant fiber and prebiotics. Non-GMO, gluten-free, paleo, and vegan, with high fiber and 2-5g of sugar. Enjoy a variety of delicious, refreshing and classic flavors.">
523
524
525
526
527
528  <meta name="twitter:site" content="@drinkolipop">
529
530<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Account">
531<meta name="twitter:description" content="Discover a new kind of soda made with plant fiber and prebiotics. Non-GMO, gluten-free, paleo, and vegan, with high fiber and 2-5g of sugar. Enjoy a variety of delicious, refreshing and classic flavors.">
532
533<script src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" defer="defer"></script>
533<link href="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641" as="script" rel="preload">
534    <link href="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" as="script" rel="preload">
535    <link href="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" as="script" rel="preload">
536    <link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" as="script" rel="preload">
537
538    
538<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641"></script>
538
539    
539<script src="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" async="async"></script>
539
540    
540<script src="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" async="async"></script>
540
541    
541<script src="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" defer="defer"></script>
541
542
543    
544
545
546
547  
548
549
550  
551
552  
553  
554
555
556<style data-shopify>
557  :root{
558    --flavor-color-overlay: ;
559    --flavor-color-100: ;
560    --flavor-color-200: ;
561    --flavor-color-300: ;
562    
563    --flavor-color-selector: ;
564    
565  }
566</style>
567
568
569    <link
570      rel="preload"
571      href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"
572      as="style"
573      onload="this.onload=null;this.rel='stylesheet'"
574    >
575    <noscript>
576      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css">
577    </noscript>
578
579    
580
581    
581<script>
582  var theme = {
583    breakpoints: {
584      medium: 750,
585      large: 990,
586      widescreen: 1400
587    },
588    strings: {
589      addToCart: "Add to Cart",
590      soldOut: "Sold out",
591      unavailable: "Unavailable",
592      regularPrice: "Regular price",
593      salePrice: "Sale price",
594      sale: "Sale",
595      fromLowestPrice: "Translation missing: en.products.product.from_lowest_price",
596      vendor: "Vendor",
597      showMore: "Show More",
598      showLess: "Show Less",
599      searchFor: "Search for",
600      addressError: "Error looking up that address",
601      addressNoResults: "No results for that address",
602      addressQueryLimit: "You have exceeded the Google API usage limit. Consider upgrading to a \u003ca href=\"https:\/\/developers.google.com\/maps\/premium\/usage-limits\"\u003ePremium Plan\u003c\/a\u003e.",
603      authError: "There was a problem authenticating your Google Maps account.",
604      newWindow: "Opens in a new window.",
605      external: "Opens external website.",
606      newWindowExternal: "Opens external website in a new window.",
607      removeLabel: "Remove [product]",
608      update: "Update",
609      quantity: "Quantity",
610      discountedTotal: "Discounted total",
611      regularTotal: "Regular total",
612      priceColumn: "See Price column for discount details.",
613      quantityMinimumMessage: "Quantity must be 1 or more",
614      cartError: "There was an error while updating your cart. Please try again.",
615      removedItemMessage: "Removed \u003cspan class=\"cart__removed-product-details\"\u003e([quantity]) [link]\u003c\/span\u003e from your cart.",
616      unitPrice: "Unit price",
617      unitPriceSeparator: "per",
618      oneCartCount: "1 item",
619      otherCartCount: "[count] items",
620      quantityLabel: "Quantity: [count]",
621      products: "Products",
622      loading: "Loading",
623      number_of_results: "[result_number] of [results_count]",
624      number_of_results_found: "[results_count] results found",
625      one_result_found: "1 result found"
626    },
627    moneyFormat: "${{amount}}",
628    moneyFormatWithCurrency: "${{amount}} USD",
629    settings: {
630      predictiveSearchEnabled: true,
631      predictiveSearchShowPrice: false,
632      predictiveSearchShowVendor: false
633    }
634  }
635
636  document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
637</script>
637
638
639
640    
641  
641<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
641<meta name="google-site-verification" content="AyZS0I17j-RAsaWg3fqLOEn7aOAY0CZl3vMq1XulJa8">
642<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/3466100806/digital_wallets/dialog">
643<meta id="in-context-paypal-metadata" data-shop-id="3466100806" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
644<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
644<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5986484383"></script>
644
645<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
646<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5986484383&shop_id=3466100806" crossorigin="anonymous"></script>
vendor: 1 bytes, line 646
646
647<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":3466100806,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/3466100806","merchantName":"OLIPOP","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"OLIPOP","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 647
647
648<script id="shopify-features" type="application/json">{"accessToken":"a0ae25720d98fd913b1bf82c3e418359","betas":["rich-media-storefront-analytics"],"domain":"drinkolipop.com","predictiveSearch":true,"shopId":3466100806,"locale":"en"}</script>
vendor: 1 bytes, line 648
648
649<script>var Shopify = Shopify || {};
650Shopify.shop = "olipop-store.myshopify.com";
651Shopify.locale = "en";
652Shopify.currency = {"active":"USD","rate":"1.0"};
653Shopify.country = "US";
654Shopify.theme = {"name":"Production | ehouse","id":174423703711,"schema_name":"Olipop","schema_version":"1.0","theme_store_id":null,"role":"main"};
655Shopify.theme.handle = "null";
656Shopify.theme.style = {"id":null,"handle":null};
657Shopify.cdnHost = "drinkolipop.com/cdn";
658Shopify.routes = Shopify.routes || {};
659Shopify.routes.root = "/";
660Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
661Shopify.SignInWithShop = Shopify.SignInWithShop || {};
662Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
663Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 663
663
664<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 664
664
665<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 665
665
666<script>
667  window.ShopifyPay = window.ShopifyPay || {};
668  window.ShopifyPay.apiHost = "shop.app\/pay";
669  window.ShopifyPay.redirectState = null;
670</script>
vendor: 1 bytes, line 670
670
671<script>
672  window.Shopify = window.Shopify || {};
673  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
674  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
675  window.Shopify.SignInWithShop.eligible = true;
676</script>
vendor: 1 bytes, line 676
676
677<script id="shop-js-analytics" type="application/json">{"pageType":"customers/login"}</script>
vendor: 1 bytes, line 677
677
678<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"></script>
vendor: 1 bytes, line 678
678
679<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"></script>
vendor: 1 bytes, line 679
679
680<script type="module">
681  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js");
682await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js");
683
684  window.Shopify.SignInWithShop?.initCustomerAccounts?.(true, {"fedCMEnabled":true,"windoidEnabled":true});
685window.Shopify.SignInWithShop?.initCustomerAccountsSignUp?.({"fedCMEnabled":true,"windoidEnabled":true});
686
687</script>
vendor: 1 bytes, line 687
687
688<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 688
688
689<script type="module">
690  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
691
692  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
693
694</script>
vendor: 1 bytes, line 694
694
695<script>
696  window.Shopify = window.Shopify || {};
697  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
698  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"]};
699</script>
vendor: 1 bytes, line 699
699
700<script>(function() {
701  var isLoaded = false;
702  function asyncLoad() {
703    if (isLoaded) return;
704    isLoaded = true;
705    var urls = ["\/\/www.powr.io\/powr.js?powr-token=olipop-store.myshopify.com\u0026external-type=shopify\u0026shop=olipop-store.myshopify.com","https:\/\/superfiliate-cdn.com\/storefront.js?shop=olipop-store.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCBRTCW1BSVKV4RDGWD144S?source=shopify1click\u0026shop=olipop-store.myshopify.com","https:\/\/bundle.dyn-rev.app\/loader.js?g_cvt_id=606b3ec6-434e-4406-977a-2f31d50b593d\u0026shop=olipop-store.myshopify.com","\/\/cdn.shopify.com\/proxy\/7977e5caf48a8fd2886cb5ce33b3bc6fa81e666114b459b42428caf354afed59\/apps.bazaarvoice.com\/deployments\/olipop\/main_site\/production\/en_US\/bv.js?shop=olipop-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/services.nofraud.com\/js\/device.js?shop=olipop-store.myshopify.com","https:\/\/shopify-extension.getredo.com\/main.js?widget_id=jmio6aqkm5hqvde\u0026shop=olipop-store.myshopify.com","\/\/backinstock.useamp.com\/widget\/18397_1783059051.js?category=bis\u0026v=6\u0026shop=olipop-store.myshopify.com"];
706    for (var i = 0; i < urls.length; i++) {
707      var s = document.createElement('script');
708      s.type = 'text/javascript';
709      s.async = true;
710      s.src = urls[i];
711      var x = document.getElementsByTagName('script')[0];
712      x.parentNode.insertBefore(s, x);
713    }
714  };
715  if(window.attachEvent) {
716    window.attachEvent('onload', asyncLoad);
717  } else {
718    window.addEventListener('load', asyncLoad, false);
719  }
720})();</script>
vendor: 1 bytes, line 720
720
721<script id="__st">var __st={"a":3466100806,"offset":-25200,"reqid":"7f0a254f-262e-482d-b9a3-0152291f64b4-1790917207","pageurl":"drinkolipop.com\/account\/login","u":"a1fadde4d3a3"};</script>
vendor: 1 bytes, line 721
721
722<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 722
722
723<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'])})(!1,!0)}();</script>
vendor: 1 bytes, line 723
723
724<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 724
724
725<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 = "//drinkolipop.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>
725<script crossorigin="anonymous" defer="defer" src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 725
725
726<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 726
726
727<script>
728  window.Shopify = window.Shopify || {};
729  window.Shopify.MCP = window.Shopify.MCP || {};
730  window.Shopify.MCP.enabled = true;
731  window.Shopify.MCP.shop = "olipop-store.myshopify.com";
732  window.Shopify.MCP.mcpEndpoint = "https:\/\/drinkolipop.com\/api\/mcp";
733  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"]}}];
734</script>
vendor: 1 bytes, line 734
734
735<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("\/\/drinkolipop.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
736</script>
vendor: 1 bytes, line 736
736
737<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://drinkolipop.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
738</script>
vendor: 1 bytes, line 738
738
739<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
740  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);
741</script>
vendor: 1 bytes, line 741
741
742<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})}}));
743</script>
743
744<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://drinkolipop.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
745<style id="shopify-accelerated-checkout-cart">
746        #shopify-buyer-consent {
747  margin-top: 1em;
748  display: inline-block;
749  width: 100%;
750}
751
752#shopify-buyer-consent.hidden {
753  display: none;
754}
755
756#shopify-subscription-policy-button {
757  background: none;
758  border: none;
759  padding: 0;
760  text-decoration: underline;
761  font-size: inherit;
762  cursor: pointer;
763}
764
765#shopify-subscription-policy-button::before {
766  box-shadow: none;
767}
768
769      </style>
770
771<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
771
772  
773
774
775
776
777
778  
778<script type="text/javascript">
779    
780      window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}};
781    
782    window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || {
783      currency: "USD",
784      currency_symbol: "$",
785      decimal_separator: ".",
786      thousands_separator: ",",
787      decimal_places: 2,
788      currency_symbol_location: "left"
789    };
790  </script>
790
791
792
793
794    
795    
796
797<script type="text/javascript">
798  
799    window.SHG_CUSTOMER = null;
800  
801</script>
801
802
803
804
805
806
807
808
809    
809<script type="text/javascript">
810  (function (a, b, c, d, e, f, g) {
811    e['ire_o'] = c;
812    e[c] =
813      e[c] ||
814      function () {
815        (e[c].a = e[c].a || []).push(arguments);
816      };
817    f = d.createElement(b);
818    g = d.getElementsByTagName(b)[0];
819    f.async = 1;
820    f.src = a;
821    g.parentNode.insertBefore(f, g);
822  })('https://utt.impactcdn.com/A2662258-414b-48e3-94ab-d5cc41204ee91.js', 'script', 'ire', document, window);
823</script>
823
824
825    
826
827
828    
829
830<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js"></script>
830
831
832<script type="text/javascript">
833  var _learnq = _learnq || [];
834
835  
836    var page_item = {
837      "Page": "account",
838      "Path": "/account/login"
839    };
840    _learnq.push(["track", "Viewed Page", page_item]);
841
842  
843</script>
843
844
845
846    
847
848    
849
850    
851
852    
853    
854    
855      
855<script src="https://shop.basketful.co/basketful.js" defer async></script>
855
856    
857    
857<script src="//drinkolipop.com/cdn/shop/t/1366/assets/manifest.min.js?v=124651888751126447011773709641" type="text/javascript"></script>
vendor: 1 bytes, line 857
857
858<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.min.js?v=32262416620800875671773709641" type="text/javascript"></script>
vendor: 1 bytes, line 858
858
859<script src="//drinkolipop.com/cdn/shop/t/1366/assets/app.min.js?v=89531106029643191081787148487" type="text/javascript"></script>
859
860
861    
862  
862<script type="text/javascript">
863    (function (c, l, a, r, i, t, y) {
864      c[a] =
865        c[a] ||
866        function () {
867          (c[a].q = c[a].q || []).push(arguments);
868        };
869      t = l.createElement(r);
870      t.async = 1;
871      t.src = 'https://www.clarity.ms/tag/' + i;
872      y = l.getElementsByTagName(r)[0];
873      y.parentNode.insertBefore(t, y);
874    })(window, document, 'clarity', 'script', 'm5uhteaodo');
875  </script>
875
876
877
878    
879  
879<script type="text/javascript" async="true" src="https://d334twvzz0qrmj.cloudfront.net/70a0ac8d.js"></script>
879
880  
880<script>
881    document.addEventListener('DOMContentLoaded', () => {
882      if (window?.gtag) {
883        window.gtag('event', 'BrandlockTest', { bl_ea: 'BrandlockTest', bl_el: 'BrandlockTest' });
884        window.gtag('event', 'BrandlockTest', { bl_ea: 'HijackShopper-ON', bl_el: 'Test' });
885      }
886    });
887  </script>
887
888
889
890    
891<!-- BEGIN app block: shopify://apps/intelligems-a-b-testing/blocks/intelligems-script/fa83b64c-0c77-4c0c-b4b2-b94b42f5ef19 -->
891<script>
892  window._template = {
893    directory: "customers",
894    name: "login",
895    suffix: ""
896  };
897  window.__productIdFromTemplate = null;
898  window.__plpCollectionIdFromTemplate = null;
899  window.igProductData = (function() {
900    const data = {};return data;
901  })();
902</script>
902
903
904<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" data-em-disable async></script>
904
905
906
907<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 -->
908
909
910
911<script type="module" dynamic>
912  const configUrl = "/a/elevar/static/configs/3bd4c3efadb9bd7b389600baaae057f8a9972102/config.js";
913  const config = (await import(configUrl)).default;
914  const scriptUrl = config.script_src_app_theme_embed;
915
916  if (scriptUrl) {
917    const { handler } = await import(scriptUrl);
918
919    await handler(
920      config,
921      {
922        cartData: {
923  marketId: "3724869791",
924  localeCountryCode:"US",
925  attributes:{},
926  cartTotal: "0.0",
927  currencyCode:"USD",
928  items: []
929}
930,
931        user: {
932  cartTotal: "0.0",
933  currencyCode:"USD",
934  customer: {},
935}
936,
937        isOnCartPage:false,
938        collectionView:null,
939        searchResultsView:null,
940        productView:null,
941      }
942    );
943  }
944</script>
944
945
946
947<!-- END app block --><!-- BEGIN app block: shopify://apps/keepcart-coupon-protect/blocks/keepcart/6c9b264a-3284-48f2-a6f6-2836be6ada2a -->
948
949
950
951
952<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/vars.generated.js" defer="defer"></script>
952
953
954  
954<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-catalog.min.js" defer="defer"></script>
954
955
956<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-deferred.min.js" defer="defer"></script>
956
957
958
959  <style>
960    #kc-discount-banner {
961      
962        --kc-banner-bg: #1a1a1a;
963      
964      
965        --kc-banner-color: #f5f5f5;
966      
967      --kc-banner-font-size: 15px;
968      --kc-banner-font: Helvetica, Arial, sans-serif;
969    }
970    
971  </style>
972  
972<script>
973    window.__KC_BANNER_CONFIG__ = {
974      position: "bottom",
975      autoHide: 7,
976      animate: true,
977      message: "Discount [code] applied - [value] off your order!"
978    };
979  </script>
979
980
981
982
983<!-- END app block --><!-- BEGIN app block: shopify://apps/attributepro/blocks/cart_attributes/e1a73f15-800a-4f25-9c6e-952ac434f07b -->
vendor: 7,991 bytes, lines 983-985
983<script>
984var xhook=function(){"use strict";const e=(e,t)=>Array.prototype.slice.call(e,t);let t=null;"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?t=self:"undefined"!=typeof global?t=global:window&&(t=window);const n=t,o=t.document,r=["load","loadend","loadstart"],s=["progress","abort","error","timeout"],a=e=>["returnValue","totalSize","position"].includes(e),i=function(e,t){for(let n in e){if(a(n))continue;const o=e[n];try{t[n]=o}catch(e){}}return t},c=function(e,t,n){const o=e=>function(o){const r={};for(let e in o){if(a(e))continue;const s=o[e];r[e]=s===t?n:s}return n.dispatchEvent(e,r)};for(let r of Array.from(e))n._has(r)&&(t[`on${r}`]=o(r))},u=function(e){if(o&&null!=o.createEventObject){const t=o.createEventObject();return t.type=e,t}try{return new Event(e)}catch(t){return{type:e}}},l=function(t){let n={};const o=e=>n[e]||[],r={addEventListener:function(e,t,r){n[e]=o(e),n[e].indexOf(t)>=0||(r=void 0===r?n[e].length:r,n[e].splice(r,0,t))},removeEventListener:function(e,t){if(void 0===e)return void(n={});void 0===t&&(n[e]=[]);const r=o(e).indexOf(t);-1!==r&&o(e).splice(r,1)},dispatchEvent:function(){const n=e(arguments),s=n.shift();t||(n[0]=i(n[0],u(s)),Object.defineProperty(n[0],"target",{writable:!1,value:this}));const a=r[`on${s}`];a&&a.apply(r,n);const c=o(s).concat(o("*"));for(let e=0;e<c.length;e++){c[e].apply(r,n)}},_has:e=>!(!n[e]&&!r[`on${e}`])};return t&&(r.listeners=t=>e(o(t)),r.on=r.addEventListener,r.off=r.removeEventListener,r.fire=r.dispatchEvent,r.once=function(e,t){var n=function(){return r.off(e,n),t.apply(null,arguments)};return r.on(e,n)},r.destroy=()=>n={}),r};var f=function(e,t){switch(typeof e){case"object":return n=e,Object.entries(n).map((([e,t])=>`${e.toLowerCase()}: ${t}`)).join("\r\n");case"string":return function(e,t){const n=e.split("\r\n");null==t&&(t={});for(let e of n)if(/([^:]+):\s*(.+)/.test(e)){const e=null!=RegExp.$1?RegExp.$1.toLowerCase():void 0,n=RegExp.$2;null==t[e]&&(t[e]=n)}return t}(e,t)}var n;return[]};const d=l(!0),p=e=>void 0===e?null:e,h=n.XMLHttpRequest,y=function(){const e=new h,t={};let n,o,a,u=null;var y=0;const v=function(){if(a.status=u||e.status,-1!==u&&(a.statusText=e.statusText),-1===u);else{const t=f(e.getAllResponseHeaders());for(let e in t){const n=t[e];if(!a.headers[e]){const t=e.toLowerCase();a.headers[t]=n}}}},b=function(){x.status=a.status,x.statusText=a.statusText},g=function(){n||x.dispatchEvent("load",{}),x.dispatchEvent("loadend",{}),n&&(x.readyState=0)},E=function(e){for(;e>y&&y<4;)x.readyState=++y,1===y&&x.dispatchEvent("loadstart",{}),2===y&&b(),4===y&&(b(),"text"in a&&(x.responseText=a.text),"xml"in a&&(x.responseXML=a.xml),"data"in a&&(x.response=a.data),"finalUrl"in a&&(x.responseURL=a.finalUrl)),x.dispatchEvent("readystatechange",{}),4===y&&(!1===t.async?g():setTimeout(g,0))},m=function(e){if(4!==e)return void E(e);const n=d.listeners("after");var o=function(){if(n.length>0){const e=n.shift();2===e.length?(e(t,a),o()):3===e.length&&t.async?e(t,a,o):o()}else E(4)};o()};var x=l();t.xhr=x,e.onreadystatechange=function(t){try{2===e.readyState&&v()}catch(e){}4===e.readyState&&(o=!1,v(),function(){if(e.responseType&&"text"!==e.responseType)"document"===e.responseType?(a.xml=e.responseXML,a.data=e.responseXML):a.data=e.response;else{a.text=e.responseText,a.data=e.responseText;try{a.xml=e.responseXML}catch(e){}}"responseURL"in e&&(a.finalUrl=e.responseURL)}()),m(e.readyState)};const w=function(){n=!0};x.addEventListener("error",w),x.addEventListener("timeout",w),x.addEventListener("abort",w),x.addEventListener("progress",(function(t){y<3?m(3):e.readyState<=3&&x.dispatchEvent("readystatechange",{})})),"withCredentials"in e&&(x.withCredentials=!1),x.status=0;for(let e of Array.from(s.concat(r)))x[`on${e}`]=null;if(x.open=function(e,r,s,i,c){y=0,n=!1,o=!1,t.headers={},t.headerNames={},t.status=0,t.method=e,t.url=r,t.async=!1!==s,t.user=i,t.pass=c,a={},a.headers={},m(1)},x.send=function(n){let u,l;for(u of["type","timeout","withCredentials"])l="type"===u?"responseType":u,l in x&&(t[u]=x[l]);t.body=n;const f=d.listeners("before");var p=function(){if(!f.length)return function(){for(u of(c(s,e,x),x.upload&&c(s.concat(r),e.upload,x.upload),o=!0,e.open(t.method,t.url,t.async,t.user,t.pass),["type","timeout","withCredentials"]))l="type"===u?"responseType":u,u in t&&(e[l]=t[u]);for(let n in t.headers){const o=t.headers[n];n&&e.setRequestHeader(n,o)}e.send(t.body)}();const n=function(e){if("object"==typeof e&&("number"==typeof e.status||"number"==typeof a.status))return i(e,a),"data"in e||(e.data=e.response||e.text),void m(4);p()};n.head=function(e){i(e,a),m(2)},n.progress=function(e){i(e,a),m(3)};const d=f.shift();1===d.length?n(d(t)):2===d.length&&t.async?d(t,n):n()};p()},x.abort=function(){u=-1,o?e.abort():x.dispatchEvent("abort",{})},x.setRequestHeader=function(e,n){const o=null!=e?e.toLowerCase():void 0,r=t.headerNames[o]=t.headerNames[o]||e;t.headers[r]&&(n=t.headers[r]+", "+n),t.headers[r]=n},x.getResponseHeader=e=>p(a.headers[e?e.toLowerCase():void 0]),x.getAllResponseHeaders=()=>p(f(a.headers)),e.overrideMimeType&&(x.overrideMimeType=function(){e.overrideMimeType.apply(e,arguments)}),e.upload){let e=l();x.upload=e,t.upload=e}return x.UNSENT=0,x.OPENED=1,x.HEADERS_RECEIVED=2,x.LOADING=3,x.DONE=4,x.response="",x.responseText="",x.responseXML=null,x.readyState=0,x.statusText="",x};y.UNSENT=0,y.OPENED=1,y.HEADERS_RECEIVED=2,y.LOADING=3,y.DONE=4;var v={patch(){h&&(n.XMLHttpRequest=y)},unpatch(){h&&(n.XMLHttpRequest=h)},Native:h,Xhook:y};function b(e,t,n,o){return new(n||(n=Promise))((function(r,s){function a(e){try{c(o.next(e))}catch(e){s(e)}}function i(e){try{c(o.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,i)}c((o=o.apply(e,t||[])).next())}))}const g=n.fetch;function E(e){return e instanceof Headers?m([...e.entries()]):Array.isArray(e)?m(e):e}function m(e){return e.reduce(((e,[t,n])=>(e[t]=n,e)),{})}const x=function(e,t={headers:{}}){let n=Object.assign(Object.assign({},t),{isFetch:!0});if(e instanceof Request){const o=function(e){let t={};return["method","headers","body","mode","credentials","cache","redirect","referrer","referrerPolicy","integrity","keepalive","signal","url"].forEach((n=>t[n]=e[n])),t}(e),r=Object.assign(Object.assign({},E(o.headers)),E(n.headers));n=Object.assign(Object.assign(Object.assign({},o),t),{headers:r,acceptedRequest:!0})}else n.url=e;const o=d.listeners("before"),r=d.listeners("after");return new Promise((function(t,s){let a=t;const i=function(e){if(!r.length)return a(e);const t=r.shift();return 2===t.length?(t(n,e),i(e)):3===t.length?t(n,e,i):i(e)},c=function(e){if(void 0!==e){const n=new Response(e.body||e.text,e);return t(n),void i(n)}u()},u=function(){if(!o.length)return void l();const e=o.shift();return 1===e.length?c(e(n)):2===e.length?e(n,c):void 0},l=()=>b(this,void 0,void 0,(function*(){const{url:t,isFetch:o,acceptedRequest:r}=n,c=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}(n,["url","isFetch","acceptedRequest"]);return e instanceof Request&&c.body instanceof ReadableStream&&(c.body=yield new Response(c.body).text()),g(t,c).then((e=>i(e))).catch((function(e){return a=s,i(e),s(e)}))}));u()}))};var w={patch(){g&&(n.fetch=x)},unpatch(){g&&(n.fetch=g)},Native:g,Xhook:x};const O=d;return O.EventEmitter=l,O.before=function(e,t){if(e.length<1||e.length>2)throw"invalid hook";return O.on("before",e,t)},O.after=function(e,t){if(e.length<2||e.length>3)throw"invalid hook";return O.on("after",e,t)},O.enable=function(){v.patch(),w.patch()},O.disable=function(){v.unpatch(),w.unpatch()},O.XMLHttpRequest=v.Native,O.fetch=w.Native,O.headers=f,O.enable(),O}();
985</script>
vendor: 1 bytes, line 985
985
vendor: 14,012 bytes, lines 986-1434
986<script>
987;(function(root, factory) {
988  if (typeof define === "function" && define.amd) {
989    define(factory);
990  } else if (typeof exports === "object") {
991    module.exports = factory();
992  } else {
993    root.jsonLogic = factory();
994  }
995}(this, function() {
996  "use strict";
997  /* globals console:false */
998
999  if ( ! Array.isArray) {
1000    Array.isArray = function(arg) {
1001      return Object.prototype.toString.call(arg) === "[object Array]";
1002    };
1003  }
1004
1005  /**
1006   * Return an array that contains no duplicates (original not modified)
1007   * @param  {array} array   Original reference array
1008   * @return {array}         New array with no duplicates
1009   */
1010  function arrayUnique(array) {
1011    var a = [];
1012    for (var i=0, l=array.length; i<l; i++) {
1013      if (a.indexOf(array[i]) === -1) {
1014        a.push(array[i]);
1015      }
1016    }
1017    return a;
1018  }
1019
1020  var jsonLogic = {};
1021  var operations = {
1022    "==": function(a, b) {
1023      return a == b;
1024    },
1025    "===": function(a, b) {
1026      return a === b;
1027    },
1028    "!=": function(a, b) {
1029      return a != b;
1030    },
1031    "!==": function(a, b) {
1032      return a !== b;
1033    },
1034    ">": function(a, b) {
1035      return a > b;
1036    },
1037    ">=": function(a, b) {
1038      return a >= b;
1039    },
1040    "<": function(a, b, c) {
1041      return (c === undefined) ? a < b : (a < b) && (b < c);
1042    },
1043    "<=": function(a, b, c) {
1044      return (c === undefined) ? a <= b : (a <= b) && (b <= c);
1045    },
1046    "!!": function(a) {
1047      return jsonLogic.truthy(a);
1048    },
1049    "!": function(a) {
1050      return !jsonLogic.truthy(a);
1051    },
1052    "%": function(a, b) {
1053      return a % b;
1054    },
1055    "log": function(a) {
1056      console.log(a); return a;
1057    },
1058    "in": function(a, b) {
1059      if (!b || typeof b.indexOf === "undefined") return false;
1060      return (b.indexOf(a) !== -1);
1061    },
1062    "cat": function() {
1063      return Array.prototype.join.call(arguments, "");
1064    },
1065    "substr": function(source, start, end) {
1066      if (end < 0) {
1067        // JavaScript doesn't support negative end, this emulates PHP behavior
1068        var temp = String(source).substr(start);
1069        return temp.substr(0, temp.length + end);
1070      }
1071      return String(source).substr(start, end);
1072    },
1073    "+": function() {
1074      return Array.prototype.reduce.call(arguments, function(a, b) {
1075        return parseFloat(a, 10) + parseFloat(b, 10);
1076      }, 0);
1077    },
1078    "*": function() {
1079      return Array.prototype.reduce.call(arguments, function(a, b) {
1080        return parseFloat(a, 10) * parseFloat(b, 10);
1081      });
1082    },
1083    "-": function(a, b) {
1084      if (b === undefined) {
1085        return -a;
1086      } else {
1087        return a - b;
1088      }
1089    },
1090    "/": function(a, b) {
1091      return a / b;
1092    },
1093    "min": function() {
1094      return Math.min.apply(this, arguments);
1095    },
1096    "max": function() {
1097      return Math.max.apply(this, arguments);
1098    },
1099    "merge": function() {
1100      return Array.prototype.reduce.call(arguments, function(a, b) {
1101        return a.concat(b);
1102      }, []);
1103    },
1104    "var": function(a, b) {
1105      var not_found = (b === undefined) ? null : b;
1106      var data = this;
1107      if (typeof a === "undefined" || a==="" || a===null) {
1108        return data;
1109      }
1110      var sub_props = String(a).split(".");
1111      for (var i = 0; i < sub_props.length; i++) {
1112        if (data === null || data === undefined) {
1113          return not_found;
1114        }
1115        // Descending into data
1116        data = data[sub_props[i]];
1117        if (data === undefined) {
1118          return not_found;
1119        }
1120      }
1121      return data;
1122    },
1123    "missing": function() {
1124      /*
1125      Missing can receive many keys as many arguments, like {"missing:[1,2]}
1126      Missing can also receive *one* argument that is an array of keys,
1127      which typically happens if it's actually acting on the output of another command
1128      (like 'if' or 'merge')
1129      */
1130
1131      var missing = [];
1132      var keys = Array.isArray(arguments[0]) ? arguments[0] : arguments;
1133
1134      for (var i = 0; i < keys.length; i++) {
1135        var key = keys[i];
1136        var value = jsonLogic.apply({"var": key}, this);
1137        if (value === null || value === "") {
1138          missing.push(key);
1139        }
1140      }
1141
1142      return missing;
1143    },
1144    "missing_some": function(need_count, options) {
1145      // missing_some takes two arguments, how many (minimum) items must be present, and an array of keys (just like 'missing') to check for presence.
1146      var are_missing = jsonLogic.apply({"missing": options}, this);
1147
1148      if (options.length - are_missing.length >= need_count) {
1149        return [];
1150      } else {
1151        return are_missing;
1152      }
1153    },
1154  };
1155
1156  jsonLogic.is_logic = function(logic) {
1157    return (
1158      typeof logic === "object" && // An object
1159      logic !== null && // but not null
1160      ! Array.isArray(logic) && // and not an array
1161      Object.keys(logic).length === 1 // with exactly one key
1162    );
1163  };
1164
1165  /*
1166  This helper will defer to the JsonLogic spec as a tie-breaker when different language interpreters define different behavior for the truthiness of primitives.  E.g., PHP considers empty arrays to be falsy, but Javascript considers them to be truthy. JsonLogic, as an ecosystem, needs one consistent answer.
1167
1168  Spec and rationale here: http://jsonlogic.com/truthy
1169  */
1170  jsonLogic.truthy = function(value) {
1171    if (Array.isArray(value) && value.length === 0) {
1172      return false;
1173    }
1174    return !! value;
1175  };
1176
1177
1178  jsonLogic.get_operator = function(logic) {
1179    return Object.keys(logic)[0];
1180  };
1181
1182  jsonLogic.get_values = function(logic) {
1183    return logic[jsonLogic.get_operator(logic)];
1184  };
1185
1186  jsonLogic.apply = function(logic, data) {
1187    // Does this array contain logic? Only one way to find out.
1188    if (Array.isArray(logic)) {
1189      return logic.map(function(l) {
1190        return jsonLogic.apply(l, data);
1191      });
1192    }
1193    // You've recursed to a primitive, stop!
1194    if ( ! jsonLogic.is_logic(logic) ) {
1195      return logic;
1196    }
1197
1198    var op = jsonLogic.get_operator(logic);
1199    var values = logic[op];
1200    var i;
1201    var current;
1202    var scopedLogic;
1203    var scopedData;
1204    var initial;
1205
1206    // easy syntax for unary operators, like {"var" : "x"} instead of strict {"var" : ["x"]}
1207    if ( ! Array.isArray(values)) {
1208      values = [values];
1209    }
1210
1211    // 'if', 'and', and 'or' violate the normal rule of depth-first calculating consequents, let each manage recursion as needed.
1212    if (op === "if" || op == "?:") {
1213      /* 'if' should be called with a odd number of parameters, 3 or greater
1214      This works on the pattern:
1215      if( 0 ){ 1 }else{ 2 };
1216      if( 0 ){ 1 }else if( 2 ){ 3 }else{ 4 };
1217      if( 0 ){ 1 }else if( 2 ){ 3 }else if( 4 ){ 5 }else{ 6 };
1218
1219      The implementation is:
1220      For pairs of values (0,1 then 2,3 then 4,5 etc)
1221      If the first evaluates truthy, evaluate and return the second
1222      If the first evaluates falsy, jump to the next pair (e.g, 0,1 to 2,3)
1223      given one parameter, evaluate and return it. (it's an Else and all the If/ElseIf were false)
1224      given 0 parameters, return NULL (not great practice, but there was no Else)
1225      */
1226      for (i = 0; i < values.length - 1; i += 2) {
1227        if ( jsonLogic.truthy( jsonLogic.apply(values[i], data) ) ) {
1228          return jsonLogic.apply(values[i+1], data);
1229        }
1230      }
1231      if (values.length === i+1) {
1232        return jsonLogic.apply(values[i], data);
1233      }
1234      return null;
1235    } else if (op === "and") { // Return first falsy, or last
1236      for (i=0; i < values.length; i+=1) {
1237        current = jsonLogic.apply(values[i], data);
1238        if ( ! jsonLogic.truthy(current)) {
1239          return current;
1240        }
1241      }
1242      return current; // Last
1243    } else if (op === "or") {// Return first truthy, or last
1244      for (i=0; i < values.length; i+=1) {
1245        current = jsonLogic.apply(values[i], data);
1246        if ( jsonLogic.truthy(current) ) {
1247          return current;
1248        }
1249      }
1250      return current; // Last
1251    } else if (op === "filter") {
1252      scopedData = jsonLogic.apply(values[0], data);
1253      scopedLogic = values[1];
1254
1255      if ( ! Array.isArray(scopedData)) {
1256        return [];
1257      }
1258      // Return only the elements from the array in the first argument,
1259      // that return truthy when passed to the logic in the second argument.
1260      // For parity with JavaScript, reindex the returned array
1261      return scopedData.filter(function(datum) {
1262        return jsonLogic.truthy( jsonLogic.apply(scopedLogic, datum));
1263      });
1264    } else if (op === "map") {
1265      scopedData = jsonLogic.apply(values[0], data);
1266      scopedLogic = values[1];
1267
1268      if ( ! Array.isArray(scopedData)) {
1269        return [];
1270      }
1271
1272      return scopedData.map(function(datum) {
1273        return jsonLogic.apply(scopedLogic, datum);
1274      });
1275    } else if (op === "reduce") {
1276      scopedData = jsonLogic.apply(values[0], data);
1277      scopedLogic = values[1];
1278      initial = typeof values[2] !== "undefined" ? values[2] : null;
1279
1280      if ( ! Array.isArray(scopedData)) {
1281        return initial;
1282      }
1283
1284      return scopedData.reduce(
1285        function(accumulator, current) {
1286          return jsonLogic.apply(
1287            scopedLogic,
1288            {current: current, accumulator: accumulator}
1289          );
1290        },
1291        initial
1292      );
1293    } else if (op === "all") {
1294      scopedData = jsonLogic.apply(values[0], data);
1295      scopedLogic = values[1];
1296      // All of an empty set is false. Note, some and none have correct fallback after the for loop
1297      if ( ! Array.isArray(scopedData) || ! scopedData.length) {
1298        return false;
1299      }
1300      for (i=0; i < scopedData.length; i+=1) {
1301        if ( ! jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) {
1302          return false; // First falsy, short circuit
1303        }
1304      }
1305      return true; // All were truthy
1306    } else if (op === "none") {
1307      scopedData = jsonLogic.apply(values[0], data);
1308      scopedLogic = values[1];
1309
1310      if ( ! Array.isArray(scopedData) || ! scopedData.length) {
1311        return true;
1312      }
1313      for (i=0; i < scopedData.length; i+=1) {
1314        if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) {
1315          return false; // First truthy, short circuit
1316        }
1317      }
1318      return true; // None were truthy
1319    } else if (op === "some") {
1320      scopedData = jsonLogic.apply(values[0], data);
1321      scopedLogic = values[1];
1322
1323      if ( ! Array.isArray(scopedData) || ! scopedData.length) {
1324        return false;
1325      }
1326      for (i=0; i < scopedData.length; i+=1) {
1327        if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) {
1328          return true; // First truthy, short circuit
1329        }
1330      }
1331      return false; // None were truthy
1332    }
1333
1334    // Everyone else gets immediate depth-first recursion
1335    values = values.map(function(val) {
1336      return jsonLogic.apply(val, data);
1337    });
1338
1339
1340    // The operation is called with "data" bound to its "this" and "values" passed as arguments.
1341    // Structured commands like % or > can name formal arguments while flexible commands (like missing or merge) can operate on the pseudo-array arguments
1342    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments
1343    if (operations.hasOwnProperty(op) && typeof operations[op] === "function") {
1344      return operations[op].apply(data, values);
1345    } else if (op.indexOf(".") > 0) { // Contains a dot, and not in the 0th position
1346      var sub_ops = String(op).split(".");
1347      var operation = operations;
1348      for (i = 0; i < sub_ops.length; i++) {
1349        if (!operation.hasOwnProperty(sub_ops[i])) {
1350          throw new Error("Unrecognized operation " + op +
1351            " (failed at " + sub_ops.slice(0, i+1).join(".") + ")");
1352        }
1353        // Descending into operations
1354        operation = operation[sub_ops[i]];
1355      }
1356
1357      return operation.apply(data, values);
1358    }
1359
1360    throw new Error("Unrecognized operation " + op );
1361  };
1362
1363  jsonLogic.uses_data = function(logic) {
1364    var collection = [];
1365
1366    if (jsonLogic.is_logic(logic)) {
1367      var op = jsonLogic.get_operator(logic);
1368      var values = logic[op];
1369
1370      if ( ! Array.isArray(values)) {
1371        values = [values];
1372      }
1373
1374      if (op === "var") {
1375        // This doesn't cover the case where the arg to var is itself a rule.
1376        collection.push(values[0]);
1377      } else {
1378        // Recursion!
1379        values.forEach(function(val) {
1380          collection.push.apply(collection, jsonLogic.uses_data(val) );
1381        });
1382      }
1383    }
1384
1385    return arrayUnique(collection);
1386  };
1387
1388  jsonLogic.add_operation = function(name, code) {
1389    operations[name] = code;
1390  };
1391
1392  jsonLogic.rm_operation = function(name) {
1393    delete operations[name];
1394  };
1395
1396  jsonLogic.rule_like = function(rule, pattern) {
1397    // console.log("Is ". JSON.stringify(rule) . " like " . JSON.stringify(pattern) . "?");
1398    if (pattern === rule) {
1399      return true;
1400    } // TODO : Deep object equivalency?
1401    if (pattern === "@") {
1402      return true;
1403    } // Wildcard!
1404    if (pattern === "number") {
1405      return (typeof rule === "number");
1406    }
1407    if (pattern === "string") {
1408      return (typeof rule === "string");
1409    }
1410    if (pattern === "array") {
1411      // !logic test might be superfluous in JavaScript
1412      return Array.isArray(rule) && ! jsonLogic.is_logic(rule);
1413    }
1414
1415    if (jsonLogic.is_logic(pattern)) {
1416      if (jsonLogic.is_logic(rule)) {
1417        var pattern_op = jsonLogic.get_operator(pattern);
1418        var rule_op = jsonLogic.get_operator(rule);
1419
1420        if (pattern_op === "@" || pattern_op === rule_op) {
1421          // echo "\nOperators match, go deeper\n";
1422          return jsonLogic.rule_like(
1423            jsonLogic.get_values(rule, false),
1424            jsonLogic.get_values(pattern, false)
1425          );
1426        }
1427      }
1428      return false; // pattern is logic, rule isn't, can't be eq
1429    }
1430
1431    if (Array.isArray(pattern)) {
1432      if (Array.isArray(rule)) {
1433        if (pattern.length !== rule.length) {
1434          return false;
1435        }
1436        /*
1437          Note, array order MATTERS, because we're using this array test logic to consider arguments, where order can matter. (e.g., + is commutative, but '-' or 'if' or 'var' are NOT)
1438        */
1439        for (var i = 0; i < pattern.length; i += 1) {
1440          // If any fail, we fail
1441          if ( ! jsonLogic.rule_like(rule[i], pattern[i])) {
1442            return false;
1443          }
1444        }
1445        return true; // If they *all* passed, we pass
1446      } else {
1447        return false; // Pattern is array, rule isn't
1448      }
1449    }
1450
1451    // Not logic, not array, not a === match for rule.
1452    return false;
1453  };
1454
1455  return jsonLogic;
1456}));
1457</script>
1457<!-- BEGIN app snippet: properties_mapping -->
1457<script>
1458const ap_Config = {
1459    page_title: "Account",
1460    cart: {
1461      checkout_charge_amount: 0,
1462      item_count: 0,
1463      note: null,
1464      total_discount: 0,
1465      total_price: 0,
1466    },
1467    date: new Date().toISOString().split('T')[0],
1468    date_time: new Date().toISOString(),
1469    localization : {
1470      country: {
1471        iso_code: "US",
1472        currency: {
1473          symbol: "$"
1474        }
1475      },
1476      market: {
1477        handle: 'us',
1478        id: 3724869791
1479      }
1480    },
1481    customer: {
1482      b2b: null,
1483      current_company: {        
1484        name: null      
1485      },
1486      email: null,
1487      last_order: {
1488        id: null
1489      }
1490    },
1491    shop: {
1492      address:{
1493        address1: "360 Grand Ave #259",
1494        address2: "",
1495        city: "Oakland",
1496        country: "United States",
1497        province: "California",
1498        province_code: "CA",
1499      }
1500    },
1501}
1502</script>
1502<!-- END app snippet -->
1502<script type="module">
1503  const ROOT_URL = typeof window.Shopify.routes.root == "undefined" ? "/" : window.Shopify.routes.root;
1504  const getInterpolatedValue = (value) => {
1505    if(!window.cartAttributesConfig.isUltimate) return value;
1506    const tagPattern = /\{\{([^\}]+)\}\}/g;
1507    let interpolatedValue = value;
1508    let match;
1509    while ((match = tagPattern.exec(value)) !== null) {
1510      const path = match[1].trim().split('.');
1511      let context = ap_Config;
1512      for (const segment of path) {
1513        console.log("segment", segment);
1514        if (context.hasOwnProperty(segment)) {
1515          context = context[segment];
1516        } else {
1517          console.error(`Path segment '${segment}' not found in context.`);
1518          context = undefined;
1519          break;
1520        }
1521      }
1522      if (context !== undefined) {
1523        interpolatedValue = interpolatedValue.replace(new RegExp(match[0].replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), context);
1524      }
1525    }
1526    return interpolatedValue;
1527  }
1528
1529  
1530  
1531    console.log("Not ultimate");
1532  
1533  window.cartAttributesConfig = {
1534    
1535    
1536    metaobjects: [],
1537  }
1538  let FLAG = false
1539
1540  let logCart = false
1541
1542  const customerCountry = "US"
1543  const market = 3724869791
1544  
1545
1546  xhook.after(async function (request, response) {
1547    if (!request.url.toString().match(/cart\/add/) && !request.url.toString().match(/cart\/change/)) return
1548    if (FLAG === true) return
1549    if (!window.cartAttributesConfig.metaobjects?.length) return
1550    if (response.status === 200){
1551      const ATTRIBUTES = {};
1552      const MODIFIED_ITEMS = new Set(); // Track which items were actually modified by rules
1553      const PRODUCT_ATTRIBUTES = {};
1554      let cart = await fetch(window.origin + "/cart.json").then(res => res.json());
1555      for(const {id, properties} of cart.items) {
1556        PRODUCT_ATTRIBUTES[id] = properties;
1557      }
1558      const productsInCartReq = cart.items.map(async (item) => await fetch(window.origin + `/products/${item.handle}.json`).then(res => res.json()) );
1559      const productsInCart = await Promise.all(productsInCartReq);
1560      const tagsInCart = productsInCart.map(product => product.product.tags.split(", ")).flat();
1561
1562      const collectionsInCart = []
1563
1564      window.cartAttributesConfig.metaobjects?.forEach((metaobject, i) => {
1565
1566        if (metaobject.debug) {
1567          console.log("TAGS in cart: ", tagsInCart);
1568          console.log("COLLECTIONS in cart: ", collectionsInCart);
1569          console.log("Cart pre_script")
1570          console.log(cart)
1571
1572          metaobject.debug && console.log(metaobject);
1573          logCart = true;
1574        }
1575
1576        if (metaobject.active == true) {
1577          metaobject.debug && console.log(metaobject.title + " is included in the textArea");
1578          const cartWithAdditionalFields = {
1579            ...cart,
1580            tagsInCart: tagsInCart,
1581            collectionsInCart: collectionsInCart,
1582            customerCountry: customerCountry,
1583            market: `gid://shopify/Market/${market}`
1584        }
1585          // If rule truthy
1586          if (window.jsonLogic.apply(metaobject.rules, cartWithAdditionalFields)) {
1587            metaobject.debug && console.log("Rule is truthy. We're adding its attributes");
1588
1589            if (metaobject.target !== "product") { // Add Cart attr
1590              metaobject.attributes.forEach(a => {
1591                let interpolatedValue = getInterpolatedValue(a.value)
1592                ATTRIBUTES[a.key] = interpolatedValue;
1593              });
1594            }
1595
1596            if (metaobject.target !== "cart") { // Add Product attr
1597              console.log("This is our metaobject and its products: ", metaobject);
1598
1599              const project_attr = {};
1600              metaobject.attributes.forEach(a => {
1601                let interpolatedValue = getInterpolatedValue(a.value)
1602                project_attr[a.key] = interpolatedValue;
1603              });
1604              metaobject.products.forEach(product => {
1605                const id = product.id.split("/").at(-1);
1606                PRODUCT_ATTRIBUTES[id] = { ...PRODUCT_ATTRIBUTES[id], ...project_attr };
1607                MODIFIED_ITEMS.add(id);
1608              });
1609            }
1610
1611          // If rule not truthy
1612          } else {
1613            metaobject.debug && console.log("Rule is not truthy. We're invalidating its attributes");
1614
1615            if (metaobject.target !== "product") { //Cleanup for Cart
1616              metaobject.attributes.forEach((a, i) => {
1617                if (cart.attributes[a.key] !== undefined && !metaobject.keep) {
1618                  ATTRIBUTES[a.key] = null;
1619                }
1620              });
1621            }
1622
1623
1624            else if (metaobject.target !== "cart" && !metaobject.keep) { //Cleanup for Products
1625
1626              metaobject.products.forEach(product => {
1627                const id = product.id.split("/").at(-1);
1628                metaobject.attributes.forEach(a => {
1629                  if (PRODUCT_ATTRIBUTES[id]?.[a.key] !== undefined) {
1630                    delete PRODUCT_ATTRIBUTES[id][a.key];
1631                    MODIFIED_ITEMS.add(id);
1632                  }
1633                });
1634              });
1635
1636            }
1637
1638          }
1639        }
1640        metaobject.debug && console.log("Cart attributes to push: ", ATTRIBUTES);
1641        if(metaobject.debug){
1642          console.log(i+1+"* METAOBJ ATTRIBUTES: ", JSON.parse(JSON.stringify(PRODUCT_ATTRIBUTES)));
1643        }
1644      });
1645
1646      // Only send /cart/change.js for items that were actually modified by rules
1647      // AND whose desired properties differ from what's already on the cart line
1648      const itemsToUpdate = cart.items.filter(item => {
1649        if (!MODIFIED_ITEMS.has(String(item.id))) return false;
1650        const desired = PRODUCT_ATTRIBUTES[item.id] || {};
1651        const current = item.properties || {};
1652        // Check if every desired key/value already matches the current properties
1653        const desiredKeys = Object.keys(desired);
1654        const currentKeys = Object.keys(current);
1655        if (desiredKeys.length !== currentKeys.length) return true;
1656        for (const key of desiredKeys) {
1657          if (String(desired[key]) !== String(current[key])) return true;
1658        }
1659        return false; // All properties already match, no need to update
1660      });
1661      if (itemsToUpdate.length > 0) {
1662        FLAG = true;
1663        await Promise.all(itemsToUpdate.map(item => {
1664          const attributes = PRODUCT_ATTRIBUTES[item.id];
1665          return fetch(ROOT_URL + "cart/change.js", {
1666            method: 'POST',
1667            headers: {
1668              'Content-Type': 'application/json'
1669            },
1670            body: JSON.stringify({
1671              id: item.key,
1672              properties: attributes,
1673              quantity: item.quantity
1674            })
1675          }).catch(err => console.error(err));
1676        }));
1677        FLAG = false;
1678      }
1679
1680      // Only send /cart/update.js when we actually have attributes to set/clear
1681      const hasCartAttributes = Object.keys(ATTRIBUTES).length > 0;
1682      if (hasCartAttributes) {
1683        fetch(ROOT_URL + 'cart/update.js', {
1684          method: 'POST',
1685          headers: {
1686            'Content-Type': 'application/json'
1687          },
1688          body: JSON.stringify({attributes: ATTRIBUTES})
1689        })
1690        .then((res) => res.json())
1691        .then(data => {
1692          logCart && console.log("cartResult",data);
1693          return data
1694        })
1695        .catch((error) => {
1696          console.error('Error:', error);
1697        });
1698      }
1699
1700    }
1701  });
1702</script>
1702
1703
1704
1705
1706<!-- 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 />
1707<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
1708<script>
1709/* >> TriplePixel :: start*/
1710window.TriplePixelData={TripleName:"olipop-store.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{  }},search:"",collection:"",cart:"",template:"login",curr:"USD" || "USD", market:"3724869791"},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);
1711/* << TriplePixel :: end*/
1712</script>
1712
1713
1714
1715
1716<!-- END app block --><!-- BEGIN app block: shopify://apps/wyllo-formerly-nofraud/blocks/nf_device/5c2706cf-d458-49c5-a6fa-4fb6b79ce2b4 -->
1716<script async src="https://services.nofraud.com/js/device.js?shop=olipop-store.myshopify.com" type="application/javascript"></script>
1716
1717
1718
1719<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
1720
1721
1722
1723
1724
1725
1726
1727
1728
1729
1730
1731
1732  
1732<script async src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js?company_id=PbvgDc"></script>
1732
1733  
1733<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>
1733
1734
1735  
1736
1737
1738
1739
1740  
1740<script>
1741    window.klaviyoReviewsProductDesignMode = false
1742  </script>
1742
1743
1744
1745
1746
1747
1748
1749
1750
1751
1752<!-- END app block --><!-- BEGIN app block: shopify://apps/videowise-video-commerce/blocks/script_embed/b48d6c0c-3e3f-4791-a9ab-a5ab7ec82f4d -->
1753
1754
1755
1756
1757<link
1758  rel="preload"
1759  as="style"
1760  onload="this.onload=null;this.rel='stylesheet'"
1761  href="https://assets.videowise.com/style.css.gz"
1762  id="videowise-style-css">
1763<script
1764  defer
1765  src="https://assets.videowise.com/vendors.js.gz"
1766  id="videowise-vendors-js"></script>
vendor: 1 bytes, line 1766
1766
1767<script
1768  defer
1769  src="https://assets.videowise.com/client.js.gz"
1770  id="videowise-client-js"></script>
1770
1771
1772<link rel="dns-prefetch" href="https://assets.videowise.com/" />
1773
1774<link rel="dns-prefetch" href="https://cdn2.videowise.com/" />
1775
1776<link rel="dns-prefetch" href="https://api-cdn.videowise.com/" />
1777
1778<link rel="dns-prefetch" href="https://images.videowise.com/" />
1779
1780<link rel="dns-prefetch" href="https://cdn.videowise.com/" />
1781
1782<!-- END app block --><link href="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/app.css" rel="stylesheet" type="text/css" media="all">
1783<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Website_-_Social_-_Share_-_V1.png?v=1639521624" />
1784<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Website_-_Social_-_Share_-_V1.png?v=1639521624" />
1785<meta property="og:image:width" content="2400" />
1786<meta property="og:image:height" content="1256" />
1787<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1788<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: 3466100806,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "customers/login"};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 1788
1788
1789<script>
1790  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1791</script>
vendor: 1 bytes, line 1791
1791
1792<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}
1792).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: 3466100806,storefrontBaseUrl: "https://drinkolipop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://drinkolipop.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"901611679","configuration":"{\"pixelCode\":\"C4AK431U9OSI64EC9TKG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"887685279","configuration":"{\"advertiser\":\"drinkolipop\",\"userId\":\"161265b2-c678-45dd-8b10-b16b276c7094\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1cebf922bdc3d51912d7eaa3af89b41d","type":"APP","apiClientId":39871250433,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"883064991","configuration":"{\"tenantId\":\"dfb51de3-94ea-4014-9527-37b52b8377ea\", \"shop\":\"olipop-store.myshopify.com\", \"datasourceId\":\"613a349b-c3fe-459e-a8c2-74250377f6c7\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"480ec4c467668a19b56bc858d759ef88","type":"APP","apiClientId":4294333,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1792,"dataSharingState":"unrestricted"},{"id":"855900319","configuration":"{\"Enabled\":\"false\",\"UpdatedAt\":\"2026-05-28T20:32:13.756Z\",\"DeveloperPreview\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7913f49eba866a6cbbe1bb85b5400251","type":"APP","apiClientId":34646425601,"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":"844464287","configuration":"{\"trackingKey\":\"olipop-store-stayai-web-pixel\",\"enabled\":\"true\",\"collectorUrl\":\"https:\\\/\\\/pixel.retextion.com\",\"version\":\"1\",\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"94457fdfcf80b0033e88e322893e2b49","type":"APP","apiClientId":5859381,"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":"843415711","configuration":"{\"config_url\": \"https:\/\/shopify-gtm-suite.getelevar.com\/configs\/3bd4c3efadb9bd7b389600baaae057f8a9972102\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7ae63d00911d5ee26809bf1e3232d852","type":"APP","apiClientId":2509311,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"795934879","configuration":"{\"accountID\":\"PbvgDc\",\"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":"746881183","configuration":"{\"accountID\":\"1552\",\"micrositeDomain\":\"drinkolipop.superfiliate.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9fae8f5cb0b9c97477ac364bb3772a0c","type":"APP","apiClientId":4862993,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"740360351","configuration":"{\"shopUrl\":\"olipop-store.myshopify.com\",\"apiUrl\":\"https:\\\/\\\/services.nofraud.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0cf396a0daab06a8120b15747f89a0e3","type":"APP","apiClientId":1380557,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"651690143","configuration":"{\"shopId\":\"olipop-store.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":"601063583","configuration":"{\"accountID\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f89c26283dd9bc8e535e14315f3aed","type":"APP","apiClientId":198303350785,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"566689951","configuration":"{\"shopID\":\"3466100806\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"661cb915019a6836503f79bf7365ed06","type":"APP","apiClientId":37840257025,"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":"optimized"},{"id":"562888863","configuration":"{\"locale\":\"en_US\",\"client\":\"olipop\",\"environment\":\"production\",\"deployment_zone\":\"main_site\",\"use_external_ids\":\"false\",\"use_variants\":\"false\",\"external_id_attribute\":\"default\",\"storefront_api_key\":\"none\",\"product_metafield_key\":\"none\",\"product_metafield_namespace\":\"none\",\"multi_locale_enabled\":\"false\",\"locale_mapping\":\"{}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"bf601cbef12079fa1ab77422415f1989","type":"APP","apiClientId":1888040,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"306348191","configuration":"{\"site_id\":\"18c223ec-1eb0-462b-ae0c-008c2e8cc450\",\"analytics_endpoint\"
1792:\"https:\\\/\\\/na.shgcdn3.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"695709fc3f146fa50a25299517a954f2","type":"APP","apiClientId":1158168,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"216826015","configuration":"{\"pixel_id\":\"452900448865909\",\"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":"113672351","configuration":"{\"tagID\":\"2612465282190\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"44695711","configuration":"{\"shopId\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31536d5a2ef62c1887054e49fd58dba0","type":"APP","apiClientId":4845829,"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":"33783967","configuration":"{\"campaignID\":\"12980\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/b01a0964f6e01eccad6be51da55ef1e9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4d2ae310e7f99f154f33560b5c81cfa9","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"26509471","configuration":"{\"myshopifyDomain\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"16089247","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ORION"},{"id":"22773919","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Microsoft Clarity"},{"id":"30048415","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"BrandLock Supplementary Pixel"},{"id":"33226911","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Videowise Pixel"},{"id":"143556767","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Reddit Pixel"}
1792,{"id":"143818911","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Elevar - Checkout Tracking"},{"id":"146636959","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"Upsellit pixel"},{"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":"OLIPOP","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"olipop-store.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/drinkolipop.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"3965803724870","handle":"gift-card","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"29537115701318","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10910759354527","handle":"caramel-apple","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62787700588703","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5871016640671","handle":"blackberry-vanilla","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62826927587487","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7478573498527","handle":"crisp-apple","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455896703135","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6866436948127","handle":"classic-grape","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455895720095","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4350717460544","handle":"classic-root-beer","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455896539295","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3818023125062","handle":"vintage-cola","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455936123039","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7413651636383","handle":"cream-soda","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455900995743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3818021027910","handle":"strawberry-vanilla","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455931535519","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7502145421471","handle":"cherry-cola","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455884611743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6604538577055","handle":"orange-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455923474591","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9247375851679","handle":"peaches-and-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455929503903","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5538631712927","handle":"orange-squeeze","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455928127647","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9038878015647","handle":"ginger-ale","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455920001183","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9407865061535","handle":"citrus-rush","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455931175071","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7413651832991","handle":"doctor-goodwin","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455904272543","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4452820189248","handle":"cherry-vanilla","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455895425183","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7323931246751","handle":"tropical-punch","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455935631519","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7612616376479","handle":"lemon-lime","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62454514024607","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3818021912646","handle":"ginger-lemon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455921377439","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7682917990559","handle":"watermelon-lime","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455936680095","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7401847029919","handle":"banana-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62454327967903","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1792,{"id":"10934531719327","handle":"pomegranate-sparkle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62871023616159","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10893253410975","handle":"raspberry-sherbet","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62827150147743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10874974044319","handle":"shirley-temple","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62579037503647","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10849057308831","handle":"spongebob-pineapple-paradise","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62434075377823","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911708020895","handle":"crisp-apple-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790846742687","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911707725983","handle":"classic-grape-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790846021791","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911708217503","handle":"vintage-cola-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790847103135","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911707922591","handle":"classic-root-beer-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790846480543","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911707988127","handle":"cream-soda-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790846611615","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10901171011743","handle":"strawberry-vanilla-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62757634211999","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10909849682079","handle":"cherry-cola-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62785253539999","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911707562143","handle":"citrus-rush-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790845235359","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911708151967","handle":"ginger-ale-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790846906527","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911628951711","handle":"lemon-lime-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790634406047","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10919912669343","handle":"strawberry-vanilla-minis","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62824537587871","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1792,{"id":"10925311164575","handle":"classic-grape-minis","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62837008236703","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10925311459487","handle":"crisp-apple-minis","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62837008957599","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10925311787167","handle":"vintage-cola-minis","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62837010202783","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10925311590559","handle":"ginger-ale-minis","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62837009711263","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10926546616479","handle":"orange-cream-minis","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62840531517599","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10670762426527","handle":"classic-soda-variety-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58296082104479","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10670765965471","handle":"fruity-fun-variety-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58298099499167","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10670769078431","handle":"favorites-variety-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58300518105247","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://drinkolipop.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"174423703711","themePublished":"true","eventMetadataId":"b06dc4c6-58a7-4932-a2ad-929752ab6a5a","shopId":"3466100806","storefrontBaseUrl":"https:\/\/drinkolipop.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1792<script>
1793  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1794  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1795  window.ShopifyAnalytics.meta.currency = 'USD';
1796  var meta = {"page":{"requestId":"7f0a254f-262e-482d-b9a3-0152291f64b4-1790917207"}};
1797  for (var attr in meta) {
1798    window.ShopifyAnalytics.meta[attr] = meta[attr];
1799  }
1800</script>
vendor: 1 bytes, line 1800
1800
1801<script class="analytics">
1802  (function () {
1803    var customDocumentWrite = function(content) {
1804      var jquery = null;
1805
1806      if (window.jQuery) {
1807        jquery = window.jQuery;
1808      } else if (window.Checkout && window.Checkout.$) {
1809        jquery = window.Checkout.$;
1810      }
1811
1812      if (jquery) {
1813        jquery('body').append(content);
1814      }
1815    };
1816
1817    var hasLoggedConversion = function(token) {
1818      if (token) {
1819        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1820      }
1821      return false;
1822    }
1823
1824    var setCookieIfConversion = function(token) {
1825      if (token) {
1826        var twoMonthsFromNow = new Date(Date.now());
1827        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1828
1829        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1830      }
1831    }
1832
1833    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1834    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1835    if (trekkie.integrations) {
1836      return;
1837    }
1838    trekkie.methods = [
1839      'identify',
1840      'page',
1841      'ready',
1842      'track',
1843      'trackForm',
1844      'trackLink'
1845    ];
1846    trekkie.factory = function(method) {
1847      return function() {
1848        var args = Array.prototype.slice.call(arguments);
1849        args.unshift(method);
1850        trekkie.push(args);
1851        if (method == 'track' || method == 'page') {
1852          var pageUrl;
1853          try {
1854            pageUrl = window.location.href;
1855          } catch (e) {}
1856          var pageReferrer;
1857          try {
1858            pageReferrer = document.referrer;
1859          } catch (e) {}
1860          try {
1861            if (window.__TREKKIE_SHIM_QUEUE == null) {
1862              window.__TREKKIE_SHIM_QUEUE = [];
1863            }
1864            window.__TREKKIE_SHIM_QUEUE.push({
1865              from: 'trekkie-stub',
1866              method: method,
1867              args: args.slice(1),
1868              pageContext: {
1869                url: pageUrl,
1870                referrer: pageReferrer
1871              }
1872            });
1873          } catch (e) {
1874            // no-op
1875          }
1876        }
1877        return trekkie;
1878      };
1879    };
1880    for (var i = 0; i < trekkie.methods.length; i++) {
1881      var key = trekkie.methods[i];
1882      trekkie[key] = trekkie.factory(key);
1883    }
1884    trekkie.load = function(config) {
1885      trekkie.config = config || {};
1886      trekkie.config.initialDocumentCookie = document.cookie;
1887      var first = document.getElementsByTagName('script')[0];
1888var script = document.createElement('script');
1889script.type = 'text/javascript';
1890script.onerror = function(e) {
1891  var scriptFallback = document.createElement('script');
1892  scriptFallback.type = 'text/javascript';
1893  scriptFallback.onerror = function(error) {
1894          var Monorail = {
1895      produce: function produce(monorailDomain, schemaId, payload) {
1896        var currentMs = new Date().getTime();
1897        var event = {
1898          schema_id: schemaId,
1899          payload: payload,
1900          metadata: {
1901            event_created_at_ms: currentMs,
1902            event_sent_at_ms: currentMs
1903          }
1904        };
1905        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1906      },
1907      sendRequest: function sendRequest(endpointUrl, payload) {
1908        // Try the sendBeacon API
1909        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1910          var blobData = new window.Blob([payload], {
1911            type: 'text/plain'
1912          });
1913
1914          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1915            return true;
1916          } // sendBeacon was not successful
1917
1918        } // XHR beacon
1919
1920        var xhr = new XMLHttpRequest();
1921
1922        try {
1923          xhr.open('POST', endpointUrl);
1924          xhr.setRequestHeader('Content-Type', 'text/plain');
1925          xhr.send(payload);
1926        } catch (e) {
1927          console.log(e);
1928        }
1929
1930        return false;
1931      },
1932      isIos12: function isIos12() {
1933        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1934      }
1935    };
1936    Monorail.produce('monorail-edge.shopifysvc.com',
1937      'trekkie_storefront_load_errors/1.1',
1938      {shop_id: 3466100806,
1939      theme_id: 174423703711,
1940      app_name: "storefront",
1941      context_url: window.location.href,
1942      source_url: "//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1943
1944  };
1945  scriptFallback.async = true;
1946  scriptFallback.src = '//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1947  first.parentNode.insertBefore(scriptFallback, first);
1948};
1949script.async = true;
1950script.src = '//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1951first.parentNode.insertBefore(script, first);
1952
1953    };
1954    trekkie.load(
1955      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":3466100806,"isMerchantRequest":null,"themeId":174423703711,"themeCityHash":"7083827932800446141","contentLanguage":"en","currency":"USD","eventMetadataId":"b06dc4c6-58a7-4932-a2ad-929752ab6a5a"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1956    );
1957
1958    var loaded = false;
1959    trekkie.ready(function() {
1960      if (loaded) return;
1961      loaded = true;
1962
1963      window.ShopifyAnalytics.lib = window.trekkie;
1964
1965      var originalDocumentWrite = document.write;
1966      document.write = customDocumentWrite;
1967      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1968      document.write = originalDocumentWrite;
1969
1970      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1971      var token = match? match[1]: undefined;
1972      if (!hasLoggedConversion(token)) {
1973        setCookieIfConversion(token);
1974        
1975      }
1976    });
1977
1978    window.ShopifyAnalytics.lib.page(null,{"requestId":"7f0a254f-262e-482d-b9a3-0152291f64b4-1790917207","shopifyEmitted":true});
1979
1980    var eventsListenerScript = document.createElement('script');
1981    eventsListenerScript.async = true;
1982    eventsListenerScript.src = "//drinkolipop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1983    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1984})();</script>
1984
1985  
1985<script>
1986  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1987    window.ga = function ga() {
1988      (window.ga.q = window.ga.q || []).push(arguments);
1989      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1990        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1991      }
1992      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
1993    };
1994    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1995      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1996    }
1997  }
1998</script>
vendor: 1 bytes, line 1998
1998
1999<script
2000  defer
2001  src="https://drinkolipop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
2002  data-application="storefront-renderer"
2003  data-shop-id="3466100806"
2004  data-render-region="gcp-us-central1"
2005  data-page-type="customers/login"
2006  data-theme-instance-id="174423703711"
2007  data-theme-name="Olipop"
2008  data-theme-version="1.0"
2009  data-monorail-region="shop_domain"
2010  data-resource-timing-sampling-rate="10"
2011  data-shs="true"
2012  data-shs-beacon="true"
2013  data-shs-export-with-fetch="true"
2014  data-shs-logs-sample-rate="1"
2015  data-shs-beacon-endpoint="https://drinkolipop.com/api/collect"
2016></script>
2016
2017<meta name="shopify-y" content="a4341bf8-9eea-4428-aa92-66e50d38dba6" data-expiration="1822474807000"><meta name="shopify-s" content="4e0ddcbc-35b2-498a-a006-67cb15c5702f" data-expiration="1790919007000"><meta name="new-cookie-storage-activated" content="t">
2018</head><body
2019    id="account"
2020    data-template="login"
2021    data-suffix=""
2022    data-header-type="primary"
2023    class="page-account template- template-login cmn-pages tw-scroll-smooth  "
2024    style="background: var(--flavor-color-100); height:unset; padding: 0;"
2025  >
2026
2027    <nav aria-label="Skip links">
2028      <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a>
2029      <a class="in-page-link visually-hidden skip-link" href="/pages/accessibility">Accessibility Statement</a>
2030    </nav>
2031
2032    
2033
2034    
2035    <div js-overlay class="overlay tw-z-40"></div>
2036
2037    
2038
2039<section id="shopify-section-header">
2040      <!-- BEGIN sections: header-group -->
2041<div id="shopify-section-sections--24009558556831__promotion-banner" class="shopify-section shopify-section-group-header-group">
2042
2043<div
2044  data-component="promotionBanner"
2045  data-store-discounts="[]"
2046>
2047  
2048    
2049    
2050    <div
2051      data-promotion-banner
2052      data-promotion-url=""
2053      data-promotion-discount="GOBLUE"
2054      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2055      style="background: #fdda79;"
2056    >
2057      <div
2058        role="group"
2059        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2060      >
2061        <div
2062          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2063          style="color: #14433d !important;"
2064        >
2065          Your 20% off discount code <strong>GOBLUE</strong> will auto-apply at checkout.
2066        </div>
2067      </div>
2068
2069      <div
2070        style="background: #fdda79;"
2071        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2072      >
2073        <svg
2074          width="10"
2075          height="10"
2076          viewBox="0 0 18 18"
2077          fill="#14433d"
2078          data-icon-close
2079          class="tw-cursor-pointer"
2080        >
2081          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2082        </svg>
2083      </div>
2084    </div>
2085  
2086    
2087    
2088    <div
2089      data-promotion-banner
2090      data-promotion-url=""
2091      data-promotion-discount="30RESUB"
2092      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2093      style="background: #fdda79;"
2094    >
2095      <div
2096        role="group"
2097        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2098      >
2099        <div
2100          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2101          style="color: #14433d !important;"
2102        >
2103          30% off subscriptions when you resubscribe with code <strong>30RESUB</strong>.
2104        </div>
2105      </div>
2106
2107      <div
2108        style="background: #fdda79;"
2109        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2110      >
2111        <svg
2112          width="10"
2113          height="10"
2114          viewBox="0 0 18 18"
2115          fill="#14433d"
2116          data-icon-close
2117          class="tw-cursor-pointer"
2118        >
2119          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2120        </svg>
2121      </div>
2122    </div>
2123  
2124    
2125    
2126    <div
2127      data-promotion-banner
2128      data-promotion-url=""
2129      data-promotion-discount="SHIRLEY30"
2130      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2131      style="background: #fdda79;"
2132    >
2133      <div
2134        role="group"
2135        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2136      >
2137        <div
2138          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2139          style="color: #14433d !important;"
2140        >
2141          30% off Shirley &amp; Friends with code <strong>SHIRLEY30</strong> will auto-apply at checkout.
2142        </div>
2143      </div>
2144
2145      <div
2146        style="background: #fdda79;"
2147        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2148      >
2149        <svg
2150          width="10"
2151          height="10"
2152          viewBox="0 0 18 18"
2153          fill="#14433d"
2154          data-icon-close
2155          class="tw-cursor-pointer"
2156        >
2157          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2158        </svg>
2159      </div>
2160    </div>
2161  
2162    
2163    
2164    <div
2165      data-promotion-banner
2166      data-promotion-url=""
2167      data-promotion-discount="PUNCH20"
2168      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2169      style="background: #fdda79;"
2170    >
2171      <div
2172        role="group"
2173        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2174      >
2175        <div
2176          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2177          style="color: #14433d !important;"
2178        >
2179          20% off Tropical Punch with code <strong>PUNCH20</strong> will auto-apply at checkout.
2180        </div>
2181      </div>
2182
2183      <div
2184        style="background: #fdda79;"
2185        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2186      >
2187        <svg
2188          width="10"
2189          height="10"
2190          viewBox="0 0 18 18"
2191          fill="#14433d"
2192          data-icon-close
2193          class="tw-cursor-pointer"
2194        >
2195          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2196        </svg>
2197      </div>
2198    </div>
2199  
2200    
2201    
2202    <div
2203      data-promotion-banner
2204      data-promotion-url=""
2205      data-promotion-discount="DREAMY15"
2206      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2207      style="background: #fdda79;"
2208    >
2209      <div
2210        role="group"
2211        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2212      >
2213        <div
2214          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2215          style="color: #14433d !important;"
2216        >
2217          Your 15% off discount code <strong>DREAMY15</strong> will auto-apply at checkout.
2218        </div>
2219      </div>
2220
2221      <div
2222        style="background: #fdda79;"
2223        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2224      >
2225        <svg
2226          width="10"
2227          height="10"
2228          viewBox="0 0 18 18"
2229          fill="#14433d"
2230          data-icon-close
2231          class="tw-cursor-pointer"
2232        >
2233          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2234        </svg>
2235      </div>
2236    </div>
2237  
2238    
2239    
2240    <div
2241      data-promotion-banner
2242      data-promotion-url=""
2243      data-promotion-discount="EARLY30"
2244      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2245      style="background: #fdda79;"
2246    >
2247      <div
2248        role="group"
2249        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2250      >
2251        <div
2252          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2253          style="color: #14433d !important;"
2254        >
2255          Early access 30% off with code <strong>EARLY30</strong> will auto-apply at checkout!
2256        </div>
2257      </div>
2258
2259      <div
2260        style="background: #fdda79;"
2261        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2262      >
2263        <svg
2264          width="10"
2265          height="10"
2266          viewBox="0 0 18 18"
2267          fill="#14433d"
2268          data-icon-close
2269          class="tw-cursor-pointer"
2270        >
2271          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2272        </svg>
2273      </div>
2274    </div>
2275  
2276    
2277    
2278    <div
2279      data-promotion-banner
2280      data-promotion-url=""
2281      data-promotion-discount="WELCOME15"
2282      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2283      style="background: #fdda79;"
2284    >
2285      <div
2286        role="group"
2287        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2288      >
2289        <div
2290          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2291          style="color: #14433d !important;"
2292        >
2293          Your 15% off discount code <strong>WELCOME15</strong> will auto-apply at checkout.
2294        </div>
2295      </div>
2296
2297      <div
2298        style="background: #fdda79;"
2299        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2300      >
2301        <svg
2302          width="10"
2303          height="10"
2304          viewBox="0 0 18 18"
2305          fill="#14433d"
2306          data-icon-close
2307          class="tw-cursor-pointer"
2308        >
2309          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2310        </svg>
2311      </div>
2312    </div>
2313  
2314    
2315    
2316    <div
2317      data-promotion-banner
2318      data-promotion-url=""
2319      data-promotion-discount="SIPSMART"
2320      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2321      style="background: #fdda79;"
2322    >
2323      <div
2324        role="group"
2325        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2326      >
2327        <div
2328          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2329          style="color: #14433d !important;"
2330        >
2331          Your 20% off discount code <strong>SIPSMART</strong> will auto-apply at checkout.
2332        </div>
2333      </div>
2334
2335      <div
2336        style="background: #fdda79;"
2337        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2338      >
2339        <svg
2340          width="10"
2341          height="10"
2342          viewBox="0 0 18 18"
2343          fill="#14433d"
2344          data-icon-close
2345          class="tw-cursor-pointer"
2346        >
2347          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2348        </svg>
2349      </div>
2350    </div>
2351  
2352    
2353    
2354    <div
2355      data-promotion-banner
2356      data-promotion-url=""
2357      data-promotion-discount="APRIL20"
2358      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2359      style="background: #fdda79;"
2360    >
2361      <div
2362        role="group"
2363        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2364      >
2365        <div
2366          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2367          style="color: #14433d !important;"
2368        >
2369          Your 20% off discount code <strong>APRIL20</strong> will auto-apply at checkout.
2370        </div>
2371      </div>
2372
2373      <div
2374        style="background: #fdda79;"
2375        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2376      >
2377        <svg
2378          width="10"
2379          height="10"
2380          viewBox="0 0 18 18"
2381          fill="#14433d"
2382          data-icon-close
2383          class="tw-cursor-pointer"
2384        >
2385          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2386        </svg>
2387      </div>
2388    </div>
2389  
2390    
2391    
2392    <div
2393      data-promotion-banner
2394      data-promotion-url=""
2395      data-promotion-discount="YETI20"
2396      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2397      style="background: #fdda79;"
2398    >
2399      <div
2400        role="group"
2401        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2402      >
2403        <div
2404          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2405          style="color: #14433d !important;"
2406        >
2407          20% off Winter Seasonal Cans with discount code <strong> YETI20</strong> auto-applies at checkout.
2408        </div>
2409      </div>
2410
2411      <div
2412        style="background: #fdda79;"
2413        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2414      >
2415        <svg
2416          width="10"
2417          height="10"
2418          viewBox="0 0 18 18"
2419          fill="#14433d"
2420          data-icon-close
2421          class="tw-cursor-pointer"
2422        >
2423          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2424        </svg>
2425      </div>
2426    </div>
2427  
2428    
2429    
2430    <div
2431      data-promotion-banner
2432      data-promotion-url=""
2433      data-promotion-discount="PHLY20"
2434      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2435      style="background: #fdda79;"
2436    >
2437      <div
2438        role="group"
2439        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2440      >
2441        <div
2442          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2443          style="color: #14433d !important;"
2444        >
2445          Your 20% off discount code <strong>PHLY20</strong> will auto-apply at checkout.
2446        </div>
2447      </div>
2448
2449      <div
2450        style="background: #fdda79;"
2451        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2452      >
2453        <svg
2454          width="10"
2455          height="10"
2456          viewBox="0 0 18 18"
2457          fill="#14433d"
2458          data-icon-close
2459          class="tw-cursor-pointer"
2460        >
2461          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2462        </svg>
2463      </div>
2464    </div>
2465  
2466    
2467    
2468    <div
2469      data-promotion-banner
2470      data-promotion-url=""
2471      data-promotion-discount="CITIUS25"
2472      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2473      style="background: #fdda79;"
2474    >
2475      <div
2476        role="group"
2477        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2478      >
2479        <div
2480          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2481          style="color: #14433d !important;"
2482        >
2483          Your 25% off discount code <strong>CITIUS25</strong> will auto-apply at checkout.
2484        </div>
2485      </div>
2486
2487      <div
2488        style="background: #fdda79;"
2489        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2490      >
2491        <svg
2492          width="10"
2493          height="10"
2494          viewBox="0 0 18 18"
2495          fill="#14433d"
2496          data-icon-close
2497          class="tw-cursor-pointer"
2498        >
2499          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2500        </svg>
2501      </div>
2502    </div>
2503  
2504    
2505    
2506    <div
2507      data-promotion-banner
2508      data-promotion-url=""
2509      data-promotion-discount="SERVED20"
2510      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2511      style="background: #fdda79;"
2512    >
2513      <div
2514        role="group"
2515        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2516      >
2517        <div
2518          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2519          style="color: #14433d !important;"
2520        >
2521          Your 20% off discount code <strong>SERVED20</strong> will auto-apply at checkout.
2522        </div>
2523      </div>
2524
2525      <div
2526        style="background: #fdda79;"
2527        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2528      >
2529        <svg
2530          width="10"
2531          height="10"
2532          viewBox="0 0 18 18"
2533          fill="#14433d"
2534          data-icon-close
2535          class="tw-cursor-pointer"
2536        >
2537          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2538        </svg>
2539      </div>
2540    </div>
2541  
2542    
2543    
2544    <div
2545      data-promotion-banner
2546      data-promotion-url=""
2547      data-promotion-discount="TWG20"
2548      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2549      style="background: #fdda79;"
2550    >
2551      <div
2552        role="group"
2553        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2554      >
2555        <div
2556          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2557          style="color: #14433d !important;"
2558        >
2559          Your 20% off discount code <strong>TWG20</strong> will auto-apply at checkout.
2560        </div>
2561      </div>
2562
2563      <div
2564        style="background: #fdda79;"
2565        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2566      >
2567        <svg
2568          width="10"
2569          height="10"
2570          viewBox="0 0 18 18"
2571          fill="#14433d"
2572          data-icon-close
2573          class="tw-cursor-pointer"
2574        >
2575          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2576        </svg>
2577      </div>
2578    </div>
2579  
2580    
2581    
2582    <div
2583      data-promotion-banner
2584      data-promotion-url=""
2585      data-promotion-discount="FLYQUEST20"
2586      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2587      style="background: #fdda79;"
2588    >
2589      <div
2590        role="group"
2591        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2592      >
2593        <div
2594          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2595          style="color: #14433d !important;"
2596        >
2597          Your 20% off discount code <strong>FLYQUEST20</strong> will auto-apply at checkout.
2598        </div>
2599      </div>
2600
2601      <div
2602        style="background: #fdda79;"
2603        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2604      >
2605        <svg
2606          width="10"
2607          height="10"
2608          viewBox="0 0 18 18"
2609          fill="#14433d"
2610          data-icon-close
2611          class="tw-cursor-pointer"
2612        >
2613          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2614        </svg>
2615      </div>
2616    </div>
2617  
2618    
2619    
2620    <div
2621      data-promotion-banner
2622      data-promotion-url=""
2623      data-promotion-discount="BUZZIN15"
2624      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2625      style="background: #fdda79;"
2626    >
2627      <div
2628        role="group"
2629        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2630      >
2631        <div
2632          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2633          style="color: #14433d !important;"
2634        >
2635          Your 15% off discount code <strong>BUZZIN15</strong> will auto-apply at checkout.
2636        </div>
2637      </div>
2638
2639      <div
2640        style="background: #fdda79;"
2641        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2642      >
2643        <svg
2644          width="10"
2645          height="10"
2646          viewBox="0 0 18 18"
2647          fill="#14433d"
2648          data-icon-close
2649          class="tw-cursor-pointer"
2650        >
2651          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2652        </svg>
2653      </div>
2654    </div>
2655  
2656    
2657    
2658    <div
2659      data-promotion-banner
2660      data-promotion-url=""
2661      data-promotion-discount="OLIPOPTEXT15"
2662      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2663      style="background: #fdda79;"
2664    >
2665      <div
2666        role="group"
2667        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2668      >
2669        <div
2670          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2671          style="color: #14433d !important;"
2672        >
2673          Your 15% off discount code <strong>OLIPOPTEXT15</strong> will auto-apply at checkout.
2674        </div>
2675      </div>
2676
2677      <div
2678        style="background: #fdda79;"
2679        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2680      >
2681        <svg
2682          width="10"
2683          height="10"
2684          viewBox="0 0 18 18"
2685          fill="#14433d"
2686          data-icon-close
2687          class="tw-cursor-pointer"
2688        >
2689          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2690        </svg>
2691      </div>
2692    </div>
2693  
2694    
2695    
2696    <div
2697      data-promotion-banner
2698      data-promotion-url=""
2699      data-promotion-discount="BRACKET20"
2700      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2701      style="background: #fdda79;"
2702    >
2703      <div
2704        role="group"
2705        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2706      >
2707        <div
2708          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2709          style="color: #14433d !important;"
2710        >
2711          Your 20% off discount code <strong>BRACKET20</strong> will auto-apply at checkout.
2712        </div>
2713      </div>
2714
2715      <div
2716        style="background: #fdda79;"
2717        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2718      >
2719        <svg
2720          width="10"
2721          height="10"
2722          viewBox="0 0 18 18"
2723          fill="#14433d"
2724          data-icon-close
2725          class="tw-cursor-pointer"
2726        >
2727          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2728        </svg>
2729      </div>
2730    </div>
2731  
2732    
2733    
2734    <div
2735      data-promotion-banner
2736      data-promotion-url=""
2737      data-promotion-discount="NEW20"
2738      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2739      style="background: #fdda79;"
2740    >
2741      <div
2742        role="group"
2743        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2744      >
2745        <div
2746          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2747          style="color: #14433d !important;"
2748        >
2749          Your 20% off discount code <strong>NEW20</strong> will auto-apply at checkout.
2750        </div>
2751      </div>
2752
2753      <div
2754        style="background: #fdda79;"
2755        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2756      >
2757        <svg
2758          width="10"
2759          height="10"
2760          viewBox="0 0 18 18"
2761          fill="#14433d"
2762          data-icon-close
2763          class="tw-cursor-pointer"
2764        >
2765          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2766        </svg>
2767      </div>
2768    </div>
2769  
2770    
2771    
2772    <div
2773      data-promotion-banner
2774      data-promotion-url=""
2775      data-promotion-discount="FULLFLAVOR20"
2776      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2777      style="background: #fdda79;"
2778    >
2779      <div
2780        role="group"
2781        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2782      >
2783        <div
2784          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2785          style="color: #14433d !important;"
2786        >
2787          Your discount code <strong>FULLFLAVOR20</strong> will auto-apply at checkout.
2788        </div>
2789      </div>
2790
2791      <div
2792        style="background: #fdda79;"
2793        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2794      >
2795        <svg
2796          width="10"
2797          height="10"
2798          viewBox="0 0 18 18"
2799          fill="#14433d"
2800          data-icon-close
2801          class="tw-cursor-pointer"
2802        >
2803          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2804        </svg>
2805      </div>
2806    </div>
2807  
2808    
2809    
2810    <div
2811      data-promotion-banner
2812      data-promotion-url=""
2813      data-promotion-discount="BDAY20"
2814      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2815      style="background: #fdda79;"
2816    >
2817      <div
2818        role="group"
2819        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2820      >
2821        <div
2822          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2823          style="color: #14433d !important;"
2824        >
2825          Your discount code <strong>BDAY20</strong> will auto-apply at checkout.
2826        </div>
2827      </div>
2828
2829      <div
2830        style="background: #fdda79;"
2831        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2832      >
2833        <svg
2834          width="10"
2835          height="10"
2836          viewBox="0 0 18 18"
2837          fill="#14433d"
2838          data-icon-close
2839          class="tw-cursor-pointer"
2840        >
2841          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2842        </svg>
2843      </div>
2844    </div>
2845  
2846    
2847    
2848    <div
2849      data-promotion-banner
2850      data-promotion-url=""
2851      data-promotion-discount="HOLIDAY20"
2852      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2853      style="background: #fdda79;"
2854    >
2855      <div
2856        role="group"
2857        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2858      >
2859        <div
2860          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2861          style="color: #14433d !important;"
2862        >
2863          Your discount code <strong>HOLIDAY20</strong> will auto-apply at checkout.
2864        </div>
2865      </div>
2866
2867      <div
2868        style="background: #fdda79;"
2869        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2870      >
2871        <svg
2872          width="10"
2873          height="10"
2874          viewBox="0 0 18 18"
2875          fill="#14433d"
2876          data-icon-close
2877          class="tw-cursor-pointer"
2878        >
2879          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2880        </svg>
2881      </div>
2882    </div>
2883  
2884    
2885    
2886    <div
2887      data-promotion-banner
2888      data-promotion-url=""
2889      data-promotion-discount="FULLFLAVOR10"
2890      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2891      style="background: #fdda79;"
2892    >
2893      <div
2894        role="group"
2895        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2896      >
2897        <div
2898          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2899          style="color: #14433d !important;"
2900        >
2901          Your discount code <strong>FULLFLAVOR10</strong> will auto-apply at checkout.
2902        </div>
2903      </div>
2904
2905      <div
2906        style="background: #fdda79;"
2907        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2908      >
2909        <svg
2910          width="10"
2911          height="10"
2912          viewBox="0 0 18 18"
2913          fill="#14433d"
2914          data-icon-close
2915          class="tw-cursor-pointer"
2916        >
2917          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2918        </svg>
2919      </div>
2920    </div>
2921  
2922    
2923    
2924    <div
2925      data-promotion-banner
2926      data-promotion-url=""
2927      data-promotion-discount="THIRTYSUB"
2928      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2929      style="background: #fdda79;"
2930    >
2931      <div
2932        role="group"
2933        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2934      >
2935        <div
2936          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2937          style="color: #14433d !important;"
2938        >
2939          Your discount code <strong>THIRTYSUB</strong> will auto-apply at checkout.
2940        </div>
2941      </div>
2942
2943      <div
2944        style="background: #fdda79;"
2945        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2946      >
2947        <svg
2948          width="10"
2949          height="10"
2950          viewBox="0 0 18 18"
2951          fill="#14433d"
2952          data-icon-close
2953          class="tw-cursor-pointer"
2954        >
2955          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/>
2956        </svg>
2957      </div>
2958    </div>
2959  
2960</div>
2961
2962
2963</div><div id="shopify-section-sections--24009558556831__announcement-banner" class="shopify-section shopify-section-group-header-group">
2964    <announcement-bar class="section-announcement-bar tw-relative tw-z-50 tw-block">
2965      <slider-container
2966        data-key="slider__sections--24009558556831__announcement-banner"
2967        role="region"
2968        aria-label="Announcement"
2969        data-slider-loop
2970        class="announcements-bar keen-slider tw-block tw-min-h-[48px] tw-text-center tw-transition-margin tw-duration-300 lg:tw-min-h-[40px] "
2971        style="background: #5A0C3C;"
2972      ><div role="group" aria-label="1 of 2" class="keen-slider__slide tw-relative tw-z-10 tw-flex !tw-w-auto tw-items-center tw-justify-center tw-py-[4px] tw-text-center tw-transition-opacity tw-duration-150 tw-ease-linear sm:tw-flex-row " style="opacity: 0;">            <div              class="tw-flex tw-items-center tw-w-full tw-justify-center tw-px-[8px] md:tw-px-[20px] md:tw-w-fit tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4] "              id="message-1"              style="color: #ffffff !important;"            ><p class="tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4]" style="color: #ffffff !important;">                <div class="tw-block md:tw-hidden">                  <strong>Sweet, refreshing, &amp; unmistakably celebratory. <br><a href="https://drinkolipop.com/products/pomegranate-sparkle"><strong>Shop Pomegranate Sparkle</strong></a></strong>                 </div>                <div class="tw-hidden md:tw-block">                  <strong>Sweet, refreshing, &amp; unmistakably celebratory. <a href="https://drinkolipop.com/products/pomegranate-sparkle"><strong>Shop Pomegranate Sparkle</strong></a></strong>                 </div>              </p></div>                      </div><div role="group" aria-label="2 of 2" class="keen-slider__slide tw-relative tw-z-10 tw-flex !tw-w-auto tw-items-center tw-justify-center tw-py-[4px] tw-text-center tw-transition-opacity tw-duration-150 tw-ease-linear sm:tw-flex-row " style="opacity: 0;">            <div              class="tw-flex tw-items-center tw-w-full tw-justify-center tw-px-[8px] md:tw-px-[20px] md:tw-w-fit tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4] "              id="message-2"              style="color: #ffffff !important;"            ><p class="tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4]" style="color: #ffffff !important;">                <div class="tw-block md:tw-hidden">                  <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong>                 </div>                <div class="tw-hidden md:tw-block">                  <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong>                 </div>              </p></div>                      </div></slider-container>
2973
2974      
2975        <slider-controls
2976          data-key="slider__sections--24009558556831__announcement-banner"
2977          class="tw-absolute tw-top-0 tw-flex tw-h-full tw-w-full tw-items-center tw-justify-between tw-px-4"
2978        >
2979          <control-prev
2980            role="button"
2981            aria-label="Previous Slide"
2982            tabindex="0"
2983            data-action="prev"
2984            class="tw-z-30 tw-block tw-cursor-pointer"
2985          >
2986            <svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2987              <path d="M6 1L2 5L6 9" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>
2988            </svg>
2989          </control-prev>
2990
2991          <control-next
2992            role="button"
2993            aria-label="Next Slide"
2994            tabindex="0"
2995            data-action="next"
2996            class="tw-z-30 tw-block tw-cursor-pointer"
2997          >
2998            <svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2999              <path d="M1 1L5 5L1 9" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>
3000            </svg>
3001          </control-next>
3002        </slider-controls>
3003      
3004    </announcement-bar>
3005  
3006
3007  
3008    
3009  
3010    
3011  
3012<style>
3013  .section-announcement-bar .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{
3014    padding-top: 4px;
3015  }
3016</style>
3017</div><div id="shopify-section-sections--24009558556831__header" class="shopify-section shopify-section-group-header-group">
3018
3019<div
3020  id="SearchDrawer"
3021  class="search-bar drawer drawer--top"
3022  role="dialog"
3023  aria-modal="true"
3024  aria-label="Search"
3025  data-predictive-search-drawer
3026>
3027  <div class="search-bar__interior">
3028    <div class="search-form__container" data-search-form-container>
3029      <form class="search-form search-bar__form" action="/search" method="get" role="search">
3030        <div class="search-form__input-wrapper">
3031          <input
3032            type="text"
3033            name="q"
3034            placeholder="Search"
3035            role="combobox"
3036            aria-autocomplete="list"
3037            aria-owns="predictive-search-results"
3038            aria-expanded="false"
3039            aria-label="Search"
3040            aria-haspopup="listbox"
3041            class="search-form__input search-bar__input"
3042            data-predictive-search-drawer-input
3043          >
3044          <input type="hidden" name="options[prefix]" value="last" aria-hidden="true">
3045          <div
3046            class="predictive-search-wrapper predictive-search-wrapper--drawer"
3047            data-predictive-search-mount="drawer"
3048          ></div>
3049        </div>
3050
3051        <button
3052          class="search-bar__submit search-form__submit"
3053          type="submit"
3054          data-search-form-submit
3055        >
3056          Liquid error (snippets/search-drawer line 38): include usage is not allowed in this context
3057          <span class="icon__fallback-text">Submit</span>
3058        </button>
3059      </form>
3060
3061      <div class="search-bar__actions">
3062        <button type="button" class="btn--link search-bar__close js-drawer-close">
3063          Liquid error (snippets/search-drawer line 45): include usage is not allowed in this context
3064          <span class="icon__fallback-text">Close search</span>
3065        </button>
3066      </div>
3067    </div>
3068  </div>
3069</div>
3070
3071
3072<header
3073  data-section-id="sections--24009558556831__header"
3074  data-section-type="header"
3075  class="header-wrapper tw-group tw-relative tw-z-50"
3076  js-header-wrapper
3077  color-theme="primary"
3078  data-component="megaMenu"
3079>
3080  <div class="top-header" data-section-id="sections--24009558556831__header" data-section-type="header-section" data-header-section>
3081    <div js-header class="header">
3082      <div class="site-header tw-relative tw-my-0 tw-grid tw-grid-cols-5 tw-px-5 tw-pb-[12px] tw-pt-[12px] lg:tw-mx-[60px] lg:tw-px-0 lg:tw-py-2 lg-plus:tw-py-[11px] xl:tw-mx-auto xl:tw-max-w-[1320px]">
3083        <!-- Left Menu -->
3084        <div class="tw-col-span-2 tw-block tw-self-center tw-justify-self-start tw-leading-none">
3085          <div class="site-header__mobile-toolbar tw-flex tw-items-center tw-gap-[20px] lg:tw-hidden">
3086            <button type="button" id="nav-icon3" class="header__button mobile-menu-toggle tw-bg-transparent" js-mobile-menu-toggle aria-label="Open mobile menu" aria-expanded="false">
3087              <span class="mobile-menu-toggle__icon mobile-menu-toggle__icon--menu" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" fill="none" role="presentation" aria-hidden="true">
3088  <path
3089    d="M18 6.75C18 6.94891 17.921 7.13968 17.7803 7.28033C17.6397 7.42098 17.4489 7.5 17.25 7.5H0.75C0.551088 7.5 0.360322 7.42098 0.21967 7.28033C0.0790178 7.13968 0 6.94891 0 6.75C0 6.55109 0.0790178 6.36032 0.21967 6.21967C0.360322 6.07902 0.551088 6 0.75 6H17.25C17.4489 6 17.6397 6.07902 17.7803 6.21967C17.921 6.36032 18 6.55109 18 6.75ZM0.75 1.5H17.25C17.4489 1.5 17.6397 1.42098 17.7803 1.28033C17.921 1.13968 18 0.948912 18 0.75C18 0.551088 17.921 0.360322 17.7803 0.21967C17.6397 0.0790178 17.4489 0 17.25 0H0.75C0.551088 0 0.360322 0.0790178 0.21967 0.21967C0.0790178 0.360322 0 0.551088 0 0.75C0 0.948912 0.0790178 1.13968 0.21967 1.28033C0.360322 1.42098 0.551088 1.5 0.75 1.5ZM17.25 12H0.75C0.551088 12 0.360322 12.079 0.21967 12.2197C0.0790178 12.3603 0 12.5511 0 12.75C0 12.9489 0.0790178 13.1397 0.21967 13.2803C0.360322 13.421 0.551088 13.5 0.75 13.5H17.25C17.4489 13.5 17.6397 13.421 17.7803 13.2803C17.921 13.1397 18 12.9489 18 12.75C18 12.5511 17.921 12.3603 17.7803 12.2197C17.6397 12.079 17.4489 12 17.25 12Z"
3090    fill="currentColor"
3091  />
3092</svg>
3093</span>
3094              <span class="mobile-menu-toggle__icon mobile-menu-toggle__icon--close" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3095  <path
3096    d="M19 6.41L17.59 5L12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12L19 6.41Z"
3097    fill="currentColor"
3098  />
3099</svg>
3100</span>
3101            </button>
3102            <a
3103              href="/pages/store-locator"
3104              class="site-header__icon site-header__find-in-store"
3105              aria-label="Find a store"
3106            >
3107              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3108  <path
3109    d="M12 6C11.2583 6 10.5333 6.21993 9.91661 6.63199C9.29993 7.04404 8.81928 7.62971 8.53545 8.31494C8.25162 9.00016 8.17736 9.75416 8.32205 10.4816C8.46675 11.209 8.8239 11.8772 9.34835 12.4017C9.8728 12.9261 10.541 13.2833 11.2684 
310913.4279C11.9958 13.5726 12.7498 13.4984 13.4351 13.2145C14.1203 12.9307 14.706 12.4501 15.118 11.8334C15.5301 11.2167 15.75 10.4917 15.75 9.75C15.75 8.75544 15.3549 7.80161 14.6517 7.09835C13.9484 6.39509 12.9946 6 12 6ZM12 12C11.555 12 11.12 11.868 10.75 11.6208C10.38 11.3736 10.0916 11.0222 9.92127 10.611C9.75097 10.1999 9.70642 9.7475 9.79323 9.31105C9.88005 8.87459 10.0943 8.47368 10.409 8.15901C10.7237 7.84434 11.1246 7.63005 11.561 7.54323C11.9975 7.45642 12.4499 7.50097 12.861 7.67127C13.2722 7.84157 13.6236 8.12996 13.8708 8.49997C14.118 8.86998 14.25 9.30499 14.25 9.75C14.25 10.3467 14.0129 10.919 13.591 11.341C13.169 11.7629 12.5967 12 12 12ZM12 1.5C9.81273 1.50248 7.71575 2.37247 6.16911 3.91911C4.62247 5.46575 3.75248 7.56273 3.75 9.75C3.75 12.6938 5.11031 15.8138 7.6875 18.7734C8.84552 20.1108 10.1489 21.3151 11.5734 22.3641C11.6995 22.4524 11.8498 22.4998 12.0037 22.4998C12.1577 22.4998 12.308 22.4524 12.4341 22.3641C13.856 21.3147 15.1568 20.1104 16.3125 18.7734C18.8859 15.8138 20.25 12.6938 20.25 9.75C20.2475 7.56273 19.3775 5.46575 17.8309 3.91911C16.2843 2.37247 14.1873 1.50248 12 1.5ZM12 20.8125C10.4503 19.5938 5.25 15.1172 5.25 9.75C5.25 7.95979 5.96116 6.2429 7.22703 4.97703C8.4929 3.71116 10.2098 3 12 3C13.7902 3 15.5071 3.71116 16.773 4.97703C18.0388 6.2429 18.75 7.95979 18.75 9.75C18.75 15.1153 13.5497 19.5938 12 20.8125Z"
3110    fill="currentColor"
3111  />
3112</svg>
3113
3114            </a>
3115          </div>
3116
3117          <nav id="AccessibleNav" aria-label="Desktop Menu">
3118            
3119
3120<ul class="site-nav list--inline" id="SiteNav">
3121  
3122
3123      <li
3124        class="site-nav--has-dropdown"
3125        data-child-list-handle="shop"
3126        data-has-dropdowns
3127      >
3128        
3129          <a
3130            href="/collections/drinks"
3131            class="site-nav__link tw-bg-transparent"
3132            
3133            aria-expanded="false"
3134            aria-controls="site-nav-menu-dropdown-shop"
3135          >
3136            <span class="site-nav__label">Shop</span>
3137          </a>
3138        
3139      </li>
3140    
3141  
3142
3143      <li
3144        class="site-nav--has-dropdown"
3145        data-child-list-handle="learn"
3146        data-has-dropdowns
3147      >
3148        
3149          <button
3150            class="site-nav__link tw-bg-transparent"
3151            type="button"
3152            aria-expanded="false"
3153            aria-controls="site-nav-menu-dropdown-learn"
3154          >
3155            <span class="site-nav__label">Learn</span>
3156          </button>
3157        
3158      </li>
3159    
3160  
3161
3162      <li
3163        
3164      >
3165        <a
3166          href="/pages/subscription"
3167          class="site-nav__link"
3168          
3169        >
3170          <span class="site-nav__label">Subscribe</span>
3171        </a>
3172      </li>
3173    
3174  
3175</ul>
3176
3177          </nav>
3178        </div>
3179        <!-- ./End Left Menu -->
3180
3181        <!-- Header Logo -->
3182        <div class="tw-col-span-1 tw-flex tw-justify-center tw-self-center tw-leading-none" role="region" aria-label="Site logo">
3183          
3184
3185
3186  <div class="h2 site-header__logo tw-h-[40px] tw-w-[102px] tw-shrink-0 lg:tw-h-10 lg:tw-w-[117px]">
3187    
3188<a target="_self" href="/" class="site-header__logo-image  tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center" aria-label="Olipop"><h1 class="visually-hidden">OLIPOP</h1>
3189        <img
3190          class="lazyload js"
3191          src="//drinkolipop.com/cdn/shop/files/OlipopLogo_1.png?v=1778767782"
3192          alt="OLIPOP"
3193          width="102"
3194          height="40"
3195        >
3196      </a>
3197    
3198  </div>
3199
3200
3201        </div>
3202        <!-- ./End Header Logo -->
3203
3204        <!-- Right Menu -->
3205        <div class="tw-col-span-2 tw-block tw-items-center tw-justify-end tw-self-center tw-justify-self-end tw-leading-none md:tw-flex">
3206          
3207            <nav aria-label="Desktop Right Menu">
3208            <ul class="site-nav list--inline tw-hidden lg:tw-block">
3209              
3210<li
3211                  
3212                >
3213                  <a
3214                    href="/pages/store-locator"
3215                    class="site-nav__link"
3216                    
3217                  >
3218                    <span class="site-nav__label">Find a store</span>
3219                  </a>
3220                </li>
3221              
3222            </ul>
3223            </nav>
3224          
3225
3226          <div class="site-header__icons site-header__icons--plus" role="region" aria-label="Account and cart">
3227            <div class="site-header__icons-wrapper">
3228              
3229                <div class="tw-block">
3230                  
3231                    <a href="/account/login" class="site-header__icon site-header__account nav-link">
3232                      <span class="myaccount_icons"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3233  <path
3234    d="M12 2.25C10.0716 2.25 8.18657 2.82183 6.58319 3.89317C4.97982 4.96451 3.73013 6.48726 2.99218 8.26884C2.25422 10.0504 2.06114 12.0108 2.43735 13.9021C2.81355 15.7934 3.74215 17.5307 5.10571 18.8943C6.46928 20.2579 8.20656 21.1865 10.0979 21.5627C11.9892 21.9389 13.9496 21.7458 15.7312 21.0078C17.5127 20.2699 19.0355 19.0202 20.1068 17.4168C21.1782 15.8134 21.75 13.9284 21.75 12C21.7473 9.41498 20.7192 6.93661 18.8913 5.10872C17.0634 3.28084 14.585 2.25273 12 2.25ZM6.945 18.5156C7.48757 17.6671 8.23501 16.9688 9.11843 16.4851C10.0019 16.0013 10.9928 15.7478 12 15.7478C13.0072 15.7478 13.9982 16.0013 14.8816 16.4851C15.765 16.9688 16.5124 17.6671 17.055 18.5156C15.6097 19.6397 13.831 20.2499 12 20.2499C10.169 20.2499 8.39032 19.6397 6.945 18.5156ZM9 11.25C9 10.6567 9.17595 10.0766 9.5056 9.58329C9.83524 9.08994 10.3038 8.70542 10.852 8.47836C11.4001 8.2513 12.0033 8.19189 12.5853 8.30764C13.1672 8.4234 13.7018 8.70912 14.1213 9.12868C14.5409 9.54824 14.8266 10.0828 14.9424 10.6647C15.0581 11.2467 14.9987 11.8499 14.7716 12.3981C14.5446 12.9462 14.1601 13.4148 13.6667 13.7444C13.1734 14.0741 12.5933 14.25 12 14.25C11.2044 14.25 10.4413 13.9339 9.87868 13.3713C9.31607 12.8087 9 12.0456 9 11.25ZM18.165 17.4759C17.3285 16.2638 16.1524 15.3261 14.7844 14.7806C15.5192 14.2019 16.0554 13.4085 16.3184 12.5108C16.5815 11.6132 16.5582 10.6559 16.252 9.77207C15.9457 8.88825 15.3716 8.12183 14.6096 7.5794C13.8475 7.03696 12.9354 6.74548 12 6.74548C11.0646 6.74548 10.1525 7.03696 9.39044 7.5794C8.62839 8.12183 8.05432 8.88825 7.74805 9.77207C7.44179 10.6559 7.41855 11.6132 7.68157 12.5108C7.94459 13.4085 8.4808 14.2019 9.21563 14.7806C7.84765 15.3261 6.67147 16.2638 5.835 17.4759C4.77804 16.2873 4.0872 14.8185 3.84567 13.2464C3.60415 11.6743 3.82224 10.0658 4.47368 8.61478C5.12512 7.16372 6.18213 5.93192 7.51745 5.06769C8.85276 4.20346 10.4094 3.74367 12 3.74367C13.5906 3.74367 15.1473 4.20346 16.4826 5.06769C17.8179 5.93192 18.8749 7.16372 19.5263 8.61478C20.1778 10.0658 20.3959 11.6743 20.1543 13.2464C19.9128 14.8185 19.222 16.2873 18.165 17.4759Z"
3235    fill="#034638"
3236  />
3237</svg>
3238</span>
3239                      <span class="icon__fallback-text">Log in</span>
3240                    </a>
3241                  
3242                </div>
3243              
3244
3245              <div class="cart-btns tw-relative">
3246                <div class="tw-hidden md:tw-block">
3247                  <a
3248                    target="_self"
3249                    href="/cart"
3250                    aria-label="Open Cart"
3251                    class="header__button header-cart-toggle site-header__icon site-header__cart tw-relative"
3252                    js-header-cart-toggle
3253                  >
3254                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3255  <path
3256    d="M21.5756 5.51906C21.5052 5.43481 21.4172 5.36705 21.3177 5.32056C21.2183 5.27407 21.1098 5.24998 21 5.25H5.87625L5.30625 2.11594C5.27485 1.94313 5.1838 1.78681 5.04897 1.67425C4.91414 1.56169 4.74408 1.50003 4.56844 1.5H2.25C2.05109 1.5 1.86032 1.57902 1.71967 1.71967C1.57902 1.86032 1.5 2.05109 1.5 2.25C1.5 2.44891 1.57902 2.63968 1.71967 2.78033C1.86032 2.92098 2.05109 3 2.25 3H3.9375L6.33375 16.1522C6.40434 16.5422 6.57671 16.9067 6.83344 17.2087C6.47911 17.5397 6.22336 17.9623 6.09455 18.4298C5.96575 18.8972 5.96892 19.3912 6.10371 19.8569C6.23851 20.3226 6.49966 20.7419 6.85821 21.0683C7.21676 21.3947 7.6587 21.6154 8.13502 21.7059C8.61134 21.7965 9.10344 21.7533 9.55673 21.5813C10.01 21.4092 10.4068 21.115 10.7031 20.7312C10.9994 20.3474 11.1836 19.889 11.2353 19.407C11.287 18.9249 11.2041 18.4379 10.9959 18H15.2541C15.0863 18.3513 14.9995 18.7357 15 19.125C15 19.6442 15.154 20.1517 15.4424 20.5834C15.7308 21.0151 16.1408 21.3515 16.6205 21.5502C17.1001 21.7489 17.6279 21.8008 18.1371 21.6996C18.6463 21.5983 19.114 21.3483 19.4812 20.9812C19.8483 20.614 20.0983 20.1463 20.1996 19.6371C20.3008 19.1279 20.2489 18.6001 20.0502 18.1205C19.8515 17.6408 19.5151 17.2308 19.0834 16.9424C18.6517 16.654 18.1442 16.5 17.625 16.5H8.54719C8.37155 16.5 8.20149 16.4383 8.06665 16.3257C7.93182 16.2132 7.84077 16.0569 7.80938 15.8841L7.51219 14.25H18.3872C18.9141 14.2499 19.4243 14.0649 19.8288 13.7272C20.2333 13.3896 20.5064 12.9206 20.6006 12.4022L21.7406 6.13406C21.7599 6.02572 21.7551 5.91447 21.7266 5.80818C21.6981 5.7019 21.6466 5.60319 21.5756 5.51906ZM9.75 19.125C9.75 19.3475 9.68402 19.565 9.5604 19.75C9.43679 19.935 9.26109 20.0792 9.05552 20.1644C8.84995 20.2495 8.62375 20.2718 8.40552 20.2284C8.18729 20.185 7.98684 20.0778 7.8295 19.9205C7.67217 19.7632 7.56502 19.5627 7.52162 19.3445C7.47821 19.1262 7.50049 18.9 7.58564 18.6945C7.67078 18.4889 7.81498 18.3132 7.99998 18.1896C8.18499 18.066 8.4025 18 8.625 18C8.92337 18 9.20952 18.1185 9.4205 18.3295C9.63147 18.5405 9.75 18.8266 9.75 19.125ZM18.75 19.125C18.75 19.3475 18.684 19.565 18.5604 19.75C18.4368 19.935 18.2611 20.0792 18.0555 20.1644C17.85 20.2495 17.6238 20.2718 17.4055 20.2284C17.1873 20.185 16.9868 20.0778 16.8295 19.9205C16.6722 19.7632 16.565 19.5627 16.5216 19.3445C16.4782 19.1262 16.5005 18.9 16.5856 18.6945C16.6708 18.4889 16.815 18.3132 17 18.1896C17.185 18.066 17.4025 18 17.625 18C17.9234 18 18.2095 18.1185 18.4205 18.3295C18.6315 18.5405 18.75 18.8266 18.75 19.125ZM19.125 12.1341C19.0935 12.3074 19.0021 12.464 18.8666 12.5766C18.7312 12.6893 18.5605 12.7506 18.3844 12.75H7.23938L6.14906 6.75H20.1009L19.125 12.1341Z"
3257    fill="#034638"
3258  />
3259</svg>
3260
3261                  </a>
3262                </div>
3263                <div class="md:tw-hidden">
3264                  <a href="/cart" class="header__button site-header__icon site-header__cart tw-relative">
3265                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3266  <path
3267    d="M21.5756 5.51906C21.5052 5.43481 21.4172 5.36705 21.3177 5.32056C21.2183 5.27407 21.1098 5.24998 21 5.25H5.87625L5.30625 2.11594C5.27485 1.94313 5.1838 1.78681 5.04897 1.67425C4.91414 1.56169 4.74408 1.50003 4.56844 1.5H2.25C2.05109 1.5 1.86032 1.57902 1.71967 1.71967C1.57902 1.86032 1.5 2.05109 1.5 2.25C1.5 2.44891 1.57902 2.63968 1.71967 2.78033C1.86032 2.92098 2.05109 3 2.25 3H3.9375L6.33375 16.1522C6.40434 16.5422 6.57671 16.9067 6.83344 17.2087C6.47911 17.5397 6.22336 17.9623 6.09455 18.4298C5.96575 18.8972 5.96892 19.3912 6.10371 19.8569C6.23851 20.3226 6.49966 20.7419 6.85821 21.0683C7.21676 21.3947 7.6587 21.6154 8.13502 21.7059C8.61134 21.7965 9.10344 21.7533 9.55673 21.5813C10.01 21.4092 10.4068 21.115 10.7031 20.7312C10.9994 20.3474 11.1836 19.889 11.2353 19.407C11.287 18.9249 11.2041 18.4379 10.9959 18H15.2541C15.0863 18.3513 14.9995 18.7357 15 19.125C15 19.6442 15.154 20.1517 15.4424 20.5834C15.7308 21.0151 16.1408 21.3515 16.6205 21.5502C17.1001 21.7489 17.6279 21.8008 18.1371 21.6996C18.6463 21.5983 19.114 21.3483 19.4812 20.9812C19.8483 20.614 20.0983 20.1463 20.1996 19.6371C20.3008 19.1279 20.2489 18.6001 20.0502 18.1205C19.8515 17.6408 19.5151 17.2308 19.0834 16.9424C18.6517 16.654 18.1442 16.5 17.625 16.5H8.54719C8.37155 16.5 8.20149 16.4383 8.06665 16.3257C7.93182 16.2132 7.84077 16.0569 7.80938 15.8841L7.51219 14.25H18.3872C18.9141 14.2499 19.4243 14.0649 19.8288 13.7272
3267C20.2333 13.3896 20.5064 12.9206 20.6006 12.4022L21.7406 6.13406C21.7599 6.02572 21.7551 5.91447 21.7266 5.80818C21.6981 5.7019 21.6466 5.60319 21.5756 5.51906ZM9.75 19.125C9.75 19.3475 9.68402 19.565 9.5604 19.75C9.43679 19.935 9.26109 20.0792 9.05552 20.1644C8.84995 20.2495 8.62375 20.2718 8.40552 20.2284C8.18729 20.185 7.98684 20.0778 7.8295 19.9205C7.67217 19.7632 7.56502 19.5627 7.52162 19.3445C7.47821 19.1262 7.50049 18.9 7.58564 18.6945C7.67078 18.4889 7.81498 18.3132 7.99998 18.1896C8.18499 18.066 8.4025 18 8.625 18C8.92337 18 9.20952 18.1185 9.4205 18.3295C9.63147 18.5405 9.75 18.8266 9.75 19.125ZM18.75 19.125C18.75 19.3475 18.684 19.565 18.5604 19.75C18.4368 19.935 18.2611 20.0792 18.0555 20.1644C17.85 20.2495 17.6238 20.2718 17.4055 20.2284C17.1873 20.185 16.9868 20.0778 16.8295 19.9205C16.6722 19.7632 16.565 19.5627 16.5216 19.3445C16.4782 19.1262 16.5005 18.9 16.5856 18.6945C16.6708 18.4889 16.815 18.3132 17 18.1896C17.185 18.066 17.4025 18 17.625 18C17.9234 18 18.2095 18.1185 18.4205 18.3295C18.6315 18.5405 18.75 18.8266 18.75 19.125ZM19.125 12.1341C19.0935 12.3074 19.0021 12.464 18.8666 12.5766C18.7312 12.6893 18.5605 12.7506 18.3844 12.75H7.23938L6.14906 6.75H20.1009L19.125 12.1341Z"
3268    fill="#034638"
3269  />
3270</svg>
3271
3272                  </a>
3273                </div>
3274                <div
3275  class="cart-item-count-badge tw-pointer-events-none tw-absolute -tw-top-1 tw-right-[-7px] tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-bg-[#008168] md:tw-right-0.5 md:tw-top-[5px] md:tw-h-4.5 md:tw-w-4.5"
3276  data-component="cartToggle"
3277  
3278    style="display: none;"
3279  
3280>
3281  <span class="tw-sr-only">items in cart</span>
3282  <span class="cart-item-count-badge__value" aria-live="polite">0</span>
3283</div>
3284
3285<style>
3286  .cart-item-count-badge {
3287    right: -3px;
3288  }
3289
3290  @media screen and (min-width: 750px) {
3291    .cart-item-count-badge {
3292      top: -6px;
3293      right: 4px;
3294    }
3295  }
3296
3297  @media screen and (min-width: 1183px) {
3298    .cart-item-count-badge {
3299      top: 5px;
3300      right: 7px;
3301    }
3302  }
3303</style>
3304
3305              </div>
3306            </div>
3307            <button
3308              type="button"
3309              class="site-header__mobile-menu-close-btn header__button tw-shrink-0 tw-bg-transparent tw-p-0"
3310              js-mobile-menu-close
3311              aria-label="Close menu"
3312            >
3313              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3314  <path
3315    d="M19.2806 18.2194C19.3502 18.2891 19.4055 18.3718 19.4432 18.4628C19.4809 18.5539 19.5003 18.6515 19.5003 18.75C19.5003 18.8485 19.4809 18.9461 19.4432 19.0372C19.4055 19.1282 19.3502 19.2109 19.2806 19.2806C19.2109 19.3503 19.1281 19.4056 19.0371 19.4433C18.9461 19.481 18.8485 19.5004 18.7499 19.5004C18.6514 19.5004 18.5538 19.481 18.4628 19.4433C18.3717 19.4056 18.289 19.3503 18.2193 19.2806L11.9999 13.0603L5.78055 19.2806C5.63982 19.4214 5.44895 19.5004 5.24993 19.5004C5.05091 19.5004 4.86003 19.4214 4.7193 19.2806C4.57857 19.1399 4.49951 18.949 4.49951 18.75C4.49951 18.551 4.57857 18.3601 4.7193 18.2194L10.9396 12L4.7193 5.78063C4.57857 5.6399 4.49951 5.44902 4.49951 5.25C4.49951 5.05098 4.57857 4.86011 4.7193 4.71938C4.86003 4.57865 5.05091 4.49958 5.24993 4.49958C5.44895 4.49958 5.63982 4.57865 5.78055 4.71938L11.9999 10.9397L18.2193 4.71938C18.36 4.57865 18.5509 4.49958 18.7499 4.49958C18.949 4.49958 19.1398 4.57865 19.2806 4.71938C19.4213 4.86011 19.5003 5.05098 19.5003 5.25C19.5003 5.44902 19.4213 5.6399 19.2806 5.78063L13.0602 12L19.2806 18.2194Z"
3316    fill="currentColor"
3317  />
3318</svg>
3319
3320            </button>
3321          </div>
3322        </div>
3323        <!-- ./End Right Menu -->
3324      </div>
3325
3326      
3327      
3328
3329    </div>
3330
3331    <div class="site-nav-dropdown tw-absolute tw-hidden tw-w-full tw-bg-[#FFF6EA] tw-opacity-0 tw-transition-opacity tw-duration-300 tw-ease-in-out">
3332  
3333
3334
3335
3336    
3337      
3338        
3339
3340<div
3341  class="site-nav-dropdown__menu--shop site-nav-dropdown__menu tw-mx-auto tw-w-full tw-min-h-0"
3342  id="site-nav-menu-dropdown-shop"
3343  tabindex="-1"
3344>
3345  <button type="button" class="site-nav-dropdown-close">Close menu Shop</button>
3346
3347  <div
3348    class="site-nav-dropdown__layout site-nav-dropdown__layout--shop tw-flex tw-h-full tw-min-h-0 tw-w-full tw-flex-1 tw-flex-row tw-bg-[#FDF9F0]"
3349  >
3350    <aside
3351      class="site-nav-dropdown__links tw-flex tw-min-h-0 tw-w-[min(30%,372px)] tw-min-w-[220px] tw-shrink-0 tw-flex-col"
3352    >
3353      <nav class="site-nav-dropdown__category-nav tw-flex tw-min-h-0 tw-flex-col tw-overflow-y-auto" aria-label="Shop categories">
3354            <div
3355              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3356              data-handle="nav-dropdown-9g-fiber-line"
3357            >
3358              <button
3359                class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left"
3360                type="button"
3361                aria-expanded="true"
3362              >
3363                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3364                  9g fiber line
3365                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3366  xmlns="http://www.w3.org/2000/svg"
3367  width="24"
3368  height="24"
3369  viewBox="0 0 24 24"
3370  fill="none"
3371  aria-hidden="true"
3372  focusable="false"
3373  role="presentation"
3374  class="icon icon-chevron-three-right"
3375>
3376  <path
3377    d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.82864 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z"
3378    fill="#034638"
3379  />
3380</svg>
3381</span>
3382                </span>
3383              </button>
3384            </div>
3385          
3386
3387            <div
3388              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3389              data-handle="nav-dropdown-6g-fiber-line"
3390            >
3391              <button
3392                class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left"
3393                type="button"
3394                aria-expanded="false"
3395              >
3396                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3397                  6g fiber line
3398                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3399  xmlns="http://www.w3.org/2000/svg"
3400  width="24"
3401  height="24"
3402  viewBox="0 0 24 24"
3403  fill="none"
3404  aria-hidden="true"
3405  focusable="false"
3406  role="presentation"
3407  class="icon icon-chevron-three-right"
3408>
3409  <path
3410    d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.82864 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z"
3411    fill="#034638"
3412  />
3413</svg>
3414</span>
3415                </span>
3416              </button>
3417            </div>
3418          
3419
3420            <div
3421              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3422              data-handle="nav-dropdown-minis"
3423            >
3424              <button
3425                class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left"
3426                type="button"
3427                aria-expanded="false"
3428              >
3429                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3430                  MINIs
3431                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3432  xmlns="http://www.w3.org/2000/svg"
3433  width="24"
3434  height="24"
3435  viewBox="0 0 24 24"
3436  fill="none"
3437  aria-hidden="true"
3438  focusable="false"
3439  role="presentation"
3440  class="icon icon-chevron-three-right"
3441>
3442  <path
3443    d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.828
344364 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z"
3444    fill="#034638"
3445  />
3446</svg>
3447</span>
3448                </span>
3449              </button>
3450            </div>
3451          
3452
3453            <div
3454              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3455              data-handle="nav-dropdown-limited-edition-flavors"
3456            >
3457              <button
3458                class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left"
3459                type="button"
3460                aria-expanded="false"
3461              >
3462                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3463                  Limited edition flavors
3464                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3465  xmlns="http://www.w3.org/2000/svg"
3466  width="24"
3467  height="24"
3468  viewBox="0 0 24 24"
3469  fill="none"
3470  aria-hidden="true"
3471  focusable="false"
3472  role="presentation"
3473  class="icon icon-chevron-three-right"
3474>
3475  <path
3476    d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.82864 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z"
3477    fill="#034638"
3478  />
3479</svg>
3480</span>
3481                </span>
3482              </button>
3483            </div>
3484          
3485
3486            <div
3487              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3488              data-handle="nav-dropdown-variety-packs"
3489            >
3490              <button
3491                class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left"
3492                type="button"
3493                aria-expanded="false"
3494              >
3495                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3496                  Variety packs
3497                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3498  xmlns="http://www.w3.org/2000/svg"
3499  width="24"
3500  height="24"
3501  viewBox="0 0 24 24"
3502  fill="none"
3503  aria-hidden="true"
3504  focusable="false"
3505  role="presentation"
3506  class="icon icon-chevron-three-right"
3507>
3508  <path
3509    d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.82864 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z"
3510    fill="#034638"
3511  />
3512</svg>
3513</span>
3514                </span>
3515              </button>
3516            </div>
3517          
3518</nav>
3519
3520      <div class="site-nav-dropdown__links-footer">
3521        <a
3522          href="/collections/drinks"
3523          class="site-nav-dropdown__footer-shop-all dropdown-btn"
3524        >
3525          Shop All
3526        </a>
3527      </div>
3528    </aside>
3529
3530    <div class="site-nav-dropdown__panel tw-relative tw-flex tw-h-full tw-min-h-0 tw-min-w-0 tw-flex-1 tw-flex-col tw-overflow-x-hidden tw-overflow-y-visible tw-bg-[#FFF6EA]">
3531      
3532
3533          <div
3534            id="nav-dropdown-9g-fiber-line"
3535            class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8"
3536          >
3537            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
3538              <header class="site-nav-dropdown__subnav-header tw-pl-1">
3539                <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between">
3540                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
3541                    <h2 class="site-nav-dropdown__subnav-title">
3542                      
3543                        Shop 9g fiber
3544                      
3545                    </h2>
3546                    
3547                      <div class="site-nav-dropdown__category-headline">
3548                        <div class="site-nav-dropdown__category-headline-text rte">
3549                          <span class="metafield-single_line_text_field">Keep refrigerated</span>
3550                        </div>
3551                        
3552                          <span class="site-nav-dropdown__category-headline-icon" aria-hidden="true">
3553                            <img src="//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&amp;width=64" alt="" srcset="//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&amp;width=32 32w" width="32" height="32" loading="lazy" class="site-nav-dropdown__category-headline-img">
3554                          </span>
3555                        
3556                      </div>
3557                    
3558                    
3559                      <div class="site-nav-dropdown__category-description rte">
3560                        <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span>
3561                      </div>
3562                    
3563                  </div>
3564                  <a
3565                    class="site-nav-dropdown__shop-all-outline"
3566                    href="/collections/shop-9g-fiber"
3567                  > 
3568                    
3569                      Shop All 9g Fiber
3570                    
3571                  </a>
3572                </div>
3573              </header>
3574
3575              <div
3576                class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]"
3577                data-nav-carousel
3578              >
3579                <div
3580                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
3581                  aria-hidden="false"
3582                >
3583                  <button
3584                    type="button"
3585                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
3586                    aria-label="Show previous products"
3587                  >
3588<svg
3589  xmlns="http://www.w3.org/2000/svg"
3590  width="24"
3591  height="24"
3592  viewBox="0 0 24 24"
3593  fill="none"
3594  class="site-nav-dropdown__carousel-arrow-svg"
3595  aria-hidden="true"
3596  focusable="false"
3597>
3598  <path
3599    d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z"
3600    fill="currentColor"
3601  />
3602</svg>
3603</button>
3604                  <button
3605                    type="button"
3606                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
3607                    aria-label="Show next products"
3608                  >
3609<svg
3610  xmlns="http://www.w3.org/2000/svg"
3611  width="24"
3612  height="24"
3613  viewBox="0 0 24 24"
3614  fill="none"
3615  class="site-nav-dropdown__carousel-arrow-svg"
3616  aria-hidden="true"
3617  focusable="false"
3618>
3619  <path
3620    d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C2
36200.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z"
3621    fill="currentColor"
3622  />
3623</svg>
3624</button>
3625                </div>
3626                <div
3627                  class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8"
3628                  data-carousel-track
3629                  tabindex="0"
3630                  role="region"
3631                  aria-roledescription="carousel"
3632                  aria-label="9g fiber line products"
3633                >
3634                  <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1">
3635                    
3636                    
3637
3638                    
3639
3640                    
3641
3642
3643                      
3644
3645                      
3646
3647                      
3648                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3649                          <a
3650                            href="/products/caramel-apple"
3651                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
3652                            
3653                          >
3654                            <span class="site-nav-dropdown__product-card-media">
3655                              
3656                                <div
3657    class="product-badge product-badge--nav product-badge--short-text"
3658    role="status"
3659    aria-label="New"
3660  >
3661    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
3662      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/>
3663    </svg>
3664    <span class="product-badge__text" style="color: #034638;">New</span>
3665  </div>
3666                              
3667
3668                              
3669                                
3670                                  
3671                                  
3672                              
3673                              
3674                              
3675                              <img
3676                                class="site-nav-dropdown__product-card-img nav-product-hero"
3677                                src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1788145122&width=272"
3678                                width="136"
3679                                height="181"
3680                                alt="Caramel Apple"
3681                                loading="lazy"
3682                                decoding="async"
3683                              >
3684                              
3685                            </span>
3686                            <span class="site-nav-dropdown__product-card-label">
3687                              
3688                                Caramel Apple
3689                              
3690                            </span>
3691                          </a>
3692                        </li>
3693                      
3694                    
3695
3696
3697                      
3698
3699                      
3700
3701                      
3702                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3703                          <a
3704                            href="/products/blackberry-vanilla"
3705                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
3706                            
3707                          >
3708                            <span class="site-nav-dropdown__product-card-media">
3709                              
3710
3711                              
3712                                
3713                                  
3714                                  
3715                              
3716                              
3717                              
3718                              <img
3719                                class="site-nav-dropdown__product-card-img nav-product-hero"
3720                                src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162450&width=272"
3721                                width="136"
3722                                height="181"
3723                                alt="Blackberry Vanilla"
3724                                loading="lazy"
3725                                decoding="async"
3726                              >
3727                              
3728                            </span>
3729                            <span class="site-nav-dropdown__product-card-label">
3730                              
3731                                Blackberry Vanilla
3732                              
3733                            </span>
3734                          </a>
3735                        </li>
3736                      
3737                    
3738
3739
3740                      
3741
3742                      
3743
3744                      
3745                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3746                          <a
3747                            href="/products/crisp-apple"
3748                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
3749                            
3750                          >
3751                            <span class="site-nav-dropdown__product-card-media">
3752                              
3753
3754                              
3755                                
3756                                  
3757                                  
3758                              
3759                              
3760                              
3761                              <img
3762                                class="site-nav-dropdown__product-card-img nav-product-hero"
3763                                src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163593&width=272"
3764                                width="136"
3765                                height="181"
3766                                alt="Crisp Apple"
3767                                loading="lazy"
3768                                decoding="async"
3769                              >
3770                              
3771                            </span>
3772                            <span class="site-nav-dropdown__product-card-label">
3773                              
3774                                Crisp Apple
3775                              
3776                            </span>
3777                          </a>
3778                        </li>
3779                      
3780                    
3781
3782
3783                      
3784
3785                      
3786
3787                      
3788                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3789                          <a
3790                            href="/products/classic-grape"
3791                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
3792                            
3793                          >
3794                            <span class="site-nav-dropdown__product-card-media">
3795                              
3796
3797                              
3798                                
3799                                  
3800                                  
3801                              
3802                              
3803                              
3804                              <img
3805                                class="site-nav-dropdown__product-card-img nav-product-hero"
3806                                src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163040&width=272"
3807                                width="136"
3808                                height="181"
3809                                alt="Classic Grape"
3810                                loading="lazy"
3811                                decoding="async"
3812                              >
3813                              
3814                            </span>
3815                            <span class="site-nav-dropdown__product-card-label">
3816                              
3817                                Classic Grape
3818                              
3819                            </span>
3820                          </a>
3821                        </li>
3822                      
3823                    
3824
3825
3826                      
3827
3828                      
3829
3830                      
3831                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3832                          <a
3833                            href="/products/classic-root-beer"
3834                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
3835                            
3836                          >
3837                            <span class="site-nav-dropdown__product-card-media">
3838                              
3839
3840                              
3841                                
3842                                  
3843                                  
3844                              
3845                              
3846                              
3847                              <img
3848                                class="site-nav-dropdown__product-card-img nav-product-hero"
3849                                src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161742&width=272"
3850                                width="136"
3851                                height="181"
3852                                alt="Classic Root Beer"
3853                                loading="lazy"
3854                                decoding="async"
3855                              >
3856                              
3857                            </span>
3858                            <span class="site-nav-dropdown__product-card-label">
3859                              
3860                                Classic Root Beer
3861                              
3862                            </span>
3863                          </a>
3864                        </li>
3865                      
3866                    
3867
3868
3869                      
3870
3871                      
3872
3873                      
3874                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3875                          <a
3876                            href="/products/vintage-cola"
3877                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
3878                            
3879                          >
3880                            <span class="site-nav-dropdown__product-card-media">
3881                              
3882
3883                              
3884                                
3885                                  
3886                                  
3887                              
3888                              
3889                              
3890                              <img
3891                                class="site-nav-dropdown__product-card-img nav-product-hero"
3892                                src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161590&width=272"
3893                                width="136"
3894                                height="181"
3895                                alt="Vintage Cola"
3896                                loading="lazy"
3897                                decoding="async"
3898                              >
3899                              
3900                            </span>
3901                            <span class="site-nav-dropdown__product-card-label">
3902                              
3903                                Vintage Cola
3904                              
3905                            </span>
3906                          </a>
3907                        </li>
3908                      
3909                    
3910
3911
3912                      
3913
3914                      
3915
3916                      
3917                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3918                          <a
3919                            href="/products/cream-soda"
3920                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
3921                            
3922                          >
3923                            <span class="site-nav-dropdown__product-card-media">
3924                              
3925
3926                              
3927                                
3928                                  
3929                                  
3930                              
3931                              
3932                              
3933                              <img
3934                                class="site-nav-dropdown__product-card-img nav-product-hero"
3935                                src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163263&width=272"
3936                                width="136"
3937                                height="181"
3938                                alt="Cream Soda"
3939                                loading="lazy"
3940                                decoding="async"
3941                              >
3942                              
3943                            </span>
3944                            <span class="site-nav-dropdown__product-card-label">
3945                              
3946                                Cream Soda
3947                              
3948                            </span>
3949                          </a>
3950                        </li>
3951                      
3952                    
3953
3954
3955                      
3956
3957                      
3958
3959                      
3960                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3961                          <a
3962                            href="/products/strawberry-vanilla"
3963                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
3964                            
3965                          >
3966                            <span class="site-nav-dropdown__product-card-media">
3967                              
3968
3969                              
3970                                
3971                                  
3972                                  
3973                              
3974                              
3975                              
3976                              <img
3977                                class="site-nav-dropdown__product-card-img nav-product-hero"
3978                                src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272"
3979                                width="136"
3980                                height="181"
3981                                alt="Strawberry Vanilla"
3982                                loading="lazy"
3983                                decoding="async"
3984                              >
3985                              
3986                            </span>
3987                            <span class="site-nav-dropdown__product-card-label">
3988                              
3989                                Strawberry Vanilla
3990                              
3991                            </span>
3992                          </a>
3993                        </li>
3994                      
3995                    
3996
3997
3998                      
3999
4000                      
4001
4002                      
4003                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4004                          <a
4005                            href="/products/cherry-cola"
4006                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4007                            
4008                          >
4009                            <span class="site-nav-dropdown__product-card-media">
4010                              
4011
4012                              
4013                                
4014                                  
4015                                  
4016                              
4017                              
4018                              
4019                              <img
4020                                class="site-nav-dropdown__product-card-img nav-product-hero"
4021                                src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272"
4022                                width="136"
4023                                height="181"
4024                                alt="Cherry Cola"
4025                                loading="lazy"
4026                                decoding="async"
4027                              >
4028                              
4029                            </span>
4030                            <span class="site-nav-dropdown__product-card-label">
4031                              
4032                                Cherry Cola
4033                              
4034                            </span>
4035                          </a>
4036                        </li>
4037                      
4038                    
4039
4040
4041                      
4042
4043                      
4044
4045                      
4046                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4047                          <a
4048                            href="/products/orange-cream"
4049                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4050                            
4051                          >
4052                            <span class="site-nav-dropdown__product-card-media">
4053                              
4054
4055                              
4056                                
4057                                  
4058                                  
4059                              
4060                              
4061                              
4062                              <img
4063                                class="site-nav-dropdown__product-card-img nav-product-hero"
4064                                src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162789&width=272"
4065                                width="136"
4066                                height="181"
4067                                alt="Orange Cream"
4068                                loading="lazy"
4069                                decoding="async"
4070                              >
4071                              
4072                            </span>
4073                            <span class="site-nav-dropdown__product-card-label">
4074                              
4075                                Orange Cream
4076                              
4077                            </span>
4078                          </a>
4079                        </li>
4080                      
4081                    
4082
4083
4084                      
4085
4086                      
4087
4088                      
4089                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4090                          <a
4091                            href="/products/peaches-and-cream"
4092                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4093                            
4094                          >
4095                            <span class="site-nav-dropdown__product-card-media">
4096                              
4097
4098                              
4099                                
4100                                  
4101                                  
4102                              
4103                              
4104                              
4105                              <img
4106                                class="site-nav-dropdown__product-card-img nav-product-hero"
4107                                src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779165117&width=272"
4108                                width="136"
4109                                height="181"
4110                                alt="Peaches & Cream"
4111                                loading="lazy"
4112                                decoding="async"
4113                              >
4114                              
4115                            </span>
4116                            <span class="site-nav-dropdown__product-card-label">
4117                              
4118                                Peaches &amp; Cream
4119                              
4120                            </span>
4121                          </a>
4122                        </li>
4123                      
4124                    
4125
4126
4127                      
4128
4129                      
4130
4131                      
4132                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4133                          <a
4134                            href="/products/orange-squeeze"
4135                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4136                            
4137                          >
4138                            <span class="site-nav-dropdown__product-card-media">
4139                              
4140
4141                              
4142                                
4143                                  
4144                                  
4145                              
4146                              
4147                              
4148                              <img
4149                                class="site-nav-dropdown__product-card-img nav-product-hero"
4150                                src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162264&width=272"
4151                                width="136"
4152                                height="181"
4153                                alt="Orange Squeeze"
4154                                loading="lazy"
4155                                decoding="async"
4156                              >
4157                              
4158                            </span>
4159                            <span class="site-nav-dropdown__product-card-label">
4160                              
4161                                Orange Squeeze
4162                              
4163                            </span>
4164                          </a>
4165                        </li>
4166                      
4167                    
4168
4169
4170                      
4171
4172                      
4173
4174                      
4175                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4176                          <a
4177                            href="/products/ginger-ale"
4178                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4179                            
4180                          >
4181                            <span class="site-nav-dropdown__product-card-media">
4182                              
4183
4184                              
4185                                
4186                                  
4187                                  
4188                              
4189                              
4190                              
4191                              <img
4192                                class="site-nav-dropdown__product-card-img nav-product-hero"
4193                                src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779164857&width=272"
4194                                width="136"
4195                                height="181"
4196                                alt="Ginger Ale"
4197                                loading="lazy"
4198                                decoding="async"
4199                              >
4200                              
4201                            </span>
4202                            <span class="site-nav-dropdown__product-card-label">
4203                              
4204                                Ginger Ale
4205                              
4206                            </span>
4207                          </a>
4208                        </li>
4209                      
4210                    
4211
4212
4213                      
4214
4215                      
4216
4217                      
4218                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4219                          <a
4220                            href="/products/citrus-rush"
4221                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4222                            
4223                          >
4224                            <span class="site-nav-dropdown__product-card-media">
4225                              
4226
4227                              
4228                                
4229                                  
4230                                  
4231                              
4232                              
4233                              
4234                              <img
4235                                class="site-nav-dropdown__product-card-img nav-product-hero"
4236                                src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779196248&width=272"
4237                                width="136"
4238                                height="181"
4239                                alt="Citrus Rush"
4240                                loading="lazy"
4241                                decoding="async"
4242                              >
4243                              
4244                            </span>
4245                            <span class="site-nav-dropdown__product-card-label">
4246                              
4247                                Ridge Rush
4248                              
4249                            </span>
4250                          </a>
4251                        </li>
4252                      
4253                    
4254
4255
4256                      
4257
4258                      
4259
4260                      
4261                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4262                          <a
4263                            href="/products/doctor-goodwin"
4264                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4265                            
4266                          >
4267                            <span class="site-nav-dropdown__product-card-media">
4268                              
4269
4270                              
4271                                
4272                                  
4273                                  
4274                              
4275                              
4276                              
4277                              <img
4278                                class="site-nav-dropdown__product-card-img nav-product-hero"
4279                                src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163486&width=272"
4280                                width="136"
4281                                height="181"
4282                                alt="Doctor Goodwin"
4283                                loading="lazy"
4284                                decoding="async"
4285                              >
4286                              
4287                            </span>
4288                            <span class="site-nav-dropdown__product-card-label">
4289                              
4290                                Doctor Goodwin
4291                              
4292                            </span>
4293                          </a>
4294                        </li>
4295                      
4296                    
4297
4298
4299                      
4300
4301                      
4302
4303                      
4304                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4305                          <a
4306                            href="/products/cherry-vanilla"
4307                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4308                            
4309                          >
4310                            <span class="site-nav-dropdown__product-card-media">
4311                              
4312
4313                              
4314                                
4315                                  
4316                                  
4317                              
4318                              
4319                              
4320                              <img
4321                                class="site-nav-dropdown__product-card-img nav-product-hero"
4322                                src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162208&width=272"
4323                                width="136"
4324                                height="181"
4325                                alt="Cherry Vanilla"
4326                                loading="lazy"
4327                                decoding="async"
4328                              >
4329                              
4330                            </span>
4331                            <span class="site-nav-dropdown__product-card-label">
4332                              
4333                                Cherry Vanilla
4334                              
4335                            </span>
4336                          </a>
4337                        </li>
4338                      
4339                    
4340
4341
4342                      
4343
4344                      
4345
4346                      
4347                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4348                          <a
4349                            href="/products/tropical-punch"
4350                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4351                            
4352                          >
4353                            <span class="site-nav-dropdown__product-card-media">
4354                              
4355
4356                              
4357                                
4358                                  
4359                                  
4360                              
4361                              
4362                              
4363                              <img
4364                                class="site-nav-dropdown__product-card-img nav-product-hero"
4365                                src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163155&width=272"
4366                                width="136"
4367                                height="181"
4368                                alt="Tropical Punch"
4369                                loading="lazy"
4370                                decoding="async"
4371                              >
4372                              
4373                            </span>
4374                            <span class="site-nav-dropdown__product-card-label">
4375                              
4376                                Tropical Punch
4377                              
4378                            </span>
4379                          </a>
4380                        </li>
4381                      
4382                    
4383
4384
4385                      
4386
4387                      
4388
4389                      
4390                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4391                          <a
4392                            href="/products/lemon-lime"
4393                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4394                            
4395                          >
4396                            <span class="site-nav-dropdown__product-card-media">
4397                              
4398
4399                              
4400                                
4401                                  
4402                                  
4403                              
4404                              
4405                              
4406                              <img
4407                                class="site-nav-dropdown__product-card-img nav-product-hero"
4408                                src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163931&width=272"
4409                                width="136"
4410                                height="181"
4411                                alt="Lemon Lime"
4412                                loading="lazy"
4413                                decoding="async"
4414                              >
4415                              
4416                            </span>
4417                            <span class="site-nav-dropdown__product-card-label">
4418                              
4419                                Lemon Lime
4420                              
4421                            </span>
4422                          </a>
4423                        </li>
4424                      
4425                    
4426
4427
4428                      
4429
4430                      
4431
4432                      
4433                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4434                          <a
4435                            href="/products/ginger-lemon"
4436                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4437                            
4438                          >
4439                            <span class="site-nav-dropdown__product-card-media">
4440                              
4441
4442                              
4443                                
4444                                  
4445                                  
4446                              
4447                              
4448                              
4449                              <img
4450                                class="site-nav-dropdown__product-card-img nav-product-hero"
4451                                src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161268&width=272"
4452                                width="136"
4453                                height="181"
4454                                alt="Ginger Lemon"
4455                                loading="lazy"
4456                                decoding="async"
4457                              >
4458                              
4459                            </span>
4460                            <span class="site-nav-dropdown__product-card-label">
4461                              
4462                                Ginger Lemon
4463                              
4464                            </span>
4465                          </a>
4466                        </li>
4467                      
4468                    
4469
4470
4471                      
4472
4473                      
4474
4475                      
4476                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4477                          <a
4478                            href="/products/watermelon-lime"
4479                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4480                            
4481                          >
4482                            <span class="site-nav-dropdown__product-card-media">
4483                              
4484
4485                              
4486                                
4487                                  
4488                                  
4489                              
4490                              
4491                              
4492                              <img
4493                                class="site-nav-dropdown__product-card-img nav-product-hero"
4494                                src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779164501&width=272"
4495                                width="136"
4496                                height="181"
4497                                alt="Watermelon Lime"
4498                                loading="lazy"
4499                                decoding="async"
4500                              >
4501                              
4502                            </span>
4503                            <span class="site-nav-dropdown__product-card-label">
4504                              
4505                                Watermelon Lime
4506                              
4507                            </span>
4508                          </a>
4509                        </li>
4510                      
4511                    
4512
4513
4514                      
4515
4516                      
4517
4518                      
4519                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4520                          <a
4521                            href="/products/banana-cream"
4522                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4523                            
4524                          >
4525                            <span class="site-nav-dropdown__product-card-media">
4526                              
4527
4528                              
4529                                
4530                                  
4531                                  
4532                              
4533                              
4534                              
4535                              <img
4536                                class="site-nav-dropdown__product-card-img nav-product-hero"
4537                                src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779155708&width=272"
4538                                width="136"
4539                                height="181"
4540                                alt="Banana Cream"
4541                                loading="lazy"
4542                                decoding="async"
4543                              >
4544                              
4545                            </span>
4546                            <span class="site-nav-dropdown__product-card-label">
4547                              
4548                                Banana Cream
4549                              
4550                            </span>
4551                          </a>
4552                        </li>
4553                      
4554                    
4555                  </ul>
4556                </div>
4557              </div>
4558            </div>
4559          </div>
4560        
4561      
4562
4563          <div
4564            id="nav-dropdown-6g-fiber-line"
4565            class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8"
4566          >
4567            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
4568              <header class="site-nav-dropdown__subnav-header tw-pl-1">
4569                <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between">
4570                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
4571                    <h2 class="site-nav-dropdown__subnav-title">
4572                      
4573                        Shop 6g fiber
4574                      
4575                    </h2>
4576                    
4577                      <div class="site-nav-dropdown__category-headline">
4578                        <div class="site-nav-dropdown__category-headline-text rte">
4579                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
4580                        </div>
4581                        
4582                      </div>
4583                    
4584                    
4585                      <div class="site-nav-dropdown__category-description rte">
4586                        <span class="metafield-multi_line_text_field">Same great taste &amp; digestive support, in a lower‑fiber, store‑anywhere format.</span>
4587                      </div>
4588                    
4589                  </div>
4590                  <a
4591                    class="site-nav-dropdown__shop-all-outline"
4592                    href="/collections/shop-6g-fiber"
4593                  > 
4594                    
4595                      Shop All 6g Fiber
4596                    
4597                  </a>
4598                </div>
4599              </header>
4600
4601              <div
4602                class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]"
4603                data-nav-carousel
4604              >
4605                <div
4606                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
4607                  aria-hidden="false"
4608                >
4609                  <button
4610                    type="button"
4611                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
4612                    aria-label="Show previous products"
4613                  >
4614<svg
4615  xmlns="http://www.w3.org/2000/svg"
4616  width="24"
4617  height="24"
4618  viewBox="0 0 24 24"
4619  fill="none"
4620  class="site-nav-dropdown__carousel-arrow-svg"
4621  aria-hidden="true"
4622  focusable="false"
4623>
4624  <path
4625    d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z"
4626    fill="currentColor"
4627  />
4628</svg>
4629</button>
4630                  <button
4631                    type="button"
4632                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
4633                    aria-label="Show next products"
4634                  >
4635<svg
4636  xmlns="http://www.w3.org/2000/svg"
4637  width="24"
4638  height="24"
4639  viewBox="0 0 24 24"
4640  fill="none"
4641  class="site-nav-dropdown__carousel-arrow-svg"
4642  aria-hidden="true"
4643  focusable="false"
4644>
4645  <path
4646    d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C2
46460.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z"
4647    fill="currentColor"
4648  />
4649</svg>
4650</button>
4651                </div>
4652                <div
4653                  class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8"
4654                  data-carousel-track
4655                  tabindex="0"
4656                  role="region"
4657                  aria-roledescription="carousel"
4658                  aria-label="6g fiber line products"
4659                >
4660                  <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1">
4661                    
4662                    
4663
4664                    
4665
4666                    
4667
4668
4669                      
4670
4671                      
4672
4673                      
4674                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4675                          <a
4676                            href="/products/pomegranate-sparkle"
4677                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4678                            
4679                          >
4680                            <span class="site-nav-dropdown__product-card-media">
4681                              
4682                                <div
4683    class="product-badge product-badge--nav product-badge--short-text"
4684    role="status"
4685    aria-label="New"
4686  >
4687    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
4688      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/>
4689    </svg>
4690    <span class="product-badge__text" style="color: #034638;">New</span>
4691  </div>
4692                              
4693
4694                              
4695                                
4696                                  
4697                                  
4698                              
4699                              
4700                              
4701                              <img
4702                                class="site-nav-dropdown__product-card-img nav-product-hero"
4703                                src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272"
4704                                width="136"
4705                                height="181"
4706                                alt="Pomegranate Sparkle"
4707                                loading="lazy"
4708                                decoding="async"
4709                              >
4710                              
4711                            </span>
4712                            <span class="site-nav-dropdown__product-card-label">
4713                              
4714                                Pomegranate Sparkle
4715                              
4716                            </span>
4717                          </a>
4718                        </li>
4719                      
4720                    
4721
4722
4723                      
4724
4725                      
4726
4727                      
4728                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4729                          <a
4730                            href="/products/raspberry-sherbet"
4731                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4732                            
4733                          >
4734                            <span class="site-nav-dropdown__product-card-media">
4735                              
4736                                <div
4737    class="product-badge product-badge--nav"
4738    role="status"
4739    aria-label="Limited"
4740  >
4741    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
4742      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/>
4743    </svg>
4744    <span class="product-badge__text" style="color: #034638;">Limited</span>
4745  </div>
4746                              
4747
4748                              
4749                                
4750                                  
4751                                  
4752                              
4753                              
4754                              
4755                              <img
4756                                class="site-nav-dropdown__product-card-img nav-product-hero"
4757                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
4758                                width="136"
4759                                height="181"
4760                                alt="Raspberry Sherbet"
4761                                loading="lazy"
4762                                decoding="async"
4763                              >
4764                              
4765                            </span>
4766                            <span class="site-nav-dropdown__product-card-label">
4767                              
4768                                Raspberry Sherbet
4769                              
4770                            </span>
4771                          </a>
4772                        </li>
4773                      
4774                    
4775
4776
4777                      
4778
4779                      
4780
4781                      
4782                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4783                          <a
4784                            href="/products/shirley-temple"
4785                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4786                            
4787                          >
4788                            <span class="site-nav-dropdown__product-card-media">
4789                              
4790                                <div
4791    class="product-badge product-badge--nav"
4792    role="status"
4793    aria-label="Limited"
4794  >
4795    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
4796      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/>
4797    </svg>
4798    <span class="product-badge__text" style="color: #034638;">Limited</span>
4799  </div>
4800                              
4801
4802                              
4803                                
4804                                  
4805                                  
4806                              
4807                              
4808                              
4809                              <img
4810                                class="site-nav-dropdown__product-card-img nav-product-hero"
4811                                src="//drinkolipop.com/cdn/shop/files/shirley-temple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778804138&width=272"
4812                                width="136"
4813                                height="181"
4814                                alt="Shirley Temple"
4815                                loading="lazy"
4816                                decoding="async"
4817                              >
4818                              
4819                            </span>
4820                            <span class="site-nav-dropdown__product-card-label">
4821                              
4822                                Shirley Temple
4823                              
4824                            </span>
4825                          </a>
4826                        </li>
4827                      
4828                    
4829
4830
4831                      
4832
4833                      
4834
4835                      
4836                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4837                          <a
4838                            href="/products/spongebob-pineapple-paradise"
4839                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4840                            
4841                          >
4842                            <span class="site-nav-dropdown__product-card-media">
4843                              
4844                                <div
4845    class="product-badge product-badge--nav"
4846    role="status"
4847    aria-label="Limited"
4848  >
4849    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
4850      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
485003 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/>
4851    </svg>
4852    <span class="product-badge__text" style="color: #034638;">Limited</span>
4853  </div>
4854                              
4855
4856                              
4857                                
4858                                  
4859                                  
4860                              
4861                              
4862                              
4863                              <img
4864                                class="site-nav-dropdown__product-card-img nav-product-hero"
4865                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
4866                                width="136"
4867                                height="181"
4868                                alt="Pineapple Paradise"
4869                                loading="lazy"
4870                                decoding="async"
4871                              >
4872                              
4873                            </span>
4874                            <span class="site-nav-dropdown__product-card-label">
4875                              
4876                                Pineapple Paradise
4877                              
4878                            </span>
4879                          </a>
4880                        </li>
4881                      
4882                    
4883
4884
4885                      
4886
4887                      
4888
4889                      
4890                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4891                          <a
4892                            href="/products/crisp-apple-6g-fiber"
4893                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4894                            
4895                          >
4896                            <span class="site-nav-dropdown__product-card-media">
4897                              
4898
4899                              
4900                                
4901                                  
4902                                  
4903                              
4904                              
4905                              
4906                              <img
4907                                class="site-nav-dropdown__product-card-img nav-product-hero"
4908                                src="//drinkolipop.com/cdn/shop/files/crisp-apple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778731400&width=272"
4909                                width="136"
4910                                height="181"
4911                                alt="Crisp Apple"
4912                                loading="lazy"
4913                                decoding="async"
4914                              >
4915                              
4916                            </span>
4917                            <span class="site-nav-dropdown__product-card-label">
4918                              
4919                                Crisp Apple
4920                              
4921                            </span>
4922                          </a>
4923                        </li>
4924                      
4925                    
4926
4927
4928                      
4929
4930                      
4931
4932                      
4933                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4934                          <a
4935                            href="/products/classic-grape-6g-fiber"
4936                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4937                            
4938                          >
4939                            <span class="site-nav-dropdown__product-card-media">
4940                              
4941
4942                              
4943                                
4944                                  
4945                                  
4946                              
4947                              
4948                              
4949                              <img
4950                                class="site-nav-dropdown__product-card-img nav-product-hero"
4951                                src="//drinkolipop.com/cdn/shop/files/classic-grape-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778733509&width=272"
4952                                width="136"
4953                                height="181"
4954                                alt="Classic Grape"
4955                                loading="lazy"
4956                                decoding="async"
4957                              >
4958                              
4959                            </span>
4960                            <span class="site-nav-dropdown__product-card-label">
4961                              
4962                                Classic Grape
4963                              
4964                            </span>
4965                          </a>
4966                        </li>
4967                      
4968                    
4969
4970
4971                      
4972
4973                      
4974
4975                      
4976                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4977                          <a
4978                            href="/products/vintage-cola-6g-fiber"
4979                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
4980                            
4981                          >
4982                            <span class="site-nav-dropdown__product-card-media">
4983                              
4984
4985                              
4986                                
4987                                  
4988                                  
4989                              
4990                              
4991                              
4992                              <img
4993                                class="site-nav-dropdown__product-card-img nav-product-hero"
4994                                src="//drinkolipop.com/cdn/shop/files/vintage-cola-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778727450&width=272"
4995                                width="136"
4996                                height="181"
4997                                alt="Vintage Cola"
4998                                loading="lazy"
4999                                decoding="async"
5000                              >
5001                              
5002                            </span>
5003                            <span class="site-nav-dropdown__product-card-label">
5004                              
5005                                Vintage Cola
5006                              
5007                            </span>
5008                          </a>
5009                        </li>
5010                      
5011                    
5012
5013
5014                      
5015
5016                      
5017
5018                      
5019                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5020                          <a
5021                            href="/products/classic-root-beer-6g-fiber"
5022                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5023                            
5024                          >
5025                            <span class="site-nav-dropdown__product-card-media">
5026                              
5027
5028                              
5029                                
5030                                  
5031                                  
5032                              
5033                              
5034                              
5035                              <img
5036                                class="site-nav-dropdown__product-card-img nav-product-hero"
5037                                src="//drinkolipop.com/cdn/shop/files/classic-root-beer-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778736431&width=272"
5038                                width="136"
5039                                height="181"
5040                                alt="Classic Root Beer"
5041                                loading="lazy"
5042                                decoding="async"
5043                              >
5044                              
5045                            </span>
5046                            <span class="site-nav-dropdown__product-card-label">
5047                              
5048                                Classic Root Beer
5049                              
5050                            </span>
5051                          </a>
5052                        </li>
5053                      
5054                    
5055
5056
5057                      
5058
5059                      
5060
5061                      
5062                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5063                          <a
5064                            href="/products/cream-soda-6g-fiber"
5065                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5066                            
5067                          >
5068                            <span class="site-nav-dropdown__product-card-media">
5069                              
5070
5071                              
5072                                
5073                                  
5074                                  
5075                              
5076                              
5077                              
5078                              <img
5079                                class="site-nav-dropdown__product-card-img nav-product-hero"
5080                                src="//drinkolipop.com/cdn/shop/files/cream-soda-6g-olipop_gallery-image_single-can_new_asset_new_asset.webp?crop=center&height=362&v=1778734784&width=272"
5081                                width="136"
5082                                height="181"
5083                                alt="Cream Soda"
5084                                loading="lazy"
5085                                decoding="async"
5086                              >
5087                              
5088                            </span>
5089                            <span class="site-nav-dropdown__product-card-label">
5090                              
5091                                Cream Soda
5092                              
5093                            </span>
5094                          </a>
5095                        </li>
5096                      
5097                    
5098
5099
5100                      
5101
5102                      
5103
5104                      
5105                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5106                          <a
5107                            href="/products/strawberry-vanilla-6g-fiber"
5108                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5109                            
5110                          >
5111                            <span class="site-nav-dropdown__product-card-media">
5112                              
5113
5114                              
5115                                
5116                                  
5117                                  
5118                              
5119                              
5120                              
5121                              <img
5122                                class="site-nav-dropdown__product-card-img nav-product-hero"
5123                                src="//drinkolipop.com/cdn/shop/files/strawberry-vanila-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778765549&width=272"
5124                                width="136"
5125                                height="181"
5126                                alt="Strawberry Vanilla"
5127                                loading="lazy"
5128                                decoding="async"
5129                              >
5130                              
5131                            </span>
5132                            <span class="site-nav-dropdown__product-card-label">
5133                              
5134                                Strawberry Vanilla
5135                              
5136                            </span>
5137                          </a>
5138                        </li>
5139                      
5140                    
5141
5142
5143                      
5144
5145                      
5146
5147                      
5148                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5149                          <a
5150                            href="/products/cherry-cola-6g-fiber"
5151                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5152                            
5153                          >
5154                            <span class="site-nav-dropdown__product-card-media">
5155                              
5156
5157                              
5158                                
5159                                  
5160                                  
5161                              
5162                              
5163                              
5164                              <img
5165                                class="site-nav-dropdown__product-card-img nav-product-hero"
5166                                src="//drinkolipop.com/cdn/shop/files/cherry-cola-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778593310&width=272"
5167                                width="136"
5168                                height="181"
5169                                alt="Cherry Cola"
5170                                loading="lazy"
5171                                decoding="async"
5172                              >
5173                              
5174                            </span>
5175                            <span class="site-nav-dropdown__product-card-label">
5176                              
5177                                Cherry Cola
5178                              
5179                            </span>
5180                          </a>
5181                        </li>
5182                      
5183                    
5184
5185
5186                      
5187
5188                      
5189
5190                      
5191                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5192                          <a
5193                            href="/products/citrus-rush-6g-fiber"
5194                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5195                            
5196                          >
5197                            <span class="site-nav-dropdown__product-card-media">
5198                              
5199
5200                              
5201                                
5202                                  
5203                                  
5204                              
5205                              
5206                              
5207                              <img
5208                                class="site-nav-dropdown__product-card-img nav-product-hero"
5209                                src="//drinkolipop.com/cdn/shop/files/citrus-rush-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778599172&width=272"
5210                                width="136"
5211                                height="181"
5212                                alt="Citrus Rush"
5213                                loading="lazy"
5214                                decoding="async"
5215                              >
5216                              
5217                            </span>
5218                            <span class="site-nav-dropdown__product-card-label">
5219                              
5220                                Citrus Rush
5221                              
5222                            </span>
5223                          </a>
5224                        </li>
5225                      
5226                    
5227
5228
5229                      
5230
5231                      
5232
5233                      
5234                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5235                          <a
5236                            href="/products/ginger-ale-6g-fiber"
5237                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5238                            
5239                          >
5240                            <span class="site-nav-dropdown__product-card-media">
5241                              
5242
5243                              
5244                                
5245                                  
5246                                  
5247                              
5248                              
5249                              
5250                              <img
5251                                class="site-nav-dropdown__product-card-img nav-product-hero"
5252                                src="//drinkolipop.com/cdn/shop/files/ginger-ale-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778729238&width=272"
5253                                width="136"
5254                                height="181"
5255                                alt="Ginger Ale"
5256                                loading="lazy"
5257                                decoding="async"
5258                              >
5259                              
5260                            </span>
5261                            <span class="site-nav-dropdown__product-card-label">
5262                              
5263                                Ginger Ale
5264                              
5265                            </span>
5266                          </a>
5267                        </li>
5268                      
5269                    
5270
5271
5272                      
5273
5274                      
5275
5276                      
5277                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5278                          <a
5279                            href="/products/lemon-lime-6g-fiber"
5280                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5281                            
5282                          >
5283                            <span class="site-nav-dropdown__product-card-media">
5284                              
5285
5286                              
5287                                
5288                                  
5289                                  
5290                              
5291                              
5292                              
5293                              <img
5294                                class="site-nav-dropdown__product-card-img nav-product-hero"
5295                                src="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778589967&width=272"
5296                                width="136"
5297                                height="181"
5298                                alt="Lemon Lime"
5299                                loading="lazy"
5300                                decoding="async"
5301                              >
5302                              
5303                            </span>
5304                            <span class="site-nav-dropdown__product-card-label">
5305                              
5306                                Lemon Lime
5307                              
5308                            </span>
5309                          </a>
5310                        </li>
5311                      
5312                    
5313                  </ul>
5314                </div>
5315              </div>
5316            </div>
5317          </div>
5318        
5319      
5320
5321          <div
5322            id="nav-dropdown-minis"
5323            class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8"
5324          >
5325            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
5326              <header class="site-nav-dropdown__subnav-header tw-pl-1">
5327                <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between">
5328                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
5329                    <h2 class="site-nav-dropdown__subnav-title">
5330                      
5331                        Shop MINIs
5332                      
5333                    </h2>
5334                    
5335                      <div class="site-nav-dropdown__category-headline">
5336                        <div class="site-nav-dropdown__category-headline-text rte">
5337                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
5338                        </div>
5339                        
5340                      </div>
5341                    
5342                    
5343                      <div class="site-nav-dropdown__category-description rte">
5344                        <span class="metafield-multi_line_text_field">Smaller cans with 3g of fiber, perfect for on-the-go sipping or a little treat in your lunch box.</span>
5345                      </div>
5346                    
5347                  </div>
5348                  <a
5349                    class="site-nav-dropdown__shop-all-outline"
5350                    href="/collections/olipop-minis"
5351                  > 
5352                    
5353                      Shop All MINIs
5354                    
5355                  </a>
5356                </div>
5357              </header>
5358
5359              <div
5360                class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]"
5361                data-nav-carousel
5362              >
5363                <div
5364                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
5365                  aria-hidden="false"
5366                >
5367                  <button
5368                    type="button"
5369                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
5370                    aria-label="Show previous products"
5371                  >
5372<svg
5373  xmlns="http://www.w3.org/2000/svg"
5374  width="24"
5375  height="24"
5376  viewBox="0 0 24 24"
5377  fill="none"
5378  class="site-nav-dropdown__carousel-arrow-svg"
5379  aria-hidden="true"
5380  focusable="false"
5381>
5382  <path
5383    d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C2
53830.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z"
5384    fill="currentColor"
5385  />
5386</svg>
5387</button>
5388                  <button
5389                    type="button"
5390                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
5391                    aria-label="Show next products"
5392                  >
5393<svg
5394  xmlns="http://www.w3.org/2000/svg"
5395  width="24"
5396  height="24"
5397  viewBox="0 0 24 24"
5398  fill="none"
5399  class="site-nav-dropdown__carousel-arrow-svg"
5400  aria-hidden="true"
5401  focusable="false"
5402>
5403  <path
5404    d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z"
5405    fill="currentColor"
5406  />
5407</svg>
5408</button>
5409                </div>
5410                <div
5411                  class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8"
5412                  data-carousel-track
5413                  tabindex="0"
5414                  role="region"
5415                  aria-roledescription="carousel"
5416                  aria-label="MINIs products"
5417                >
5418                  <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1">
5419                    
5420                    
5421
5422                    
5423
5424                    
5425
5426
5427                      
5428
5429                      
5430
5431                      
5432                        <li class="minis-tile tw-w-[136px] tw-flex-shrink-0">
5433                          <a
5434                            href="/products/strawberry-vanilla-minis"
5435                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5436                            
5437                          >
5438                            <span class="site-nav-dropdown__product-card-media">
5439                              
5440
5441                              
5442                                
5443                                  
5444                                  
5445                              
5446                              
5447                              
5448                              <img
5449                                class="site-nav-dropdown__product-card-img nav-product-hero"
5450                                src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-minis-olipop_single-can-main-image_new_asset_680b8459-03b7-4518-8048-07556a91e1c7.webp?crop=center&height=362&v=1784901479&width=272"
5451                                width="136"
5452                                height="181"
5453                                alt="Strawberry Vanilla"
5454                                loading="lazy"
5455                                decoding="async"
5456                              >
5457                              
5458                            </span>
5459                            <span class="site-nav-dropdown__product-card-label">
5460                              
5461                                Strawberry Vanilla
5462                              
5463                            </span>
5464                          </a>
5465                        </li>
5466                      
5467                    
5468
5469
5470                      
5471
5472                      
5473
5474                      
5475                        <li class="minis-tile tw-w-[136px] tw-flex-shrink-0">
5476                          <a
5477                            href="/products/classic-grape-minis"
5478                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5479                            
5480                          >
5481                            <span class="site-nav-dropdown__product-card-media">
5482                              
5483
5484                              
5485                                
5486                                  
5487                                  
5488                              
5489                              
5490                              
5491                              <img
5492                                class="site-nav-dropdown__product-card-img nav-product-hero"
5493                                src="//drinkolipop.com/cdn/shop/files/classic-grape-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902094&width=272"
5494                                width="136"
5495                                height="181"
5496                                alt="Classic Grape"
5497                                loading="lazy"
5498                                decoding="async"
5499                              >
5500                              
5501                            </span>
5502                            <span class="site-nav-dropdown__product-card-label">
5503                              
5504                                Classic Grape
5505                              
5506                            </span>
5507                          </a>
5508                        </li>
5509                      
5510                    
5511
5512
5513                      
5514
5515                      
5516
5517                      
5518                        <li class="minis-tile tw-w-[136px] tw-flex-shrink-0">
5519                          <a
5520                            href="/products/crisp-apple-minis"
5521                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5522                            
5523                          >
5524                            <span class="site-nav-dropdown__product-card-media">
5525                              
5526
5527                              
5528                                
5529                                  
5530                                  
5531                              
5532                              
5533                              
5534                              <img
5535                                class="site-nav-dropdown__product-card-img nav-product-hero"
5536                                src="//drinkolipop.com/cdn/shop/files/crisp-apple-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902474&width=272"
5537                                width="136"
5538                                height="181"
5539                                alt="Crisp Apple"
5540                                loading="lazy"
5541                                decoding="async"
5542                              >
5543                              
5544                            </span>
5545                            <span class="site-nav-dropdown__product-card-label">
5546                              
5547                                Crisp Apple
5548                              
5549                            </span>
5550                          </a>
5551                        </li>
5552                      
5553                    
5554
5555
5556                      
5557
5558                      
5559
5560                      
5561                        <li class="minis-tile tw-w-[136px] tw-flex-shrink-0">
5562                          <a
5563                            href="/products/vintage-cola-minis"
5564                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5565                            
5566                          >
5567                            <span class="site-nav-dropdown__product-card-media">
5568                              
5569
5570                              
5571                                
5572                                  
5573                                  
5574                              
5575                              
5576                              
5577                              <img
5578                                class="site-nav-dropdown__product-card-img nav-product-hero"
5579                                src="//drinkolipop.com/cdn/shop/files/vintage-cola-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784903244&width=272"
5580                                width="136"
5581                                height="181"
5582                                alt="Vintage Cola"
5583                                loading="lazy"
5584                                decoding="async"
5585                              >
5586                              
5587                            </span>
5588                            <span class="site-nav-dropdown__product-card-label">
5589                              
5590                                Vintage Cola
5591                              
5592                            </span>
5593                          </a>
5594                        </li>
5595                      
5596                    
5597
5598
5599                      
5600
5601                      
5602
5603                      
5604                        <li class="minis-tile tw-w-[136px] tw-flex-shrink-0">
5605                          <a
5606                            href="/products/ginger-ale-minis"
5607                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5608                            
5609                          >
5610                            <span class="site-nav-dropdown__product-card-media">
5611                              
5612
5613                              
5614                                
5615                                  
5616                                  
5617                              
5618                              
5619                              
5620                              <img
5621                                class="site-nav-dropdown__product-card-img nav-product-hero"
5622                                src="//drinkolipop.com/cdn/shop/files/ginger-ale-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902793&width=272"
5623                                width="136"
5624                                height="181"
5625                                alt="Ginger Ale"
5626                                loading="lazy"
5627                                decoding="async"
5628                              >
5629                              
5630                            </span>
5631                            <span class="site-nav-dropdown__product-card-label">
5632                              
5633                                Ginger Ale
5634                              
5635                            </span>
5636                          </a>
5637                        </li>
5638                      
5639                    
5640
5641
5642                      
5643
5644                      
5645
5646                      
5647                        <li class="minis-tile tw-w-[136px] tw-flex-shrink-0">
5648                          <a
5649                            href="/products/orange-cream-minis"
5650                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5651                            
5652                          >
5653                            <span class="site-nav-dropdown__product-card-media">
5654                              
5655
5656                              
5657                                
5658                                  
5659                                  
5660                              
5661                              
5662                              
5663                              <img
5664                                class="site-nav-dropdown__product-card-img nav-product-hero"
5665                                src="//drinkolipop.com/cdn/shop/files/orange-cream-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1785416383&width=272"
5666                                width="136"
5667                                height="181"
5668                                alt="Orange Cream"
5669                                loading="lazy"
5670                                decoding="async"
5671                              >
5672                              
5673                            </span>
5674                            <span class="site-nav-dropdown__product-card-label">
5675                              
5676                                Orange Cream
5677                              
5678                            </span>
5679                          </a>
5680                        </li>
5681                      
5682                    
5683                  </ul>
5684                </div>
5685              </div>
5686            </div>
5687          </div>
5688        
5689      
5690
5691          <div
5692            id="nav-dropdown-limited-edition-flavors"
5693            class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8"
5694          >
5695            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
5696              <header class="site-nav-dropdown__subnav-header tw-pl-1">
5697                <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between">
5698                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
5699                    <h2 class="site-nav-dropdown__subnav-title">
5700                      
5701                        Shop limited edition flavors
5702                      
5703                    </h2>
5704                    
5705                      <div class="site-nav-dropdown__category-headline">
5706                        <div class="site-nav-dropdown__category-headline-text rte">
5707                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
5708                        </div>
5709                        
5710                      </div>
5711                    
5712                    
5713                      <div class="site-nav-dropdown__category-description rte">
5714                        <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span>
5715                      </div>
5716                    
5717                  </div>
5718                  <a
5719                    class="site-nav-dropdown__shop-all-outline"
5720                    href="/collections/shop-limited-edition"
5721                  > 
5722                    
5723                      Shop All Limited Edition Flavors
5724                    
5725                  </a>
5726                </div>
5727              </header>
5728
5729              <div
5730                class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]"
5731                data-nav-carousel
5732              >
5733                <div
5734                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
5735                  aria-hidden="false"
5736                >
5737                  <button
5738                    type="button"
5739                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
5740                    aria-label="Show previous products"
5741                  >
5742<svg
5743  xmlns="http://www.w3.org/2000/svg"
5744  width="24"
5745  height="24"
5746  viewBox="0 0 24 24"
5747  fill="none"
5748  class="site-nav-dropdown__carousel-arrow-svg"
5749  aria-hidden="true"
5750  focusable="false"
5751>
5752  <path
5753    d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z"
5754    fill="currentColor"
5755  />
5756</svg>
5757</button>
5758                  <button
5759                    type="button"
5760                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
5761                    aria-label="Show next products"
5762                  >
5763<svg
5764  xmlns="http://www.w3.org/2000/svg"
5765  width="24"
5766  height="24"
5767  viewBox="0 0 24 24"
5768  fill="none"
5769  class="site-nav-dropdown__carousel-arrow-svg"
5770  aria-hidden="true"
5771  focusable="false"
5772>
5773  <path
5774    d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z"
5775    fill="currentColor"
5776  />
5777</svg>
5778</button>
5779                </div>
5780                <div
5781                  class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8"
5782                  data-carousel-track
5783                  tabindex="0"
5784                  role="region"
5785                  aria-roledescription="carousel"
5786                  aria-label="Limited edition flavors products"
5787                >
5788                  <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1">
5789                    
5790                    
5791
5792                    
5793
5794                    
5795
5796
5797                      
5798
5799                      
5800
5801                      
5802                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
5803                          <a
5804                            href="/products/pomegranate-sparkle"
5805                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5806                            
5807                          >
5808                            <span class="site-nav-dropdown__product-card-media">
5809                              
5810                                <div
5811    class="product-badge product-badge--nav product-badge--short-text"
5812    role="status"
5813    aria-label="New"
5814  >
5815    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5816      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/>
5817    </svg>
5818    <span class="product-badge__text" style="color: #034638;">New</span>
5819  </div>
5820                              
5821
5822                              
5823                                
5824                                  
5825                                  
5826                              
5827                              
5828                              
5829                              <img
5830                                class="site-nav-dropdown__product-card-img nav-product-hero"
5831                                src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272"
5832                                width="136"
5833                                height="181"
5834                                alt="Pomegranate Sparkle"
5835                                loading="lazy"
5836                                decoding="async"
5837                              >
5838                              
5839                            </span>
5840                            <span class="site-nav-dropdown__product-card-label">
5841                              
5842                                Pomegranate Sparkle
5843                              
5844                            </span>
5845                          </a>
5846                        </li>
5847                      
5848                    
5849
5850
5851                      
5852
5853                      
5854
5855                      
5856                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
5857                          <a
5858                            href="/products/caramel-apple"
5859                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5860                            
5861                          >
5862                            <span class="site-nav-dropdown__product-card-media">
5863                              
5864                                <div
5865    class="product-badge product-badge--nav product-badge--short-text"
5866    role="status"
5867    aria-label="New"
5868  >
5869    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5870      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
587003 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/>
5871    </svg>
5872    <span class="product-badge__text" style="color: #034638;">New</span>
5873  </div>
5874                              
5875
5876                              
5877                                
5878                                  
5879                                  
5880                              
5881                              
5882                              
5883                              <img
5884                                class="site-nav-dropdown__product-card-img nav-product-hero"
5885                                src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1788145122&width=272"
5886                                width="136"
5887                                height="181"
5888                                alt="Caramel Apple"
5889                                loading="lazy"
5890                                decoding="async"
5891                              >
5892                              
5893                            </span>
5894                            <span class="site-nav-dropdown__product-card-label">
5895                              
5896                                Caramel Apple
5897                              
5898                            </span>
5899                          </a>
5900                        </li>
5901                      
5902                    
5903
5904
5905                      
5906
5907                      
5908
5909                      
5910                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
5911                          <a
5912                            href="/products/raspberry-sherbet"
5913                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5914                            
5915                          >
5916                            <span class="site-nav-dropdown__product-card-media">
5917                              
5918                                <div
5919    class="product-badge product-badge--nav"
5920    role="status"
5921    aria-label="Limited"
5922  >
5923    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5924      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/>
5925    </svg>
5926    <span class="product-badge__text" style="color: #034638;">Limited</span>
5927  </div>
5928                              
5929
5930                              
5931                                
5932                                  
5933                                  
5934                              
5935                              
5936                              
5937                              <img
5938                                class="site-nav-dropdown__product-card-img nav-product-hero"
5939                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
5940                                width="136"
5941                                height="181"
5942                                alt="Raspberry Sherbet"
5943                                loading="lazy"
5944                                decoding="async"
5945                              >
5946                              
5947                            </span>
5948                            <span class="site-nav-dropdown__product-card-label">
5949                              
5950                                Raspberry Sherbet
5951                              
5952                            </span>
5953                          </a>
5954                        </li>
5955                      
5956                    
5957
5958
5959                      
5960
5961                      
5962
5963                      
5964                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
5965                          <a
5966                            href="/products/shirley-temple"
5967                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
5968                            
5969                          >
5970                            <span class="site-nav-dropdown__product-card-media">
5971                              
5972                                <div
5973    class="product-badge product-badge--nav"
5974    role="status"
5975    aria-label="Limited"
5976  >
5977    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5978      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/>
5979    </svg>
5980    <span class="product-badge__text" style="color: #034638;">Limited</span>
5981  </div>
5982                              
5983
5984                              
5985                                
5986                                  
5987                                  
5988                              
5989                              
5990                              
5991                              <img
5992                                class="site-nav-dropdown__product-card-img nav-product-hero"
5993                                src="//drinkolipop.com/cdn/shop/files/shirley-temple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778804138&width=272"
5994                                width="136"
5995                                height="181"
5996                                alt="Shirley Temple"
5997                                loading="lazy"
5998                                decoding="async"
5999                              >
6000                              
6001                            </span>
6002                            <span class="site-nav-dropdown__product-card-label">
6003                              
6004                                Shirley Temple
6005                              
6006                            </span>
6007                          </a>
6008                        </li>
6009                      
6010                    
6011
6012
6013                      
6014
6015                      
6016
6017                      
6018                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
6019                          <a
6020                            href="/products/spongebob-pineapple-paradise"
6021                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
6022                            
6023                          >
6024                            <span class="site-nav-dropdown__product-card-media">
6025                              
6026                                <div
6027    class="product-badge product-badge--nav"
6028    role="status"
6029    aria-label="Limited"
6030  >
6031    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
6032      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/>
6033    </svg>
6034    <span class="product-badge__text" style="color: #034638;">Limited</span>
6035  </div>
6036                              
6037
6038                              
6039                                
6040                                  
6041                                  
6042                              
6043                              
6044                              
6045                              <img
6046                                class="site-nav-dropdown__product-card-img nav-product-hero"
6047                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
6048                                width="136"
6049                                height="181"
6050                                alt="Pineapple Paradise"
6051                                loading="lazy"
6052                                decoding="async"
6053                              >
6054                              
6055                            </span>
6056                            <span class="site-nav-dropdown__product-card-label">
6057                              
6058                                Pineapple Paradise
6059                              
6060                            </span>
6061                          </a>
6062                        </li>
6063                      
6064                    
6065                  </ul>
6066                </div>
6067              </div>
6068            </div>
6069          </div>
6070        
6071      
6072
6073          <div
6074            id="nav-dropdown-variety-packs"
6075            class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8"
6076          >
6077            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
6078              <header class="site-nav-dropdown__subnav-header tw-pl-1">
6079                <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between">
6080                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
6081                    <h2 class="site-nav-dropdown__subnav-title">
6082                      
6083                        Shop variety packs
6084                      
6085                    </h2>
6086                    
6087                      <div class="site-nav-dropdown__category-headline">
6088                        <div class="site-nav-dropdown__category-headline-text rte">
6089                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
6090                        </div>
6091                        
6092                      </div>
6093                    
6094                    
6095                      <div class="site-nav-dropdown__category-description rte">
6096                        <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy &amp; fun way to discover your favorites.</span>
6097                      </div>
6098                    
6099                  </div>
6100                  <a
6101                    class="site-nav-dropdown__shop-all-outline"
6102                    href="/collections/variety-packs"
6103                  > 
6104                    
6105                      Shop All Variety Packs
6106                    
6107                  </a>
6108                </div>
6109              </header>
6110
6111              <div
6112                class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]"
6113                data-nav-carousel
6114              >
6115                <div
6116                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
6117                  aria-hidden="false"
6118                >
6119                  <button
6120                    type="button"
6121                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
6122                    aria-label="Show previous products"
6123                  >
6124<svg
6125  xmlns="http://www.w3.org/2000/svg"
6126  width="24"
6127  height="24"
6128  viewBox="0 0 24 24"
6129  fill="none"
6130  class="site-nav-dropdown__carousel-arrow-svg"
6131  aria-hidden="true"
6132  focusable="false"
6133>
6134  <path
6135    d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z"
6136    fill="currentColor"
6137  />
6138</svg>
6139</button>
6140                  <button
6141                    type="button"
6142                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
6143                    aria-label="Show next products"
6144                  >
6145<svg
6146  xmlns="http://www.w3.org/2000/svg"
6147  width="24"
6148  height="24"
6149  viewBox="0 0 24 24"
6150  fill="none"
6151  class="site-nav-dropdown__carousel-arrow-svg"
6152  aria-hidden="true"
6153  focusable="false"
6154>
6155  <path
6156    d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z"
6157    fill="currentColor"
6158  />
6159</svg>
6160</button>
6161                </div>
6162                <div
6163                  class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8"
6164                  data-carousel-track
6165                  tabindex="0"
6166                  role="region"
6167                  aria-roledescription="carousel"
6168                  aria-label="Variety packs products"
6169                >
6170                  <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1">
6171                    
6172                    
6173
6174                    
6175
6176                    
6177
6178
6179                      
6180
6181                      
6182
6183                      
6184                        <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0">
6185                          <a
6186                            href="/products/classic-soda-variety-pack"
6187                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
6188                            
6189                          >
6190                            <span class="site-nav-dropdown__product-card-media">
6191                              
6192
6193                              
6194                                
6195                                  
6196                                  
6197                              
6198                              
6199                              
6200                              <img
6201                                class="site-nav-dropdown__product-card-img nav-product-hero"
6202                                src="//drinkolipop.com/cdn/shop/files/classic-soda-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779207306&width=272"
6203                                width="136"
6204                                height="181"
6205                                alt="Classic Soda Variety Pack"
6206                                loading="lazy"
6207                                decoding="async"
6208                              >
6209                              
6210                            </span>
6211                            <span class="site-nav-dropdown__product-card-label">
6212                              
6213                                Classic Soda
6214                              
6215                            </span>
6216                          </a>
6217                        </li>
6218                      
6219                    
6220
6221
6222                      
6223
6224                      
6225
6226                      
6227                        <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0">
6228                          <a
6229                            href="/products/fruity-fun-variety-pack"
6230                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
6231                            
6232                          >
6233                            <span class="site-nav-dropdown__product-card-media">
6234                              
6235
6236                              
6237                                
6238                                  
6239                                  
6240                              
6241                              
6242                              
6243                              <img
6244                                class="site-nav-dropdown__product-card-img nav-product-hero"
6245                                src="//drinkolipop.com/cdn/shop/files/fruity-fun-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779207636&width=272"
6246                                width="136"
6247                                height="181"
6248                                alt="Fruity Fun Variety Pack"
6249                                loading="lazy"
6250                                decoding="async"
6251                              >
6252                              
6253                            </span>
6254                            <span class="site-nav-dropdown__product-card-label">
6255                              
6256                                Fruity Fun
6257                              
6258                            </span>
6259                          </a>
6260                        </li>
6261                      
6262                    
6263
6264
6265                      
6266
6267                      
6268
6269                      
6270                        <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0">
6271                          <a
6272                            href="/products/favorites-variety-pack"
6273                            class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center"
6274                            
6275                          >
6276                            <span class="site-nav-dropdown__product-card-media">
6277                              
6278
6279                              
6280                                
6281                                  
6282                                  
6283                              
6284                              
6285                              
6286                              <img
6287                                class="site-nav-dropdown__product-card-img nav-product-hero"
6288                                src="//drinkolipop.com/cdn/shop/files/favorites-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779208124&width=272"
6289                                width="136"
6290                                height="181"
6291                                alt="Favorites Variety Pack"
6292                                loading="lazy"
6293                                decoding="async"
6294                              >
6295                              
6296                            </span>
6297                            <span class="site-nav-dropdown__product-card-label">
6298                              
6299                                Favorites
6300                              
6301                            </span>
6302                          </a>
6303                        </li>
6304                      
6305                    
6306                  </ul>
6307                </div>
6308              </div>
6309            </div>
6310          </div>
6311        
6312      
6313    </div>
6314  </div>
6315</div>
6316
6317<style>
6318  .variety-packs-tile {
6319    margin: 0;
6320  }
6321
6322  .site-nav-dropdown__links-footer {
6323    padding-top: 2rem;
6324    align-items:  flex-start;
6325  }
6326
6327  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active {
6328    border-bottom-width: 0;
6329    border-right-width: 0;
6330    border-top-width: 0;
6331  }
6332
6333  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):hover {
6334    background-color: #ffffff;
6335    border-color: #F3E4CD;
6336    border-right-width: 0;
6337  }
6338
6339  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):not(:first-child):not(:last-child),
6340  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) {
6341    margin-top: -1px;
6342    margin-bottom: -1px;
6343  }
6344
6345  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) {
6346    margin-top: 0 !important;
6347    margin-bottom: 0 !important;
6348  }
6349
6350  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):first-child,
6351  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child {
6352    margin-bottom: 0;
6353  }
6354
6355  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):last-child,
6356  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child {
6357    margin-top: 0;
6358  }
6359
6360  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child {
6361    margin-bottom: 1px !important;
6362  }
6363
6364  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child {
6365    margin-top: 1px !important;
6366  }
6367</style>
6368
6369      
6370    
6371  
6372
6373
6374
6375    
6376      
6377        
6378
6379
6380
6381
6382<div
6383  class="site-nav-dropdown__menu site-nav-dropdown__menu--learn site-nav-dropdown__menu--two-level tw-mx-auto tw-w-full tw-max-w-[1250px] tw-px-3 tw-py-6 xs:tw-px-4 sm:tw-px-6 sm:tw-py-8 md:tw-px-10 md:tw-py-10"
6384  id="site-nav-menu-dropdown-learn"
6385  tabindex="-1"
6386>
6387  <button type="button" class="site-nav-dropdown-close">Close menu Learn</button>
6388
6389  <ul
6390    class="site-nav-dropdown__learn-row tw-m-0 tw-grid tw-w-full tw-min-w-0 tw-flex-1 tw-list-none tw-gap-3 xs:tw-gap-4 sm:tw-gap-5 md:tw-gap-6 lg:tw-gap-[27px]"
6391    style="grid-template-columns: repeat(4, minmax(0, 1fr));"
6392    role="list"
6393  >
6394    
6395
6396
6397      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6398        <a
6399          href="/pages/our-story"
6400          class="site-nav-dropdown__learn-cta"
6401          
6402        >
6403          <span class="site-nav-dropdown__learn-cta-media">
6404            
6405              <img
6406                src="https://cld.accentuate.io/24019238982/1638801318213/c0ee66b559596ef206e3bb3c0e6f9336.png?v=1739204938752&options=w_400"
6407                alt="Our story"
6408                class="site-nav-dropdown__learn-cta-img"
6409                width="184"
6410                height="175"
6411                loading="lazy"
6412                decoding="async"
6413              >
6414            
6415          </span>
6416          <span class="site-nav-dropdown__learn-cta-label">Our story</span>
6417        </a>
6418      </li>
6419    
6420
6421
6422      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6423        <a
6424          href="/pages/ingredients"
6425          class="site-nav-dropdown__learn-cta"
6426          
6427        >
6428          <span class="site-nav-dropdown__learn-cta-media">
6429            
6430              <img
6431                src="https://cld.accentuate.io/24019206214/1638801420395/Ingredients_v2.png?v=1644954098882&options=w_400"
6432                alt="Ingredients"
6433                class="site-nav-dropdown__learn-cta-img"
6434                width="184"
6435                height="175"
6436                loading="lazy"
6437                decoding="async"
6438              >
6439            
6440          </span>
6441          <span class="site-nav-dropdown__learn-cta-label">Ingredients</span>
6442        </a>
6443      </li>
6444    
6445
6446
6447      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6448        <a
6449          href="/pages/digestive-health"
6450          class="site-nav-dropdown__learn-cta"
6451          
6452        >
6453          <span class="site-nav-dropdown__learn-cta-media">
6454            
6455              <img
6456                src="https://cld.accentuate.io/25773441094/1638801408530/d629d13dc396e78ebfce3023f74d4eac.png?v=1739204218145&options=w_400"
6457                alt="Digestive health"
6458                class="site-nav-dropdown__learn-cta-img"
6459                width="184"
6460                height="175"
6461                loading="lazy"
6462                decoding="async"
6463              >
6464            
6465          </span>
6466          <span class="site-nav-dropdown__learn-cta-label">Digestive health</span>
6467        </a>
6468      </li>
6469    
6470
6471
6472      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6473        <a
6474          href="/pages/fiber-education"
6475          class="site-nav-dropdown__learn-cta"
6476          
6477        >
6478          <span class="site-nav-dropdown__learn-cta-media">
6479            
6480              <img
6481                src="https://cld.accentuate.io/97731313823/1778795013671/Fiber-Education-nav_cp.png?v=1778795013671&options=w_400"
6482                alt="Fiber education"
6483                class="site-nav-dropdown__learn-cta-img"
6484                width="184"
6485                height="175"
6486                loading="lazy"
6487                decoding="async"
6488              >
6489            
6490          </span>
6491          <span class="site-nav-dropdown__learn-cta-label">Fiber education</span>
6492        </a>
6493      </li>
6494    
6495  </ul>
6496</div>
6497      
6498    
6499  
6500
6501
6502
6503    
6504  
6505</div>
6506
6507  </div>
6508  
6509
6510
6511
6512  
6513    
6514
6515  
6516    
6517
6518  
6519  
6520
6521    
6522      
6523
6524    
6525      
6526
6527
6528  
6529
6530    
6531  
6532
6533    
6534  
6535
6536
6537
6538
6539
6540
6541  
6542  
6543  
6544
6545    
6546  
6547  
6548    
6549    
6550
6551        
6552  
6553  
6554  
6555
6556
6557
6558
6559
6560
6561<div
6562  class="mobile-menu mobile-menu--v2 has-announcement tw-pointer-events-none tw-fixed tw-left-0 tw-right-0 tw-z-20 tw-hidden tw-overflow-x-hidden tw-overflow-y-visible group-[.is-mobile-active]:tw-block"
6563  js-mobile-menu
6564>
6565  <div
6566    class="mobile-menu__backdrop tw-pointer-events-none tw-absolute tw-inset-0 tw-z-0 tw-transition-opacity tw-duration-300 tw-ease-out"
6567    data-mobile-menu-dismiss
6568    aria-hidden="true"
6569  ></div>
6570
6571  <div
6572    class="mobile-menu__panel tw-pointer-events-auto tw-absolute tw-left-0 tw-top-0 tw-z-10 tw-flex tw-h-full tw-w-full tw-flex-col tw-transition-transform tw-duration-300 tw-ease-[cubic-bezier(0.4,0,0.2,1)]"
6573    role="dialog"
6574    aria-modal="true"
6575    aria-labelledby="mobile-menu-tablist-label"
6576    js-mobile-menu-panel
6577    tabindex="-1"
6578  >
6579    <div class="mobile-menu__panel-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-x-hidden tw-overflow-y-visible">
6580      <h2 id="mobile-menu-tablist-label" class="tw-sr-only">Site menu</h2>
6581
6582      
6583        <div
6584          class="mobile-menu__tabs tw-flex tw-shrink-0 tw-flex-col"
6585          role="tablist"
6586          aria-label="Shop or Learn"
6587        >
6588          <div class="mobile-menu__tab-toggle tw-flex tw-flex-1">
6589            <button
6590              type="button"
6591              class="mobile-menu__tab mobile-menu__tab--shop is-selected tw-flex-1 tw-border-0"
6592              role="tab"
6593              id="mobile-tab-shop"
6594              aria-selected="true"
6595              aria-controls="mobile-panel-shop"
6596              tabindex="0"
6597              data-mobile-tab="shop"
6598            >
6599              Shop
6600            </button>
6601            <button
6602              type="button"
6603              class="mobile-menu__tab mobile-menu__tab--learn tw-flex-1 tw-border-0"
6604              role="tab"
6605              id="mobile-tab-learn"
6606              aria-selected="false"
6607              aria-controls="mobile-panel-learn"
6608              tabindex="-1"
6609              data-mobile-tab="learn"
6610            >
6611              Learn
6612            </button>
6613          </div>
6614        </div>
6615      
6616
6617      <div class="mobile-menu__panels tw-min-h-0 tw-flex-1 tw-overflow-y-auto tw-overscroll-contain">
6618        <div
6619          id="mobile-panel-shop"
6620          class="mobile-menu__tabpanel"
6621          role="tabpanel"
6622          
6623            aria-labelledby="mobile-tab-shop"
6624            tabindex="0"
6625          
6626          data-mobile-panel="shop"
6627        >
6628          
6629
6630
6631
6632
6633
6634  <div class="mobile-menu__shop-body">
6635
6636      
6637      
6638
6639      
6640      
6641        <details
6642          id="mobile-shop-acc-1"
6643          class="mobile-menu__accordion"
6644          
6645            open
6646          
6647        >
6648          <summary class="mobile-menu__accordion-summary">
6649            <span class="mobile-menu__accordion-summary-text">
6650              <span class="mobile-menu__accordion-title">
6651                9g fiber line
6652              </span>
6653            </span>
6654            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
6655              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
6656                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
6657  <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/>
6658</svg>
6659
6660              </span>
6661              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
6662                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
6663  <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/>
6664</svg>
6665
6666              </span>
6667            </span>
6668          </summary>
6669
6670          <div class="mobile-menu__accordion-panel">
6671            
6672              <div class="mobile-menu__category-headline">
6673                <div class="mobile-menu__category-headline-text rte">
6674                  <span class="metafield-single_line_text_field">Keep refrigerated</span>
6675                </div>
6676                
6677                  <span class="mobile-menu__category-headline-icon" aria-hidden="true">
6678                    <img src="//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&amp;width=64" alt="" srcset="//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&amp;width=32 32w" width="32" height="32" loading="lazy" class="mobile-menu__category-headline-img">
6679                  </span>
6680                
6681              </div>
6682            
6683            
6684              <div class="mobile-menu__category-description rte">
6685                <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span>
6686              </div>
6687            
6688
6689            <div
6690              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
6691              tabindex="0"
6692              role="region"
6693              aria-roledescription="carousel"
6694              aria-label="9g fiber line — products"
6695            >
6696              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
6697                
6698
6699                
6700                
6701
6702                  
6703                  
6704
6705                    
6706
6707                    
6708
6709                    
6710                      
6711                      <li class="mobile-menu__product-tile">
6712                        <a
6713                          href="/products/caramel-apple"
6714                          class="mobile-menu__product-card"
6715                          
6716                        >
6717                          <span class="mobile-menu__product-card-media">
6718                            
6719                              <div
6720    class="product-badge product-badge--nav product-badge--short-text"
6721    role="status"
6722    aria-label="New"
6723  >
6724    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
6725      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/>
6726    </svg>
6727    <span class="product-badge__text" style="color: #034638;">New</span>
6728  </div>
6729                            
6730                            
6731                            
6732                              
6733                                
6734                                
6735                            
6736                            
6737                            
6738                              <img
6739                                class="mobile-menu__product-img"
6740                                src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1788145122&width=272"
6741                                width="136"
6742                                height="181"
6743                                alt="Caramel Apple"
6744                                loading="lazy"
6745                                decoding="async"
6746                              >
6747                            
6748                          </span>
6749                          <span class="mobile-menu__product-card-label">Caramel Apple</span>
6750                        </a>
6751                      </li>
6752                    
6753                  
6754                
6755
6756                  
6757                  
6758
6759                    
6760
6761                    
6762
6763                    
6764                      
6765                      <li class="mobile-menu__product-tile">
6766                        <a
6767                          href="/products/blackberry-vanilla"
6768                          class="mobile-menu__product-card"
6769                          
6770                        >
6771                          <span class="mobile-menu__product-card-media">
6772                            
6773                            
6774                            
6775                              
6776                                
6777                                
6778                            
6779                            
6780                            
6781                              <img
6782                                class="mobile-menu__product-img"
6783                                src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162450&width=272"
6784                                width="136"
6785                                height="181"
6786                                alt="Blackberry Vanilla"
6787                                loading="lazy"
6788                                decoding="async"
6789                              >
6790                            
6791                          </span>
6792                          <span class="mobile-menu__product-card-label">Blackberry Vanilla</span>
6793                        </a>
6794                      </li>
6795                    
6796                  
6797                
6798
6799                  
6800                  
6801
6802                    
6803
6804                    
6805
6806                    
6807                      
6808                      <li class="mobile-menu__product-tile">
6809                        <a
6810                          href="/products/crisp-apple"
6811                          class="mobile-menu__product-card"
6812                          
6813                        >
6814                          <span class="mobile-menu__product-card-media">
6815                            
6816                            
6817                            
6818                              
6819                                
6820                                
6821                            
6822                            
6823                            
6824                              <img
6825                                class="mobile-menu__product-img"
6826                                src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163593&width=272"
6827                                width="136"
6828                                height="181"
6829                                alt="Crisp Apple"
6830                                loading="lazy"
6831                                decoding="async"
6832                              >
6833                            
6834                          </span>
6835                          <span class="mobile-menu__product-card-label">Crisp Apple </span>
6836                        </a>
6837                      </li>
6838                    
6839                  
6840                
6841
6842                  
6843                  
6844
6845                    
6846
6847                    
6848
6849                    
6850                      
6851                      <li class="mobile-menu__product-tile">
6852                        <a
6853                          href="/products/classic-grape"
6854                          class="mobile-menu__product-card"
6855                          
6856                        >
6857                          <span class="mobile-menu__product-card-media">
6858                            
6859                            
6860                            
6861                              
6862                                
6863                                
6864                            
6865                            
6866                            
6867                              <img
6868                                class="mobile-menu__product-img"
6869                                src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163040&width=272"
6870                                width="136"
6871                                height="181"
6872                                alt="Classic Grape"
6873                                loading="lazy"
6874                                decoding="async"
6875                              >
6876                            
6877                          </span>
6878                          <span class="mobile-menu__product-card-label">Classic Grape</span>
6879                        </a>
6880                      </li>
6881                    
6882                  
6883                
6884
6885                  
6886                  
6887
6888                    
6889
6890                    
6891
6892                    
6893                      
6894                      <li class="mobile-menu__product-tile">
6895                        <a
6896                          href="/products/classic-root-beer"
6897                          class="mobile-menu__product-card"
6898                          
6899                        >
6900                          <span class="mobile-menu__product-card-media">
6901                            
6902                            
6903                            
6904                              
6905                                
6906                                
6907                            
6908                            
6909                            
6910                              <img
6911                                class="mobile-menu__product-img"
6912                                src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161742&width=272"
6913                                width="136"
6914                                height="181"
6915                                alt="Classic Root Beer"
6916                                loading="lazy"
6917                                decoding="async"
6918                              >
6919                            
6920                          </span>
6921                          <span class="mobile-menu__product-card-label">Classic Root Beer</span>
6922                        </a>
6923                      </li>
6924                    
6925                  
6926                
6927
6928                  
6929                  
6930
6931                    
6932
6933                    
6934
6935                    
6936                      
6937                      <li class="mobile-menu__product-tile">
6938                        <a
6939                          href="/products/vintage-cola"
6940                          class="mobile-menu__product-card"
6941                          
6942                        >
6943                          <span class="mobile-menu__product-card-media">
6944                            
6945                            
6946                            
6947                              
6948                                
6949                                
6950                            
6951                            
6952                            
6953                              <img
6954                                class="mobile-menu__product-img"
6955                                src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161590&width=272"
6956                                width="136"
6957                                height="181"
6958                                alt="Vintage Cola"
6959                                loading="lazy"
6960                                decoding="async"
6961                              >
6962                            
6963                          </span>
6964                          <span class="mobile-menu__product-card-label">Vintage Cola</span>
6965                        </a>
6966                      </li>
6967                    
6968                  
6969                
6970
6971                  
6972                  
6973
6974                    
6975
6976                    
6977
6978                    
6979                      
6980                      <li class="mobile-menu__product-tile">
6981                        <a
6982                          href="/products/cream-soda"
6983                          class="mobile-menu__product-card"
6984                          
6985                        >
6986                          <span class="mobile-menu__product-card-media">
6987                            
6988                            
6989                            
6990                              
6991                                
6992                                
6993                            
6994                            
6995                            
6996                              <img
6997                                class="mobile-menu__product-img"
6998                                src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163263&width=272"
6999                                width="136"
7000                                height="181"
7001                                alt="Cream Soda"
7002                                loading="lazy"
7003                                decoding="async"
7004                              >
7005                            
7006                          </span>
7007                          <span class="mobile-menu__product-card-label">Cream Soda</span>
7008                        </a>
7009                      </li>
7010                    
7011                  
7012                
7013
7014                  
7015                  
7016
7017                    
7018
7019                    
7020
7021                    
7022                      
7023                      <li class="mobile-menu__product-tile">
7024                        <a
7025                          href="/products/strawberry-vanilla"
7026                          class="mobile-menu__product-card"
7027                          
7028                        >
7029                          <span class="mobile-menu__product-card-media">
7030                            
7031                            
7032                            
7033                              
7034                                
7035                                
7036                            
7037                            
7038                            
7039                              <img
7040                                class="mobile-menu__product-img"
7041                                src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272"
7042                                width="136"
7043                                height="181"
7044                                alt="Strawberry Vanilla"
7045                                loading="lazy"
7046                                decoding="async"
7047                              >
7048                            
7049                          </span>
7050                          <span class="mobile-menu__product-card-label">Strawberry Vanilla</span>
7051                        </a>
7052                      </li>
7053                    
7054                  
7055                
7056
7057                  
7058                  
7059
7060                    
7061
7062                    
7063
7064                    
7065                      
7066                      <li class="mobile-menu__product-tile">
7067                        <a
7068                          href="/products/cherry-cola"
7069                          class="mobile-menu__product-card"
7070                          
7071                        >
7072                          <span class="mobile-menu__product-card-media">
7073                            
7074                            
7075                            
7076                              
7077                                
7078                                
7079                            
7080                            
7081                            
7082                              <img
7083                                class="mobile-menu__product-img"
7084                                src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272"
7085                                width="136"
7086                                height="181"
7087                                alt="Cherry Cola"
7088                                loading="lazy"
7089                                decoding="async"
7090                              >
7091                            
7092                          </span>
7093                          <span class="mobile-menu__product-card-label">Cherry Cola</span>
7094                        </a>
7095                      </li>
7096                    
7097                  
7098                
7099
7100                  
7101                  
7102
7103                    
7104
7105                    
7106
7107                    
7108                      
7109                      <li class="mobile-menu__product-tile">
7110                        <a
7111                          href="/products/orange-cream"
7112                          class="mobile-menu__product-card"
7113                          
7114                        >
7115                          <span class="mobile-menu__product-card-media">
7116                            
7117                            
7118                            
7119                              
7120                                
7121                                
7122                            
7123                            
7124                            
7125                              <img
7126                                class="mobile-menu__product-img"
7127                                src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162789&width=272"
7128                                width="136"
7129                                height="181"
7130                                alt="Orange Cream"
7131                                loading="lazy"
7132                                decoding="async"
7133                              >
7134                            
7135                          </span>
7136                          <span class="mobile-menu__product-card-label">Orange Cream</span>
7137                        </a>
7138                      </li>
7139                    
7140                  
7141                
7142
7143                  
7144                  
7145
7146                    
7147
7148                    
7149
7150                    
7151                      
7152                      <li class="mobile-menu__product-tile">
7153                        <a
7154                          href="/products/peaches-and-cream"
7155                          class="mobile-menu__product-card"
7156                          
7157                        >
7158                          <span class="mobile-menu__product-card-media">
7159                            
7160                            
7161                            
7162                              
7163                                
7164                                
7165                            
7166                            
7167                            
7168                              <img
7169                                class="mobile-menu__product-img"
7170                                src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779165117&width=272"
7171                                width="136"
7172                                height="181"
7173                                alt="Peaches &amp; Cream"
7174                                loading="lazy"
7175                                decoding="async"
7176                              >
7177                            
7178                          </span>
7179                          <span class="mobile-menu__product-card-label">Peaches &amp; Cream</span>
7180                        </a>
7181                      </li>
7182                    
7183                  
7184                
7185
7186                  
7187                  
7188
7189                    
7190
7191                    
7192
7193                    
7194                      
7195                      <li class="mobile-menu__product-tile">
7196                        <a
7197                          href="/products/orange-squeeze"
7198                          class="mobile-menu__product-card"
7199                          
7200                        >
7201                          <span class="mobile-menu__product-card-media">
7202                            
7203                            
7204                            
7205                              
7206                                
7207                                
7208                            
7209                            
7210                            
7211                              <img
7212                                class="mobile-menu__product-img"
7213                                src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162264&width=272"
7214                                width="136"
7215                                height="181"
7216                                alt="Orange Squeeze"
7217                                loading="lazy"
7218                                decoding="async"
7219                              >
7220                            
7221                          </span>
7222                          <span class="mobile-menu__product-card-label">Orange Squeeze</span>
7223                        </a>
7224                      </li>
7225                    
7226                  
7227                
7228
7229                  
7230                  
7231
7232                    
7233
7234                    
7235
7236                    
7237                      
7238                      <li class="mobile-menu__product-tile">
7239                        <a
7240                          href="/products/ginger-ale"
7241                          class="mobile-menu__product-card"
7242                          
7243                        >
7244                          <span class="mobile-menu__product-card-media">
7245                            
7246                            
7247                            
7248                              
7249                                
7250                                
7251                            
7252                            
7253                            
7254                              <img
7255                                class="mobile-menu__product-img"
7256                                src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779164857&width=272"
7257                                width="136"
7258                                height="181"
7259                                alt="Ginger Ale"
7260                                loading="lazy"
7261                                decoding="async"
7262                              >
7263                            
7264                          </span>
7265                          <span class="mobile-menu__product-card-label">Ginger Ale</span>
7266                        </a>
7267                      </li>
7268                    
7269                  
7270                
7271
7272                  
7273                  
7274
7275                    
7276
7277                    
7278
7279                    
7280                      
7281                      <li class="mobile-menu__product-tile">
7282                        <a
7283                          href="/products/citrus-rush"
7284                          class="mobile-menu__product-card"
7285                          
7286                        >
7287                          <span class="mobile-menu__product-card-media">
7288                            
7289                            
7290                            
7291                              
7292                                
7293                                
7294                            
7295                            
7296                            
7297                              <img
7298                                class="mobile-menu__product-img"
7299                                src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779196248&width=272"
7300                                width="136"
7301                                height="181"
7302                                alt="Citrus Rush"
7303                                loading="lazy"
7304                                decoding="async"
7305                              >
7306                            
7307                          </span>
7308                          <span class="mobile-menu__product-card-label">Citrus Rush</span>
7309                        </a>
7310                      </li>
7311                    
7312                  
7313                
7314
7315                  
7316                  
7317
7318                    
7319
7320                    
7321
7322                    
7323                      
7324                      <li class="mobile-menu__product-tile">
7325                        <a
7326                          href="/products/doctor-goodwin"
7327                          class="mobile-menu__product-card"
7328                          
7329                        >
7330                          <span class="mobile-menu__product-card-media">
7331                            
7332                            
7333                            
7334                              
7335                                
7336                                
7337                            
7338                            
7339                            
7340                              <img
7341                                class="mobile-menu__product-img"
7342                                src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163486&width=272"
7343                                width="136"
7344                                height="181"
7345                                alt="Doctor Goodwin"
7346                                loading="lazy"
7347                                decoding="async"
7348                              >
7349                            
7350                          </span>
7351                          <span class="mobile-menu__product-card-label">Doctor Goodwin</span>
7352                        </a>
7353                      </li>
7354                    
7355                  
7356                
7357
7358                  
7359                  
7360
7361                    
7362
7363                    
7364
7365                    
7366                      
7367                      <li class="mobile-menu__product-tile">
7368                        <a
7369                          href="/products/cherry-vanilla"
7370                          class="mobile-menu__product-card"
7371                          
7372                        >
7373                          <span class="mobile-menu__product-card-media">
7374                            
7375                            
7376                            
7377                              
7378                                
7379                                
7380                            
7381                            
7382                            
7383                              <img
7384                                class="mobile-menu__product-img"
7385                                src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162208&width=272"
7386                                width="136"
7387                                height="181"
7388                                alt="Cherry Vanilla"
7389                                loading="lazy"
7390                                decoding="async"
7391                              >
7392                            
7393                          </span>
7394                          <span class="mobile-menu__product-card-label">Cherry Vanilla </span>
7395                        </a>
7396                      </li>
7397                    
7398                  
7399                
7400
7401                  
7402                  
7403
7404                    
7405
7406                    
7407
7408                    
7409                      
7410                      <li class="mobile-menu__product-tile">
7411                        <a
7412                          href="/products/tropical-punch"
7413                          class="mobile-menu__product-card"
7414                          
7415                        >
7416                          <span class="mobile-menu__product-card-media">
7417                            
7418                            
7419                            
7420                              
7421                                
7422                                
7423                            
7424                            
7425                            
7426                              <img
7427                                class="mobile-menu__product-img"
7428                                src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163155&width=272"
7429                                width="136"
7430                                height="181"
7431                                alt="Tropical Punch"
7432                                loading="lazy"
7433                                decoding="async"
7434                              >
7435                            
7436                          </span>
7437                          <span class="mobile-menu__product-card-label">Tropical Punch</span>
7438                        </a>
7439                      </li>
7440                    
7441                  
7442                
7443
7444                  
7445                  
7446
7447                    
7448
7449                    
7450
7451                    
7452                      
7453                      <li class="mobile-menu__product-tile">
7454                        <a
7455                          href="/products/lemon-lime"
7456                          class="mobile-menu__product-card"
7457                          
7458                        >
7459                          <span class="mobile-menu__product-card-media">
7460                            
7461                            
7462                            
7463                              
7464                                
7465                                
7466                            
7467                            
7468                            
7469                              <img
7470                                class="mobile-menu__product-img"
7471                                src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163931&width=272"
7472                                width="136"
7473                                height="181"
7474                                alt="Lemon Lime"
7475                                loading="lazy"
7476                                decoding="async"
7477                              >
7478                            
7479                          </span>
7480                          <span class="mobile-menu__product-card-label">Lemon Lime</span>
7481                        </a>
7482                      </li>
7483                    
7484                  
7485                
7486
7487                  
7488                  
7489
7490                    
7491
7492                    
7493
7494                    
7495                      
7496                      <li class="mobile-menu__product-tile">
7497                        <a
7498                          href="/products/ginger-lemon"
7499                          class="mobile-menu__product-card"
7500                          
7501                        >
7502                          <span class="mobile-menu__product-card-media">
7503                            
7504                            
7505                            
7506                              
7507                                
7508                                
7509                            
7510                            
7511                            
7512                              <img
7513                                class="mobile-menu__product-img"
7514                                src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161268&width=272"
7515                                width="136"
7516                                height="181"
7517                                alt="Ginger Lemon"
7518                                loading="lazy"
7519                                decoding="async"
7520                              >
7521                            
7522                          </span>
7523                          <span class="mobile-menu__product-card-label">Ginger Lemon</span>
7524                        </a>
7525                      </li>
7526                    
7527                  
7528                
7529
7530                  
7531                  
7532
7533                    
7534
7535                    
7536
7537                    
7538                      
7539                      <li class="mobile-menu__product-tile">
7540                        <a
7541                          href="/products/watermelon-lime"
7542                          class="mobile-menu__product-card"
7543                          
7544                        >
7545                          <span class="mobile-menu__product-card-media">
7546                            
7547                            
7548                            
7549                              
7550                                
7551                                
7552                            
7553                            
7554                            
7555                              <img
7556                                class="mobile-menu__product-img"
7557                                src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779164501&width=272"
7558                                width="136"
7559                                height="181"
7560                                alt="Watermelon Lime"
7561                                loading="lazy"
7562                                decoding="async"
7563                              >
7564                            
7565                          </span>
7566                          <span class="mobile-menu__product-card-label">Watermelon Lime</span>
7567                        </a>
7568                      </li>
7569                    
7570                  
7571                
7572
7573                  
7574                  
7575
7576                    
7577
7578                    
7579
7580                    
7581                      
7582                      <li class="mobile-menu__product-tile">
7583                        <a
7584                          href="/products/banana-cream"
7585                          class="mobile-menu__product-card"
7586                          
7587                        >
7588                          <span class="mobile-menu__product-card-media">
7589                            
7590                            
7591                            
7592                              
7593                                
7594                                
7595                            
7596                            
7597                            
7598                              <img
7599                                class="mobile-menu__product-img"
7600                                src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779155708&width=272"
7601                                width="136"
7602                                height="181"
7603                                alt="Banana Cream"
7604                                loading="lazy"
7605                                decoding="async"
7606                              >
7607                            
7608                          </span>
7609                          <span class="mobile-menu__product-card-label">Banana Cream</span>
7610                        </a>
7611                      </li>
7612                    
7613                  
7614                
7615
7616                
7617                
7618              </ul>
7619            </div>
7620
7621            <div class="mobile-menu__shop-all-category">
7622              
7623                <a class="mobile-menu__btn-outline" href="/collections/shop-9g-fiber">Shop All 9g Fiber</a>
7624              
7625            </div>
7626          </div>
7627        </details>
7628      
7629    
7630
7631      
7632      
7633
7634      
7635      
7636        <details
7637          id="mobile-shop-acc-2"
7638          class="mobile-menu__accordion"
7639          
7640        >
7641          <summary class="mobile-menu__accordion-summary">
7642            <span class="mobile-menu__accordion-summary-text">
7643              <span class="mobile-menu__accordion-title">
7644                6g fiber line
7645              </span>
7646            </span>
7647            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
7648              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
7649                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
7650  <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/>
7651</svg>
7652
7653              </span>
7654              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
7655                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
7656  <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/>
7657</svg>
7658
7659              </span>
7660            </span>
7661          </summary>
7662
7663          <div class="mobile-menu__accordion-panel">
7664            
7665              <div class="mobile-menu__category-headline">
7666                <div class="mobile-menu__category-headline-text rte">
7667                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
7668                </div>
7669                
7670              </div>
7671            
7672            
7673              <div class="mobile-menu__category-description rte">
7674                <span class="metafield-multi_line_text_field">Same great taste &amp; digestive support, in a lower‑fiber, store‑anywhere format.</span>
7675              </div>
7676            
7677
7678            <div
7679              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
7680              tabindex="0"
7681              role="region"
7682              aria-roledescription="carousel"
7683              aria-label="6g fiber line — products"
7684            >
7685              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
7686                
7687
7688                
7689                
7690
7691                  
7692                  
7693
7694                    
7695
7696                    
7697
7698                    
7699                      
7700                      <li class="mobile-menu__product-tile">
7701                        <a
7702                          href="/products/pomegranate-sparkle"
7703                          class="mobile-menu__product-card"
7704                          
7705                        >
7706                          <span class="mobile-menu__product-card-media">
7707                            
7708                              <div
7709    class="product-badge product-badge--nav product-badge--short-text"
7710    role="status"
7711    aria-label="New"
7712  >
7713    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
7714      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/>
7715    </svg>
7716    <span class="product-badge__text" style="color: #034638;">New</span>
7717  </div>
7718                            
7719                            
7720                            
7721                              
7722                                
7723                                
7724                            
7725                            
7726                            
7727                              <img
7728                                class="mobile-menu__product-img"
7729                                src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272"
7730                                width="136"
7731                                height="181"
7732                                alt="Pomegranate Sparkle"
7733                                loading="lazy"
7734                                decoding="async"
7735                              >
7736                            
7737                          </span>
7738                          <span class="mobile-menu__product-card-label">Pomegranate Sparkle</span>
7739                        </a>
7740                      </li>
7741                    
7742                  
7743                
7744
7745                  
7746                  
7747
7748                    
7749
7750                    
7751
7752                    
7753                      
7754                      <li class="mobile-menu__product-tile">
7755                        <a
7756                          href="/products/raspberry-sherbet"
7757                          class="mobile-menu__product-card"
7758                          
7759                        >
7760                          <span class="mobile-menu__product-card-media">
7761                            
7762                              <div
7763    class="product-badge product-badge--nav"
7764    role="status"
7765    aria-label="Limited"
7766  >
7767    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
7768      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/>
7769    </svg>
7770    <span class="product-badge__text" style="color: #034638;">Limited</span>
7771  </div>
7772                            
7773                            
7774                            
7775                              
7776                                
7777                                
7778                            
7779                            
7780                            
7781                              <img
7782                                class="mobile-menu__product-img"
7783                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
7784                                width="136"
7785                                height="181"
7786                                alt="Raspberry Sherbet"
7787                                loading="lazy"
7788                                decoding="async"
7789                              >
7790                            
7791                          </span>
7792                          <span class="mobile-menu__product-card-label">Raspberry Sherbet</span>
7793                        </a>
7794                      </li>
7795                    
7796                  
7797                
7798
7799                  
7800                  
7801
7802                    
7803
7804                    
7805
7806                    
7807                      
7808                      <li class="mobile-menu__product-tile">
7809                        <a
7810                          href="/products/shirley-temple"
7811                          class="mobile-menu__product-card"
7812                          
7813                        >
7814                          <span class="mobile-menu__product-card-media">
7815                            
7816                              <div
7817    class="product-badge product-badge--nav"
7818    role="status"
7819    aria-label="Limited"
7820  >
7821    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
7822      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
782203 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/>
7823    </svg>
7824    <span class="product-badge__text" style="color: #034638;">Limited</span>
7825  </div>
7826                            
7827                            
7828                            
7829                              
7830                                
7831                                
7832                            
7833                            
7834                            
7835                              <img
7836                                class="mobile-menu__product-img"
7837                                src="//drinkolipop.com/cdn/shop/files/shirley-temple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778804138&width=272"
7838                                width="136"
7839                                height="181"
7840                                alt="Shirley Temple"
7841                                loading="lazy"
7842                                decoding="async"
7843                              >
7844                            
7845                          </span>
7846                          <span class="mobile-menu__product-card-label">Shirley Temple</span>
7847                        </a>
7848                      </li>
7849                    
7850                  
7851                
7852
7853                  
7854                  
7855
7856                    
7857
7858                    
7859
7860                    
7861                      
7862                      <li class="mobile-menu__product-tile">
7863                        <a
7864                          href="/products/spongebob-pineapple-paradise"
7865                          class="mobile-menu__product-card"
7866                          
7867                        >
7868                          <span class="mobile-menu__product-card-media">
7869                            
7870                              <div
7871    class="product-badge product-badge--nav"
7872    role="status"
7873    aria-label="Limited"
7874  >
7875    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
7876      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/>
7877    </svg>
7878    <span class="product-badge__text" style="color: #034638;">Limited</span>
7879  </div>
7880                            
7881                            
7882                            
7883                              
7884                                
7885                                
7886                            
7887                            
7888                            
7889                              <img
7890                                class="mobile-menu__product-img"
7891                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
7892                                width="136"
7893                                height="181"
7894                                alt="Pineapple Paradise"
7895                                loading="lazy"
7896                                decoding="async"
7897                              >
7898                            
7899                          </span>
7900                          <span class="mobile-menu__product-card-label">Pineapple Paradise</span>
7901                        </a>
7902                      </li>
7903                    
7904                  
7905                
7906
7907                  
7908                  
7909
7910                    
7911
7912                    
7913
7914                    
7915                      
7916                      <li class="mobile-menu__product-tile">
7917                        <a
7918                          href="/products/crisp-apple-6g-fiber"
7919                          class="mobile-menu__product-card"
7920                          
7921                        >
7922                          <span class="mobile-menu__product-card-media">
7923                            
7924                            
7925                            
7926                              
7927                                
7928                                
7929                            
7930                            
7931                            
7932                              <img
7933                                class="mobile-menu__product-img"
7934                                src="//drinkolipop.com/cdn/shop/files/crisp-apple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778731400&width=272"
7935                                width="136"
7936                                height="181"
7937                                alt="Crisp Apple"
7938                                loading="lazy"
7939                                decoding="async"
7940                              >
7941                            
7942                          </span>
7943                          <span class="mobile-menu__product-card-label">Crisp Apple</span>
7944                        </a>
7945                      </li>
7946                    
7947                  
7948                
7949
7950                  
7951                  
7952
7953                    
7954
7955                    
7956
7957                    
7958                      
7959                      <li class="mobile-menu__product-tile">
7960                        <a
7961                          href="/products/classic-grape-6g-fiber"
7962                          class="mobile-menu__product-card"
7963                          
7964                        >
7965                          <span class="mobile-menu__product-card-media">
7966                            
7967                            
7968                            
7969                              
7970                                
7971                                
7972                            
7973                            
7974                            
7975                              <img
7976                                class="mobile-menu__product-img"
7977                                src="//drinkolipop.com/cdn/shop/files/classic-grape-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778733509&width=272"
7978                                width="136"
7979                                height="181"
7980                                alt="Classic Grape"
7981                                loading="lazy"
7982                                decoding="async"
7983                              >
7984                            
7985                          </span>
7986                          <span class="mobile-menu__product-card-label">Classic Grape</span>
7987                        </a>
7988                      </li>
7989                    
7990                  
7991                
7992
7993                  
7994                  
7995
7996                    
7997
7998                    
7999
8000                    
8001                      
8002                      <li class="mobile-menu__product-tile">
8003                        <a
8004                          href="/products/vintage-cola-6g-fiber"
8005                          class="mobile-menu__product-card"
8006                          
8007                        >
8008                          <span class="mobile-menu__product-card-media">
8009                            
8010                            
8011                            
8012                              
8013                                
8014                                
8015                            
8016                            
8017                            
8018                              <img
8019                                class="mobile-menu__product-img"
8020                                src="//drinkolipop.com/cdn/shop/files/vintage-cola-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778727450&width=272"
8021                                width="136"
8022                                height="181"
8023                                alt="Vintage Cola"
8024                                loading="lazy"
8025                                decoding="async"
8026                              >
8027                            
8028                          </span>
8029                          <span class="mobile-menu__product-card-label">Vintage Cola</span>
8030                        </a>
8031                      </li>
8032                    
8033                  
8034                
8035
8036                  
8037                  
8038
8039                    
8040
8041                    
8042
8043                    
8044                      
8045                      <li class="mobile-menu__product-tile">
8046                        <a
8047                          href="/products/classic-root-beer-6g-fiber"
8048                          class="mobile-menu__product-card"
8049                          
8050                        >
8051                          <span class="mobile-menu__product-card-media">
8052                            
8053                            
8054                            
8055                              
8056                                
8057                                
8058                            
8059                            
8060                            
8061                              <img
8062                                class="mobile-menu__product-img"
8063                                src="//drinkolipop.com/cdn/shop/files/classic-root-beer-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778736431&width=272"
8064                                width="136"
8065                                height="181"
8066                                alt="Classic Root Beer"
8067                                loading="lazy"
8068                                decoding="async"
8069                              >
8070                            
8071                          </span>
8072                          <span class="mobile-menu__product-card-label">Classic Root Beer</span>
8073                        </a>
8074                      </li>
8075                    
8076                  
8077                
8078
8079                  
8080                  
8081
8082                    
8083
8084                    
8085
8086                    
8087                      
8088                      <li class="mobile-menu__product-tile">
8089                        <a
8090                          href="/products/cream-soda-6g-fiber"
8091                          class="mobile-menu__product-card"
8092                          
8093                        >
8094                          <span class="mobile-menu__product-card-media">
8095                            
8096                            
8097                            
8098                              
8099                                
8100                                
8101                            
8102                            
8103                            
8104                              <img
8105                                class="mobile-menu__product-img"
8106                                src="//drinkolipop.com/cdn/shop/files/cream-soda-6g-olipop_gallery-image_single-can_new_asset_new_asset.webp?crop=center&height=362&v=1778734784&width=272"
8107                                width="136"
8108                                height="181"
8109                                alt="Cream Soda"
8110                                loading="lazy"
8111                                decoding="async"
8112                              >
8113                            
8114                          </span>
8115                          <span class="mobile-menu__product-card-label">Cream Soda</span>
8116                        </a>
8117                      </li>
8118                    
8119                  
8120                
8121
8122                  
8123                  
8124
8125                    
8126
8127                    
8128
8129                    
8130                      
8131                      <li class="mobile-menu__product-tile">
8132                        <a
8133                          href="/products/strawberry-vanilla-6g-fiber"
8134                          class="mobile-menu__product-card"
8135                          
8136                        >
8137                          <span class="mobile-menu__product-card-media">
8138                            
8139                            
8140                            
8141                              
8142                                
8143                                
8144                            
8145                            
8146                            
8147                              <img
8148                                class="mobile-menu__product-img"
8149                                src="//drinkolipop.com/cdn/shop/files/strawberry-vanila-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778765549&width=272"
8150                                width="136"
8151                                height="181"
8152                                alt="Strawberry Vanilla"
8153                                loading="lazy"
8154                                decoding="async"
8155                              >
8156                            
8157                          </span>
8158                          <span class="mobile-menu__product-card-label">Strawberry Vanilla</span>
8159                        </a>
8160                      </li>
8161                    
8162                  
8163                
8164
8165                  
8166                  
8167
8168                    
8169
8170                    
8171
8172                    
8173                      
8174                      <li class="mobile-menu__product-tile">
8175                        <a
8176                          href="/products/cherry-cola-6g-fiber"
8177                          class="mobile-menu__product-card"
8178                          
8179                        >
8180                          <span class="mobile-menu__product-card-media">
8181                            
8182                            
8183                            
8184                              
8185                                
8186                                
8187                            
8188                            
8189                            
8190                              <img
8191                                class="mobile-menu__product-img"
8192                                src="//drinkolipop.com/cdn/shop/files/cherry-cola-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778593310&width=272"
8193                                width="136"
8194                                height="181"
8195                                alt="Cherry Cola"
8196                                loading="lazy"
8197                                decoding="async"
8198                              >
8199                            
8200                          </span>
8201                          <span class="mobile-menu__product-card-label">Cherry Cola</span>
8202                        </a>
8203                      </li>
8204                    
8205                  
8206                
8207
8208                  
8209                  
8210
8211                    
8212
8213                    
8214
8215                    
8216                      
8217                      <li class="mobile-menu__product-tile">
8218                        <a
8219                          href="/products/citrus-rush-6g-fiber"
8220                          class="mobile-menu__product-card"
8221                          
8222                        >
8223                          <span class="mobile-menu__product-card-media">
8224                            
8225                            
8226                            
8227                              
8228                                
8229                                
8230                            
8231                            
8232                            
8233                              <img
8234                                class="mobile-menu__product-img"
8235                                src="//drinkolipop.com/cdn/shop/files/citrus-rush-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778599172&width=272"
8236                                width="136"
8237                                height="181"
8238                                alt="Citrus Rush"
8239                                loading="lazy"
8240                                decoding="async"
8241                              >
8242                            
8243                          </span>
8244                          <span class="mobile-menu__product-card-label">Citrus Rush</span>
8245                        </a>
8246                      </li>
8247                    
8248                  
8249                
8250
8251                  
8252                  
8253
8254                    
8255
8256                    
8257
8258                    
8259                      
8260                      <li class="mobile-menu__product-tile">
8261                        <a
8262                          href="/products/ginger-ale-6g-fiber"
8263                          class="mobile-menu__product-card"
8264                          
8265                        >
8266                          <span class="mobile-menu__product-card-media">
8267                            
8268                            
8269                            
8270                              
8271                                
8272                                
8273                            
8274                            
8275                            
8276                              <img
8277                                class="mobile-menu__product-img"
8278                                src="//drinkolipop.com/cdn/shop/files/ginger-ale-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778729238&width=272"
8279                                width="136"
8280                                height="181"
8281                                alt="Ginger Ale"
8282                                loading="lazy"
8283                                decoding="async"
8284                              >
8285                            
8286                          </span>
8287                          <span class="mobile-menu__product-card-label">Ginger Ale</span>
8288                        </a>
8289                      </li>
8290                    
8291                  
8292                
8293
8294                  
8295                  
8296
8297                    
8298
8299                    
8300
8301                    
8302                      
8303                      <li class="mobile-menu__product-tile">
8304                        <a
8305                          href="/products/lemon-lime-6g-fiber"
8306                          class="mobile-menu__product-card"
8307                          
8308                        >
8309                          <span class="mobile-menu__product-card-media">
8310                            
8311                            
8312                            
8313                              
8314                                
8315                                
8316                            
8317                            
8318                            
8319                              <img
8320                                class="mobile-menu__product-img"
8321                                src="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778589967&width=272"
8322                                width="136"
8323                                height="181"
8324                                alt="Lemon Lime"
8325                                loading="lazy"
8326                                decoding="async"
8327                              >
8328                            
8329                          </span>
8330                          <span class="mobile-menu__product-card-label">Lemon Lime</span>
8331                        </a>
8332                      </li>
8333                    
8334                  
8335                
8336
8337                
8338                
8339              </ul>
8340            </div>
8341
8342            <div class="mobile-menu__shop-all-category">
8343              
8344                <a class="mobile-menu__btn-outline" href="/collections/shop-6g-fiber">Shop All 6g Fiber</a>
8345              
8346            </div>
8347          </div>
8348        </details>
8349      
8350    
8351
8352      
8353      
8354
8355      
8356      
8357        <details
8358          id="mobile-shop-acc-3"
8359          class="mobile-menu__accordion"
8360          
8361        >
8362          <summary class="mobile-menu__accordion-summary">
8363            <span class="mobile-menu__accordion-summary-text">
8364              <span class="mobile-menu__accordion-title">
8365                MINIs
8366              </span>
8367            </span>
8368            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
8369              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
8370                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8371  <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/>
8372</svg>
8373
8374              </span>
8375              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
8376                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8377  <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/>
8378</svg>
8379
8380              </span>
8381            </span>
8382          </summary>
8383
8384          <div class="mobile-menu__accordion-panel">
8385            
8386              <div class="mobile-menu__category-headline">
8387                <div class="mobile-menu__category-headline-text rte">
8388                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
8389                </div>
8390                
8391              </div>
8392            
8393            
8394              <div class="mobile-menu__category-description rte">
8395                <span class="metafield-multi_line_text_field">Smaller cans with 3g of fiber, perfect for on-the-go sipping or a little treat in your lunch box.</span>
8396              </div>
8397            
8398
8399            <div
8400              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
8401              tabindex="0"
8402              role="region"
8403              aria-roledescription="carousel"
8404              aria-label="MINIs — products"
8405            >
8406              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
8407                
8408
8409                
8410                
8411
8412                  
8413                  
8414
8415                    
8416
8417                    
8418
8419                    
8420                      
8421                      <li class="mobile-menu__product-tile">
8422                        <a
8423                          href="/products/strawberry-vanilla-minis"
8424                          class="mobile-menu__product-card"
8425                          
8426                        >
8427                          <span class="mobile-menu__product-card-media">
8428                            
8429                            
8430                            
8431                              
8432                                
8433                                
8434                            
8435                            
8436                            
8437                              <img
8438                                class="mobile-menu__product-img"
8439                                src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-minis-olipop_single-can-main-image_new_asset_680b8459-03b7-4518-8048-07556a91e1c7.webp?crop=center&height=362&v=1784901479&width=272"
8440                                width="136"
8441                                height="181"
8442                                alt="Strawberry Vanilla"
8443                                loading="lazy"
8444                                decoding="async"
8445                              >
8446                            
8447                          </span>
8448                          <span class="mobile-menu__product-card-label">Strawberry Vanilla</span>
8449                        </a>
8450                      </li>
8451                    
8452                  
8453                
8454
8455                  
8456                  
8457
8458                    
8459
8460                    
8461
8462                    
8463                      
8464                      <li class="mobile-menu__product-tile">
8465                        <a
8466                          href="/products/classic-grape-minis"
8467                          class="mobile-menu__product-card"
8468                          
8469                        >
8470                          <span class="mobile-menu__product-card-media">
8471                            
8472                            
8473                            
8474                              
8475                                
8476                                
8477                            
8478                            
8479                            
8480                              <img
8481                                class="mobile-menu__product-img"
8482                                src="//drinkolipop.com/cdn/shop/files/classic-grape-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902094&width=272"
8483                                width="136"
8484                                height="181"
8485                                alt="Classic Grape"
8486                                loading="lazy"
8487                                decoding="async"
8488                              >
8489                            
8490                          </span>
8491                          <span class="mobile-menu__product-card-label">Classic Grape</span>
8492                        </a>
8493                      </li>
8494                    
8495                  
8496                
8497
8498                  
8499                  
8500
8501                    
8502
8503                    
8504
8505                    
8506                      
8507                      <li class="mobile-menu__product-tile">
8508                        <a
8509                          href="/products/crisp-apple-minis"
8510                          class="mobile-menu__product-card"
8511                          
8512                        >
8513                          <span class="mobile-menu__product-card-media">
8514                            
8515                            
8516                            
8517                              
8518                                
8519                                
8520                            
8521                            
8522                            
8523                              <img
8524                                class="mobile-menu__product-img"
8525                                src="//drinkolipop.com/cdn/shop/files/crisp-apple-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902474&width=272"
8526                                width="136"
8527                                height="181"
8528                                alt="Crisp Apple"
8529                                loading="lazy"
8530                                decoding="async"
8531                              >
8532                            
8533                          </span>
8534                          <span class="mobile-menu__product-card-label">Crisp Apple</span>
8535                        </a>
8536                      </li>
8537                    
8538                  
8539                
8540
8541                  
8542                  
8543
8544                    
8545
8546                    
8547
8548                    
8549                      
8550                      <li class="mobile-menu__product-tile">
8551                        <a
8552                          href="/products/vintage-cola-minis"
8553                          class="mobile-menu__product-card"
8554                          
8555                        >
8556                          <span class="mobile-menu__product-card-media">
8557                            
8558                            
8559                            
8560                              
8561                                
8562                                
8563                            
8564                            
8565                            
8566                              <img
8567                                class="mobile-menu__product-img"
8568                                src="//drinkolipop.com/cdn/shop/files/vintage-cola-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784903244&width=272"
8569                                width="136"
8570                                height="181"
8571                                alt="Vintage Cola"
8572                                loading="lazy"
8573                                decoding="async"
8574                              >
8575                            
8576                          </span>
8577                          <span class="mobile-menu__product-card-label">Vintage Cola</span>
8578                        </a>
8579                      </li>
8580                    
8581                  
8582                
8583
8584                  
8585                  
8586
8587                    
8588
8589                    
8590
8591                    
8592                      
8593                      <li class="mobile-menu__product-tile">
8594                        <a
8595                          href="/products/ginger-ale-minis"
8596                          class="mobile-menu__product-card"
8597                          
8598                        >
8599                          <span class="mobile-menu__product-card-media">
8600                            
8601                            
8602                            
8603                              
8604                                
8605                                
8606                            
8607                            
8608                            
8609                              <img
8610                                class="mobile-menu__product-img"
8611                                src="//drinkolipop.com/cdn/shop/files/ginger-ale-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902793&width=272"
8612                                width="136"
8613                                height="181"
8614                                alt="Ginger Ale"
8615                                loading="lazy"
8616                                decoding="async"
8617                              >
8618                            
8619                          </span>
8620                          <span class="mobile-menu__product-card-label">Ginger Ale</span>
8621                        </a>
8622                      </li>
8623                    
8624                  
8625                
8626
8627                  
8628                  
8629
8630                    
8631
8632                    
8633
8634                    
8635                      
8636                      <li class="mobile-menu__product-tile">
8637                        <a
8638                          href="/products/orange-cream-minis"
8639                          class="mobile-menu__product-card"
8640                          
8641                        >
8642                          <span class="mobile-menu__product-card-media">
8643                            
8644                            
8645                            
8646                              
8647                                
8648                                
8649                            
8650                            
8651                            
8652                              <img
8653                                class="mobile-menu__product-img"
8654                                src="//drinkolipop.com/cdn/shop/files/orange-cream-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1785416383&width=272"
8655                                width="136"
8656                                height="181"
8657                                alt="Orange Cream"
8658                                loading="lazy"
8659                                decoding="async"
8660                              >
8661                            
8662                          </span>
8663                          <span class="mobile-menu__product-card-label">Orange Cream</span>
8664                        </a>
8665                      </li>
8666                    
8667                  
8668                
8669
8670                
8671                
8672              </ul>
8673            </div>
8674
8675            <div class="mobile-menu__shop-all-category">
8676              
8677                <a class="mobile-menu__btn-outline" href="/collections/olipop-minis">Shop All MINIs</a>
8678              
8679            </div>
8680          </div>
8681        </details>
8682      
8683    
8684
8685      
8686      
8687
8688      
8689      
8690        <details
8691          id="mobile-shop-acc-4"
8692          class="mobile-menu__accordion"
8693          
8694        >
8695          <summary class="mobile-menu__accordion-summary">
8696            <span class="mobile-menu__accordion-summary-text">
8697              <span class="mobile-menu__accordion-title">
8698                Limited edition flavors 
8699              </span>
8700            </span>
8701            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
8702              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
8703                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8704  <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/>
8705</svg>
8706
8707              </span>
8708              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
8709                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8710  <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/>
8711</svg>
8712
8713              </span>
8714            </span>
8715          </summary>
8716
8717          <div class="mobile-menu__accordion-panel">
8718            
8719              <div class="mobile-menu__category-headline">
8720                <div class="mobile-menu__category-headline-text rte">
8721                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
8722                </div>
8723                
8724              </div>
8725            
8726            
8727              <div class="mobile-menu__category-description rte">
8728                <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span>
8729              </div>
8730            
8731
8732            <div
8733              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
8734              tabindex="0"
8735              role="region"
8736              aria-roledescription="carousel"
8737              aria-label="Limited edition flavors  — products"
8738            >
8739              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
8740                
8741
8742                
8743                
8744
8745                  
8746                  
8747
8748                    
8749
8750                    
8751
8752                    
8753                      
8754                      <li class="mobile-menu__product-tile">
8755                        <a
8756                          href="/products/pomegranate-sparkle"
8757                          class="mobile-menu__product-card"
8758                          
8759                        >
8760                          <span class="mobile-menu__product-card-media">
8761                            
8762                              <div
8763    class="product-badge product-badge--nav product-badge--short-text"
8764    role="status"
8765    aria-label="New"
8766  >
8767    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8768      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/>
8769    </svg>
8770    <span class="product-badge__text" style="color: #034638;">New</span>
8771  </div>
8772                            
8773                            
8774                            
8775                              
8776                                
8777                                
8778                            
8779                            
8780                            
8781                              <img
8782                                class="mobile-menu__product-img"
8783                                src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272"
8784                                width="136"
8785                                height="181"
8786                                alt="Pomegranate Sparkle"
8787                                loading="lazy"
8788                                decoding="async"
8789                              >
8790                            
8791                          </span>
8792                          <span class="mobile-menu__product-card-label">Pomegranate Sparkle</span>
8793                        </a>
8794                      </li>
8795                    
8796                  
8797                
8798
8799                  
8800                  
8801
8802                    
8803
8804                    
8805
8806                    
8807                      
8808                      <li class="mobile-menu__product-tile">
8809                        <a
8810                          href="/products/caramel-apple"
8811                          class="mobile-menu__product-card"
8812                          
8813                        >
8814                          <span class="mobile-menu__product-card-media">
8815                            
8816                              <div
8817    class="product-badge product-badge--nav product-badge--short-text"
8818    role="status"
8819    aria-label="New"
8820  >
8821    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8822      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/>
8823    </svg>
8824    <span class="product-badge__text" style="color: #034638;">New</span>
8825  </div>
8826                            
8827                            
8828                            
8829                              
8830                                
8831                                
8832                            
8833                            
8834                            
8835                              <img
8836                                class="mobile-menu__product-img"
8837                                src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1788145122&width=272"
8838                                width="136"
8839                                height="181"
8840                                alt="Caramel Apple"
8841                                loading="lazy"
8842                                decoding="async"
8843                              >
8844                            
8845                          </span>
8846                          <span class="mobile-menu__product-card-label">Caramel Apple</span>
8847                        </a>
8848                      </li>
8849                    
8850                  
8851                
8852
8853                  
8854                  
8855
8856                    
8857
8858                    
8859
8860                    
8861                      
8862                      <li class="mobile-menu__product-tile">
8863                        <a
8864                          href="/products/raspberry-sherbet"
8865                          class="mobile-menu__product-card"
8866                          
8867                        >
8868                          <span class="mobile-menu__product-card-media">
8869                            
8870                              <div
8871    class="product-badge product-badge--nav"
8872    role="status"
8873    aria-label="Limited"
8874  >
8875    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8876      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
887603 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/>
8877    </svg>
8878    <span class="product-badge__text" style="color: #034638;">Limited</span>
8879  </div>
8880                            
8881                            
8882                            
8883                              
8884                                
8885                                
8886                            
8887                            
8888                            
8889                              <img
8890                                class="mobile-menu__product-img"
8891                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
8892                                width="136"
8893                                height="181"
8894                                alt="Raspberry Sherbet"
8895                                loading="lazy"
8896                                decoding="async"
8897                              >
8898                            
8899                          </span>
8900                          <span class="mobile-menu__product-card-label">Raspberry Sherbet</span>
8901                        </a>
8902                      </li>
8903                    
8904                  
8905                
8906
8907                  
8908                  
8909
8910                    
8911
8912                    
8913
8914                    
8915                      
8916                      <li class="mobile-menu__product-tile">
8917                        <a
8918                          href="/products/shirley-temple"
8919                          class="mobile-menu__product-card"
8920                          
8921                        >
8922                          <span class="mobile-menu__product-card-media">
8923                            
8924                              <div
8925    class="product-badge product-badge--nav"
8926    role="status"
8927    aria-label="Limited"
8928  >
8929    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8930      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/>
8931    </svg>
8932    <span class="product-badge__text" style="color: #034638;">Limited</span>
8933  </div>
8934                            
8935                            
8936                            
8937                              
8938                                
8939                                
8940                            
8941                            
8942                            
8943                              <img
8944                                class="mobile-menu__product-img"
8945                                src="//drinkolipop.com/cdn/shop/files/shirley-temple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778804138&width=272"
8946                                width="136"
8947                                height="181"
8948                                alt="Shirley Temple"
8949                                loading="lazy"
8950                                decoding="async"
8951                              >
8952                            
8953                          </span>
8954                          <span class="mobile-menu__product-card-label">Shirley Temple</span>
8955                        </a>
8956                      </li>
8957                    
8958                  
8959                
8960
8961                  
8962                  
8963
8964                    
8965
8966                    
8967
8968                    
8969                      
8970                      <li class="mobile-menu__product-tile">
8971                        <a
8972                          href="/products/spongebob-pineapple-paradise"
8973                          class="mobile-menu__product-card"
8974                          
8975                        >
8976                          <span class="mobile-menu__product-card-media">
8977                            
8978                              <div
8979    class="product-badge product-badge--nav"
8980    role="status"
8981    aria-label="Limited"
8982  >
8983    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8984      <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/>
8985    </svg>
8986    <span class="product-badge__text" style="color: #034638;">Limited</span>
8987  </div>
8988                            
8989                            
8990                            
8991                              
8992                                
8993                                
8994                            
8995                            
8996                            
8997                              <img
8998                                class="mobile-menu__product-img"
8999                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
9000                                width="136"
9001                                height="181"
9002                                alt="Pineapple Paradise"
9003                                loading="lazy"
9004                                decoding="async"
9005                              >
9006                            
9007                          </span>
9008                          <span class="mobile-menu__product-card-label">Pineapple Paradise</span>
9009                        </a>
9010                      </li>
9011                    
9012                  
9013                
9014
9015                
9016                
9017              </ul>
9018            </div>
9019
9020            <div class="mobile-menu__shop-all-category">
9021              
9022                <a class="mobile-menu__btn-outline" href="/collections/shop-limited-edition">Shop All Limited Edition Flavors</a>
9023              
9024            </div>
9025          </div>
9026        </details>
9027      
9028    
9029
9030      
9031      
9032
9033      
9034      
9035        <details
9036          id="mobile-shop-acc-5"
9037          class="mobile-menu__accordion"
9038          
9039        >
9040          <summary class="mobile-menu__accordion-summary">
9041            <span class="mobile-menu__accordion-summary-text">
9042              <span class="mobile-menu__accordion-title">
9043                Variety packs
9044              </span>
9045            </span>
9046            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
9047              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
9048                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
9049  <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/>
9050</svg>
9051
9052              </span>
9053              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
9054                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
9055  <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/>
9056</svg>
9057
9058              </span>
9059            </span>
9060          </summary>
9061
9062          <div class="mobile-menu__accordion-panel">
9063            
9064              <div class="mobile-menu__category-headline">
9065                <div class="mobile-menu__category-headline-text rte">
9066                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
9067                </div>
9068                
9069              </div>
9070            
9071            
9072              <div class="mobile-menu__category-description rte">
9073                <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy &amp; fun way to discover your favorites.</span>
9074              </div>
9075            
9076
9077            <div
9078              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
9079              tabindex="0"
9080              role="region"
9081              aria-roledescription="carousel"
9082              aria-label="Variety packs — products"
9083            >
9084              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
9085                
9086
9087                
9088                
9089
9090                  
9091                  
9092
9093                    
9094
9095                    
9096
9097                    
9098                      
9099                      <li class="mobile-menu__product-tile">
9100                        <a
9101                          href="/products/classic-soda-variety-pack"
9102                          class="mobile-menu__product-card"
9103                          
9104                        >
9105                          <span class="mobile-menu__product-card-media">
9106                            
9107                            
9108                            
9109                              
9110                                
9111                                
9112                            
9113                            
9114                            
9115                              <img
9116                                class="mobile-menu__product-img"
9117                                src="//drinkolipop.com/cdn/shop/files/classic-soda-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779207306&width=272"
9118                                width="136"
9119                                height="181"
9120                                alt="Classic Soda Variety Pack"
9121                                loading="lazy"
9122                                decoding="async"
9123                              >
9124                            
9125                          </span>
9126                          <span class="mobile-menu__product-card-label">Classic Soda</span>
9127                        </a>
9128                      </li>
9129                    
9130                  
9131                
9132
9133                  
9134                  
9135
9136                    
9137
9138                    
9139
9140                    
9141                      
9142                      <li class="mobile-menu__product-tile">
9143                        <a
9144                          href="/products/fruity-fun-variety-pack"
9145                          class="mobile-menu__product-card"
9146                          
9147                        >
9148                          <span class="mobile-menu__product-card-media">
9149                            
9150                            
9151                            
9152                              
9153                                
9154                                
9155                            
9156                            
9157                            
9158                              <img
9159                                class="mobile-menu__product-img"
9160                                src="//drinkolipop.com/cdn/shop/files/fruity-fun-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779207636&width=272"
9161                                width="136"
9162                                height="181"
9163                                alt="Fruity Fun Variety Pack"
9164                                loading="lazy"
9165                                decoding="async"
9166                              >
9167                            
9168                          </span>
9169                          <span class="mobile-menu__product-card-label">Fruity Fun</span>
9170                        </a>
9171                      </li>
9172                    
9173                  
9174                
9175
9176                  
9177                  
9178
9179                    
9180
9181                    
9182
9183                    
9184                      
9185                      <li class="mobile-menu__product-tile">
9186                        <a
9187                          href="/products/favorites-variety-pack"
9188                          class="mobile-menu__product-card"
9189                          
9190                        >
9191                          <span class="mobile-menu__product-card-media">
9192                            
9193                            
9194                            
9195                              
9196                                
9197                                
9198                            
9199                            
9200                            
9201                              <img
9202                                class="mobile-menu__product-img"
9203                                src="//drinkolipop.com/cdn/shop/files/favorites-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779208124&width=272"
9204                                width="136"
9205                                height="181"
9206                                alt="Favorites Variety Pack"
9207                                loading="lazy"
9208                                decoding="async"
9209                              >
9210                            
9211                          </span>
9212                          <span class="mobile-menu__product-card-label">Favorites</span>
9213                        </a>
9214                      </li>
9215                    
9216                  
9217                
9218
9219                
9220                
9221              </ul>
9222            </div>
9223
9224            <div class="mobile-menu__shop-all-category">
9225              
9226                <a class="mobile-menu__btn-outline" href="/collections/variety-packs">Shop All Variety Packs</a>
9227              
9228            </div>
9229          </div>
9230        </details>
9231      
9232    
9233
9234    <div class="mobile-menu__shop-all-footer">
9235      <a class="mobile-menu__btn-primary" href="/collections/drinks">Shop All</a>
9236    </div>
9237  </div>
9238
9239
9240<style>
9241.mobile-menu__category-description {
9242  margin-bottom: 20px;
9243}
9244
9245.mobile-menu__category-description .metafield-multi_line_text_field {
9246  line-height: 160%;
9247  display: block;
9248}
9249
9250.mobile-menu__category-headline {
9251  margin-top: 3px;
9252}
9253</style>
9254
9255          <div class="mobile-menu__utility" role="navigation" aria-label="Quick links">
9256  <div class="mobile-menu__utility-wave" aria-hidden="true"><svg
9257      xmlns="http://www.w3.org/2000/svg"
9258      viewBox="0 0 390 27"
9259      fill="none"
9260      preserveAspectRatio="none"
9261      class="mobile-menu__utility-wave-svg"
9262      focusable="false"
9263    >
9264      <path
9265        d="M390 27H8.13552e-05L1.48681e-06 1.52987C-0.0123939 1.51971 77.4813 -3.23676 194.458 7.38036C311.436 17.9975 390 0.446533 390 0.446533V27Z"
9266        fill="#008168"
9267      />
9268    </svg>
9269  </div>
9270
9271  <ul class="mobile-menu__utility-list tw-m-0 tw-list-none">
9272    <li class="mobile-menu__utility-item">
9273      <a class="mobile-menu__utility-link" href="/pages/store-locator">
9274        <span class="mobile-menu__utility-icon" aria-hidden="true">
9275          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg">
9276  <path d="M8 4C7.50555 4 7.0222 4.14662 6.61107 4.42133C6.19995 4.69603 5.87952 5.08648 5.6903 5.54329C5.50108 6.00011 5.45157 6.50277 5.54804 6.98773C5.6445 7.47268 5.8826 7.91814 6.23223 8.26777C6.58186 8.6174 7.02732 8.8555 7.51227 8.95196C7.99723 9.04843 8.49989 8.99892 8.95671 8.8097C9.41352 8.62048 9.80397 8.30005 10.0787 7.88893C10.3534 7.4778 10.5 6.99445 10.5 6.5C10.5 5.83696 10.2366 5.20107 9.76777 4.73223C9.29893 4.26339 8.66304 4 8 4ZM8 8C7.70333 8 7.41332 7.91203 7.16664 7.7472C6.91997 7.58238 6.72771 7.34811 6.61418 7.07403C6.50065 6.79994 6.47094 6.49834 6.52882 6.20736C6.5867 5.91639 6.72956 5.64912 6.93934 5.43934C7.14912 5.22956 7.41639 5.0867 7.70736 5.02882C7.99834 4.97094 8.29994 5.00065 8.57403 5.11418C8.84811 5.22771 9.08238 5.41997 9.2472 5.66664C9.41203 5.91332 9.5 6.20333 9.5 6.5C9.5 6.89782 9.34196 7.27936 9.06066 7.56066C8.77936 7.84196 8.39782 8 8 8ZM8 1C6.54182 1.00165 5.14383 1.58165 4.11274 2.61274C3.08165 3.64383 2.50165 5.04182 2.5 6.5C2.5 8.4625 3.40688 10.5425 5.125 12.5156C5.89701 13.4072 6.76591 14.2101 7.71562 14.9094C7.7997 14.9683 7.89985 14.9999 8.0025 14.9999C8.10515 14.9999 8.20531 14.9683 8.28938 14.9094C9.23734 14.2098 10.1046 13.4069 10.875 12.5156C12.5906 10.5425 13.5 8.4625 13.5 6.5C13.4983 5.04182 12.9184 3.64383 11.8873 2.61274C10.8562 1.58165 9.45818 1.00165 8 1ZM8 13.875C6.96688 13.0625 3.5 10.0781 3.5 6.5C3.5 5.30653 3.97411 4.16193 4.81802 3.31802C5.66193 2.47411 6.80653 2 8 2C9.19347 2 10.3381 2.47411 11.182 3.31802C12.0259 4.16193 12.5 5.30653 12.5 6.5C12.5 10.0769 9.03312 13.0625 8 13.875Z" fill="currentColor"/>
9277</svg>
9278
9279        </span>
9280        <span class="mobile-menu__utility-label">Find a Store</span>
9281      </a>
9282    </li>
9283    <li class="mobile-menu__utility-item">
9284      
9285        <a class="mobile-menu__utility-link" href="/account/login">
9286          <span class="mobile-menu__utility-icon" aria-hidden="true">
9287            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg">
9288  <path d="M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM4.63 12.3438C4.99171 11.7781 5.49001 11.3125 6.07895 10.99C6.6679 10.6676 7.32855 10.4985 8 10.4985C8.67146 10.4985 9.3321 10.6676 9.92105 10.99C10.51 11.3125 11.0083 11.7781 11.37 12.3438C10.4065 13.0931 9.22064 13.5 8 13.5C6.77936 13.5 5.59354 13.0931 4.63 12.3438ZM6 7.5C6 7.10444 6.1173 6.71776 6.33706 6.38886C6.55683 6.05996 6.86918 5.80362 7.23464 5.65224C7.60009 5.50087 8.00222 5.46126 8.39018 5.53843C8.77815 5.6156 9.13451 5.80608 9.41422 6.08579C9.69392 6.36549 9.8844 6.72186 9.96157 7.10982C10.0387 7.49778 9.99914 7.89991 9.84776 8.26537C9.69639 8.63082 9.44004 8.94318 9.11114 9.16294C8.78224 9.3827 8.39557 9.5 8 9.5C7.46957 9.5 6.96086 9.28929 6.58579 8.91421C6.21072 8.53914 6 8.03043 6 7.5ZM12.11 11.6506C11.5524 10.8425 10.7682 10.2174 9.85625 9.85375C10.3461 9.4679 10.7036 8.93899 10.879 8.34056C11.0543 7.74213 11.0388 7.10393 10.8346 6.51472C10.6305 5.9255 10.2477 5.41455 9.73971 5.05293C9.23168 4.69131 8.62359 4.49699 8 4.49699C7.37641 4.49699 6.76832 4.69131 6.26029 5.05293C5.75226 5.41455 5.36955 5.9255 5.16537 6.51472C4.96119 7.10393 4.9457 7.74213 5.12105 8.34056C5.2964 8.93899 5.65387 9.4679 6.14375 9.85375C5.23176 10.2174 4.44765 10.8425 3.89 11.6506C3.18536 10.8582 2.7248 9.87903 2.56378 8.83094C2.40276 7.78285 2.54816 6.71056 2.98245 5.74319C3.41675 4.77582 4.12142 3.95461 5.01163 3.37846C5.90184 2.80231 6.93962 2.49578 8 2.49578C9.06039 2.49578 10.0982 2.80231 10.9884 3.37846C11.8786 3.95461 12.5833 4.77582 13.0176 5.74319C13.4518 6.71056 13.5972 7.78285 13.4362 8.83094C13.2752 9.87903 12.8146 10.8582 12.11 11.6506Z" fill="currentColor"/>
9289</svg>
9290
9291          </span>
9292          <span class="mobile-menu__utility-label">Account</span>
9293        </a>
9294      
9295    </li>
9296    <li class="mobile-menu__utility-item">
9297      <a class="mobile-menu__utility-link" href="/pages/contact-us">
9298        <span class="mobile-menu__utility-icon" aria-hidden="true">
9299          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg">
9300  <path d="M8.25 1.5C6.59296 1.50182 5.0043 2.16088 3.83259 3.33259C2.66088 4.5043 2.00182 6.09296 2 7.75V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H8.25C9.9076 14 11.4973 13.3415 12.6694 12.1694C13.8415 10.9973 14.5 9.4076 14.5 7.75C14.5 6.0924 13.8415 4.50269 12.6694 3.33058C11.4973 2.15848 9.9076 1.5 8.25 1.5ZM8.25 13H3V7.75C3 6.71165 3.30791 5.69661 3.88478 4.83326C4.46166 3.9699 5.2816 3.29699 6.24091 2.89963C7.20022 2.50227 8.25582 2.3983 9.27422 2.60088C10.2926 2.80345 11.2281 3.30346 11.9623 4.03769C12.6965 4.77191 13.1966 5.70738 13.3991 6.72578C13.6017 7.74418 13.4977 8.79978 13.1004 9.75909C12.703 10.7184 12.0301 11.5383 11.1667 12.1152C10.3034 12.6921 9.28835 13 8.25 13ZM9 8C9 8.14834 8.95601 8.29334 8.8736 8.41668C8.79119 8.54001 8.67406 8.63614 8.53701 8.69291C8.39997 8.74967 8.24917 8.76453 8.10368 8.73559C7.9582 8.70665 7.82456 8.63522 7.71967 8.53033C7.61478 8.42544 7.54335 8.2918 7.51441 8.14632C7.48547 8.00083 7.50032 7.85003 7.55709 7.71299C7.61386 7.57594 7.70999 7.45881 7.83332 7.3764C7.95666 7.29399 8.10166 7.25 8.25 7.25C8.44891 7.25 8.63968 7.32902 8.78033 7.46967C8.92098 7.61032 9 7.80109 9 8ZM6.25 8C6.25 8.14834 6.20601 8.29334 6.1236 8.41668C6.04119 8.54001 5.92406 8.63614 5.78701 8.69291C5.64997 8.74967 5.49917 8.76453 5.35368 8.73559C5.2082 8.70665 5.07456 8.63522 4.96967 8.53033C4.86478 8.42544 4.79335 8.2918 4.76441 8.14632C4.73547 8.00083 4.75032 7.85003 4.80709 7.71299C4.86386 7.57594 4.95999 7.45881 5.08332 7.3764C5.20666 7.29399 5.35166 7.25 5.5 7.25C5.69891 7.25 5.88968 7.32902 6.03033 7.46967C6.17098 7.61032 6.25 7.80109 6.25 8ZM11.75 8C11.75 8.14834 11.706 8.29334 11.6236 8.41668C11.5412 8.54001 11.4241 8.63614 11.287 8.69291C11.15 8.74967 10.9992 8.76453 10.8537 8.73559C10.7082 8.70665 10.5746 8.63522 10.4697 8.53033C10.3648 8.42544 10.2934 8.2918 10.2644 8.14632C10.2355 8.00083 10.2503 7.85003 10.3071 7.71299C10.3639 7.57594 10.46 7.45881 10.5833 7.3764C10.7067 7.29399 10.8517 7.25 11 7.25C11.1989 7.25 11.3897 7.32902 11.5303 7.46967C11.671 7.61032 11.75 7.80109 11.75 8Z" fill="currentColor"/>
9301</svg>
9302
9303        </span>
9304        <span class="mobile-menu__utility-label">Contact Us</span>
9305      </a>
9306    </li>
9307    <li class="mobile-menu__utility-item">
9308      <a class="mobile-menu__utility-link" href="/pages/track-your-order">
9309        <span class="mobile-menu__utility-icon" aria-hidden="true">
9310          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg">
9311  <path d="M13.98 4.13439L8.48 1.12501C8.33305 1.04381 8.16789 1.00122 8 1.00122C7.83211 1.00122 7.66695 1.04381 7.52 1.12501L2.02 4.13564C1.86293 4.22158 1.73181 4.34811 1.64034 4.50203C1.54888 4.65594 1.50041 4.83159 1.5 5.01064V10.9881C1.50041 11.1672 1.54888 11.3428 1.64034 11.4967C1.73181 11.6507 1.86293 11.7772 2.02 11.8631L7.52 14.8738C7.66695 14.955 7.83211 14.9976 8 14.9976C8.16789 14.9976 8.33305 14.955 8.48 14.8738L13.98 11.8631C14.1371 11.7772 14.2682 11.6507 14.3597 11.4967C14.4511 11.3428 14.4996 11.1672 14.5 10.9881V5.01126C14.4999 4.8319 14.4516 4.65586 14.3601 4.50158C14.2686 4.34731 14.1373 4.22048 13.98 4.13439ZM8 2.00001L13.0212 4.75001L11.1606 5.76876L6.13875 3.01876L8 2.00001ZM8 7.50001L2.97875 4.75001L5.0975 3.59001L10.1187 6.34001L8 7.50001ZM2.5 5.62501L7.5 8.36126V13.7231L2.5 10.9888V5.62501ZM13.5 10.9863L8.5 13.7231V8.36376L10.5 7.26939V9.50001C10.5 9.63262 10.5527 9.7598 10.6464 9.85357C10.7402 9.94733 10.8674 10 11 10C11.1326 10 11.2598 9.94733 11.3536 9.85357C11.4473 9.7598 11.5 9.63262 11.5 9.50001V6.72189L13.5 5.62501V10.9856V10.9863Z" fill="currentColor"/>
9312</svg>
9313
9314        </span>
9315        <span class="mobile-menu__utility-label">Track Order</span>
9316      </a>
9317    </li>
9318    <li class="mobile-menu__utility-item">
9319      <a class="mobile-menu__utility-link" href="/pages/olipop-rewards">
9320        <span class="mobile-menu__utility-icon" aria-hidden="true">
9321          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg">
9322  <path d="M12.3488 8.06625L9.1251 6.875L7.9376 3.64875C7.86728 3.45771 7.74005 3.29283 7.57307 3.17637C7.4061 3.0599 7.20743 2.99746 7.00385 2.99746C6.80027 2.99746 6.6016 3.0599 6.43462 3.17637C6.26765 3.29283 6.14042 3.45771 6.0701 3.64875L4.8751 6.875L1.64885 8.0625C1.45781 8.13282 1.29293 8.26005 1.17647 8.42702C1.06 8.594 0.997559 8.79267 0.997559 8.99625C0.997559 9.19983 1.06 9.3985 1.17647 9.56548C1.29293 9.73245 1.45781 9.85968 1.64885 9.93L4.8751 11.125L6.0626 14.3512C6.13292 14.5423 6.26015 14.7072 6.42712 14.8236C6.5941 14.9401 6.79277 15.0025 6.99635 15.0025C7.19993 15.0025 7.3986 14.9401 7.56557 14.8236C7.73255 14.7072 7.85978 14.5423 7.9301 14.3512L9.1251 11.125L12.3513 9.9375C12.5424 9.86718 12.7073 9.73995 12.8237 9.57298C12.9402 9.406 13.0026 9.20733 13.0026 9.00375C13.0026 8.80017 12.9402 8.6015 12.8237 8.43452C12.7073 8.26755 12.5424 8.14032 12.3513 8.07L12.3488 8.06625ZM8.5626 10.2638C8.49473 10.2888 8.4331 10.3282 8.38195 10.3793C8.3308 10.4305 8.29136 10.4921 8.26635 10.56L7.0001 13.9906L5.73635 10.5625C5.71138 10.4939 5.67169 10.4316 5.62008 10.38C5.56847 10.3284 5.50618 10.2887 5.4376 10.2638L2.00947 9L5.4376 7.73625C5.50618 7.71128 5.56847 7.67159 5.62008 7.61998C5.67169 7.56837 5.71138 7.50608 5.73635 7.4375L7.0001 4.00938L8.26385 7.4375C8.28886 7.50537 8.3283 7.567 8.37945 7.61815C8.4306 7.6693 8.49223 7.70874 8.5601 7.73375L11.9907 9L8.5626 10.2638ZM9.0001 2.5C9.0001 2.36739 9.05278 2.24021 9.14655 2.14645C9.24031 2.05268 9.36749 2 9.5001 2H10.5001V1C10.5001 0.867392 10.5528 0.740215 10.6465 0.646447C10.7403 0.552678 10.8675 0.5 11.0001 0.5C11.1327 0.5 11.2599 0.552678 11.3537 0.646447C11.4474 0.740215 11.5001 0.867392 11.5001 1V2H12.5001C12.6327 2 12.7599 2.05268 12.8537 2.14645C12.9474 2.24021 13.0001 2.36739 13.0001 2.5C13.0001 2.63261 12.9474 2.75979 12.8537 2.85355C12.7599 2.94732 12.6327 3 12.5001 3H11.5001V4C11.5001 4.13261 11.4474 4.25979 11.3537 4.35355C11.2599 4.44732 11.1327 4.5 11.0001 4.5C10.8675 4.5 10.7403 4.44732 10.6465 4.35355C10.5528 4.25979 10.5001 4.13261 10.5001 4V3H9.5001C9.36749 3 9.24031 2.94732 9.14655 2.85355C9.05278 2.75979 9.0001 2.63261 9.0001 2.5ZM15.5001 5.5C15.5001 5.63261 15.4474 5.75979 15.3537 5.85355C15.2599 5.94732 15.1327 6 15.0001 6H14.5001V6.5C14.5001 6.63261 14.4474 6.75979 14.3537 6.85355C14.2599 6.94732 14.1327 7 14.0001 7C13.8675 7 13.7403 6.94732 13.6465 6.85355C13.5528 6.75979 13.5001 6.63261 13.5001 6.5V6H13.0001C12.8675 6 12.7403 5.94732 12.6465 5.85355C12.5528 5.75979 12.5001 5.63261 12.5001 5.5C12.5001 5.36739 12.5528 5.24021 12.6465 5.14645C12.7403 5.05268 12.8675 5 13.0001 5H13.5001V4.5C13.5001 4.36739 13.5528 4.24021 13.6465 4.14645C13.7403 4.05268 13.8675 4 14.0001 4C14.1327 4 14.2599 4.05268 14.3537 4.14645C14.4474 4.24021 14.5001 4.36739 14.5001 4.5V5H15.0001C15.1327 5 15.2599 5.05268 15.3537 5.14645C15.4474 5.24021 15.5001 5.36739 15.5001 5.5Z" fill="currentColor"/>
9323</svg>
9324
9325        </span>
9326        <span class="mobile-menu__utility-label">Earn Rewards</span>
9327      </a>
9328    </li>
9329  </ul>
9330</div>
9331
9332<style>
9333  .mobile-menu__utility-list {
9334    padding-bottom: 10.5rem;
9335  }
9336</style>
9337
9338        </div>
9339
9340        
9341          <div
9342            id="mobile-panel-learn"
9343            class="mobile-menu__tabpanel tw-hidden"
9344            role="tabpanel"
9345            aria-labelledby="mobile-tab-learn"
9346            data-mobile-panel="learn"
9347            hidden
9348            tabindex="0"
9349          >
9350            
9351
9352
9353  
9354  <div class="mobile-menu__shop-body">
9355    
9356
9357      
9358      
9359
9360      
9361      <div class="mobile-menu__leaf-row">
9362        <a
9363          href="/pages/our-story"
9364          class="mobile-menu__leaf-link"
9365          
9366        >
9367          <span class="mobile-menu__leaf-title">Our story</span>
9368        </a>
9369      </div>
9370    
9371
9372      
9373      
9374
9375      
9376      <div class="mobile-menu__leaf-row">
9377        <a
9378          href="/pages/ingredients"
9379          class="mobile-menu__leaf-link"
9380          
9381        >
9382          <span class="mobile-menu__leaf-title">Ingredients</span>
9383        </a>
9384      </div>
9385    
9386
9387      
9388      
9389
9390      
9391      <div class="mobile-menu__leaf-row">
9392        <a
9393          href="/pages/digestive-health"
9394          class="mobile-menu__leaf-link"
9395          
9396        >
9397          <span class="mobile-menu__leaf-title">Digestive health</span>
9398        </a>
9399      </div>
9400    
9401
9402      
9403      
9404
9405      
9406      <div class="mobile-menu__leaf-row">
9407        <a
9408          href="/pages/fiber-education"
9409          class="mobile-menu__leaf-link"
9410          
9411        >
9412          <span class="mobile-menu__leaf-title">Fiber education</span>
9413        </a>
9414      </div>
9415    
9416
9417      
9418      
9419
9420      
9421      <div class="mobile-menu__leaf-row">
9422        <a
9423          href="/pages/subscription"
9424          class="mobile-menu__leaf-link"
9425          
9426        >
9427          <span class="mobile-menu__leaf-title">Subscriptions</span>
9428        </a>
9429      </div>
9430    
9431
9432    
9433    
9434  </div>
9435
9436
9437            <div class="mobile-menu__utility" role="navigation" aria-label="Quick links">
9438  <div class="mobile-menu__utility-wave" aria-hidden="true"><svg
9439      xmlns="http://www.w3.org/2000/svg"
9440      viewBox="0 0 390 27"
9441      fill="none"
9442      preserveAspectRatio="none"
9443      class="mobile-menu__utility-wave-svg"
9444      focusable="false"
9445    >
9446      <path
9447        d="M390 27H8.13552e-05L1.48681e-06 1.52987C-0.0123939 1.51971 77.4813 -3.23676 194.458 7.38036C311.436 17.9975 390 0.446533 390 0.446533V27Z"
9448        fill="#008168"
9449      />
9450    </svg>
9451  </div>
9452
9453  <ul class="mobile-menu__utility-list tw-m-0 tw-list-none">
9454    <li class="mobile-menu__utility-item">
9455      <a class="mobile-menu__utility-link" href="/pages/store-locator">
9456        <span class="mobile-menu__utility-icon" aria-hidden="true">
9457          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg">
9458  <path d="M8 4C7.50555 4 7.0222 4.14662 6.61107 4.42133C6.19995 4.69603 5.87952 5.08648 5.6903 5.54329C5.50108 6.00011 5.45157 6.50277 5.54804 6.98773C5.6445 7.47268 5.8826 7.91814 6.23223 8.26777C6.58186 8.6174 7.02732 8.8555 7.51227 8.95196C7.99723 9.04843 8.49989 8.99892 8.95671 8.8097C9.41352 8.62048 9.80397 8.30005 10.0787 7.88893C10.3534 7.4778 10.5 6.99445 10.5 6.5C10.5 5.83696 10.2366 5.20107 9.76777 4.73223C9.29893 4.26339 8.66304 4 8 4ZM8 8C7.70333 8 7.41332 7.91203 7.16664 7.7472C6.91997 7.58238 6.72771 7.34811 6.61418 7.07403C6.50065 6.79994 6.47094 6.49834 6.52882 6.20736C6.5867 5.91639 6.72956 5.64912 6.93934 5.43934C7.14912 5.22956 7.41639 5.0867 7.70736 5.02882C7.99834 4.97094 8.29994 5.00065 8.57403 5.11418C8.84811 5.22771 9.08238 5.41997 9.2472 5.66664C9.41203 5.91332 9.5 6.20333 9.5 6.5C9.5 6.89782 9.34196 7.27936 9.06066 7.56066C8.77936 7.84196 8.39782 8 8 8ZM8 1C6.54182 1.00165 5.14383 1.58165 4.11274 2.61274C3.08165 3.64383 2.50165 5.04182 2.5 6.5C2.5 8.4625 3.40688 10.5425 5.125 12.5156C5.89701 13.4072 6.76591 14.2101 7.71562 14.9094C7.7997 14.9683 7.89985 14.9999 8.0025 14.9999C8.10515 14.9999 8.20531 14.9683 8.28938 14.9094C9.23734 14.2098 10.1046 13.4069 10.875 12.5156C12.5906 10.5425 13.5 8.4625 13.5 6.5C13.4983 5.04182 12.9184 3.64383 11.8873 2.61274C10.8562 1.58165 9.45818 1.00165 8 1ZM8 13.875C6.96688 13.0625 3.5 10.0781 3.5 6.5C3.5 5.30653 3.97411 4.16193 4.81802 3.31802C5.66193 2.47411 6.80653 2 8 2C9.19347 2 10.3381 2.47411 11.182 3.31802C12.0259 4.16193 12.5 5.30653 12.5 6.5C12.5 10.0769 9.03312 13.0625 8 13.875Z" fill="currentColor"/>
9459</svg>
9460
9461        </span>
9462        <span class="mobile-menu__utility-label">Find a Store</span>
9463      </a>
9464    </li>
9465    <li class="mobile-menu__utility-item">
9466      
9467        <a class="mobile-menu__utility-link" href="/account/login">
9468          <span class="mobile-menu__utility-icon" aria-hidden="true">
9469            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
9469ox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg">
9470  <path d="M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM4.63 12.3438C4.99171 11.7781 5.49001 11.3125 6.07895 10.99C6.6679 10.6676 7.32855 10.4985 8 10.4985C8.67146 10.4985 9.3321 10.6676 9.92105 10.99C10.51 11.3125 11.0083 11.7781 11.37 12.3438C10.4065 13.0931 9.22064 13.5 8 13.5C6.77936 13.5 5.59354 13.0931 4.63 12.3438ZM6 7.5C6 7.10444 6.1173 6.71776 6.33706 6.38886C6.55683 6.05996 6.86918 5.80362 7.23464 5.65224C7.60009 5.50087 8.00222 5.46126 8.39018 5.53843C8.77815 5.6156 9.13451 5.80608 9.41422 6.08579C9.69392 6.36549 9.8844 6.72186 9.96157 7.10982C10.0387 7.49778 9.99914 7.89991 9.84776 8.26537C9.69639 8.63082 9.44004 8.94318 9.11114 9.16294C8.78224 9.3827 8.39557 9.5 8 9.5C7.46957 9.5 6.96086 9.28929 6.58579 8.91421C6.21072 8.53914 6 8.03043 6 7.5ZM12.11 11.6506C11.5524 10.8425 10.7682 10.2174 9.85625 9.85375C10.3461 9.4679 10.7036 8.93899 10.879 8.34056C11.0543 7.74213 11.0388 7.10393 10.8346 6.51472C10.6305 5.9255 10.2477 5.41455 9.73971 5.05293C9.23168 4.69131 8.62359 4.49699 8 4.49699C7.37641 4.49699 6.76832 4.69131 6.26029 5.05293C5.75226 5.41455 5.36955 5.9255 5.16537 6.51472C4.96119 7.10393 4.9457 7.74213 5.12105 8.34056C5.2964 8.93899 5.65387 9.4679 6.14375 9.85375C5.23176 10.2174 4.44765 10.8425 3.89 11.6506C3.18536 10.8582 2.7248 9.87903 2.56378 8.83094C2.40276 7.78285 2.54816 6.71056 2.98245 5.74319C3.41675 4.77582 4.12142 3.95461 5.01163 3.37846C5.90184 2.80231 6.93962 2.49578 8 2.49578C9.06039 2.49578 10.0982 2.80231 10.9884 3.37846C11.8786 3.95461 12.5833 4.77582 13.0176 5.74319C13.4518 6.71056 13.5972 7.78285 13.4362 8.83094C13.2752 9.87903 12.8146 10.8582 12.11 11.6506Z" fill="currentColor"/>
9471</svg>
9472
9473          </span>
9474          <span class="mobile-menu__utility-label">Account</span>
9475        </a>
9476      
9477    </li>
9478    <li class="mobile-menu__utility-item">
9479      <a class="mobile-menu__utility-link" href="/pages/contact-us">
9480        <span class="mobile-menu__utility-icon" aria-hidden="true">
9481          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg">
9482  <path d="M8.25 1.5C6.59296 1.50182 5.0043 2.16088 3.83259 3.33259C2.66088 4.5043 2.00182 6.09296 2 7.75V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H8.25C9.9076 14 11.4973 13.3415 12.6694 12.1694C13.8415 10.9973 14.5 9.4076 14.5 7.75C14.5 6.0924 13.8415 4.50269 12.6694 3.33058C11.4973 2.15848 9.9076 1.5 8.25 1.5ZM8.25 13H3V7.75C3 6.71165 3.30791 5.69661 3.88478 4.83326C4.46166 3.9699 5.2816 3.29699 6.24091 2.89963C7.20022 2.50227 8.25582 2.3983 9.27422 2.60088C10.2926 2.80345 11.2281 3.30346 11.9623 4.03769C12.6965 4.77191 13.1966 5.70738 13.3991 6.72578C13.6017 7.74418 13.4977 8.79978 13.1004 9.75909C12.703 10.7184 12.0301 11.5383 11.1667 12.1152C10.3034 12.6921 9.28835 13 8.25 13ZM9 8C9 8.14834 8.95601 8.29334 8.8736 8.41668C8.79119 8.54001 8.67406 8.63614 8.53701 8.69291C8.39997 8.74967 8.24917 8.76453 8.10368 8.73559C7.9582 8.70665 7.82456 8.63522 7.71967 8.53033C7.61478 8.42544 7.54335 8.2918 7.51441 8.14632C7.48547 8.00083 7.50032 7.85003 7.55709 7.71299C7.61386 7.57594 7.70999 7.45881 7.83332 7.3764C7.95666 7.29399 8.10166 7.25 8.25 7.25C8.44891 7.25 8.63968 7.32902 8.78033 7.46967C8.92098 7.61032 9 7.80109 9 8ZM6.25 8C6.25 8.14834 6.20601 8.29334 6.1236 8.41668C6.04119 8.54001 5.92406 8.63614 5.78701 8.69291C5.64997 8.74967 5.49917 8.76453 5.35368 8.73559C5.2082 8.70665 5.07456 8.63522 4.96967 8.53033C4.86478 8.42544 4.79335 8.2918 4.76441 8.14632C4.73547 8.00083 4.75032 7.85003 4.80709 7.71299C4.86386 7.57594 4.95999 7.45881 5.08332 7.3764C5.20666 7.29399 5.35166 7.25 5.5 7.25C5.69891 7.25 5.88968 7.32902 6.03033 7.46967C6.17098 7.61032 6.25 7.80109 6.25 8ZM11.75 8C11.75 8.14834 11.706 8.29334 11.6236 8.41668C11.5412 8.54001 11.4241 8.63614 11.287 8.69291C11.15 8.74967 10.9992 8.76453 10.8537 8.73559C10.7082 8.70665 10.5746 8.63522 10.4697 8.53033C10.3648 8.42544 10.2934 8.2918 10.2644 8.14632C10.2355 8.00083 10.2503 7.85003 10.3071 7.71299C10.3639 7.57594 10.46 7.45881 10.5833 7.3764C10.7067 7.29399 10.8517 7.25 11 7.25C11.1989 7.25 11.3897 7.32902 11.5303 7.46967C11.671 7.61032 11.75 7.80109 11.75 8Z" fill="currentColor"/>
9483</svg>
9484
9485        </span>
9486        <span class="mobile-menu__utility-label">Contact Us</span>
9487      </a>
9488    </li>
9489    <li class="mobile-menu__utility-item">
9490      <a class="mobile-menu__utility-link" href="/pages/track-your-order">
9491        <span class="mobile-menu__utility-icon" aria-hidden="true">
9492          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg">
9493  <path d="M13.98 4.13439L8.48 1.12501C8.33305 1.04381 8.16789 1.00122 8 1.00122C7.83211 1.00122 7.66695 1.04381 7.52 1.12501L2.02 4.13564C1.86293 4.22158 1.73181 4.34811 1.64034 4.50203C1.54888 4.65594 1.50041 4.83159 1.5 5.01064V10.9881C1.50041 11.1672 1.54888 11.3428 1.64034 11.4967C1.73181 11.6507 1.86293 11.7772 2.02 11.8631L7.52 14.8738C7.66695 14.955 7.83211 14.9976 8 14.9976C8.16789 14.9976 8.33305 14.955 8.48 14.8738L13.98 11.8631C14.1371 11.7772 14.2682 11.6507 14.3597 11.4967C14.4511 11.3428 14.4996 11.1672 14.5 10.9881V5.01126C14.4999 4.8319 14.4516 4.65586 14.3601 4.50158C14.2686 4.34731 14.1373 4.22048 13.98 4.13439ZM8 2.00001L13.0212 4.75001L11.1606 5.76876L6.13875 3.01876L8 2.00001ZM8 7.50001L2.97875 4.75001L5.0975 3.59001L10.1187 6.34001L8 7.50001ZM2.5 5.62501L7.5 8.36126V13.7231L2.5 10.9888V5.62501ZM13.5 10.9863L8.5 13.7231V8.36376L10.5 7.26939V9.50001C10.5 9.63262 10.5527 9.7598 10.6464 9.85357C10.7402 9.94733 10.8674 10 11 10C11.1326 10 11.2598 9.94733 11.3536 9.85357C11.4473 9.7598 11.5 9.63262 11.5 9.50001V6.72189L13.5 5.62501V10.9856V10.9863Z" fill="currentColor"/>
9494</svg>
9495
9496        </span>
9497        <span class="mobile-menu__utility-label">Track Order</span>
9498      </a>
9499    </li>
9500    <li class="mobile-menu__utility-item">
9501      <a class="mobile-menu__utility-link" href="/pages/olipop-rewards">
9502        <span class="mobile-menu__utility-icon" aria-hidden="true">
9503          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg">
9504  <path d="M12.3488 8.06625L9.1251 6.875L7.9376 3.64875C7.86728 3.45771 7.74005 3.29283 7.57307 3.17637C7.4061 3.0599 7.20743 2.99746 7.00385 2.99746C6.80027 2.99746 6.6016 3.0599 6.43462 3.17637C6.26765 3.29283 6.14042 3.45771 6.0701 3.64875L4.8751 6.875L1.64885 8.0625C1.45781 8.13282 1.29293 8.26005 1.17647 8.42702C1.06 8.594 0.997559 8.79267 0.997559 8.99625C0.997559 9.19983 1.06 9.3985 1.17647 9.56548C1.29293 9.73245 1.45781 9.85968 1.64885 9.93L4.8751 11.125L6.0626 14.3512C6.13292 14.5423 6.26015 14.7072 6.42712 14.8236C6.5941 14.9401 6.79277 15.0025 6.99635 15.0025C7.19993 15.0025 7.3986 14.9401 7.56557 14.8236C7.73255 14.7072 7.85978 14.5423 7.9301 14.3512L9.1251 11.125L12.3513 9.9375C12.5424 9.86718 12.7073 9.73995 12.8237 9.57298C12.9402 9.406 13.0026 9.20733 13.0026 9.00375C13.0026 8.80017 12.9402 8.6015 12.8237 8.43452C12.7073 8.26755 12.5424 8.14032 12.3513 8.07L12.3488 8.06625ZM8.5626 10.2638C8.49473 10.2888 8.4331 10.3282 8.38195 10.3793C8.3308 10.4305 8.29136 10.4921 8.26635 10.56L7.0001 13.9906L5.73635 10.5625C5.71138 10.4939 5.67169 10.4316 5.62008 10.38C5.56847 10.3284 5.50618 10.2887 5.4376 10.2638L2.00947 9L5.4376 7.73625C5.50618 7.71128 5.56847 7.67159 5.62008 7.61998C5.67169 7.56837 5.71138 7.50608 5.73635 7.4375L7.0001 4.00938L8.26385 7.4375C8.28886 7.50537 8.3283 7.567 8.37945 7.61815C8.4306 7.6693 8.49223 7.70874 8.5601 7.73375L11.9907 9L8.5626 10.2638ZM9.0001 2.5C9.0001 2.36739 9.05278 2.24021 9.14655 2.14645C9.24031 2.05268 9.36749 2 9.5001 2H10.5001V1C10.5001 0.867392 10.5528 0.740215 10.6465 0.646447C10.7403 0.552678 10.8675 0.5 11.0001 0.5C11.1327 0.5 11.2599 0.552678 11.3537 0.646447C11.4474 0.740215 11.5001 0.867392 11.5001 1V2H12.5001C12.6327 2 12.7599 2.05268 12.8537 2.14645C12.9474 2.24021 13.0001 2.36739 13.0001 2.5C13.0001 2.63261 12.9474 2.75979 12.8537 2.85355C12.7599 2.94732 12.6327 3 12.5001 3H11.5001V4C11.5001 4.13261 11.4474 4.25979 11.3537 4.35355C11.2599 4.44732 11.1327 4.5 11.0001 4.5C10.8675 4.5 10.7403 4.44732 10.6465 4.35355C10.5528 4.25979 10.5001 4.13261 10.5001 4V3H9.5001C9.36749 3 9.24031 2.94732 9.14655 2.85355C9.05278 2.75979 9.0001 2.63261 9.0001 2.5ZM15.5001 5.5C15.5001 5.
950463261 15.4474 5.75979 15.3537 5.85355C15.2599 5.94732 15.1327 6 15.0001 6H14.5001V6.5C14.5001 6.63261 14.4474 6.75979 14.3537 6.85355C14.2599 6.94732 14.1327 7 14.0001 7C13.8675 7 13.7403 6.94732 13.6465 6.85355C13.5528 6.75979 13.5001 6.63261 13.5001 6.5V6H13.0001C12.8675 6 12.7403 5.94732 12.6465 5.85355C12.5528 5.75979 12.5001 5.63261 12.5001 5.5C12.5001 5.36739 12.5528 5.24021 12.6465 5.14645C12.7403 5.05268 12.8675 5 13.0001 5H13.5001V4.5C13.5001 4.36739 13.5528 4.24021 13.6465 4.14645C13.7403 4.05268 13.8675 4 14.0001 4C14.1327 4 14.2599 4.05268 14.3537 4.14645C14.4474 4.24021 14.5001 4.36739 14.5001 4.5V5H15.0001C15.1327 5 15.2599 5.05268 15.3537 5.14645C15.4474 5.24021 15.5001 5.36739 15.5001 5.5Z" fill="currentColor"/>
9505</svg>
9506
9507        </span>
9508        <span class="mobile-menu__utility-label">Earn Rewards</span>
9509      </a>
9510    </li>
9511  </ul>
9512</div>
9513
9514<style>
9515  .mobile-menu__utility-list {
9516    padding-bottom: 10.5rem;
9517  }
9518</style>
9519
9520          </div>
9521        
9522      </div>
9523    </div>
9524  </div>
9525</div>
9526
9527<script>
9528  $(document).ready(function () {
9529    const $root = $('[js-mobile-menu]');
9530    const $backdrop = $('.mobile-menu__backdrop');
9531    const $panel = $('[js-mobile-menu-panel]');
9532    const $toggle = $('.header__button.mobile-menu-toggle');
9533
9534    function applyMenuGeometry() {
9535      const header = document.getElementById('shopify-section-header');
9536      const el = document.querySelector('[js-mobile-menu]');
9537      if (!header || !el) return;
9538      const h = header.clientHeight;
9539      el.style.top = h + 'px';
9540      el.style.height = 'calc(100vh - ' + h + 'px)';
9541    }
9542
9543    function clearMenuGeometry() {
9544      const el = document.querySelector('[js-mobile-menu]');
9545      if (el) {
9546        el.style.top = '';
9547        el.style.height = '';
9548      }
9549    }
9550
9551    function openMenuVisual() {
9552      $root.addClass('is-active');
9553    }
9554
9555    function closeMenuVisual() {
9556      $root.removeClass('is-active');
9557    }
9558
9559    var mobileMenuClosing = false;
9560
9561    function finalizeMobileMenuClose() {
9562      document.documentElement.classList.remove('stop-scroll');
9563      $('.overlay').removeClass('is-active');
9564      $('.site-header .header__button').removeClass('is-active');
9565      $('.header-wrapper').removeClass('is-mobile-active');
9566      clearMenuGeometry();
9567      mobileMenuClosing = false;
9568      requestAnimationFrame(function () {
9569        requestAnimationFrame(function () {
9570          window.dispatchEvent(new Event('scroll'));
9571        });
9572      });
9573    }
9574
9575    function activateMobileTab(which) {
9576      const $shop = $('.mobile-menu__tab--shop');
9577      const $learn = $('.mobile-menu__tab--learn');
9578      const $shopPanel = $('#mobile-panel-shop');
9579      const $learnPanel = $('#mobile-panel-learn');
9580      if (!$shop.length || !$learn.length) return;
9581      if (which === 'shop') {
9582        $shop.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 });
9583        $learn.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 });
9584        $shopPanel.removeClass('tw-hidden').removeAttr('hidden');
9585        $learnPanel.addClass('tw-hidden').attr('hidden', 'hidden');
9586      } else {
9587        $learn.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 });
9588        $shop.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 });
9589        $learnPanel.removeClass('tw-hidden').removeAttr('hidden');
9590        $shopPanel.addClass('tw-hidden').attr('hidden', 'hidden');
9591      }
9592    }
9593
9594    function resetToShopTab() {
9595      activateMobileTab('shop');
9596    }
9597
9598    $toggle.on('click', function () {
9599      const toggleBtn = this;
9600      const panelEl = document.querySelector('[js-mobile-menu-panel]');
9601      const isOpen = $('.header-wrapper').hasClass('is-mobile-active');
9602
9603      if (!isOpen) {
9604        $('.header-wrapper').addClass('is-mobile-active');
9605        document.documentElement.classList.add('stop-scroll');
9606        $('.overlay').addClass('is-active');
9607        $('.site-header .header__button').addClass('is-active');
9608        applyMenuGeometry();
9609
9610        function revealMenuAndFocus() {
9611          openMenuVisual();
9612          resetToShopTab();
9613          toggleBtn.setAttribute('aria-expanded', 'true');
9614          const wrap = document.querySelector('[js-header-wrapper]');
9615          const toFocus = panelEl ? panelEl.querySelector('.mobile-menu__tab, a, button') : null;
9616          if (wrap && toFocus) {
9617            trapFocus(wrap, toFocus);
9618          }
9619        }
9620
9621        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
9622          revealMenuAndFocus();
9623        } else {
9624          requestAnimationFrame(function () {
9625            requestAnimationFrame(revealMenuAndFocus);
9626          });
9627        }
9628      } else {
9629        if (mobileMenuClosing) {
9630          return;
9631        }
9632        mobileMenuClosing = true;
9633        closeMenuVisual();
9634        toggleBtn.setAttribute('aria-expanded', 'false');
9635        removeTrapFocus();
9636
9637        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
9638          finalizeMobileMenuClose();
9639          return;
9640        }
9641
9642        var closeDone = false;
9643        function doneClosing() {
9644          if (closeDone) return;
9645          closeDone = true;
9646          if (panelEl) {
9647            panelEl.removeEventListener('transitionend', onPanelTransitionEnd);
9648          }
9649          finalizeMobileMenuClose();
9650        }
9651
9652        function onPanelTransitionEnd(e) {
9653          if (e.target !== panelEl || e.propertyName !== 'transform') return;
9654          doneClosing();
9655        }
9656
9657        if (panelEl) {
9658          panelEl.addEventListener('transitionend', onPanelTransitionEnd);
9659        }
9660        window.setTimeout(doneClosing, 400);
9661      }
9662    });
9663
9664    var mobileMenuDesktopMin = 1024;
9665
9666    function closeMobileMenuIfDesktop() {
9667      if (window.innerWidth >= mobileMenuDesktopMin && $toggle.hasClass('is-active')) {
9668        $toggle.trigger('click');
9669      }
9670    }
9671
9672    $(window).on('resize', function () {
9673      closeMobileMenuIfDesktop();
9674      if ($toggle.hasClass('is-active')) {
9675        applyMenuGeometry();
9676      }
9677    });
9678
9679    $backdrop.on('click', function () {
9680      if ($toggle.hasClass('is-active')) {
9681        $toggle.trigger('click');
9682      }
9683    });
9684
9685    $(document).on('keydown.mobileMenu', function (e) {
9686      if (e.key !== 'Escape') return;
9687      if (!$('.header-wrapper').hasClass('is-mobile-active')) return;
9688      e.preventDefault();
9689      if ($toggle.hasClass('is-active')) {
9690        $toggle.trigger('click');
9691      }
9692    });
9693
9694    $('.mobile-menu__tab[data-mobile-tab]').on('click', function () {
9695      activateMobileTab($(this).data('mobile-tab'));
9696    });
9697
9698    $('.mobile-menu__tab[data-mobile-tab]').on('keydown', function (e) {
9699      if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return;
9700      e.preventDefault();
9701      const cur = $(this).data('mobile-tab');
9702      if (e.key === 'ArrowLeft' && cur === 'learn') {
9703        activateMobileTab('shop');
9704        $('.mobile-menu__tab--shop').trigger('focus');
9705      }
9706      if (e.key === 'ArrowRight' && cur === 'shop') {
9707        activateMobileTab('learn');
9708        $('.mobile-menu__tab--learn').trigger('focus');
9709      }
9710    });
9711
9712    $('#nav-icon3').on('click', function () {
9713      $(this).toggleClass('open');
9714    });
9715
9716    $('[js-mobile-menu-close]').on('click', function (e) {
9717      e.preventDefault();
9718      $('#nav-icon3').trigger('click');
9719    });
9720  });
9721</script>
9721
9722</header>
9723
9724<script type="text/javascript">
9725  $(document).ready(function () {
9726    const handleScrollOnHeader = () => {
9727      const y = document.documentElement.scrollTop || document.body.scrollTop;
9728      const $headerWrapper = $('.header-wrapper');
9729      const isTransparent = $headerWrapper.attr('color-theme') === 'transparent';
9730      if (y < 10) {
9731        $headerWrapper.removeClass('is-active');
9732        if (isTransparent) {
9733          $headerWrapper.addClass('tw-bg-transparent');
9734        }
9735      } else {
9736        $headerWrapper.addClass('is-active');
9737        if (isTransparent) {
9738          $headerWrapper.removeClass('tw-bg-transparent');
9739        }
9740      }
9741    };
9742
9743    $(window).on('scroll', handleScrollOnHeader);
9744    handleScrollOnHeader();
9745  });
9746</script>
9746
9747
9748<script type="application/ld+json">
9749  {
9750    "@context": "http://schema.org",
9751    "@type": "Organization",
9752    "name": "OLIPOP",
9753    
9754      
9755      "logo": "https:\/\/drinkolipop.com\/cdn\/shop\/files\/OlipopLogo_1_560x.png?v=1778767782",
9756    
9757    "sameAs": [
9758      "https:\/\/twitter.com\/drinkolipop",
9759      "https:\/\/www.facebook.com\/drinkolipop",
9760      "https:\/\/www.pinterest.com\/drinkolipop\/",
9761      "https:\/\/www.instagram.com\/drinkolipop\/",
9762      "",
9763      "",
9764      "https:\/\/www.youtube.com\/@OLIPOP",
9765      ""
9766    ],
9767    "url": "https:\/\/drinkolipop.com"
9768  }
9769</script>
9769
9770
9771
9772
9773
9774</div>
9775<!-- END sections: header-group -->
9776
9777      
9777<script>
9778        const headerGroup = document.querySelector('#shopify-section-header');
9779        function setHeaderGroupVars() {
9780          document.documentElement.style.setProperty(
9781            '--header-group-bottom-position',
9782            headerGroup.getBoundingClientRect().bottom + 'px'
9783          );
9784        }
9785        setTimeout(setHeaderGroupVars, 1000);
9786        window.addEventListener('resize', setHeaderGroupVars);
9787      </script>
9787
9788    </section>
9789    <div class="page-container drawer-page-content" id="PageContainer" role="main">
9790      <div
9791        class="main-content js-focus-hidden"
9792        id="MainContent"
9793        tabindex="-1"
9794      >
9795        <div id="shopify-section-template--24009561669791__main" class="shopify-section">
9796
9797<div class="tw-w-full tw-max-w-full tw-bg-green-400 tw-px-4 tw-py-20 md:tw-py-25">
9798  <div id="CustomerLoginForm" class="tw-mx-auto tw-max-w-150">
9799    <div id="LoginHeading" class="tw-mb-10 tw-text-center tw-text-hunter-green">
9800      
9801      
9802
9803<h1
9804  
9805  class="tw-antialiased tw-m-0 tw-p-0 tw-leading-none tw-text-inherit tw-font-black tw-font-display tw-text-5xl md:tw-text-8xl tw-font-display"
9806>
9807  Login
9808</h1>
9809
9810    </div>
9811
9812    <div class="hide tw-mb-10" id="ResetSuccess" tabindex="-1">
9813      
9814      
9815
9816
9817<div
9818  class="tw-flex tw-items-center"
9819  
9820>
9821  <div class="tw-flex tw-w-full tw-items-center tw-justify-center tw-gap-x-4 tw-break-words tw-rounded-lg tw-bg-green-900 tw-px-5 tw-py-2">
9822    <span class="tw-text-white">
9823      
9824
9825
9826    <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9827      <rect x="1" y="0.5" width="13" height="13" rx="6.5" stroke="white"/>
9828      <path d="M8.10117 3.5V4.8H6.90117V3.5H8.10117ZM8.10117 6.5V11H6.90117V6.5H8.10117Z" fill="white"/>
9829    </svg>
9830
9831  
9832
9833    </span>
9834
9835    <span class="[& a]:!tw-text-white tw-text-white [&_a]:!tw-text-white [&_a]:!tw-underline">
9836      
9837
9838<p
9839  
9840  class="tw-font-body tw-leading-loose tw:antialiased tw-m-0 tw-p-0 tw-font-inherit tw-text-inherit tw-text-lg md:tw-text-xl"
9841>
9842  We&#39;ve sent you an email with a link to update your password.
9843</p>
9844
9845    </span>
9846  </div>
9847</div>
9848
9849    </div>
9850
9851    <form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" novalidate="novalidate"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" />
9852
9853
9854<div data-component="input">
9855  
9856    <div class="tw-flex tw-flex-row tw-pb-2">
9857      
9858        <span aria-hidden="true" class="sr-only">Fields with an asterisk * are required</span>
9859        <span class="tw-mr-1 tw-text-xl tw-font-normal tw-text-green-800">*</span>
9860      
9861      <label
9862        class="tw-text-xl tw-font-semibold tw-text-hunter-green"
9863        for="CustomerEmail"
9864      >
9865        Email
9866      </label>
9867    </div>
9868  
9869  <input
9870    class="tw-h-12 tw-w-full tw-appearance-none tw-rounded-card tw-px-6 tw-py-3.15 tw-leading-extra-loose placeholder:!tw-h-inherit placeholder:!tw-leading-inherit focus:tw-ring-2 focus:tw-ring-green-800 focus:tw-ring-offset-1 tw-bg-white placeholder:!tw-text-hunter-green"
9871    id="CustomerEmail"
9872    autocomplete="email"
9873    placeholder="Email"
9874    name="customer[email]"
9875    
9876    
9877      required
9878      aria-required="true"
9879    
9880    type="email"
9881    
9882  >
9883</div>
9884
9885      
9886        
9887        <div class="tw-mt-5">
9888          
9889
9890<div data-component="input">
9891  
9892    <div class="tw-flex tw-flex-row tw-pb-2">
9893      
9894        <span aria-hidden="true" class="sr-only">Fields with an asterisk * are required</span>
9895        <span class="tw-mr-1 tw-text-xl tw-font-normal tw-text-green-800">*</span>
9896      
9897      <label
9898        class="tw-text-xl tw-font-semibold tw-text-hunter-green"
9899        for="CustomerPassword"
9900      >
9901        Password
9902      </label>
9903    </div>
9904  
9905  <input
9906    class="tw-h-12 tw-w-full tw-appearance-none tw-rounded-card tw-px-6 tw-py-3.15 tw-leading-extra-loose placeholder:!tw-h-inherit placeholder:!tw-leading-inherit focus:tw-ring-2 focus:tw-ring-green-800 focus:tw-ring-offset-1 tw-bg-white placeholder:!tw-text-hunter-green"
9907    id="CustomerPassword"
9908    autocomplete="current-password"
9909    placeholder="Password"
9910    name="customer[password]"
9911    
9912    
9913      required
9914      aria-required="true"
9915    
9916    type="password"
9917    
9918  >
9919</div>
9920
9921        </div>
9922      
9923
9924      <div class="tw-mt-10 tw-flex tw-flex-col tw-items-center tw-justify-between lg:tw-flex-row">
9925        <div class="tw-w-full md:tw-mr-10 md:tw-max-w-70">
9926          
9927          
9928
9929<button
9930  
9931  
9932  
9933  
9934  
9935  
9936  
9937  
9938  type="submit"
9939  class="tw-px-10 tw-text-lg tw-h-12 tw-w-full tw-border-none tw-rounded-btn tw-bg-hunter-green tw-text-creme hover:tw-bg-[#123a35] hover:tw-text-creme focus:tw-bg-[#123a35] focu
9939s:tw-text-creme active:tw-bg-[#123a35] active:tw-text-creme tw-group tw-flex tw-items-center tw-justify-center tw-relative tw-box-border tw-whitespace-nowrap tw-text-center tw-font-body tw-font-bold tw-leading-7 tw-transition-all tw-duration-250 tw-ease-in-out focus:!tw-ring-4  "
9940  
9941  
9942>
9943  
9944  
9945  Sign In
9946</button>
9947
9948        </div>
9949
9950        
9951          
9952          <div class="tw-mt-5 lg:tw-mt-0">
9953            
9954
9955<a
9956  
9957    id="RecoverPassword"
9958  
9959  
9960    href="#recover"
9961  
9962  
9963  
9964  
9965  
9966  
9967  
9968  type="button"
9969  class="tw-text-lg tw-px-0 tw-w-auto tw-border-b-2 tw-border-l-0 tw-border-r-0 tw-border-t-0 tw-border-solid tw-border-hunter-green tw-bg-transparent tw-font-bold tw-leading-none tw-text-hunter-green focus:!tw-ring-4 md:hover:tw-border-hunter-green-light md:hover:tw-text-hunter-green-light tw-group tw-flex tw-items-center tw-justify-center tw-relative tw-box-border tw-whitespace-nowrap tw-text-center tw-font-body tw-font-bold tw-leading-7 tw-transition-all tw-duration-250 tw-ease-in-out focus:!tw-ring-4  tw-inline-flex tw-items-center "
9970  
9971  
9972>
9973  
9974  
9975  Forgot your password?
9976</a>
9977
9978          </div>
9979        
9980      </div>
9981
9982      <fieldset class="tw-mb-10 tw-mt-15 tw-border-t tw-border-solid tw-border-hunter-green">
9983        <legend class="tw-mx-auto tw-px-4 tw-text-base-lg-d tw-font-bold tw-text-hunter-green">OR</legend>
9984      </fieldset>
9985
9986      <div class="tw-mb-8 tw-flex tw-flex-col tw-gap-y-5 lg:tw-mb-0 lg:tw-flex-row lg:tw-gap-x-5 lg:tw-gap-y-0">
9987
9988<div class="tw-w-full tw-flex-1 tw-overflow-x-hidden tw-rounded-xl tw-bg-hunter-green/[.05] tw-p-5 tw-text-center">
9989  <p class="tw-mb-4 tw-text-base-sm-d">Need an account?</p>
9990  
9991
9992<a
9993  
9994  
9995    href="/account/register"
9996  
9997  
9998  
9999  
10000  
10001  
10002  
10003  type="button"
10004  class="tw-px-10 tw-text-lg tw-h-12 tw-w-full tw-border-2 tw-rounded-btn tw-border-solid tw-border-hunter-green tw-bg-transparent tw-text-hunter-green hover:tw-bg-hunter-green hover:tw-text-creme focus:tw-bg-hunter-green focus:tw-text-creme active:tw-bg-hunter-green active:tw-text-creme tw-group tw-flex tw-items-center tw-justify-center tw-relative tw-box-border tw-whitespace-nowrap tw-text-center tw-font-body tw-font-bold tw-leading-7 tw-transition-all tw-duration-250 tw-ease-in-out focus:!tw-ring-4  tw-inline-flex tw-items-center "
10005  
10006  
10007>
10008  
10009  
10010  Create an Account
10011</a>
10012
10013</div>
10014
10015        <!-- Retextion passwordless login code -->
10016
10017<div class="tw-w-full tw-flex-1 tw-overflow-x-hidden tw-rounded-xl tw-bg-hunter-green/[.05] tw-p-5 tw-text-center">
10018  <p class="tw-mb-4 tw-text-base-sm-d">Subscribed without an account?</p>
10019  
10020
10021<a
10022  
10023  
10024    href="/apps/retextion#/login"
10025  
10026  
10027  
10028  
10029  
10030  
10031  
10032  type="button"
10033  class="tw-px-10 tw-text-lg tw-h-12 tw-w-full tw-border-2 tw-rounded-btn tw-border-solid tw-border-hunter-green tw-bg-transparent tw-text-hunter-green hover:tw-bg-hunter-green hover:tw-text-creme focus:tw-bg-hunter-green focus:tw-text-creme active:tw-bg-hunter-green active:tw-text-creme tw-group tw-flex tw-items-center tw-justify-center tw-relative tw-box-border tw-whitespace-nowrap tw-text-center tw-font-body tw-font-bold tw-leading-7 tw-transition-all tw-duration-250 tw-ease-in-out focus:!tw-ring-4  tw-inline-flex tw-items-center "
10034  
10035  
10036>
10037  
10038  
10039  Manage Subscription
10040</a>
10041
10042</div>
10043
10044      </div>
10045    </form>
10046  </div>
10047
10048  <div id="RecoverPasswordForm" class="hide tw-mx-auto tw-max-w-150">
10049    <div class="tw-mb-10 tw-text-center" id="RecoverHeading">
10050      
10051      
10052
10053<h2
10054  
10055  class="tw-antialiased tw-m-0 tw-p-0 tw-leading-none tw-text-inherit tw-font-black tw-font-display tw-text-5xl md:tw-text-8xl tw-font-display"
10056>
10057  Reset account password
10058</h2>
10059
10060      
10061      <div class="tw-mt-2">
10062        
10063
10064<p
10065  
10066  class="tw-font-body tw-leading-loose tw:antialiased tw-m-0 tw-p-0 tw-font-inherit tw-text-inherit tw-text-lg md:tw-text-xl"
10067>
10068  We will send you an email to reset your password.
10069</p>
10070
10071      </div>
10072    </div>
10073
10074    <form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" />
10075      <input type="hidden" name="form_type" value="recover_customer_password">
10076
10077      
10078<div class="tw-mt-10">
10079        
10080
10081<div data-component="input">
10082  
10083    <div class="tw-flex tw-flex-row tw-pb-2">
10084      
10085        <span aria-hidden="true" class="sr-only">Fields with an asterisk * are required</span>
10086        <span class="tw-mr-1 tw-text-xl tw-font-normal tw-text-green-800">*</span>
10087      
10088      <label
10089        class="tw-text-xl tw-font-semibold tw-text-hunter-green"
10090        for="RecoverEmail"
10091      >
10092        Email
10093      </label>
10094    </div>
10095  
10096  <input
10097    class="tw-h-12 tw-w-full tw-appearance-none tw-rounded-card tw-px-6 tw-py-3.15 tw-leading-extra-loose placeholder:!tw-h-inherit placeholder:!tw-leading-inherit focus:tw-ring-2 focus:tw-ring-green-800 focus:tw-ring-offset-1 tw-bg-white placeholder:!tw-text-hunter-green"
10098    id="RecoverEmail"
10099    autocomplete="email"
10100    placeholder="Email"
10101    name="email"
10102    
10103    
10104      required
10105      aria-required="true"
10106    
10107    type="email"
10108    
10109  >
10110</div>
10111
10112      </div>
10113
10114      <div class="tw-mt-10 tw-justify-between lg:tw-flex">
10115        
10116        
10117
10118        <div class="tw-w-full md:tw-mr-10 md:tw-max-w-70">
10119          
10120
10121<button
10122  
10123  
10124  
10125  
10126  
10127  
10128  
10129  
10130  type="submit"
10131  class="tw-px-10 tw-text-lg tw-h-12 tw-w-full tw-border-none tw-rounded-btn tw-bg-hunter-green tw-text-creme hover:tw-bg-[#123a35] hover:tw-text-creme focus:tw-bg-[#123a35] focus:tw-text-creme active:tw-bg-[#123a35] active:tw-text-creme tw-group tw-flex tw-items-center tw-justify-center tw-relative tw-box-border tw-whitespace-nowrap tw-text-center tw-font-body tw-font-bold tw-leading-7 tw-transition-all tw-duration-250 tw-ease-in-out focus:!tw-ring-4  "
10132  
10133  
10134>
10135  
10136  
10137  Reset My Password
10138</button>
10139
10140        </div>
10141
10142        <div class="tw-mt-5 tw-w-full md:tw-max-w-70 lg:tw-mt-0">
10143          
10144
10145<button
10146  
10147    id="HideRecoverPasswordLink"
10148  
10149  
10150  
10151  
10152  
10153  
10154  
10155  
10156  type="button"
10157  class="tw-px-10 tw-text-lg tw-h-12 tw-w-full tw-border-2 tw-rounded-btn tw-border-solid tw-border-hunter-green tw-bg-transparent tw-text-hunter-green hover:tw-bg-hunter-green hover:tw-text-creme focus:tw-bg-hunter-green focus:tw-text-creme active:tw-bg-hunter-green active:tw-text-creme tw-group tw-flex tw-items-center tw-justify-center tw-relative tw-box-border tw-whitespace-nowrap tw-text-center tw-font-body tw-font-bold tw-leading-7 tw-transition-all tw-duration-250 tw-ease-in-out focus:!tw-ring-4  "
10158  
10159  
10160>
10161  
10162  
10163  Back to Login
10164</button>
10165
10166        </div>
10167      </div>
10168    </form>
10169  </div>
10170</div>
10171
10172
10173</div>
10173<script data-locksmith>
10174    var load = function () {
10175
10176          if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) {
10177            Locksmith.ping();
10178          }
10179
10180
10181      Locksmith.util.on('submit', 'locksmith-resource-form', function (event) {
10182        event.preventDefault();
10183        var data = Locksmith.util.serializeForm(event.target);
10184        var options = { spinner: false, container: 'locksmith-content' };
10185        // a form rendered inline (section replacement) must keep that context
10186        // on resubmit: same enclosing container (there may be several on the
10187        // page), and no layout classes or cancel affordance in the re-render
10188        var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]');
10189        if (inlineContainer) {
10190          options.container = inlineContainer;
10191        }
10192        if (event.target.getAttribute('data-locksmith-inline') === 'true') {
10193          options.include_layout_classes = false;
10194        }
10195        Locksmith.postResource(data, options);
10196      });
10197
10198      Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) {
10199        event.preventDefault();
10200        Locksmith.postResource({}, { spinner: true, container: document });
10201      });
10202
10203      Locksmith.submitPasscode = function (passcode) {
10204        Locksmith.postResource(
10205          { passcode: passcode },
10206          { spinner: false, container: 'locksmith-content' }
10207        );
10208      };
10209    };
10210
10211    if (typeof Locksmith !== 'undefined') {
10212      load();
10213    } else {
10214      window.addEventListener('load', load);
10215    }
10216  </script>
10216
10217      </div>
10218
10219      <div id="slideshow-info" class="visually-hidden">Use left/right arrows to navigate the slideshow or swipe left/right if using a mobile device</div>
10220    </div>
10221
10222    <div id="shopify-section-footer" class="shopify-section"><style data-shopify>#shopify-section-footer  {
10223    --image-width: 0px;
10224    --image-width-mobile: 0.0px;
10225    --image-width-secondary: 0px;
10226    --image-width-secondary-mobile: 0.0px;
10227  }
10228
10229  #shopify-section-footer .slice-animation--left {
10230    animation: slice-small 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10231  }
10232
10233  #shopify-section-footer .slice-animation--right {
10234    animation: slice-small-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10235  }
10236
10237  @media (min-width: 750px) {
10238    #shopify-section-footer .slice-animation--left {
10239      animation: slice-medium 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10240    }
10241  }
10242
10243  @media (min-width: 750px) {
10244    #shopify-section-footer .slice-animation--right {
10245      animation: slice-medium-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10246    }
10247  }
10248
10249  @media (min-width: 1024px) {
10250    #shopify-section-footer .slice-animation--left {
10251      animation: slice-large 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10252    }
10253  }
10254
10255  @media (min-width: 1024px) {
10256    #shopify-section-footer .slice-animation--right {
10257      animation: slice-large-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10258    }
10259  }
10260
10261  @media (min-width: 1440px) {
10262    #shopify-section-footer .slice-animation--left {
10263      animation: slice-large-up 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10264    }
10265  }
10266
10267  @media (min-width: 1440px) {
10268    #shopify-section-footer .slice-animation--right {
10269      animation: slice-large-up-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10270    }
10271  }
10272
10273  @media (min-width: 1920px) {
10274    #shopify-section-footer .slice-animation--left {
10275      animation: slice-large-up 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10276    }
10277  }
10278
10279  @media (min-width: 1920px) {
10280    #shopify-section-footer .slice-animation--right {
10281      animation: slice-large-up-right 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10282    }
10283  }
10284
10285  @keyframes slice-large-up {
10286    0%{
10287     transform: translateX(0%)
10288    }
10289    100%{
10290      transform: translateX(calc((100vw - 1320px) / 2));
10291    }
10292  }
10293
10294  @keyframes slice-large-up-right {
10295    0%{
10296      transform: translateX(0%)
10297    }
10298    100%{
10299      transform: translateX(calc((100vw - 1320px) / -2));
10300    }
10301  }
10302
10303  @keyframes slice-large {
10304    0%{
10305     transform: translateX(0%)
10306    }
10307    100%{
10308      transform: translateX(60px)
10309    }
10310  }
10311
10312  @keyframes slice-large-right {
10313    0%{
10314      transform: translateX(0%)
10315    }
10316    100%{
10317      transform: translateX(-60px)
10318    }
10319  }
10320
10321  @keyframes slice-medium {
10322    0%{
10323     transform: translateX(0%)
10324    }
10325    100%{
10326      transform: translateX(20px)
10327    }
10328  }
10329
10330  @keyframes slice-medium-right {
10331    0%{
10332      transform: translateX(0%)
10333    }
10334    100%{
10335      transform: translateX(-20px)
10336    }
10337  }
10338
10339  @keyframes slice-small {
10340    0% {
10341      transform: translateX(0%);
10342    }
10343    100% {
10344      transform: translateX(20px)
10345    }
10346  }
10347
10348  @keyframes slice-small-right {
10349    0% {
10350      transform: translateX(0%);
10351    }
10352    100% {
10353      transform: translateX(-20px)
10354    }
10355  }
10356
10357  footer .klaviyo-form button:hover {
10358    background-color: #E2EB28 !important;
10359  }
10360
10361  .footer-menu h3 {
10362    font-weight: 800;
10363  }
10364
10365  .footer-menu a:hover {
10366    color: #FFFF7D !important;
10367  }
10368
10369  @media screen and (max-width: 750px) {
10370    .footer-link-list li:not(:last-child)::after {
10371      margin-right: 5px;
10372      margin-left: 5px;
10373    }
10374
10375    .footer-link-list {
10376      margin-right: -1rem;
10377      margin-left: -1rem;
10378    }
10379  }</style><footer
10380  class="tw-relative tw-z-10 tw-float-left tw-w-full tw-font-ano"
10381  data-section-id="footer"
10382  data-section-type="footer-section"
10383  style="background-color: #008168;"
10384>
10385  <section class="tw-pointer-events-none tw-relative tw-h-0"><div
10386      class="tw-absolute tw-z-6 tw-w-full tw-bottom-[-100%]"
10387    >
10388      <div
10389        class="wave-separator-svg__curve-up-left tw-h-[98px]"
10390        style="background-color: #008168;"
10391      ></div>
10392    </div>
10393  </section>
10394
10395  
10396
10397
10398  <div class="tw-my-0 tw-px-5 tw-text-white lg:tw-mx-[60px] lg:tw-px-0 xl:tw-mx-auto xl:tw-max-w-[1320px] tw-pt-2 tw-pb-5 md:tw-pb-10">
10399    <div class="tw-flex tw-flex-wrap lg:tw-flex-nowrap tw-justify-center lg:tw-justify-between tw-gap-6 lg:tw-flex-row tw-max-w-[540px] lg:tw-max-w-full tw-mx-auto">
10400        <div class="footer-menu tw-max-w-[540px] tw-mt-0 lg:-tw-mt-2 tw-text-center tw-w-full lg:tw-w-auto tw-pb-10 lg:tw-pb-0 tw-border-b tw-border-solid tw-border-white lg:tw-border-none lg:tw-text-left lg:tw-mr-auto "><h3
10401              class="tw-text-8 lg:tw-text-12  !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla "
10402              id="footer-menu-label-1"
10403            >
10404              Sign up to get 15% off your first order
10405            </h3><klaviyo-form
10406                class="klaviyo-form tw-px-0 tw-pt-4 tw-pb-6 md:tw-py-6 tw-inline-block text-left"
10407                data-klaviyo-list-id="KdQJNU"
10408              >
10409                <form
10410                  method="post"
10411                  action="/contact#contact_form"
10412                  id="contact_form"
10413                  accept-charset="UTF-8"
10414                  class="newsletter-form"
10415                >
10416                  <input type="hidden" name="contact[tags]" value="newsletter">
10417                  <div class="klaviyo-form__wrapper rel">
10418                    <input
10419                      type="email"
10420                      id="KlaviyoForm--footer"
10421                      name="contact[email]"
10422                      value=""
10423                      aria-required="true"
10424                      autocorrect="off"
10425                      autocapitalize="off"
10426                      autocomplete="email"
10427                      required
10428                      placeholder="Your Email Address"
10429                    >
10430                    <label class="visually-hidden" for="KlaviyoForm--footer">Subscribe</label>
10431                    <button
10432                      type="submit"
10433                      name="subscribe"
10434                      id="subscribe"
10435                      aria-label="Subscribe"
10436                    >
10437                      Subscribe
10438                    </button>
10439                  </div>
10440                  
10441                    <div class="klaviyo-form__message klaviyo-form__success hide">
10442                      <p><strong>Subscribed!</strong></p><p>Save 15% on your first order with code <strong>WELCOME15.</strong></p><p>Check your email for a confirmation message.</p>
10443                    </div>
10444                  
10445
10446                  
10447                    <div class="klaviyo-form__message klaviyo-form__error form-error hide">
10448                      <p>Something went wrong, please try again</p>
10449                    </div>
10450                  
10451                  <div class="klaviyo-form__message klaviyo-form__error-email form-error hide tw-pt-4">
10452                    Please enter a valid email address.
10453                  </div>
10454                </form>
10455              </klaviyo-form>
10456
10457              <nav class="tw-mt-2" aria-label="Social media">
10458    <ul class="social-icons"><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10459            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.instagram.com/drinkolipop/">
10460              <svg focusable="false" class="icon icon-instagram" role="presentation" viewBox="0 0 512 512">
10461  <path d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"/><path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"/><circle cx="390.5" cy="121.5" r="30.2"/>
10462</svg>
10463
10464              <span class="icon__fallback-text">Link to Olipop Instagram</span>
10465            </a>
10466          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10467            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.tiktok.com/@drinkolipop?lang=en">
10468              <svg width="23" height="26" viewBox="0 0 23 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation">
10469  <path d="M22.8312 6.51011C21.3452 6.51011 19.9738 6.01784 18.8728 5.18729C17.6101 4.23511 16.7027 2.83862 16.3823 1.22893C16.3026 0.831133 16.2601 0.420622 16.2558 0H12.0106V11.6L12.0054 17.9539C12.0054 19.6525 10.8992 21.0929 9.3658 21.5994C8.92091 21.7464 8.4402 21.816 7.93955 21.7886C7.30082 21.7536 6.70224 21.5606 6.18195 21.2495C5.07464 20.5874 4.32411 19.3859 4.3036 18.0116C4.27153 15.8638 6.00804 14.1128 8.15419 14.1128C8.578 14.1128 8.98475 14.1818 9.3658 14.3075V11.1372V9.99758C8.96395 9.93807 8.55517 9.90716 8.14148 9.90716C5.79224 9.90716 3.59524 10.8836 2.02455 12.6429C0.837506 13.9724 0.125395 15.6685 0.0156173 17.4472C-0.128249 19.7837 0.726573 22.0047 2.3848 23.6435C2.62833 23.8842 2.88428 24.1075 3.15179 24.3135C4.57342 25.4069 6.31137 26 8.14177 26C8.55517 26 8.96424 25.9694 9.36608 25.9099C11.076 25.6565 12.6536 24.8739 13.8988 23.643C15.4287 22.1309 16.274 20.1234 16.283 17.9868L16.261 8.49853C16.9907 9.06158 17.7889 9.52756 18.6452 9.88896C19.9773 10.4508 21.3896 10.7357 22.843 10.7354V7.65296V6.50924C22.8442 6.51011 22.8321 6.51011 22.8312 6.51011Z" fill="currentColor"/>
10470</svg>
10471
10472              <span class="icon__fallback-text">Link to Olipop TikTok</span>
10473            </a>
10474          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10475            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.facebook.com/drinkolipop">
10476              <svg
10477  width="11"
10478  height="21"
10479  viewBox="0 0 11 21"
10480  fill="none"
10481  xmlns="http://www.w3.org/2000/svg"
10482  class="icon icon-facebook"
10483  role="presentation"
10484>
10485  <path d="M10.8258 7.78803H7.30078V5.78803C7.30078 4.75603 7.38478 4.10603 8.86378 4.10603H10.7318V0.926026C9.82278 0.832026 8.90878 0.786027 7.99378 0.788026C5.28078 0.788026 3.30078 2.44503 3.30078 5.48703V7.78803H0.300781V11.788L3.30078 11.787V20.788H7.30078V11.785L10.3668 11.784L10.8258 7.78803Z" fill="#14433D"/>
10486</svg>
10487
10488              <span class="icon__fallback-text">Link to Olipop Facebook</span>
10489            </a>
10490          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10491            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.linkedin.com/company/olipop-pbc">
10492              <svg class="icon icon-linkedin" width="24" height="24" role="presentation" viewBox="0 0 26 26">
10493  <path style="stroke:none;fill-rule:nonzero;fill:currentColor;fill-opacity:1;" d="M 21.125 0 L 4.875 0 C 2.183594 0 0 2.183594 0 4.875 L 0 21.125 C 0 23.816406 2.183594 26 4.875 26 L 21.125 26 C 23.816406 26 26 23.816406 26 21.125 L 26 4.875 C 26 2.183594 23.816406 0 21.125 0 Z M 8.039062 22.070312 L 4 22.070312 L 3.976562 9.976562 L 8.015625 9.976562 Z M 5.917969 8.394531 L 5.894531 8.394531 C 4.574219 8.394531 3.722656 7.484375 3.722656 6.351562 C 3.722656 5.191406 4.601562 4.3125 5.945312 4.3125 C 7.289062 4.3125 8.113281 5.191406 8.140625 6.351562 C 8.140625 7.484375 7.285156 8.394531 5.917969 8.394531 Z M 22.042969 22.070312 L 17.96875 22.070312 L 17.96875 15.5 C 17.96875 13.910156 17.546875 12.828125 16.125 12.828125 C 15.039062 12.828125 14.453125 13.558594 14.171875 14.265625 C 14.066406 14.519531 14.039062 14.867188 14.039062 15.222656 L 14.039062 22.070312 L 9.945312 22.070312 L 9.921875 9.976562 L 14.015625 9.976562 L 14.039062 11.683594 C 14.5625 10.875 15.433594 9.730469 17.519531 9.730469 C 20.105469 9.730469 22.039062 11.417969 22.039062 15.046875 L 22.039062 22.070312 Z M 22.042969 22.070312 "/>
10494</svg>
10495
10496              <span class="icon__fallback-text">Link to Olipop LinkedIn</span>
10497            </a>
10498          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10499            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.pinterest.com/drinkolipop/">
10500              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 20 20">
10501  <path fill="#444" d="M9.958.811q1.903 0 3.635.744t2.988 2 2 2.988.744 3.635q0 2.537-1.256 4.696t-3.415 3.415-4.696 1.256q-1.39 0-2.659-.366.707-1.147.951-2.025l.659-2.561q.244.463.903.817t1.39.354q1.464 0 2.622-.842t1.793-2.305.634-3.293q0-2.171-1.671-3.769t-4.257-1.598q-1.586 0-2.903.537T5.298 5.897 4.066 7.775t-.427 2.037q0 1.268.476 2.22t1.427 1.342q.171.073.293.012t.171-.232q.171-.61.195-.756.098-.268-.122-.512-.634-.707-.634-1.83 0-1.854 1.281-3.183t3.354-1.329q1.83 0 2.854 1t1.025 2.61q0 1.342-.366 2.476t-1.049 1.817-1.561.683q-.732 0-1.195-.537t-.293-1.269q.098-.342.256-.878t.268-.915.207-.817.098-.732q0-.61-.317-1t-.927-.39q-.756 0-1.269.695t-.512 1.744q0 .39.061.756t.134.537l.073.171q-1 4.342-1.22 5.098-.195.927-.146 2.171-2.513-1.122-4.062-3.44T.59 10.177q0-3.879 2.744-6.623T9.957.81z"/>
10502</svg>
10503
10504              <span class="icon__fallback-text">Link to Olipop Pinterest</span>
10505            </a>
10506          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10507            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://twitter.com/drinkolipop">
10508              <svg
10509  width="28"
10510  aria-hidden="true"
10511  focusable="false"
10512  role="presentation"
10513  height="28"
10514  viewBox="0 0 28 28"
10515  class="icon icon-twitter"
10516  fill="none"
10517  xmlns="http://www.w3.org/2000/svg"
10518>
10519  <path d="M16.093 12.3155L24.283 3H22.3422L15.2308 11.0885L9.55101 3H3L11.589 15.2313L3 25H4.94088L12.4507 16.4583L18.449 25H25L16.0925 12.3155H16.093ZM13.4347 15.339L12.5644 14.1211L5.6402 4.42965H8.62127L14.2092 12.2509L15.0795 13.4689L22.3431 23.6354H19.3621L13.4347 15.3395V15.339Z" fill="white"/>
10520</svg>
10521
10522              <span class="icon__fallback-text">Link to Olipop Twitter</span>
10523            </a>
10524          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10525            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.youtube.com/@OLIPOP">
10526              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" width="24" height="24" viewBox="0 0 24 24">
10527  <path d="M12 20.5714C12.0028 20.5714 19.5057 20.5713 21.377 20.0597C22.4094 19.7779 23.222 18.9481 23.498 17.8947C23.9979 15.9912 24 12.0272 24 12.0001C24 12.0001 23.9996 8.01541 23.498 6.10559C23.2221 5.05198 22.4095 4.22226 21.377 3.94055C19.5057 3.42885 12.0028 3.42883 12 3.42883C12 3.42883 4.49469 3.42875 2.62305 3.94055C1.59062 4.22225 0.7779 5.05197 0.501953 6.10559C0.00044636 8.0154 0 12.0001 0 12.0001C5.84265e-06 12.0272 0.0021592 15.9912 0.501953 17.8947C0.777939 18.9481 1.59064 19.7779 2.62305 20.0597C4.49469 20.5714 12 20.5714 12 20.5714ZM9.5459 8.38196L15.8184 12.0001L9.5459 15.6173V8.38196Z" fill="currentColor"/>
10528</svg>
10529              <span class="icon__fallback-text">Link to Olipop YouTube</span>
10530            </a>
10531          </li></ul>
10532  </nav>
10533</div>
10534        <div class="footer-menu  tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3
10535              class="tw-text-5 lg:tw-text-6 !tw-mb-4 !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla tw-flex tw-justify-between"
10536              id="footer-menu-label-2"
10537            >
10538              Help
10539            </h3><nav aria-labelledby="footer-menu-label-2">
10540                <ul
10541                  id="footer-menu-items-2"
10542                  class="!tw-block"
10543                  aria-labelledby="footer-menu-label-2"
10544                ><li class="tw-mt-3 first:tw-mt-0">
10545                      <a
10546                        href="/pages/faq"
10547                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10548                        
10549                        
10550                      >
10551                        FAQ
10552                      </a>
10553                    </li><li class="tw-mt-3 first:tw-mt-0">
10554                      <a
10555                        href="/pages/fiber-education"
10556                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10557                        
10558                        
10559                      >
10560                        Fiber Education
10561                      </a>
10562                    </li><li class="tw-mt-3 first:tw-mt-0">
10563                      <a
10564                        href="https://drinkolipop.com/apps/retextion#/login"
10565                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10566                        
10567                        
10568                      >
10569                        Manage Subscriptions
10570                      </a>
10571                    </li><li class="tw-mt-3 first:tw-mt-0">
10572                      <a
10573                        href="https://drinkolipop.com/account/login"
10574                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10575                        
10576                        
10577                      >
10578                        Manage Account
10579                      </a>
10580                    </li><li class="tw-mt-3 first:tw-mt-0">
10581                      <a
10582                        href="/pages/track-your-order"
10583                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10584                        
10585                        
10586                      >
10587                        Track Your Order
10588                      </a>
10589                    </li><li class="tw-mt-3 first:tw-mt-0">
10590                      <a
10591                        href="/pages/satisfactionguarantee"
10592                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10593                        
10594                        
10595                      >
10596                        Satisfaction Guarantee
10597                      </a>
10598                    </li><li class="tw-mt-3 first:tw-mt-0">
10599                      <a
10600                        href="/pages/accessibility"
10601                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10602                        
10603                        
10604                      >
10605                        Accessibility
10606                      </a>
10607                    </li><li class="tw-mt-3 first:tw-mt-0">
10608                      <a
10609                        href="/pages/contact-us"
10610                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10611                        
10612                        
10613                      >
10614                        Contact Us
10615                      </a>
10616                    </li>
10617                </ul>
10618              </nav></div>
10619        <div class="footer-menu  tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3
10620              class="tw-text-5 lg:tw-text-6 !tw-mb-4 !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla tw-flex tw-justify-between"
10621              id="footer-menu-label-3"
10622            >
10623              Company
10624            </h3><nav aria-labelledby="footer-menu-label-3">
10625                <ul
10626                  id="footer-menu-items-3"
10627                  class="!tw-block"
10628                  aria-labelledby="footer-menu-label-3"
10629                ><li class="tw-mt-3 first:tw-mt-0">
10630                      <a
10631                        href="https://drinkolipop.com/pages/olipop-rewards"
10632                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10633                        
10634                        
10635                      >
10636                        Earn Rewards
10637                      </a>
10638                    </li><li class="tw-mt-3 first:tw-mt-0">
10639                      <a
10640                        href="/pages/sustainability"
10641                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10642                        
10643                        
10644                      >
10645                        Sustainability
10646                      </a>
10647                    </li><li class="tw-mt-3 first:tw-mt-0">
10648                      <a
10649                        href="/pages/careers"
10650                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10651                        
10652                        
10653                      >
10654                        Careers
10655                      </a>
10656                    </li><li class="tw-mt-3 first:tw-mt-0">
10657                      <a
10658                        href="/pages/product-quality-and-safety"
10659                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10660                        
10661                        
10662                      >
10663                        Quality &amp; Safety
10664                      </a>
10665                    </li><li class="tw-mt-3 first:tw-mt-0">
10666                      <a
10667                        href="/blogs/digest"
10668                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10669                        
10670                        
10671                      >
10672                        OLIPOP Blog
10673                      </a>
10674                    </li><li class="tw-mt-3 first:tw-mt-0">
10675                      <a
10676                        href="/pages/press"
10677                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10678                        
10679                        
10680                      >
10681                        Press
10682                      </a>
10683                    </li><li class="tw-mt-3 first:tw-mt-0">
10684                      <a
10685                        href="/pages/affiliate-program"
10686                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10687                        
10688                        
10689                      >
10690                        Affiliate Program
10691                      </a>
10692                    </li><li class="tw-mt-3 first:tw-mt-0">
10693                      <a
10694                        href="/pages/rd-program"
10695                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10696                        
10697                        
10698                      >
10699                        Registered Dietitian Program
10700                      </a>
10701                    </li><li class="tw-mt-3 first:tw-mt-0">
10702                      <a
10703                        href="https://drinkolipop-wholesale.com/"
10704                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10705                        
10706                        
10707                          target="_blank"
10708                        
10709                      >
10710                        Wholesale
10711                      </a>
10712                    </li>
10713                </ul>
10714              </nav></div></div>
10715
10716    <div class="tw-mt-10 tw-text-center lg:tw-text-left">
10717      <a
10718        href="https://www.bcorporation.net/en-us/find-a-b-corp/company/olipop/"
10719        target="_blank"
10720        aria-label="Certified corporation link"
10721      ><svg
10722  width="48"
10723  height="80"
10724  viewBox="0 0 48 80"
10725  fill="none"
10726  aria-hidden="true"
10727  focusable="false"
10728  role="presentation"
10729>
10730  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.85938 2.48313C5.74651 2.30156 5.6091 2.14452 5.44225 2.01202C5.2754 1.87462 5.08401 1.77156 4.873 1.69304C4.66198 1.61943 4.44115 1.58017 4.2105 1.58017C3.78847 1.58017 3.43023 1.6636 3.13088 1.82554C2.83644 1.98749 2.59598 2.20832 2.4144 2.48313C2.23283 2.75794 2.09542 3.07202 2.012 3.42535C1.92857 3.77868 1.88441 4.14182 1.88441 4.51478C1.88441 4.87302 1.92367 5.22144 2.012 5.56005C2.09542 5.89866 2.22792 6.20292 2.4144 6.47773C2.59598 6.74764 2.83644 6.96847 3.13088 7.13041C3.42532 7.29236 3.78356 7.37578 4.2105 7.37578C4.78466 7.37578 5.23614 7.19912 5.55512 6.85069C5.87901 6.49736 6.0753 6.03607 6.14891 5.46191H7.96955C7.92048 5.99681 7.79779 6.47773 7.59659 6.90958C7.39539 7.34143 7.1353 7.70948 6.8065 8.00883C6.47771 8.31309 6.09493 8.54374 5.65818 8.70568C5.22142 8.86272 4.73559 8.94614 4.2105 8.94614C3.55782 8.94614 2.96894 8.83327 2.44385 8.60262C1.91876 8.37689 1.482 8.06281 1.11886 7.66041C0.760618 7.26291 0.485805 6.7918 0.294418 6.25199C0.10303 5.71218 0.00488281 5.13311 0.00488281 4.50988C0.00488281 3.87192 0.098123 3.27813 0.294418 2.73341C0.485805 2.18869 0.760618 1.70777 1.11886 1.30536C1.47709 0.898049 1.91876 0.57907 2.44385 0.348423C2.96403 0.117776 3.55291 0 4.2105 0C4.68161 0 5.12818 0.0687031 5.54531 0.201202C5.96243 0.338609 6.3403 0.534904 6.6691 0.794995C6.99789 1.05509 7.2727 1.37406 7.48863 1.75684C7.70455 2.13961 7.84196 2.58128 7.89594 3.07202H6.0753C6.04095 2.85609 5.97225 2.6598 5.85938 2.48313ZM23.7614 57.1513C35.122 57.1513 44.3282 47.9451 44.3282 36.5894C44.3282 25.2387 35.122 16.0324 23.7614 16.0275C12.4058 16.0275 3.19952 25.2338 3.19952 36.5894C3.19952 47.9451 12.4058 57.1513 23.7614 57.1513ZM0.0833407 36.5796C0.0833407 23.5014 10.6882 12.8966 23.7663 12.8966C36.8494 12.8966 47.4542 23.5014 47.4542 36.5796C47.4542 49.6577 36.8494 60.2626 23.7663 60.2626C10.6882 60.2626 0.0833407 49.6577 0.0833407 36.5796ZM23.6585 23.0646H13.8535V50.1043H26.9121C32.2856 50.1043 35.127 46.3158 35.127 42.3408C35.127 39.0087 33.3113 36.5108 29.9792 35.8287V35.7502C32.4819 34.7295 33.9934 32.5702 33.9934 29.6945C33.9934 27.0396 32.5948 25.111 30.8134 24.051C29.1891 23.0646 26.0434 23.0646 23.6585 23.0646ZM24.6498 34.6853H17.4506V26.0876H24.6498C27.7561 26.0876 30.4061 26.6176 30.4061 30.3668C30.4061 33.2082 28.7376 34.6853 24.6498 34.6853ZM26.4655 47.0666H17.4506V37.718H25.6705C28.6983 37.718 31.5397 38.6995 31.5397 42.223C31.5397 45.1723 29.5669 47.0666 26.4655 47.0666ZM47.4003 65.2631H0.127619V68.3695H47.4003V65.2631Z
10730M46.0102 61.8402C45.9941 61.8409 45.9777 61.8416 45.9611 61.8421C45.9486 61.8425 45.936 61.8427 45.9232 61.8427V61.8476H45.6582V61.3226H45.9968C46.0458 61.3226 46.0851 61.3226 46.1293 61.3275C46.1783 61.3373 46.2127 61.3471 46.247 61.3667C46.2814 61.3814 46.3108 61.406 46.3305 61.4403C46.3501 61.4698 46.3599 61.5188 46.3599 61.5728C46.3599 61.6366 46.3501 61.6857 46.3256 61.725C46.301 61.7593 46.2716 61.7887 46.2274 61.8084C46.1881 61.8231 46.1391 61.8329 46.09 61.8378C46.0786 61.8378 46.0672 61.838 46.0557 61.8384L46.0211 61.8397L46.0102 61.8402ZM46.4728 61.2244C46.3746 61.1459 46.2323 61.1066 46.036 61.1066V61.1115H45.3932V62.7604H45.6532V62.0488H45.9232L46.3746 62.7604H46.6494L46.1783 62.0341C46.3059 62.0194 46.409 61.9801 46.4924 61.9114C46.5709 61.8378 46.6151 61.7348 46.6151 61.5826C46.6151 61.4207 46.566 61.3029 46.4728 61.2244ZM45.1232 62.7948C45.0153 62.6868 44.9319 62.5543 44.8779 62.4071C44.8141 62.2599 44.7846 62.0979 44.7895 61.9311C44.7895 61.7544 44.819 61.6023 44.8779 61.455C44.9368 61.3078 45.0153 61.1802 45.1232 61.0723C45.2214 60.9692 45.349 60.8858 45.4913 60.822C45.6287 60.7631 45.7857 60.7288 45.9477 60.7288C46.1096 60.7288 46.2667 60.7631 46.4041 60.822C46.5415 60.8809 46.6642 60.9643 46.7721 61.0723C46.8703 61.1802 46.9537 61.3078 47.0126 61.455C47.0764 61.6023 47.1058 61.7593 47.1058 61.9311C47.1058 62.1028 47.0715 62.2599 47.0126 62.4071C46.9586 62.5592 46.8752 62.6868 46.7721 62.7948C46.6691 62.9027 46.5464 62.9861 46.4041 63.0499C46.2667 63.1088 46.1145 63.1383 45.9477 63.1383C45.7857 63.1383 45.6287 63.1088 45.4913 63.0499C45.349 62.9861 45.2263 62.9027 45.1232 62.7948ZM44.9466 60.93C44.819 61.0576 44.7159 61.1999 44.6423 61.3716C44.5638 61.5434 44.5295 61.7299 44.5344 61.9311C44.5344 62.1323 44.5638 62.3187 44.6423 62.4905C44.7159 62.6672 44.819 62.8144 44.9466 62.942C45.0742 63.0745 45.2263 63.1677 45.3981 63.2413C45.5698 63.31 45.7514 63.3444 45.9428 63.3444C46.1391 63.3444 46.3206 63.31 46.4973 63.2413C46.6642 63.1677 46.8114 63.0745 46.939 62.942C47.0666 62.8144 47.1696 62.6672 47.2432 62.4905C47.3218 62.3187 47.3561 62.1323 47.3561 61.9311C47.3561 61.7299 47.3218 61.5434 47.2432 61.3716C47.1745 61.2048 47.0666 61.0576 46.939 60.93C46.8163 60.8024 46.6642 60.7091 46.4973 60.6355C46.3206 60.5619 46.1391 60.5276 45.9428 60.5276C45.7563 60.5276 45.5698 60.5619 45.3981 60.6355C45.2263 60.7091 45.0742 60.8024 44.9466 60.93ZM11.5176 7.63593C11.0416 7.63593 10.6735 7.50834 10.4183 7.26297C10.1582 7.01761 10.0208 6.6152 9.99629 6.0803H14.462C14.4963 5.59937 14.4571 5.13808 14.3442 4.70132C14.2314 4.26457 14.0498 3.87198 13.7995 3.52846C13.5492 3.18495 13.2302 2.91504 12.8377 2.70893C12.4451 2.50773 11.9838 2.40467 11.4587 2.40467C10.9876 2.40467 10.5606 2.4881 10.173 2.65495C9.78527 2.8218 9.45157 3.05245 9.17185 3.34198C8.89213 3.63152 8.67621 3.97994 8.52408 4.37744C8.37195 4.77494 8.29834 5.20678 8.29834 5.66808C8.29834 6.14409 8.37195 6.58576 8.51917 6.98325C8.66639 7.38566 8.87741 7.72917 9.14731 8.0138C9.42213 8.29843 9.75092 8.51926 10.1435 8.6763C10.5312 8.83333 10.9729 8.91185 11.4587 8.91185C12.1604 8.91185 12.7591 8.74991 13.2548 8.43093C13.7504 8.11195 14.1185 7.57704 14.3589 6.83603H12.8622C12.8033 7.02742 12.6512 7.20899 12.4058 7.38075C12.1555 7.55251 11.8611 7.63593 11.5176 7.63593ZM11.4096 3.67568C11.8218 3.67568 12.131 3.78855 12.3371 4.00939C12.5432 4.23022 12.6855 4.55901 12.764 4.99086H9.99629C10.0061 4.86818 10.0306 4.73568 10.0748 4.58355C10.119 4.43142 10.1926 4.2891 10.3005 4.1517C10.4085 4.0192 10.5508 3.90633 10.7324 3.81309C10.914 3.71985 11.1397 3.67568 11.4096 3.67568ZM16.847 2.55676V3.70509H16.8715C16.95 3.5137 17.058 3.33704 17.1954 3.17019C17.3328 3.00824 17.4849 2.86593 17.6616 2.75306C17.8383 2.64019 18.0248 2.54695 18.226 2.48315C18.4272 2.41936 18.6333 2.38991 18.8492 2.38991C18.9621 2.38991 19.0847 2.40954 19.2222 2.4488V4.02898C19.1436 4.01425 19.0455 3.99953 18.9326 3.98972L18.9179 3.98844C18.8104 3.97907 18.7073 3.97009 18.6087 3.97009C18.2996 3.97009 18.0346 4.02407 17.8186 4.12712C17.6027 4.23018 17.431 4.37249 17.2985 4.55407C17.166 4.73564 17.0727 4.94175 17.0187 5.18221C16.9648 5.42267 16.9353 5.68276 16.9353 5.96248V8.75478H15.2374V2.55676H16.847ZM23.7664 3.69527V2.56166H22.5101V0.706676H20.8122V2.56166H19.7816V3.70017H20.8122V7.35126C20.8122 7.66533 20.8661 7.91561 20.9692 8.10699C21.0772 8.29838 21.2146 8.4456 21.3961 8.54866C21.5777 8.65662 21.7838 8.72532 22.0194 8.75968C22.25 8.79403 22.5003 8.81366 22.7653 8.81366C22.9321 8.81366 23.1039 8.8087
107305 23.2806 8.79893C23.4572 8.78912 23.6192 8.7744 23.7615 8.74986V7.43468C23.683 7.44941 23.5995 7.45922 23.5112 7.46904C23.4229 7.47394 23.3345 7.47885 23.2364 7.47885C22.9518 7.47885 22.7555 7.42978 22.6622 7.33654C22.569 7.2433 22.5199 7.05191 22.5199 6.76237V3.69527H23.7664ZM24.7576 1.59982V0.196311H26.4556V1.59982H24.7576ZM26.4556 2.55676V8.74496H24.7576V2.55676H26.4556ZM27.1329 2.55676V3.69527V3.70018H28.1487V8.75477H29.8516V3.70018H31.0244V2.56166H29.8516V2.1887C29.8516 1.93352 29.9007 1.75195 29.9988 1.64399C30.0969 1.53602 30.2638 1.48204 30.4944 1.48204C30.7104 1.48204 30.9165 1.49186 31.1177 1.51639V0.245385C31.0265 0.242239 30.9332 0.235061 30.838 0.227728C30.7846 0.22362 30.7306 0.219465 30.676 0.215941C30.5239 0.201219 30.3718 0.196311 30.2196 0.196311C29.5277 0.196311 29.0075 0.368069 28.664 0.7214C28.3205 1.07473 28.1487 1.52621 28.1487 2.07583V2.55676H27.1329ZM32.1727 1.59982V0.196311H33.8707V1.59982H32.1727ZM33.8756 2.55676V8.74496H32.1727V2.55676H33.8756ZM37.6542 7.63587C37.1782 7.63587 36.8102 7.50828 36.555 7.26291C36.2998 7.01754 36.1624 6.61514 36.1428 6.07042H40.6085C40.6379 5.5895 40.5987 5.1282 40.4858 4.69145C40.3729 4.25469 40.1914 3.8621 39.9411 3.51859C39.6908 3.17507 39.3718 2.90516 38.9792 2.69905C38.5866 2.49785 38.1254 2.3948 37.6003 2.3948C37.1292 2.3948 36.7022 2.47822 36.3145 2.64507C35.9268 2.81192 35.5931 3.04257 35.3134 3.33211C35.0337 3.62164 34.8178 3.96516 34.6657 4.37738C34.5184 4.77487 34.4399 5.20672 34.4399 5.66802C34.4399 6.14403 34.5135 6.58569 34.6607 6.98319C34.808 7.3856 35.019 7.72911 35.2889 8.01374C35.5637 8.29837 35.8925 8.5192 36.2851 8.67623C36.6728 8.83327 37.1144 8.91179 37.6003 8.91179C38.302 8.91179 38.9007 8.74984 39.3964 8.43087C39.8871 8.11189 40.2551 7.57698 40.4956 6.83597H38.9989C38.94 7.02736 38.7878 7.20893 38.5425 7.38069C38.2922 7.55245 37.9978 7.63587 37.6542 7.63587ZM37.5512 3.67562C37.9634 3.67562 38.2775 3.78849 38.4787 4.00932C38.6799 4.23015 38.8222 4.55895 38.9007 4.9908H36.1379C36.147
107307 4.86811 36.1722 4.73561 36.2164 4.58349C36.2605 4.43136 36.3342 4.28904 36.4421 4.15164C36.5501 4.01914 36.6924 3.90627 36.874 3.81303C37.0555 3.71979 37.2813 3.67562 37.5512 3.67562ZM45.7662 7.95975C45.565 8.29345 45.3049 8.53882 44.981 8.68604C44.6571 8.83326 44.2939 8.90687 43.8866 8.90687C43.4253 8.90687 43.018 8.81854 42.6647 8.63697C42.3114 8.4554 42.0218 8.21493 41.7961 7.90577C41.5704 7.5966 41.3986 7.24327 41.2808 6.84578C41.163 6.44828 41.1091 6.03115 41.1091 5.5993C41.1091 5.18218 41.1679 4.78468 41.2808 4.397C41.3937 4.00932 41.5704 3.67071 41.7961 3.37136C42.0218 3.07692 42.3114 2.83645 42.65 2.65979C42.9935 2.47822 43.391 2.38988 43.8474 2.38988C44.2154 2.38988 44.5638 2.4684 44.8926 2.62544C45.2263 2.78247 45.4864 3.00821 45.6778 3.31247H45.7024V0.201194H47.4003V8.74984H45.7858V7.95975H45.7662ZM45.6925 4.89755C45.6435 4.662 45.565 4.45589 45.4472 4.27431C45.3294 4.09274 45.1822 3.95043 44.9957 3.83756C44.8141 3.72469 44.5786 3.67071 44.3038 3.67071C44.0289 3.67071 43.7885 3.72469 43.5971 3.83756C43.4057 3.95043 43.2536 4.09765 43.1358 4.27922C43.0229 4.46079 42.9395 4.67181 42.8855 4.90736C42.8315 5.14292 42.807 5.38829 42.807 5.64347C42.807 5.88393 42.8365 6.12439 42.8904 6.35995C42.9444 6.60041 43.0377 6.81143 43.1603 7.00281C43.283 7.18929 43.4401 7.34142 43.6265 7.4592C43.813 7.57698 44.0388 7.63096 44.3038 7.63096C44.5835 7.63096 44.8141 7.57698 45.0055 7.46411C45.192 7.35124 45.3441 7.20402 45.457 7.01263C45.5699 6.82615 45.6484 6.61022 45.6975 6.37467C45.7465 6.13421 45.7711 5.88884 45.7711 5.63366C45.7662 5.37847 45.7416 5.1331 45.6925 4.89755ZM2.95915 73.4143C3.61673 73.4143 4.1909 73.8707 4.27432 74.4694H5.55515C5.3932 73.0757 4.28414 72.3003 2.95915 72.3003C1.09434 72.3003 0 73.694 0 75.4803C0 77.2126 1.09434 78.6063 2.95915 78.6063C4.43626 78.6063 5.47172 77.6445 5.60913 76.1428H4.3234C4.22525 76.9378 3.76886 77.4923 2.95915 77.4923C1.77156 77.4923 1.32499 76.4814 1.32499 75.4803C1.32499 74.4252 1.77156 73.4143 2.95915 73.4143ZM8.37198 73.9885C9.74604 73.9885 10.6294 74.8963 10.6294 76.29C10.6294 77.6739 9.74604 78.5818 8.37198 78.5818C7.00773 78.5818 6.11949 77.669 6.11949 76.29C6.11949 74.9012 7.00773 73.9885 8.37198 73.9885ZM8.37198 77.6837C9.19151 77.6837 9.43197 76.982 9.43197 76.2949C9.43197 75.5932 9.1866 74.8963 8.37198 74.8963C7.56226 74.8963 7.3169 75.5981 7.3169 76.2949C7.3169 76.982 7.56226 77.6837 8.37198 77.6837ZM12.5088 74.1014H11.3703V78.4591H12.5677V76.4962C12.5677 75.7306 12.872 75.0976 13.7504 75.0976C13.8927 75.0976 14.0693 75.1123 14.1822 75.1368V74.0229C14.1086 73.9983 14.0056 73.9836 13.9221 73.9836C13.3381 73.9836 12.7444 74.3615 12.5284 74.9111H12.5088V74.1014ZM14.6486 74.1062H15.7871V74.6608H15.8018C16.0864 74.1995 16.5575 73.9885 17.0973 73.9885C18.4665 73.9885 19.0799 75.0926 19.0799 76.3293C19.0799 77.4923 18.442 78.5818 17.1661 78.5818C16.6459 78.5818 16.1453 78.356 15.8607 77.9242H15.8411V80H14.6437V74.1062H14.6486ZM17.8825 76.2998C17.8825 75.6079 17.6028 74.8914 16.8373 74.8914C16.0521 74.8914 15.8018 75.5932 15.8018 76.2998C15.8018 77.0065 16.0717 77.6837 16.8471 77.6837C17.6323 77.6837 17.8825 77.0065 17.8825 76.2998ZM23.9675 76.29C23.9675 74.8963 23.0793 73.9885 21.7052 73.9885C20.341 73.9885 19.4577 74.9012 19.4577 76.29C19.4577 77.669 20.341 78.5818 21.7052 78.5818C23.0793 78.5818 23.9675 77.6739 23.9675 76.29ZM22.7702 76.2949C22.7702 76.982 22.5248 77.6837 21.7052 77.6837C20.9004 77.6837 20.6551 76.982 20.6502 76.2949C20.6502 75.5981 20.8955 74.8963 21.7052 74.8963C22.5248 74.8963 22.7702 75.5932 22.7702 76.2949ZM24.7087 74.1014H25.8472V74.9111H25.8669C26.0828 74.3615 26.6766 73.9836 27.2556 73.9836C27.3391 73.9836 27.4421 73.9983 27.5157 74.0229V75.1368C27.4078 75.1123 27.2311 75.0976 27.0839 75.0976C26.2055 75.0976 25.9012 75.7306 25.9012 76.4962V78.4591H24.7038V74.1014H24.7087ZM29.9203 73.9885C28.9388 73.9885 27.9377 74.3222 27.869 75.446H29.0664C29.1105 74.9749 29.405 74.7884 29.8614 74.7884C30.2785 74.7884 30.6367 74.862 30.6367 75.3773C30.6367 75.7821 30.1725 75.8363 29.5967 75.9034C29.4745 75.9177 29.3473 75.9325 29.2185 75.9514C28.4775 76.0545 27.7365 76.29 27.7365 77.2764C27.7365 78.1696 28.3941 78.5818 29.2185 78.5818C29.7534 78.5818 30.3079 78.4395 30.6858 78.042C30.6907 78.1843 30.73 78.3266 30.7692 78.464H31.9863C31.8734 78.2824 31.8341 77.8898 31.8341 77.4923V75.2251C31.8341 74.1799 30.7889 73.9885 29.9203 73.9885ZM29.9183 76.5456C30.2031 76.5055 30.477 76.4669 30.6318 76.3342H30.6367V76.7857C30.6367 77.0458 30.5975 77.7868 29.6651 77.7868C29.2725 77.7868 28.929 77.6788 28.929 77.2322C28.929 76.7906 29.2627 76.663 29.6356 76.5894C29.7284 76.5723 29.824 76.5588 29.9183 76.5456ZM34.2486 74.1063H35.127V74.9062H34.2486V77.0654C34.2486 77.4727 34.3516 77.5709 34.754 77.5709C34.8816 77.5709 34.9994 77.5611 35.127 77.5365V78.4738C34.9258 78.5082 34.6608 78.518 34.4252 78.518C33.694 78.518 33.0512 78.3463 33.0512 77.4826V74.9111H32.3249V74.1112H33.0512V72.8058H34.2486V74.1063ZM36.0299 73.4339H37.2273V72.4475H36.0299V73.4339ZM37.2273 74.1062H36.0299V78.4639H37.2273V74.1062ZM40.2797 73.9885C41.6538 73.9885 42.542 74.8963 42.542 76.29C42.542 77.6739 41.6538 78.5818 40.2797 78.5818C38.9154 78.5818 38.0321 77.669 38.0321 76.29C38.0321 74.9012 38.9154 73.9885 40.2797 73.9885ZM40.2797 77.6837C41.0992 77.6837 41.3446 76.982 41.3446 76.2949C41.3446 75.5932 41.0992 74.8963 40.2797 74.8963C39.47 74.8963 39.2246 75.5981 39.2246 76.2949C39.2246 76.982 39.47 77.6837 40.2797 77.6837ZM44.4509 74.1062H43.3173V78.4689H44.5147V76.1821C44.5147 75.2938 44.7895 74.9307 45.4422 74.9307C45.9968 74.9307 46.2078 75.284 46.2078 76.0005V78.464H47.4052V75.7846C47.4052 74.7049 47.0813 73.9885 45.8103 73.9885C45.2999 73.9885 44.7797 74.224 44.4755 74.7148H44.4509V74.1062Z" fill="white"/>
10731</svg>
10732</a>
10733    </div>
10734
10735    <div class="tw-mt-10 tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-text-center lg:tw-flex-nowrap lg:tw-justify-between lg:tw-text-left">
10736      <div class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-order-last tw-w-full lg:tw-order-none lg:tw-w-auto">
10737        &copy; 2026 Olipop, Inc. All Rights Reserved
10738      </div>
10739      
10740        <ul class="footer-link-list tw-mb-4 lg:tw-mb-0 lg:tw-text-right tw-flex tw-flex-wrap tw-items-center tw-justify-center lg:tw-justify-end">
10741          
10742<li class="tw-flex tw-items-center">
10743              <a href="/pages/terms-of-service" class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-text-vanilla">Terms of Service</a>
10744            </li>
10745          
10746<li class="tw-flex tw-items-center">
10747              <a href="/pages/privacy-policy" class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-text-vanilla">Privacy Policy</a>
10748            </li>
10749          
10750<li class="tw-flex tw-items-center">
10751              <a href="/pages/ccpa-privacy-request-form" class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-text-vanilla">Do Not Sell My Information</a>
10752            </li>
10753          
10754<li class="tw-flex tw-items-center">
10755              <a href="/pages/olipop-california-transparency-in-supply-chains-act-disclosure" class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-text-vanilla">CA Transparency in Supply Chains Act</a>
10756            </li>
10757          
10758        </ul>
10759      
10760    </div>
10761  </div>
10762</footer>
10763
10764
10765</div>
10766
10767    
10768<script>
10769  (function () {
10770    if (window.__productCardHoverWaveScriptLoaded) return;
10771    window.__productCardHoverWaveScriptLoaded = true;
10772
10773    var CARD_SIZE = 314;
10774    var DURATION_MS = 700;
10775    var clipIdCounter = 0;
10776    var delegationBound = false;
10777
10778    function clamp(value, min, max) {
10779      return Math.max(min, Math.min(max, value));
10780    }
10781
10782    function easeOutCubic(t) {
10783      return 1 - Math.pow(1 - t, 3);
10784    }
10785
10786    function lerp(start, end, t) {
10787      return start + (end - start) * t;
10788    }
10789
10790    function wavePathForReveal(revealPx) {
10791      var reveal = clamp(revealPx, 0, CARD_SIZE);
10792      var offset = CARD_SIZE - reveal;
10793      var progress = reveal / CARD_SIZE;
10794      var fadeStart = 0.84;
10795      var fadeProgress = clamp((progress - fadeStart) / (1 - fadeStart), 0, 1);
10796      var fadeEased = easeOutCubic(fadeProgress);
10797
10798      var y0 = lerp(4.4565 + offset, offset, fadeEased);
10799      var c1y = lerp(4.41899 + offset, offset, fadeEased);
10800      var c2y = lerp(-13.1434 + offset, offset, fadeEased);
10801      var c3y = lerp(26.0583 + offset, offset, fadeEased);
10802      var c4y = lerp(65.2601 + offset, offset, fadeEased);
10803      var c5y = lerp(0.456482 + offset, offset, fadeEased);
10804      var endY = lerp(0.456482 + offset, offset, fadeEased);
10805
10806      return (
10807        'M314 314H0.000422459L0.00012756 ' +
10808        y0 +
10809        'C-0.0456402 ' +
10810        c1y +
10811        ' 62.4 ' +
10812        c2y +
10813        ' 157 ' +
10814        c3y +
10815        'C251.6 ' +
10816        c4y +
10817        ' 314 ' +
10818        c5y +
10819        ' 314 ' +
10820        endY +
10821        'V314Z'
10822      );
10823    }
10824
10825    function ensureUniqueClipPath(card) {
10826      var clipPath = card.querySelector('clipPath');
10827      var image = card.querySelector('image[clip-path]');
10828      if (!clipPath || !image) return;
10829
10830      if (clipPath.dataset.hoverWaveClipBound === 'true') return;
10831
10832      var existingId = clipPath.getAttribute('id');
10833      if (existingId) {
10834        var matches = document.querySelectorAll('[id="' + CSS.escape(existingId) + '"]');
10835        if (matches.length > 1) {
10836          clipIdCounter += 1;
10837          var newId = existingId + '-inst-' + clipIdCounter;
10838          clipPath.setAttribute('id', newId);
10839          image.setAttribute('clip-path', 'url(#' + newId + ')');
10840        }
10841      }
10842
10843      clipPath.dataset.hoverWaveClipBound = 'true';
10844    }
10845
10846    function animateCard(card, toReveal) {
10847      var path = card.querySelector('[data-hover-wave-path]');
10848      if (!path) return;
10849
10850      var fromReveal = Number(card.dataset.hoverReveal || 0);
10851      var to = clamp(toReveal, 0, CARD_SIZE);
10852      card.dataset.hoverRevealTarget = String(to);
10853
10854      if (card.__hoverWaveRafId) {
10855        cancelAnimationFrame(card.__hoverWaveRafId);
10856      }
10857
10858      var startedAt = performance.now();
10859
10860      function step(now) {
10861        var t = clamp((now - startedAt) / DURATION_MS, 0, 1);
10862        var eased = easeOutCubic(t);
10863        var reveal = fromReveal + (to - fromReveal) * eased;
10864
10865        card.dataset.hoverReveal = String(reveal);
10866        path.setAttribute('d', wavePathForReveal(reveal));
10867
10868        if (t < 1) {
10869          card.__hoverWaveRafId = requestAnimationFrame(step);
10870        } else {
10871          card.dataset.hoverReveal = String(to);
10872          card.__hoverWaveRafId = null;
10873        }
10874      }
10875
10876      card.__hoverWaveRafId = requestAnimationFrame(step);
10877    }
10878
10879    function getWaveCardFromProductCard(productCard) {
10880      if (!productCard) return null;
10881      return productCard.querySelector('[data-hover-wave-card][data-hover-wave-ready="true"]');
10882    }
10883
10884    function bindDelegation() {
10885      if (delegationBound) return;
10886      delegationBound = true;
10887
10888      document.addEventListener(
10889        'pointerover',
10890        function (event) {
10891          var productCard = event.target.closest('.product-card');
10892          if (!productCard || productCard.contains(event.relatedTarget)) return;
10893
10894          var waveCard = getWaveCardFromProductCard(productCard);
10895          if (waveCard) animateCard(waveCard, CARD_SIZE);
10896        },
10897        true
10898      );
10899
10900      document.addEventListener(
10901        'pointerout',
10902        function (event) {
10903          var productCard = event.target.closest('.product-card');
10904          if (!productCard || productCard.contains(event.relatedTarget)) return;
10905
10906          var waveCard = getWaveCardFromProductCard(productCard);
10907          if (waveCard) animateCard(waveCard, 0);
10908        },
10909        true
10910      );
10911
10912      document.addEventListener('focusin', function (event) {
10913        var productCard = event.target.closest('.product-card');
10914        var waveCard = getWaveCardFromProductCard(productCard);
10915        if (waveCard) animateCard(waveCard, CARD_SIZE);
10916      });
10917
10918      document.addEventListener('focusout', function (event) {
10919        var productCard = event.target.closest('.product-card');
10920        if (!productCard || productCard.contains(event.relatedTarget)) return;
10921
10922        var waveCard = getWaveCardFromProductCard(productCard);
10923        if (waveCard) animateCard(waveCard, 0);
10924      });
10925
10926      document.addEventListener('click', function (event) {
10927        if (!event.target.closest('[data-product-card-cta]')) return;
10928        var productCard = event.target.closest('.product-card');
10929        if (!productCard) return;
10930        event.stopPropagation();
10931      });
10932    }
10933
10934    function initCard(card) {
10935      if (card.dataset.hoverWaveReady === 'true') return;
10936
10937      var path = card.querySelector('[data-hover-wave-path]');
10938      if (!path) return;
10939
10940      if (!card.closest('.product-card')) return;
10941
10942      ensureUniqueClipPath(card);
10943      card.dataset.hoverWaveReady = 'true';
10944      card.dataset.hoverReveal = '0';
10945      path.setAttribute('d', wavePathForReveal(0));
10946    }
10947
10948    function initProductCardHoverWaves(root) {
10949      bindDelegation();
10950      var scope = root && root.nodeType ? root : document;
10951      var cards = scope.querySelectorAll('[data-hover-wave-card]');
10952      for (var i = 0; i < cards.length; i += 1) {
10953        initCard(cards[i]);
10954      }
10955    }
10956
10957    window.initProductCardHoverWaves = initProductCardHoverWaves;
10958
10959    function scanDocument() {
10960      initProductCardHoverWaves(document);
10961    }
10962
10963    if (document.readyState === 'loading') {
10964      document.addEventListener('DOMContentLoaded', scanDocument);
10965    } else {
10966      scanDocument();
10967    }
10968
10969    document.addEventListener('shopify:section:load', scanDocument);
10970    window.addEventListener('pageshow', function (event) {
10971      if (event.persisted) scanDocument();
10972    });
10973  })();
10974</script>
10974
10975
10976    <div id="gorgias-chat-container"></div>
10977
10978
10979    <ul hidden>
10980      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
10981      <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li>
10982    </ul>
10983    <!-- Hides Gorgias Chatbox until SE Cookies Policy is accepted -->
10984<style media="screen" id="hide-chatbox">
10985  iframe#gorgias-web-messenger-container {
10986    display: none;
10987  }
10988</style>
10989
10990<script type="text/javascript">
10991  $(document).ready(function () {
10992    function showChat() {
10993      if ($('#se-cookies-message').hasClass('se-cookies-message-open')) {
10994        console.log('Hiding chatbox');
10995        $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: none;}');
10996      } else {
10997        console.log('Showing chatbox');
10998        $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}');
10999      }
11000    }
11001
11002    showChat();
11003
11004    $('#se-accept-cookies-checkbox').click(function () {
11005      $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}');
11006    });
11007  });
11008</script>
11008
11009
11010
11011    <!-- Back in Stock helper snippet -->
11012    
11013
11014<script id="back-in-stock-helper">
11015    var _BISConfig = _BISConfig || {};
11016
11017  
11018
11019  
11020</script>
11020
11021
11022    <!-- End Back in Stock helper snippet -->
11023
11024    <!-- Gorgias Chat Widget Start -->
11025
11026
11027<script
11028  id="gorgias-chat-widget-install-v2"
11029  src="https://config.gorgias.chat/gorgias-chat-bundle-loader.js?applicationId=1599"
11030></script>
11030
11031
11032<script>
11033  if (window.GorgiasChat) {
11034    GorgiasChat.init().then(function () {
11035      // Use GorgiasChat API here, now that the chat is fully initialized.
11036      var gorgiasChatInterval = window.setInterval(function () {
11037        var container = document.querySelector('#gorgias-chat-container');
11038        if (window.GorgiasChat && GorgiasChat.hasOwnProperty('on')) {
11039          if (window.location.hostname !== 'localhost') {
11040            GorgiasChat.setShopifyContext('olipop-store.myshopify.com/');
11041          }
11042        }
11043      }, 50);
11044    });
11045  }
11046</script>
11046
11047
11048    
11048<script type="text/javascript">
11049  ire('identify', { customerId: '', customerEmail: '' });
11050</script>
11050
11051
11052    <!--
11053  This JS is taken from this article - https://www.24a11y.com/2019/select-your-poison-part-2/
11054  It is also modified to be used as a way to decorate select dropdowns and make them
11055  accessible using keyboards.
11056
11057  How to use it:
11058  Add js-combobox class to the <select> element you would like to replace with the combobox.
11059  Hide your <select> element as well as corresponding <label> element with display: none;.
11060
11061  On load, this libary will create a new <label> element and a combobox element which consists
11062  of an input element and a listbox.
11063
11064  The new <label> element will have select label's aria-label.
11065  The new combobox element will have select options' values and text.
11066
11067  On option select, this libary will also set your hidden <select> element's val so it
11068  can be used further.
11069-->
11070
11071<script>
11072  jQuery(document).ready(function () {
11073    /*
11074     * Helper constants and functions
11075     */
11076
11077    // make it easier for ourselves by putting some values in objects
11078    // in TypeScript, these would be enums
11079    const Keys = {
11080      Backspace: 'Backspace',
11081      Clear: 'Clear',
11082      Down: 'ArrowDown',
11083      End: 'End',
11084      Enter: 'Enter',
11085      Escape: 'Escape',
11086      Home: 'Home',
11087      Left: 'ArrowLeft',
11088      PageDown: 'PageDown',
11089      PageUp: 'PageUp',
11090      Right: 'ArrowRight',
11091      Space: ' ',
11092      Tab: 'Tab',
11093      Up: 'ArrowUp',
11094    };
11095
11096    const MenuActions = {
11097      Close: 0,
11098      CloseSelect: 1,
11099      First: 2,
11100      Last: 3,
11101      Next: 4,
11102      Open: 5,
11103      Previous: 6,
11104      Select: 7,
11105      Space: 8,
11106      Type: 9,
11107    };
11108
11109    // filter an array of options against an input string
11110    // returns an array of options that begin with the filter string, case-independent
11111    function filterOptions(options = [], filter, exclude = []) {
11112      return options.filter((option) => {
11113        const matches = option.toLowerCase().indexOf(filter.toLowerCase()) === 0;
11114        return matches && exclude.indexOf(option) < 0;
11115      });
11116    }
11117
11118    // return an array of exact option name matches from a comma-separated string
11119    function findMatches(options, search) {
11120      const names = search.split(',');
11121      return names
11122        .map((name) => {
11123          const match = options.filter((option) => name.trim().toLowerCase() === option.toLowerCase());
11124          return match.length > 0 ? match[0] : null;
11125        })
11126        .filter((option) => option !== null);
11127    }
11128
11129    // return combobox action from key press
11130    function getActionFromKey(key, menuOpen) {
11131      // handle opening when closed
11132      if (!menuOpen && key === Keys.Down) {
11133        return MenuActions.Open;
11134      }
11135
11136      // handle keys when open
11137      if (key === Keys.Down) {
11138        return MenuActions.Next;
11139      } else if (key === Keys.Up) {
11140        return MenuActions.Previous;
11141      } else if (key === Keys.Home) {
11142        return MenuActions.First;
11143      } else if (key === Keys.End) {
11144        return MenuActions.Last;
11145      } else if (key === Keys.Escape) {
11146        return MenuActions.Close;
11147      } else if (key === Keys.Enter) {
11148        return MenuActions.CloseSelect;
11149      } else if (key === Keys.Backspace || key === Keys.Clear || key.length === 1) {
11150        return MenuActions.Type;
11151      }
11152    }
11153
11154    // get index of option that matches a string
11155    function getIndexByLetter(options, filter) {
11156      const firstMatch = filterOptions(options, filter)[0];
11157      return firstMatch ? options.indexOf(firstMatch) : -1;
11158    }
11159
11160    // get updated option index
11161    function getUpdatedIndex(current, max, action) {
11162      switch (action) {
11163        case MenuActions.First:
11164          return 0;
11165        case MenuActions.Last:
11166          return max;
11167        case MenuActions.Previous:
11168          return Math.max(0, current - 1);
11169        case MenuActions.Next:
11170          return Math.min(max, current + 1);
11171        default:
11172          return current;
11173      }
11174    }
11175
11176    // check if an element is currently scrollable
11177    function isScrollable(element) {
11178      return element && element.clientHeight < element.scrollHeight;
11179    }
11180
11181    // ensure given child element is within the parent's visible scroll area
11182    function maintainScrollVisibility(activeElement, scrollParent) {
11183      const { offsetHeight, offsetTop } = activeElement;
11184      const { offsetHeight: parentOffsetHeight, scrollTop } = scrollParent;
11185
11186      const isAbove = offsetTop < scrollTop;
11187      const isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight;
11188
11189      if (isAbove) {
11190        scrollParent.scrollTo(0, offsetTop);
11191      } else if (isBelow) {
11192        scrollParent.scrollTo(0, offsetTop - parentOffsetHeight + offsetHeight);
11193      }
11194    }
11195
11196    /*
11197     * ARIA 1.1 Readonly Input code
11198     */
11199    const ARIA11Combo = function (el, options, optionValues, selectEl) {
11200      // element refs
11201      this.el = el;
11202      this.selectEl = selectEl;
11203      this.comboEl = el.querySelector('[role=combobox]');
11204      this.inputEl = el.querySelector('input');
11205      this.listboxEl = el.querySelector('[role=listbox]');
11206
11207      // data
11208      this.idBase = this.inputEl.id;
11209      this.options = options;
11210      this.optionValues = optionValues;
11211
11212      // state
11213      this.activeIndex = 0;
11214      this.open = false;
11215    };
11216
11217    ARIA11Combo.prototype.init = function () {
11218      this.inputEl.addEventListener('input', this.onInput.bind(this));
11219      this.inputEl.addEventListener('blur', this.onInputBlur.bind(this));
11220      this.inputEl.addEventListener('click', () => this.updateMenuState(true));
11221      this.inputEl.addEventListener('keydown', this.onInputKeyDown.bind(this));
11222
11223      this.options.map((option, index) => {
11224        const optionEl = document.createElement('div');
11225        optionEl.setAttribute('role', 'option');
11226        optionEl.id = `${this.idBase}-${index}`;
11227        optionEl.className = index === 0 ? 'combo-option option-current' : 'combo-option';
11228        optionEl.setAttribute('aria-selected', 'false');
11229        optionEl.innerText = option;
11230
11231        optionEl.addEventListener('click', () => {
11232          this.onOptionClick(index);
11233        });
11234        optionEl.addEventListener('mousedown', this.onOptionMouseDown.bind(this));
11235
11236        this.listboxEl.appendChild(optionEl);
11237      });
11238      this.onOptionClick(0);
11239    };
11240
11241    ARIA11Combo.prototype.onInput = function () {
11242      const curValue = this.inputEl.value;
11243      const matches = filterOptions(this.options, curValue);
11244
11245      // set activeIndex to first matching option
11246      // (or leave it alone, if the active option is already in the matching set)
11247      const filterCurrentOption = matches.filter((option) => option === this.options[this.activeIndex]);
11248      if (matches.length > 0 && !filterCurrentOption.length) {
11249        this.onOptionChange(this.options.indexOf(matches[0]));
11250      }
11251
11252      const menuState = this.options.length > 0;
11253      if (this.open !== menuState) {
11254        this.updateMenuState(menuState, false);
11255      }
11256    };
11257
11258    ARIA11Combo.prototype.onInputKeyDown = function (event) {
11259      const { key } = event;
11260      const max = this.options.length - 1;
11261
11262      const action = getActionFromKey(key, this.open);
11263
11264      switch (action) {
11265        case MenuActions.Next:
11266        case MenuActions.Last:
11267        case MenuActions.First:
11268        case MenuActions.Previous:
11269          event.preventDefault();
11270          return this.onOptionChange(getUpdatedIndex(this.activeIndex, max, action));
11271        case MenuActions.CloseSelect:
11272          event.preventDefault();
11273          this.selectOption(this.activeIndex);
11274          return this.updateMenuState(false);
11275        case MenuActions.Close:
11276          event.preventDefault();
11277          return this.updateMenuState(false);
11278        case MenuActions.Type:
11279          this.onOptionChange(Math.max(0, getIndexByLetter(this.options, key)));
11280        case MenuActions.Open:
11281          return this.updateMenuState(true);
11282      }
11283    };
11284
11285    ARIA11Combo.prototype.onInputBlur = function () {
11286      if (this.ignoreBlur) {
11287        this.ignoreBlur = false;
11288        return;
11289      }
11290
11291      if (this.open) {
11292        this.updateMenuState(false, false);
11293      }
11294    };
11295
11296    ARIA11Combo.prototype.onOptionChange = function (index) {
11297      this.activeIndex = index;
11298      this.inputEl.setAttribute('aria-activedescendant', `${this.idBase}-${index}`);
11299
11300      // update active style
11301      const options = this.el.querySelectorAll('[role=option]');
11302      [...options].forEach((optionEl) => {
11303        optionEl.classList.remove('option-current');
11304      });
11305      options[index].classList.add('option-current');
11306
11307      if (this.open && isScrollable(this.listboxEl)) {
11308        maintainScrollVisibility(options[index], this.listboxEl);
11309      }
11310    };
11311
11312    ARIA11Combo.prototype.onOptionClick = function (index) {
11313      this.onOptionChange(index);
11314      this.selectOption(index);
11315      this.updateMenuState(false);
11316    };
11317
11318    ARIA11Combo.prototype.onOptionMouseDown = function () {
11319      this.ignoreBlur = true;
11320    };
11321
11322    ARIA11Combo.prototype.selectOption = function (index) {
11323      const selected = this.options[index];
11324      this.inputEl.value = selected;
11325      this.activeIndex = index;
11326
11327      // update aria-selected
11328      const options = this.el.querySelectorAll('[role=option]');
11329      [...options].forEach((optionEl) => {
11330        optionEl.setAttribute('aria-selected', 'false');
11331      });
11332      options[index].setAttribute('aria-selected', 'true');
11333
11334      // Update hidden select element's value
11335      this.selectEl.val(this.optionValues[index]);
11336      setSellingPlan(this.selectEl.data('product_id'));
11337    };
11338
11339    ARIA11Combo.prototype.updateMenuState = function (open, callFocus = true) {
11340      this.open = open;
11341
11342      this.comboEl.setAttribute('aria-expanded', `${open}`);
11343      open ? this.el.classList.add('open') : this.el.classList.remove('open');
11344      callFocus && this.inputEl.focus();
11345    };
11346
11347    function setComboBoxes() {
11348      $('.js-combobox').each(function (index) {
11349        const $this = $(this);
11350        const labelEl = $this.parents('label');
11351
11352        // Insert combobox after select element's label
11353        labelEl.after(
11354          '<label for="combo' +
11355            index +
11356            '" aria-label="' +
11357            labelEl.attr('aria-label') +
11358            '" class="combo-label"></label>' +
11359            '<div class="combo js-aria11">' +
11360            '<div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox' +
11361            index +
11362            '" class="input-wrapper">' +
11363            '<input aria-activedescendant="" aria-autocomplete="none" id="combo' +
11364            index +
11365            '" class="combo-input" readonly type="text">' +
11366            '<div class="combo-menu" role="listbox" id="listbox' +
11367            index +
11368            '"></div>' +
11369            '</div>' +
11370            '</div>'
11371        );
11372
11373        const selectOptions = $this.find('option');
11374        const selectOptionValues = $.map(selectOptions, (e) => $(e).val());
11375        const options = $.map(selectOptions, (e) => e.label);
11376
11377        // init combo
11378        const aria11El = labelEl.siblings('.js-aria11')[0];
11379        const aria11Component = new ARIA11Combo(aria11El, options, selectOptionValues, $this);
11380        aria11Component.init();
11381      });
11382    }
11383  });
11384</script>
11384
11385
11386    
11387    
11387<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/gsap.min.js"></script>
11387
11388    
11388<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/Draggable.min.js"></script>
11388
11389    
11389<script src="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.js"></script>
11389
11390    
11390<script src="//drinkolipop.com/cdn/shop/t/1366/assets/swiper.js?v=56584870573080344041773709640"></script>
11390
11391
11392    
11393
11394    <!-- BEAM START -->
11395    
11395<script type="module">
11396  import { init } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js";
11397  import { PromoManagerPlugin } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/promoManager.js";
11398
11399  const beam = await init({
11400    apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae",
11401    chainId: 338,
11402    storeId: 528,
11403    domain: "drinkolipop.com",
11404    plugins: [
11405      new PromoManagerPlugin()
11406    ]
11407  });
11408</script>
11408
11409
11410<script type="module" async crossorigin>
11411  let isNonProfitClicked = false;
11412  const cartScrollElement = '.rebuy-cart__flyout-content';
11413  document.addEventListener('beamnonprofitselect', (evt) => {
11414    if (!isNonProfitClicked) {
11415      const scrollArea = document.querySelector(cartScrollElement);
11416      scrollArea.scrollBy({
11417        top: 150,
11418        left: 0,
11419        behavior: 'smooth',
11420      });
11421      isNonProfitClicked = true;
11422    }
11423  });
11424</script>
11424
11425    
11425<script type="module" async crossorigin>
11426  import { registerCartIntegration } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/shopify.js";
11427  import { getConfig } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js";
11428
11429  const beam = getConfig();
11430  await beam.readyPromise;
11431
11432  registerCartIntegration({
11433    apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae",
11434    storeId: 528,
11435    baseUrl: "https://api.beamimpact.com",
11436    domain: "drinkolipop.com" || undefined,
11437  });
11438</script>
11438
11439    <!-- beam-select-nonprofit.liquid -->
11440<!-- BEAM START -->
11441<script
11442  type="module"
11443  async
11444  crossorigin
11445  data-em-disable
11446  data-categories="analytics"
11447  src="https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/components/select-nonprofit.js"
11448></script>
11448
11449
11450    <!-- BEAM END -->
11451
11452    <div id="portal"></div>
11453    
11454
11455
11456  
11457
11458  <!-- 1. The dialog container -->
11459  <div
11460    class="dialog-container"
11461    data-component="dialog"
11462    
11463      data-portal="portal"
11464    
11465    id="find-in-store-dialog"
11466    aria-labelledby="find-in-store"
11467    aria-hidden="true"
11468  >
11469    <!-- 2. The dialog overlay -->
11470    
11471      <div
11472        class="dialog-overlay"
11473        data-a11y-dialog-hide
11474        
11475          style="background-color: rgba(0, 0, 0, 0.45);"
11476        
11477      ></div>
11478    
11479    <!-- 3. The actual dialog -->
11480
11481    
11482      <div class="dialog-content tw-bg-creme">
11483        
11484  <div
11485    class="store-locator-dialog-inner"
11486    data-component="storeLocatorModal"
11487    data-dialog-id="find-in-store-dialog"
11488  >
11489    <div class="store-locator-dialog-header">
11490      <h2 class="store-locator-dialog-title" id="find-in-store">Where to Buy OLIPOP</h2>
11491      <button
11492        class="store-locator-dialog-close"
11493        type="button"
11494        data-a11y-dialog-hide
11495        aria-label="Close dialog"
11496      >
11497        
11498
11499
11500    <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
11501      <path d="M6.98828 6L23.9588 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/>
11502      <path d="M23.9883 6L7.01772 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/>
11503    </svg>
11504
11505  
11506
11507      </button>
11508    </div>
11509    <div class="store-locator-section-container store-locator-dialog-widget">
11510      
11511
11512
11513
11514<div
11515  id="store-locator-modal-widget"
11516  class="oli-smartcommerce-product-locator"
11517  data-sc-product-locator-id="dd9dac97-f17f-4d37-971a-e933120edab3"
11518  data-sc-product-locator-type="standalone"
11519  data-sc-locale="en-us"
11520  
11521  style="height: min(90vh, 800px);"
11522></div>
11523
11524
11525
11526    </div>
11527  </div>
11528
11529      </div>
11530    
11531  </div>
11532
11533
11534
11535    <!-- Use of this pixel is subject to the Amazon ad specs and policies at http://www.amazon.com/b/?&node=7253015011 -->
11536<script type="text/javascript">
11537  var _pix = document.getElementById('_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a');
11538  if (!_pix) {
11539    var protocol = '//';
11540    var a = Math.random() * 1000000000000000000;
11541    _pix = document.createElement('iframe');
11542    _pix.style.display = 'none';
11543    _pix.setAttribute(
11544      'src',
11545      protocol +
11546        's.amazon-adsystem.com/iu3?d=generic&ex-fargs=%3Fid%3D73a3b955-2b94-711c-f24b-424e40d6695a%26type%3D55%26m%3D1&ex-fch=416613&ex-src=https://drinkolipop.com/&ex-hargs=v%3D1.0%3Bc%3D7410518920601%3Bp%3D73A3B955-2B94-711C-F24B-424E40D6695A' +
11547        '&cb=' +
11548        a
11549    );
11550    _pix.setAttribute('id', '_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a');
11551    document.body.appendChild(_pix);
11552  }
11553</script>
11553
11554
11555    
11555<script>
11556  /**
11557   * Product metafield custom.fiber is a metaobject reference (fiber_option).
11558   * Rebuy usually passes only a gid string (no label/title on the object). We map gids to
11559   * labels from shop metaobjects (same field order as PDP: title, label, text, name).
11560   */
11561  window.__fiberOptionLabels = Object.assign(window.__fiberOptionLabels || {}, {"gid://shopify/Metaobject/116150763679": ["9g Fiber"],
11562          "116150763679": ["9g Fiber"]
11563,"gid://shopify/Metaobject/116150796447": ["6g Fiber"],
11564          "116150796447": ["6g Fiber"]
11565,"gid://shopify/Metaobject/121363038367": ["MINIs"],
11566          "121363038367": ["MINIs"]
11567});
11568
11569  function rebuyMetaobjectFieldValue(field) {
11570    if (field == null || field === '') return '';
11571    if (typeof field === 'string') return field;
11572    if (typeof field === 'object' && Object.prototype.hasOwnProperty.call(field, 'value')) {
11573      return field.value == null ? '' : String(field.value);
11574    }
11575    return '';
11576  }
11577
11578  function rebuyFiberLabelFromResolvedEntry(entry) {
11579    if (entry == null || entry === '') return '';
11580    if (typeof entry === 'string') {
11581      if (entry.indexOf('gid://shopify/Metaobject/') !== 0) return entry;
11582      var map = window.__fiberOptionLabels || {};
11583      if (map[entry]) return map[entry];
11584      var n = /^gid:\/\/shopify\/Metaobject\/(\d+)$/.exec(entry);
11585      return n && map[n[1]] ? map[n[1]] : '';
11586    }
11587    if (typeof entry === 'object') {
11588      var nested =
11589        rebuyMetaobjectFieldValue(entry.label) ||
11590        rebuyMetaobjectFieldValue(entry.title) ||
11591        rebuyMetaobjectFieldValue(entry.text) ||
11592        rebuyMetaobjectFieldValue(entry.name) ||
11593        (typeof entry.display_value === 'string' ? entry.display_value : '');
11594      if (nested) return nested;
11595      var v = entry.value;
11596      if (typeof v === 'string' && v.indexOf('gid://shopify/Metaobject/') === 0) return rebuyFiberLabelFromResolvedEntry(v);
11597      return '';
11598    }
11599    return String(entry);
11600  }
11601
11602  function rebuyFiberMetafieldFromLineItem(item) {
11603    var vFiber = item && item.variant && item.variant.metafields && item.variant.metafields.custom && item.variant.metafields.custom.fiber;
11604    if (vFiber != null && vFiber !== '') return vFiber;
11605    var pFiber = item && item.product && item.product.metafields && item.product.metafields.custom && item.product.metafields.custom.fiber;
11606    return pFiber;
11607  }
11608
11609  window.cartItemTitleWithFiber = function (item) {
11610    var base = item && item.product_title ? String(item.product_title) : '';
11611    var fiberMeta = rebuyFiberMetafieldFromLineItem(item);
11612    if (fiberMeta == null || fiberMeta === '') return base;
11613
11614    var entry = fiberMeta;
11615    if (typeof fiberMeta === 'object' && fiberMeta !== null && Object.prototype.hasOwnProperty.call(fiberMeta, 'value')) {
11616      entry = fiberMeta.value;
11617    }
11618
11619    var suffix = rebuyFiberLabelFromResolvedEntry(entry);
11620    if (!suffix) return base;
11621    return base + ' ' + suffix;
11622  };
11623
11624  let SmartCart;
11625
11626  function removeBrokenBundleLineItems() {
11627    if (!SmartCart?.hasItems()) return;
11628    const items = SmartCart.items();
11629
11630    const findBundleParent = (childLineItem) => {
11631      const { _bundle_id, _created_at, bundle_parent } = childLineItem.properties;
11632      const bundleParent = SmartCart.items().find(
11633        (item) =>
11634          (item.properties.bundle_parent || item.properties._bundle_parent) &&
11635          item.properties._bundle_id === _bundle_id &&
11636          item.properties._created_at === _created_at
11637      );
11638
11639      return bundleParent;
11640    };
11641
11642    try {
11643      items.forEach((item) => {
11644        if (item.properties.hasOwnProperty('_bundle_id')) {
11645          if (item.properties.bundle_parent === false || item.properties._bundle_parent === false) {
11646            const bundleParent = findBundleParent(item);
11647            if (!bundleParent) {
11648              SmartCart.removeItem(item);
11649            }
11650          }
11651        }
11652      });
11653    } catch (e) {
11654      console.error(e);
11655    }
11656  }
11657
11658  document.querySelectorAll('.site-header__cart').forEach((element) => {
11659    element.addEventListener('click', function (e) {
11660			window.Rebuy.SmartCart.show();
11661    });
11662  });
11663
11664  const blockImage = (
11665    ``
11666  );
11667  
11668  const blockImageBtn = (
11669    `
11670    `
11671  );
11672
11673  function handleCustomEvent(event) {
11674    const lineItems = event.detail?.cart?.line_items || [];
11675
11676    if (lineItems.length === 0 && blockImage) {
11677      setTimeout(()=> {
11678        const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart');
11679        if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImage)
11680			}, 1500)
11681    }
11682    
11683    if (lineItems.length === 0 && blockImageBtn) {
11684      setTimeout(()=> {
11685        const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p');
11686        if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImageBtn)
11687      }, 1500)
11688    }
11689  }
11690
11691  function handleCartAddEvent(event) {
11692    const elementSnow = document.querySelector('element-snow')
11693
11694    if(elementSnow) {
11695      elementSnow.remove();
11696      elementSnow.show();
11697    }
11698  }
11699
11700  document.addEventListener('rebuy:smartcart.show', function () {
11701    // document.querySelector('#rebuy-cart').removeAttribute('inert');
11702    document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = 0);
11703    document.querySelector('.main-content').setAttribute('aria-hidden', 'true'); // voiceOver fix
11704
11705    setTimeout(()=>{
11706      document.getElementById('rebuy-cart').classList.remove("is-visible-delay");
11707    }, 1000)
11708
11709    const elementSnow = document.querySelector('element-snow')
11710
11711    if(elementSnow) elementSnow.show();
11712    const breakpointQuery = window.matchMedia('(max-width: 1023px)');
11713
11714		setTimeout(()=>{
11715      const sliceAnimationWrapper = document.querySelector('.slice-animation-wrapper')
11716      const btnImage = document.querySelector('.rebuy-cart__flyout-empty-image')
11717      const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart')
11718      const emptyCartInnerBtn = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p');
11719
11720			if (sliceAnimationWrapper) {
11721        const sliceAnimationElement = sliceAnimationWrapper.querySelector('.tw-animate-cart-slice-mobile')
11722        sliceAnimationElement?.classList.remove('lg:tw-animate-cart-slice');
11723        sliceAnimationElement?.classList.remove('tw-animate-cart-slice-mobile');
11724
11725
11726        if (breakpointQuery.matches) {
11727					setTimeout(()=>{
11728						sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice');
11729						sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile');
11730					}, 1200);
11731        } else {
11732          setTimeout(()=>{
11733            sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice');
11734            sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile');
11735          }, 100);
11736        }
11737      }
11738
11739      if (emptyCartInner && !sliceAnimationWrapper) {
11740        if (breakpointQuery.matches) {
11741          setTimeout(()=>{
11742            emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage)
11743          }, 2000);
11744				} else {
11745       	 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage)
11746				}
11747      }
11748
11749      if (emptyCartInner && !btnImage) {
11750        if (breakpointQuery.matches) {
11751          setTimeout(()=>{
11752            emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn)
11753          }, 2000);
11754        } else {
11755          emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn)
11756        }
11757      }
11758    }, 500);
11759
11760    // Add event listener for cart updates when cart is open
11761		document.addEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent);
11762		document.addEventListener('rebuy:cart.add', handleCartAddEvent);
11763  });
11764
11765  document.addEventListener('rebuy:smartcart.hide', function (event) {
11766    // document.querySelector('#rebuy-cart').setAttribute('inert', '');
11767    document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = -1);
11768    document.querySelector('.main-content').removeAttribute('aria-hidden'); // voiceOver fix
11769
11770    const elementSnow = document.querySelector('element-snow')
11771
11772    document.querySelector('body').style.removeProperty('overflow');
11773
11774    // Remove event listener for cart updates when cart is close
11775    document.removeEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent);
11776    document.removeEventListener('rebuy:cart.add', handleCartAddEvent);
11777
11778    if(elementSnow) elementSnow.remove();
11779  });
11780
11781  document.addEventListener('rebuy.ready', (event) => {
11782    SmartCart = window.Rebuy.SmartCart;
11783    removeBrokenBundleLineItems();
11784  });
11785
11786  async function updateBundleDeliveryFrequencies(item, subscriptionFrequency) {
11787    if (!isBundleParent(item)) return;
11788    const bundleChildren = getBundleChildren(item);
11789    try {
11790      bundleChildren.forEach((child) => {
11791        Rebuy.Cart.switchToSubscription(child, subscriptionFrequency);
11792      });
11793    } catch (error) {
11794      console.error(error);
11795    }
11796  }
11797
11798  function getBundlePrice(bundleParentLineItem) {
11799    if (!isBundleParent(bundleParentLineItem)) {
11800      return null;
11801    }
11802
11803    const bundleChildren = getBundleChildren(bundleParentLineItem);
11804    const bundlePrice = bundleChildren.reduce((totalPrice, item) => {
11805      return totalPrice + item.price * item.quantity;
11806    }, 0);
11807
11808    return Rebuy.Cart.formatMoney(bundlePrice);
11809  }
11810
11811  async function removeLineItems(bundleParentLineItem, bundleChildrenLineItems) {
11812    const itemsToRemove = [...bundleChildrenLineItems, bundleParentLineItem];
11813    const updates = itemsToRemove.reduce((updateObject, item) => {
11814      if (!updateObject[item.key]) {
11815        updateObject[item.key] = 0;
11816      }
11817      return updateObject;
11818    }, {});
11819
11820    try {
11821      const updatedCart = await fetch('/cart/update.js', {
11822        method: 'POST',
11823        headers: {
11824          'Content-Type': 'application/json',
11825        },
11826        body: JSON.stringify({
11827          updates,
11828        }),
11829      });
11830    } catch (e) {
11831      console.error(e);
11832    }
11833  }
11834
11835  const getBundleChildren = (bundleParentItem) => {
11836    const items = window.Rebuy.SmartCart?.items();
11837    return items.filter(
11838      (lineItem) =>
11839        lineItem.properties._bundle_id === bundleParentItem.properties._bundle_id &&
11840        parseInt(lineItem.properties._created_at) === parseInt(bundleParentItem.properties._created_at) &&
11841        isBundleChild(lineItem)
11842    );
11843  };
11844
11845  const handleRemove = async (item) => {
11846    const isBundleItem = item.properties == null ? false : item.properties.hasOwnProperty('_bundle_id');
11847    if (SmartCart == undefined) {
11848      SmartCart = window.Rebuy.SmartCart;
11849    }
11850
11851    if (!isBundleItem) {
11852      SmartCart.removeItem(item);
11853      return;
11854    }
11855
11856    const bundleChildren = getBundleChildren(item);
11857
11858    try {
11859      if (!bundleChildren || !bundleChildren.length) {
11860        SmartCart.removeItem(item);
11861        return;
11862      } else {
11863        removeLineItems(item, bundleChildren);
11864      }
11865    } catch (e) {
11866      console.error(e);
11867    }
11868  };
11869
11870  const bundleParentProperties = ['bundle_parent', '_bundle_parent'];
11871  const isBundleChild = (item) => {
11872    // SmartCart stringifies all item property values on some cart methods
11873    const bundleChild = bundleParentProperties.filter(
11874      (property) => item.properties[property] === false || item.properties[property] === 'false'
11875    );
11876    return bundleChild.length > 0;
11877  };
11878
11879  const isBundleParent = (item) => {
11880    // SmartCart stringifies all item property values on some cart methods
11881    const bundleParent = bundleParentProperties.filter(
11882      (property) => item.properties[property] === true || item.properties[property] === 'true'
11883    );
11884    return bundleParent.length > 0;
11885  };
11886
11887  const displayProperty = (property) => {
11888    const hidden_keys = ['bundle_parent', '_bundle_id', 'Bundle Id', 'Frequency'];
11889    return hidden_keys.includes(property.key) ? false : true;
11890  };
11891
11892  const getCartJson = () => {
11893    return SmartCart.cart;
11894  };
11895
11896
11897  document.addEventListener('rebuy.add', function (event) {
11898    if (window.gtag) {
11899      const { product, widget } = event.detail;
11900      if (!product || !widget) return;
11901      window.gtag('event', 'Side Cart - Upsell Added', {
11902        event_detail: product.title + ' - ' + widget.View.carousel.selectedIndex,
11903      });
11904    }
11905  });
11906
11907  window.globalDiscountsCollectionIds = [];
11908  
11909    window.globalDiscounts = undefined;
11910  
11911
11912  /**
11913   * Mirrors snippets/oli-product-price-set.liquid for Smart Cart line items so PDP and sidecart match.
11914   */
11915  (function () {
11916    function productInGlobalDiscountScope(product) {
11917      var ids = window.globalDiscountsCollectionIds;
11918      if (ids == null || ids.length === 0) return true;
11919      var colls = product && product.collections;
11920      if (!colls || !colls.length) return false;
11921      var productIds = {};
11922      for (var i = 0; i < colls.length; i++) productIds[colls[i].id] = true;
11923      for (var j = 0; j < ids.length; j++) if (productIds[ids[j]]) return true;
11924      return false;
11925    }
11926
11927    function pickGlobalDiscount(item) {
11928      var discounts = window.globalDiscounts;
11929      if (!discounts || !discounts.length) return null;
11930      var both = discounts.filter(function (d) {
11931        return d.purchase_type === 'Both';
11932      });
11933      var oneTime = discounts.find(function (d) {
11934        return d.purchase_type === 'One-time purchase';
11935      });
11936      var subscription = discounts.find(function (d) {
11937        return d.purchase_type === 'Subscription';
11938      });
11939      var oneTimeDiscount = oneTime || both[0];
11940      var subscriptionDiscount = subscription || both[0];
11941      return item.selling_plan_allocation ? subscriptionDiscount : oneTimeDiscount;
11942    }
11943
11944    function applyGlobalDiscountCents(priceCents, discount) {
11945      if (!discount || priceCents == null) return priceCents;
11946      var dv = Number(discount.discount_value);
11947      if (discount.discount_value_type === 'Percentage') {
11948        var percentage = 100 - dv;
11949        return Math.ceil((priceCents * percentage) / 100);
11950      }
11951      return priceCents - dv;
11952    }
11953
11954    function basePriceCents(item) {
11955      if (item.selling_plan_allocation) return Number(item.selling_plan_allocation.price);
11956      if (item.variant && item.variant.price != null) return Number(item.variant.price);
11957      return Number(item.price);
11958    }
11959
11960    function compareBaseCents(item) {
11961      if (item.selling_plan_allocation) {
11962        var spaCompare = item.selling_plan_allocation.compare_at_price;
11963        return spaCompare == null ? 0 : Number(spaCompare);
11964      }
11965      if (item.variant && item.variant.compare_at_price != null) return Number(item.variant.compare_at_price);
11966      if (item.compare_at_price != null) return Number(item.compare_at_price);
11967      return 0;
11968    }
11969
11970    function globalPricingActive(item) {
11971      if (!window.rebuyCartSettings || !window.rebuyCartSettings.enable_global_discounts) return false;
11972      if (!window.globalDiscounts || !window.globalDiscounts.length) return false;
11973      return productInGlobalDiscountScope(item.product);
11974    }
11975
11976    function catalogLinePriceParts(item) {
11977      var price = basePriceCents(item);
11978      var compare_at_price = compareBaseCents(item);
11979      var showCompare = !!(compare_at_price && compare_at_price !== 0);
11980
11981      return {
11982        useDefault: false,
11983        finalCents: price,
11984        compareCents: showCompare ? compare_at_price : 0,
11985        showCompare: showCompare,
11986      };
11987    }
11988
11989    window.__oliRebuyGetLinePriceParts = function (item) {
11990      var globalDiscountsEnabled =
11991        window.rebuyCartSettings && window.rebuyCartSettings.enable_global_discounts;
11992
11993      if (!globalDiscountsEnabled) {
11994        return catalogLinePriceParts(item);
11995      }
11996
11997      if (!globalPricingActive(item)) return { useDefault: true };
11998
11999      var discount = pickGlobalDiscount(item);
12000      if (!discount) return { useDefault: true };
12001
12002      var price = basePriceCents(item);
12003      var compare_at_price = compareBaseCents(item);
12004      var hasSellingPlan = !!item.selling_plan_allocation;
12005
12006      var final_price = applyGlobalDiscountCents(price, discount);
12007
12008      if (compare_at_price === 0 && final_price < price) compare_at_price = price;
12009      if (!hasSellingPlan && final_price < price) compare_at_price = price;
12010
12011      var showCompare = !!(compare_at_price && compare_at_price !== 0);
12012
12013      return {
12014        useDefault: false,
12015        finalCents: final_price,
12016        compareCents: showCompare ? compare_at_price : 0,
12017        showCompare: showCompare,
12018      };
12019    };
12020
12021    window.oliRebuyLineHasDiscount = function (item, itemHasDiscountFn) {
12022      var parts = window.__oliRebuyGetLinePriceParts(item);
12023      if (parts.useDefault) return itemHasDiscountFn(item);
12024      return parts.showCompare;
12025    };
12026
12027    window.oliRebuyLineSalePrice = function (item, formatMoneyFn, itemPriceFn) {
12028      var parts = window.__oliRebuyGetLinePriceParts(item);
12029      if (parts.useDefault) return formatMoneyFn(itemPriceFn(item));
12030      return formatMoneyFn(parts.finalCents);
12031    };
12032
12033    window.oliRebuyLineComparePrice = function (item, formatMoneyFn, compareAtPriceFn) {
12034      var parts = window.__oliRebuyGetLinePriceParts(item);
12035      if (parts.useDefault) {
12036        return item.selling_plan_allocation
12037          ? formatMoneyFn(item.selling_plan_allocation.compare_at_price)
12038          : formatMoneyFn(compareAtPriceFn(item));
12039      }
12040      return parts.showCompare ? formatMoneyFn(parts.compareCents) : '';
12041    };
12042
12043    function oliRebuyLineUnitCents(item, itemPriceFn) {
12044      var parts = window.__oliRebuyGetLinePriceParts(item);
12045      if (!parts.useDefault) return parts.finalCents;
12046      return Number(itemPriceFn(item));
12047    }
12048
12049    function oliRebuyLineCompareUnitCents(item, compareAtPriceFn) {
12050      var parts = window.__oliRebuyGetLinePriceParts(item);
12051      if (!parts.useDefault) {
12052        return parts.showCompare ? parts.compareCents : 0;
12053      }
12054      if (item.selling_plan_allocation) {
12055        return Number(item.selling_plan_allocation.compare_at_price) || 0;
12056      }
12057      return Number(compareAtPriceFn(item)) || 0;
12058    }
12059
12060    function oliRebuyLineTotalCents(item, itemPriceFn) {
12061      var parts = window.__oliRebuyGetLinePriceParts(item);
12062      var qty = Number(item.quantity) || 1;
12063      if (!parts.useDefault) return parts.finalCents * qty;
12064      if (item.final_line_price != null) return Number(item.final_line_price);
12065      if (item.line_price != null) return Number(item.line_price);
12066      return oliRebuyLineUnitCents(item, itemPriceFn) * qty;
12067    }
12068
12069    function oliRebuyGetBundleChildren(bundleParentItem) {
12070      var items = window.Rebuy.SmartCart && window.Rebuy.SmartCart.items();
12071      if (!items || !items.length) return [];
12072      var bundleId = bundleParentItem.properties && bundleParentItem.properties._bundle_id;
12073      var createdAt = bundleParentItem.properties && bundleParentItem.properties._created_at;
12074      return items.filter(function (lineItem) {
12075        if (!lineItem.properties || lineItem.properties._bundle_id !== bundleId) return false;
12076        if (parseInt(lineItem.properties._created_at, 10) !== parseInt(createdAt, 10)) return false;
12077        return (
12078          lineItem.properties.bundle_parent === false ||
12079          lineItem.properties.bundle_parent === 'false' ||
12080          lineItem.properties._bundle_parent === false ||
12081          lineItem.properties._bundle_parent === 'false'
12082        );
12083      });
12084    }
12085
12086    function oliRebuyBundleLineCents(bundleParent, itemPriceFn) {
12087      return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) {
12088        return total + oliRebuyLineTotalCents(child, itemPriceFn);
12089      }, 0);
12090    }
12091
12092    function oliRebuyBundleCompareCents(bundleParent, itemPriceFn, compareAtPriceFn) {
12093      return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) {
12094        var qty = Number(child.quantity) || 1;
12095        var compareUnit = oliRebuyLineCompareUnitCents(child, compareAtPriceFn);
12096        if (compareUnit) return total + compareUnit * qty;
12097        return total + oliRebuyLineUnitCents(child, itemPriceFn) * qty;
12098      }, 0);
12099    }
12100
12101    /**
12102     * Subtotal aligned with displayed line-item prices (global discounts, bundles, qty).
12103     */
12104    window.oliRebuyCartSubtotal = function (
12105      formatMoneyFn,
12106      itemsFn,
12107      itemPriceFn,
12108      compareAtPriceFn,
12109      isBundleChildFn,
12110      isHiddenItemFn,
12111      isBundleParentFn
12112    ) {
12113      var items = itemsFn();
12114      var totalCents = 0;
12115
12116      for (var i = 0; i < items.length; i++) {
12117        var item = items[i];
12118        if (isHiddenItemFn(item)) continue;
12119        if (isBundleChildFn(item) !== false) continue;
12120
12121        if (isBundleParentFn(item)) {
12122          totalCents += oliRebuyBundleLineCents(item, itemPriceFn);
12123        } else {
12124          totalCents += oliRebuyLineTotalCents(item, itemPriceFn);
12125        }
12126      }
12127
12128      return formatMoneyFn(totalCents);
12129    };
12130
12131    window.oliRebuyCartCompareSubtotal = function (
12132      formatMoneyFn,
12133      itemsFn,
12134      itemPriceFn,
12135      compareAtPriceFn,
12136      isBundleChildFn,
12137      isHiddenItemFn,
12138      isBundleParentFn
12139    ) {
12140      var items = itemsFn();
12141      var totalCents = 0;
12142
12143      for (var i = 0; i < items.length; i++) {
12144        var item = items[i];
12145        if (isHiddenItemFn(item)) continue;
12146        if (isBundleChildFn(item) !== false) continue;
12147
12148        if (isBundleParentFn(item)) {
12149          totalCents += oliRebuyBundleCompareCents(item, itemPriceFn, compareAtPriceFn);
12150        } else {
12151          var qty = Number(item.quantity) || 1;
12152          var compareUnit = oliRebuyLineCompareUnitCents(item, compareAtPriceFn);
12153          if (compareUnit) {
12154            totalCents += compareUnit * qty;
12155          } else {
12156            totalCents += oliRebuyLineUnitCents(item, itemPriceFn) * qty;
12157          }
12158        }
12159      }
12160
12161      return formatMoneyFn(totalCents);
12162    };
12163  })();
12164
12165  if (!customElements.get('element-snow')) {
12166    customElements.define('element-snow', class videoPlay extends HTMLElement {
12167      constructor() {
12168        super();
12169      }
12170
12171      connectedCallback() {
12172      }
12173
12174      show() {
12175        // Create 50 snowflakes
12176        for (let i = 0; i < 140; i++) {
12177          const snowflake = document.createElement('div');
12178          snowflake.classList.add('snowflake');
12179
12180          // Randomly set the size (100% or 80% of the current size)
12181          const isSmaller = Math.random() < 0.5;  // 50% chance of smaller size
12182          const size = isSmaller ? '8px' : '10px';  // 20% smaller is 8px if the default is 10px
12183          snowflake.style.width = size;
12184          snowflake.style.height = size;
12185
12186          // Set random position and animation duration
12187          snowflake.style.left = `${Math.random() * 100}vw`;
12188          snowflake.style.animationDuration = `${Math.random() * 3 + 1}s`;
12189          snowflake.style.animationDelay = `${Math.random() * 2.5}s`;
12190
12191          this.appendChild(snowflake);
12192
12193          // Remove snowflake after animation ends
12194          snowflake.addEventListener('animationend', () => {
12195            snowflake.remove();
12196          });
12197        }
12198
12199				this.arrayElements = Array.from(document.querySelectorAll('.snowflake'))
12200
12201        setTimeout(()=> {
12202          this.fadeAway()
12203        }, 3000)
12204
12205        // setTimeout(()=> {
12206        //   this.remove()
12207        // }, 5000)
12208			}
12209
12210      fadeAway() {
12211				if (this.arrayElements) this.arrayElements.forEach(element => element.classList.add('animation-fade-away'));
12212      }
12213
12214      remove() {
12215				if (this.arrayElements) this.arrayElements.forEach(element => element.remove());
12216      }
12217    });
12218  }
12219  
12220  function removeDiscountGiftCard (event) {
12221    const cartItems = event.detail.cart.items();
12222    const giftCardInCart = cartItems.find(item => item.gift_card === true);
12223    const otherItemsInCart = cartItems.find(item => item.gift_card !== true);
12224    
12225    if (!otherItemsInCart && giftCardInCart && event.detail.cart.discount) {
12226      event.detail.cart.clearAllStoredDiscounts();
12227    }
12228  }
12229  
12230  function disableDiscountGiftCard(event) {
12231    const cartItems = event.detail.cart.items();
12232    const giftCardInCart = cartItems.find(item => item.gift_card === true);
12233    const otherItemsInCart = cartItems.find(item => item.gift_card !== true);
12234    const discountButton = document.querySelector('.rebuy-cart__flyout-discount button');
12235    const discountInput = document.querySelector('.rebuy-cart__flyout-discount-input');
12236    const errorMessage =  document.querySelector('.rebuy-cart__flyout-discount-input .rebuy-cart__flyout-discount-message');
12237    const messageHtml = `<span class="rebuy-cart__flyout-discount-message">Discount codes do not apply to gift cards</span>`
12238
12239    if (!otherItemsInCart && giftCardInCart) {
12240      discountButton?.setAttribute('disabled', 'true');
12241      if (!errorMessage) discountInput?.insertAdjacentHTML('beforeend', messageHtml)
12242    } else {
12243      discountButton?.removeAttribute('disabled');
12244      if (errorMessage) errorMessage.remove();
12245    }
12246  }
12247
12248
12249  const handleCartDiscountEvent = (event) => {
12250    removeDiscountGiftCard(event);
12251    disableDiscountGiftCard(event);
12252  };
12253
12254  document.addEventListener('rebuy:smartcart.init', (event) => {
12255    setTimeout(() => {
12256      document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]')?.forEach(el => el.tabIndex = -1);
12257    }, 2000)
12258  });
12259
12260  document.addEventListener('rebuy:cart.ready', handleCartDiscountEvent);
12261  document.addEventListener('rebuy:cart.change', handleCartDiscountEvent);
12262</script>
12262
12263�
12263<script>
12264  window.rebuyCartSettings = {
12265    enable_global_discounts: false,
12266    rebuy_discount_message: "25% off applied!"
12267  }
12268</script>
12268
12269
12270
12271<script id="rebuy-cart-template" type="text/template">
12272
12273  <div id="rebuy-cart" class="rebuy-cart " v-cloak v-bind:class="[visible ? 'is-visible is-visible-delay' : '', 'currency-' + currency() ]">
12274    
12275    <div class="rebuy-cart__flyout">
12276      <div class="rebuy-cart__flyout-header" style="background-color: #FFFBF5!important">
12277        <div class="rebuy-cart__flyout-title-wrap">
12278          <h4 class="rebuy-cart__flyout-title" v-html="settings.language.cart_title"></h4>
12279          <span
12280            v-if="hasItems()"
12281            class="rebuy-cart__flyout-title-count"
12282            v-text="'(' + items().reduce(function (sum, item) { if (isHiddenItem(item) || isBundleChild(item) !== false) return sum; return sum + (Number(item.quantity) || 0); }, 0) + ')'"
12283            aria-live="polite"
12284          ></span>
12285        </div>
12286        <button class="rebuy-cart__flyout-close" type="button" aria-label="Close Smart Cart" v-on:click="hide()">
12287          <svg width="14" height="14" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation">
12288            <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.70859C18.0958 1.31772 18.0958 0.68401 17.7056 0.293147C17.3154 -0.0977156 16.6828 -0.0977157 16.2926 0.293147L8.99913 7.5993L1.70563 0.293147C1.31544 -0.0977156 0.682825 -0.0977156 0.292639 0.293147C-0.0975464 0.684009 -0.0975464 1.31772 0.292639 1.70859L7.58614 9.01474L0.320343 16.2931C-0.0698426 16.684 -0.069843 17.3177 0.320343 17.7086C0.710528 18.0994 1.34314 18.0994 1.73333 17.7086L8.99913 10.4302L16.2649 17.7086C16.6551 18.0994 17.2877 18.0994 17.6779 17.7086C18.0681 17.3177 18.0681 16.684 17.6779 16.2931L10.4121 9.01474L17.7056 1.70859Z" fill="#034638"/>
12289            </svg>            
12290        </button>
12291      </div>
12292      <div class="rebuy-cart__flyout-shipping-bar"  style="background-color: #FFFBF5!important" v-if="freeShippingEnabled()"
12293        v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]">
12294        <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()"></div>
12295        <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()"></div>
12296        <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']">
12297          <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }">
12298            <span class="rebuy-cart__flyout-shipping-bar-meter-fill-text" v-html="freeShippingPercentComplete()"></span>
12299          </div>
12300        </div>
12301        <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()"></div>
12302      </div>
12303      <div class="rebuy-cart__flyout-body">
12304        <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()">
12305          <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message"></div>
12306        </div>
12307        <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" tabindex="0">
12308          <div class="rebuy-cart__flyout-items" v-if="hasItems()">
12309            �
12310            <div class="rebuy-cart__flyout-item" v-if="isBundleChild(item) == false" v-for="item in items()" v-if="!isHiddenItem(item)"
12311              v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]">
12312
12313
12314              <!-- item image -->
12315              <div class="rebuy-cart__flyout-item-media">
12316                <a v-bind:href="itemURL(item)">
12317                  <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="'View ' + cartItemTitleWithFiber(item)" />
12318                </a>
12319              </div>
12320              <!-- end item image -->
12321
12322
12323              <div class="rebuy-cart__flyout-item-info">
12324
12325                <div class="rebuy-cart__flyout-item-title-wrapper">
12326                  <a class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)"
12327                    v-html="cartItemTitleWithFiber(item)" v-bind:alt="'View ' + cartItemTitleWithFiber(item)">
12328                  </a>
12329                  
12330                  <!--start remove btn -->
12331                    <button
12332                      class="rebuy-cart__flyout-item-remove"
12333                      type="button"
12334                      v-on:click="handleRemove(item)"
12335                      v-bind:aria-label="'Remove ' + cartItemTitleWithFiber(item)">
12336                      <svg xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17" fill="none">
12337                        <path d="M14.375 2.5H11.25V1.875C11.25 1.37772 11.0525 0.900806 10.7008 0.549175C10.3492 0.197544 9.87228 0 9.375 0H5.625C5.12772 0 4.65081 0.197544 4.29917 0.549175C3.94754 0.900806 3.75 1.37772 3.75 1.875V2.5H0.625C0.45924 2.5 0.300269 2.56585 0.183058 2.68306C0.0658481 2.80027 0 2.95924 0 3.125C0 3.29076 0.0658481 3.44973 0.183058 3.56694C0.300269 3.68415 0.45924 3.75 0.625 3.75H1.25V15C1.25 15.3315 1.3817 15.6495 1.61612 15.8839C1.85054 16.1183 2.16848 16.25 2.5 16.25H12.5C12.8315 16.25 13.1495 16.1183 13.3839 15.8839C13.6183 15.6495 13.75 15.3315 13.75 15V3.75H14.375C14.5408 3.75 14.6997 3.68415 14.8169 3.56694C14.9342 3.44973 15 3.29076 15 3.125C15 2.95924 14.9342 2.80027 14.8169 2.68306C14.6997 2.56585 14.5408 2.5 14.375 2.5ZM5 1.875C5 1.70924 5.06585 1.55027 5.18306 1.43306C5.30027 1.31585 5.45924 1.25 5.
12337625 1.25H9.375C9.54076 1.25 9.69973 1.31585 9.81694 1.43306C9.93415 1.55027 10 1.70924 10 1.875V2.5H5V1.875ZM12.5 15H2.5V3.75H12.5V15ZM6.25 6.875V11.875C6.25 12.0408 6.18415 12.1997 6.06694 12.3169C5.94973 12.4342 5.79076 12.5 5.625 12.5C5.45924 12.5 5.30027 12.4342 5.18306 12.3169C5.06585 12.1997 5 12.0408 5 11.875V6.875C5 6.70924 5.06585 6.55027 5.18306 6.43306C5.30027 6.31585 5.45924 6.25 5.625 6.25C5.79076 6.25 5.94973 6.31585 6.06694 6.43306C6.18415 6.55027 6.25 6.70924 6.25 6.875ZM10 6.875V11.875C10 12.0408 9.93415 12.1997 9.81694 12.3169C9.69973 12.4342 9.54076 12.5 9.375 12.5C9.20924 12.5 9.05027 12.4342 8.93306 12.3169C8.81585 12.1997 8.75 12.0408 8.75 11.875V6.875C8.75 6.70924 8.81585 6.55027 8.93306 6.43306C9.05027 6.31585 9.20924 6.25 9.375 6.25C9.54076 6.25 9.69973 6.31585 9.81694 6.43306C9.93415 6.55027 10 6.70924 10 6.875Z" fill="#034638"/>
12338                      </svg>
12339                    </button>
12340                  <!-- end remove btn -->
12341                </div>
12342                <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)">
12343                  <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency"
12344                    v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)"></div>
12345                  <div class="rebuy-cart__flyout-item-property"
12346                    v-for="property in itemProperties(item)"
12347                    v-if="displayProperty(property)"
12348                    v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]">
12349
12350
12351                    <span class="rebuy-cart__flyout-item-property-name" v-html="property.key"></span>
12352                    <span class="rebuy-cart__flyout-item-property-separator">:</span>
12353                    <span class="rebuy-cart__flyout-item-property-value" v-html="property.value"></span>
12354
12355
12356                  </div>
12357                </div>
12358                <div class="rtx-info">
12359                <div class="option-values" v-for="option in item.options_with_values">
12360                  <span class="rebuy-cart__product-info-cans" v-if="option.name == 'Cans' || option.name == 'Size'">  {{ option.value === '12' ? '12 Cans' : option.value.includes('Pack') ? option.value.replace('Pack', 'Cans') : option.value }}</span>
12361                </div>
12362                </div>
12363
12364                <div class="rebuy-cart__flyout-item-quantity-wrapper">
12365                  <!-- start quantity row -->
12366                  <div class="rebuy-cart__flyout-item-quantity">
12367                    <div >
12368  
12369                      <div class="rebuy-cart__flyout-item-quantity-widget" v-if="hideQuantitySelectors && !hideQuantitySelectors(item) && item.handle != 'oli-pops-holiday-pack-pr-giveaway'">
12370                        <button class="rebuy-cart__flyout-item-quantity-widget-button"
12371                          v-on:click="decreaseItem(item)" type="button"
12372                          v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, decrease by 1`">
12373                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none">
12374                            <path d="M8.875 0.125C9.00761 0.125 9.13475 0.177716 9.22852 0.271484C9.32228 0.365252 9.375 0.492392 9.375 0.625C9.375 0.757608 9.32228 0.884747 9.22852 0.978516C9.13475 1.07228 9.00761 1.125 8.875 1.125H0.625C0.492392 1.125 0.365253 1.07228 0.271484 0.978516C0.177716 0.884747 0.125 0.757608 0.125 0.625C0.125 0.492392 0.177716 0.365252 0.271484 0.271484C0.365252 0.177716 0.492392 0.125 0.625 0.125H8.875Z" fill="#034638" stroke="#034638" stroke-width="0.25"/>
12375                          </svg>
12376                        </button>
12377                        <span class="rebuy-cart__flyout-item-quantity-widget-label" v-html="item.quantity"></span>
12378                        <button class="rebuy-cart__flyout-item-quantity-widget-button"
12379                          v-on:click="increaseItem(item)" type="button" v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, add 1 more`">
12380                          <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
12381                            <path d="M6 1.375C6.13261 1.375 6.25975 1.42772 6.35352 1.52148C6.44728 1.61525 6.5 1.74239 6.5 1.875V5.5H10.125C10.2576 5.5 10.3847 5.55272 10.4785 5.64648C10.5723 5.74025 10.625 5.86739 10.625 6C10.625 6.13261 10.5723 6.25975 10.4785 6.35352C10.3847 6.44728 10.2576 6.5 10.125 6.5H6.5V10.125C6.5 10.2576 6.44728 10.3847 6.35352 10.4785C6.25975 10.5723 6.13261 10.625 6 10.625C5.86739 10.625 5.74025 10.5723 5.64648 10.4785C5.55272 10.3847 5.5 10.2576 5.5 10.125V6.5H1.875C1.74239 6.5 1.61525 6.44728 1.52148 6.35352C1.42772 6.25975 1.375 6.13261 1.375 6C1.375 5.86739 1.42772 5.74025 1.52148 5.64648C1.61525 5.55272 1.74239 5.5 1.875 5.5H5.5V1.875C5.5 1.74239 5.55272 1.61525 5.64648 1.52148C5.74025 1.42772 5.86739 1.375 6 1.375Z" fill="#034638" stroke="#034638" stroke-width="0.25"/>
12382                          </svg>
12383                        </button>
12384                      </div>
12385  
12386                    </div>
12387                  </div>
12388                  <!-- end quantity row -->
12389                  
12390                  <!-- start price row -->
12391                  <div
12392                    class="rebuy-cart__flyout-item-price"
12393                    :class="{ '!tw-hidden': item.product && item.product.tags && item.product?.tags?.includes('smart-cart-hide-price') }"
12394                  >
12395                  
12396                      <div class="discount-code-msg"  v-if="hasLineItemDiscount(item)" v-for="discount in item.discounts">
12397                        {{ discount.title }}
12398                      </div>
12399                      <!-- rtx subscription copy -->
12400
12401                      <div class="rtx-cart_flyout-subscriptions" v-if="window.rebuyCartSettings.enable_global_discounts && window.rebuyCartSettings.rebuy_discount_message.length">
12402                        <div class="rebuy-cart__flyout-item-discount-message  promo-sidecart"
12403                            v-html="window.rebuyCartSettings.rebuy_discount_message">
12404                        </div>
12405                      </div>
12406
12407                      <div class="rtx-cart_flyout-subscriptions" v-else>
12408                        <span v-if="item.selling_plan_allocation" class="rtx-cart_flyout-subscriptions-text">15% Off Applied!</span>
12409                      </div>
12410
12411                      <div class="rtx-cart_custom-discount-labels" style="display: none;">
12412                        <span class="rtx-cart_flyout-subscriptions-text tw-text-3 tw-font-normal tw-leading-none tw-text-green-900">30% off applied!</span>
12413                      </div>
12414                    <!-- end subscription copy -->
12415                    <div v-if="isBundleParent(item)" role="textbox"> 
12416
12417
12418                      <span class="visually-hidden">Bundle price: </span>
12419                      <span class="rebuy-money rebuy-money-original-price sale" v-html="getBundlePrice(item)"></span>
12420                    </div>
12421                    
12422                    <div v-if="oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false">
12423                      <div class="visually-hidden">Sale price: </div>
12424                      <span class="rebuy-money rebuy-money-original-price sale" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span>
12425                      <div class="visually-hidden">Original price: </div>
12426                      <span class="rebuy-money rebuy-money-compare-at-price compare-at"
12427                            v-html="oliRebuyLineComparePrice(item, formatMoney, compareAtPrice)"></span>
12428                    </div>
12429                    <div v-if="!oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false">
12430                      <span class="visually-hidden">
12430Price: </span>
12431                      <span class="rebuy-money rebuy-money-original-price" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span>
12432                    </div>
12433                  
12434                  </div>
12435                  <!-- end price row -->
12436                </div>
12437                
12438                <!-- start subscription selector -->
12439                <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)">
12440                  <button class="rebuy-button outline" v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'"
12441                    v-bind:alt="'Switch ' + cartItemTitleWithFiber(item) + ' to a Subscription'"
12442                    v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')"
12443                    v-on:click="updateItemDeliveryFrequency(item, item.product.subscription_frequencies[1]); updateBundleDeliveryFrequencies(item, item.product.subscription_frequencies[1])"
12444                    type="button"
12445                  >
12446                    <span v-html="switchToSubscriptionLabel(item)"></span>
12447                  </button>
12448                  <svg v-if="item.product.subscription && item.status != 'downgrading'" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
12449                    <path d="M12.9998 5.37476C13.0818 5.37476 13.1632 5.39123 13.239 5.42261C13.3149 5.45403 13.3841 5.50029 13.4421 5.55835C13.5001 5.61633 13.5465 5.68479 13.5779 5.7605C13.6093 5.83627 13.6257 5.91774 13.6257 5.99976C13.6257 6.08175 13.6092 6.16324 13.5779 6.23901C13.5465 6.31487 13.5002 6.38408 13.4421 6.44214L8.44214 11.4421C8.3841 11.5002 8.31487 11.5464 8.23901 11.5779C8.16324 11.6092 8.08177 11.6257 7.99976 11.6257C7.91772 11.6257 7.83629 11.6093 7.7605 11.5779C7.68468 11.5464 7.61538 11.5002 7.55737 11.4421V11.4412L2.55835 6.44214C2.44109 6.32488 2.37476 6.16559 2.37476 5.99976C2.37483 5.83402 2.44115 5.67555 2.55835 5.55835C2.67555 5.44115 2.83402 5.37483 2.99976 5.37476C3.16559 5.37476 3.32488 5.44109 3.44214 5.55835L7.99976 10.116L12.5583 5.55835C12.6163 5.50037 12.6848 5.45403 12.7605 5.42261C12.8363 5.39122 12.9177 5.37479 12.9998 5.37476Z" fill="#034638" stroke="#034638" stroke-width="0.25"/>
12450                  </svg>
12451                  <select
12452                    v-if="item.product.subscription && item.status != 'downgrading'"
12453                    class="rebuy-select muted"
12454                    aria-label="Subscription frequency"
12455                    v-model="item.product.subscription_frequency"
12456                    v-on:change="updateItemDeliveryFrequency(item); updateBundleDeliveryFrequencies(item, $event.target.value)"
12457                  >
12458                    <optgroup
12459                      v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()"
12460                      v-bind:label="onetimeOptionGroupLabel(item)"
12461                    >
12462                      <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)"></option>
12463                    </optgroup>
12464
12465                    <optgroup v-bind:label="subscriptionOptionGroupLabel(item)">
12466                      <option
12467                        v-for="frequency in item.product.subscription_frequencies"
12468                        v-bind:value="frequency"
12469                        v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)"
12470                      ></option>
12471                    </optgroup>
12472                  </select>
12473                </div>
12474                <!-- end subscription selector -->
12475              </div>
12476
12477
12478
12479
12480            </div>
12481            <!-- end product item -->
12482
12483            <div class="rebuy-cart__flyout-note" v-if="notesEnabled()">
12484              <label class="rebuy-cart__flyout-note-toggle">
12485                <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" />
12486                <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label"></span>
12487              </label>
12488              <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()">
12489                <textarea id="rebuy-cart-notes" class="rebuy-textarea rebuy-cart__flyout-note-textarea" v-model="notes.value"
12490                  v-on:keyup="notesChange(event)" v-on:keydown="notesChange(event)" v-on:change="notesChange(event)"
12491                  v-bind:placeholder="settings.language.notes_placeholder"></textarea>
12492                <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()"></small>
12493              </div>
12494            </div>
12495          </div>
12496          <div class="rebuy-cart__flyout-empty-cart" role="region" aria-label="Empty cart message" v-if="!hasItems()" v-html="emptyCartMessage()"></div>
12497          <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()"  style="display: none;">
12498            <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id">
12499            </div>
12500          </div>
12501
12502          <div class="rebuy-upsell custom-upsell">
12503          </div>
12504
12505           <!--BEAM START-->
12506            <div data-beam-widget="select-nonprofit" v-if="hasItems()" class="rebuy-cart__beam-impact-widget-wrapper">
12507              
12508              <beam-select-nonprofit
12509                apiKey="orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae"
12510                storeId="528"
12511                lang="en"
12512              ></beam-select-nonprofit>
12513                    
12514            </div>
12515          <!-- BEAM END-->
12516        </div>
12517      </div>
12518      
12519      <div class="rebuy-cart__flyout-footer " v-if="hasItems()">
12520        
12521        <svg xmlns="http://www.w3.org/2000/svg" width="484" height="32" viewBox="0 0 484 32" fill="none">
12522          <mask id="mask0_2444_672" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-90" width="484" height="123">
12523          <g clip-path="url(#clip0_2444_672)">
12524          <g clip-path="url(#clip1_2444_672)">
12525          <path d="M484 33.5077H0.000100964L1.84516e-06 1.89865C-0.0153812 1.88604 96.1563 -4.01687 241.328 9.15926C386.5 22.3354 484 0.554199 484 0.554199V33.5077Z" fill="#1C4539"/>
12526          </g>
12527          </g>
12528          </mask>
12529          <g mask="url(#mask0_2444_672)">
12530          <rect width="484" height="32.2667" fill="#008168"/>
12530
12531          </g>
12532          <defs>
12533          <clipPath id="clip0_2444_672">
12534          <rect width="484" height="121.621" fill="white" transform="translate(0 -89.354)"/>
12535          </clipPath>
12536          <clipPath id="clip1_2444_672">
12537          <rect width="484" height="33.275" fill="white" transform="translate(0 0.232666)"/>
12538          </clipPath>
12539          </defs>
12540        </svg>
12541        <div class="rebuy-cart__flyout-footer--inner">
12542          
12543            <button
12544              class="rebuy-cart__flyout-footer-discount-button"
12545              v-if="shouldShowDiscountInput && shouldShowDiscountInput()"
12546              aria-expanded="false"
12547              aria-controls="rebuy-discount-accordion"
12548              v-on:click="
12549                  function($event) {
12550                    const accordion = $refs.rebuyDiscountAccordion;
12551                    accordion?.classList.toggle('rebuy-cart__flyout-footer-discount-field-hide');
12552                    $refs.accordionCloseIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion');
12553                    $refs.accordionOpenIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion');
12554                
12555                    const isOpen = !accordion.classList.contains('rebuy-cart__flyout-footer-discount-field-hide');
12556                    $event.currentTarget.setAttribute('aria-expanded', isOpen);
12557                
12558                    if (isOpen) {
12559                      console.log(accordion.querySelector('input'))
12560                      setTimeout(()=>(accordion.querySelector('input')?.focus()), 0)
12561                    }
12562                  }
12563              "
12564              v-show="discount && discount.amount === 0"
12565            >
12566              <div class="rebuy-cart__flyout-footer-discount-feild-copy">Add Promo Code</div>
12567
12568              <svg
12569                ref="accordionCloseIcon"
12570                class="rebuy-cart__flyout-footer-discount-accordion"
12571                width="14"
12572                height="14"
12573                viewBox="0 0 14 14"
12574                fill="none"
12575                aria-label="hidden"
12576                xmlns="http://www.w3.org/2000/svg"
12577              >
12578                <g clip-path="url(#clip0_1061_2171)">
12579                <path d="M0.875 7.0083H13.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
12580                </g>
12581                <defs>
12582                <clipPath id="clip0_1061_2171">
12583                <rect width="14" height="14" fill="white" transform="translate(0 0.00830078)"/>
12584                </clipPath>
12585                </defs>
12586              </svg>
12587
12588              <svg
12589                ref="accordionOpenIcon"
12590                width="16"
12591                height="16"
12592                viewBox="0 0 16 16"
12593                aria-label="hidden"
12594                fill="none"
12595                xmlns="http://www.w3.org/2000/svg"
12596              >
12597                <path d="M1.875 8.0083H14.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
12598                <path d="M8 1.8833L8 14.1333" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
12599              </svg>
12600            </button>
12601
12602            <div
12603              v-if="shouldShowDiscountInput && shouldShowDiscountInput()"
12604              class="rebuy-cart__flyout-discount rebuy-cart__flyout-footer-discount-field-hide"
12605              ref="rebuyDiscountAccordion"
12606              id="rebuy-discount-accordion"
12607            >
12608              <div class="rebuy-cart__flyout-discount-right">
12609                <div class="rebuy-cart__flyout-discount-input">
12610                  <input
12611                    class="input"
12612                    v-model="discount.inputValue"
12613                    placeholder="Enter your promo code"
12614                    id="rebuy-discount-input"
12615                    aria-label="Enter your promo code"
12616                  >
12617                
12618                </div>
12619                <button
12620                  class="rebuy-button"
12621                  aria-label="Apply promo code"
12622                  v-on:click="applyDiscount()"
12623                  v-bind:disabled="discount.loading"
12624                >
12625                  <span v-html="discountButtonLabel && discountButtonLabel()" class="rebuy-button-text"></span>
12626                </button>
12627              </div>
12628              <div
12629                  v-if="showInvalidMessage()"
12630                  class="rebuy-cart__flyout-discount-message"
12631                >
12632                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
12633                    <rect width="22" height="22" rx="11" fill="#D42A1C"/>
12634                    <g clip-path="url(#clip0_2947_17606)">
12635                    <path d="M11 16C11.4832 16 11.875 15.6082 11.875 15.125C11.875 14.6418 11.4832 14.25 11 14.25C10.5168 14.25 10.125 14.6418 10.125 15.125C10.125 15.6082 10.5168 16 11 16Z" fill="white"/>
12636                    <path d="M11 9.75V12.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12637                    <path d="M13.625 15.2499H14.789C15.912 15.2499 16.615 14.0339 16.054 13.0609L12.265 6.48394C11.703 5.50894 10.296 5.50894 9.73495 6.48394L5.94595 13.0609C5.38495 14.0339 6.08795 15.2499 7.21095 15.2499H8.37495" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12638                    </g>
12639                    <defs>
12640                    <clipPath id="clip0_2947_17606">
12641                    <rect width="12" height="12" fill="white" transform="translate(5 5)"/>
12642                    </clipPath>
12643                    </defs>
12644                  </svg>
12645                  <span
12646                    v-html="settings.language.discount_invalid_message"
12647                  >
12648                  </span>
12649                </div>
12650            </div>
12651          
12652          
12653          <div
12654            v-show="shouldShowDiscountSubtotal && shouldShowDiscountSubtotal()"
12655            class="rebuy-cart__flyout-discount-amount"
12656          >
12657            <div class="rebuy-cart__flyout-discount-left">
12658              <span class="rebuy-cart__flyout-label" v-html="discountLabel && discountLabel()"></span>
12659              <div class="rebuy-cart__flyout-tag" v-on:click="removeDiscount()">
12660                <span class="rebuy-cart__flyout-tag-discount-icon">
12661                  <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
12662                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.110969 4.9408C0.0266475 4.8558 -0.0130527 4.73575 0.00381144 4.61675L0.472623 1.30877C0.496436 1.14074 0.627406 1.00873 0.794095 0.984722L4.07578 0.512153C4.19383 0.495154 4.31293 0.535172 4.39725 0.620169L8.81748 5.07582C8.96543 5.22496 8.96543 5.46676 8.81748 5.6159L5.06698 9.39645C4.91903 9.54558 4.67915 9.54558 4.5312 9.39645L0.110969 4.9408ZM2.38806 1.83535C2.68396 2.13362 2.68396 2.61723 2.38806 2.9155C2.09215 3.21378 1.61239 3.21378 1.31648 2.9155C1.02058 2.61723 1.02058 2.13362 1.31648 1.83535C1.61239 1.53707 2.09215 1.53707 2.38806 1.83535Z" fill="white"/>
12663                    <path d="M6.13854 9.39644C5.99059 9.54558 5.75071 9.54557 5.60276 9.39644L9.35325 5.61589C9.5012 5.46675 9.5012 5.22495 9.35325 5.07581L4.93302 0.620159C4.90734 0.594269 4.87843 0.572551 4.8473 0.555349L5.14734 0.512143C5.26539 0.495143 5.38449 0.535162 5.46881 0.620159L9.88904 5.07581C10.037 5.22495 10.037 5.46675 9.88904 5.61589L6.13854 9.39644Z" fill="white"/>
12664                    </svg>
12665                </span>
12666                <span v-html="discount.inputValue" class="rebuy-cart__flyout-tag-discount-text"></span>
12667                <span class="rebuy-cart__flyout-tag-time">
12668                  <svg width="10" height="10" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
12669                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.90084 1.58674C7.03317 1.45442 7.03317 1.23987 6.90084 1.10755C6.76852 0.975219 6.55398 0.975219 6.42165 1.10755L4.00005 3.52916L1.57845 1.10755C1.44613 0.975219 1.23159 0.975219 1.09926 1.10755C0.966936 1.23987 0.966936 1.45442 1.09926 1.58674L3.52086 4.00836L1.09924 6.42999C0.966919 6.56232 0.966919 6.77686 1.09924 6.90919C1.23157 7.04152 1.44611 7.04152 1.57844 6.90919L4.00005 4.48756L6.42167 6.90919C6.55399 7.04152 6.76853 7.04152 6.90086 6.90919C7.03319 6.77686 7.03319 6.56232 6.90086 6.42999L4.47924 4.00836L6.90084 1.58674Z" fill="white"/>
12670                    <path d="M6.90084 1.10755L7.07762 0.93077L7.07762 0.930769L6.90084 1.10755ZM6.90084 1.58674L7.07762 1.76352V1.76352L6.90084 1.58674ZM6.42165 1.10755L6.59843 1.28432V1.28432L6.42165 1.10755ZM4.00005 3.52916L3.82327 3.70594L4.00005 3.88272L4.17683 3.70594L4.00005 3.52916ZM1.57845 1.10755L1.40168 1.28432V1.28432L1.57845 1.10755ZM1.09926 1.10755L1.27604 1.28432L1.09926 1.10755ZM1.09926 1.58674L1.27604 1.40997L1.09926 1.58674ZM3.52086 4.00836L3.69764 4.18514L3.87441 4.00836L3.69764 3.83158L3.52086 4.00836ZM1.09924 6.42999L1.27602 6.60677H1.27602L1.09924 6.42999ZM1.09924 6.90919L0.922466 7.08597H0.922467L1.09924 6.90919ZM1.57844 6.90919L1.75521 7.08597H1.75521L1.57844 6.90919ZM4.00005 4.48756L4.17683 4.31078L4.00005 4.134L3.82327 4.31078L4.00005 4.48756ZM6.42167 6.90919L6.24489 7.08597V7.08597L6.42167 6.90919ZM6.90086 6.90919L6.72408 6.73242L6.90086 6.90919ZM6.90086 6.42999L6.72408 6.60677L6.90086 6.42999ZM4.47924 4.00836L4.30247 3.83158L4.12569 4.00836L4.30247 4.18514L4.47924 4.00836ZM6.72406 1.28432C6.75876 1.31902 6.75876 1.37527 6.72406 1.40997L7.07762 1.76352C7.30757 1.53356 7.30758 1.16073 7.07762 0.93077L6.72406 1.28432ZM6.59843 1.28432C6.63312 1.24963 6.68937 1.24963 6.72407 1.28432L7.07762 0.930769C6.84766 0.700812 6.47483 0.700811 6.24487 0.93077L6.59843 1.28432ZM4.17683 3.70594L6.59843 1.28432L6.24487 0.93077L3.82327 3.35239L4.17683 3.70594ZM4.17683 3.35239L1.75523 0.93077L1.40168 1.28432L3.82327 3.70594L4.17683 3.35239ZM1.75523 0.93077C1.52527 0.700811 1.15244 0.700811 0.922484 0.93077L1.27604 1.28432C1.31073 1.24963 1.36698 1.24963 1.40168 1.28432L1.75523 0.93077ZM0.922484 0.93077C0.692528 1.16073 0.692529 1.53356 0.922484 1.76352L1.27604 1.40997C1.24134 1.37527 1.24134 1.31902 1.27604 1.28432L0.922484 0.93077ZM0.922484 1.76352L3.34408 4.18514L3.69764 3.83158L1.27604 1.40997L0.922484 1.76352ZM1.27602 6.60677L3.69764 4.18514L3.34408 3.83158L0.922467 6.25322L1.27602 6.60677ZM1.27602 6.73242C1.24133 6.69772 1.24133 6.64147 1.27602 6.60677L0.922467 6.25322C0.692511 6.48318 0.692511 6.85601 0.922466 7.08597L1.27602 6.73242ZM1.40166 6.73242C1.36696 6.76711 1.31072 6.76711 1.27602 6.73242L0.922467 7.08597C1.15242 7.31593 1.52526 7.31593 1.75521 7.08597L1.40166 6.73242ZM3.82327 4.31078L1.40166 6.73242L1.75521 7.08597L4.17683 4.66433L3.82327 4.31078ZM3.82327 4.66433L6.24489 7.08597L6.59844 6.73242L4.17683 4.31078L3.82327 4.66433ZM6.24489 7.08597C6.47485 7.31593 6.84768 7.31593 7.07764 7.08597L6.72408 6.73242C6.68939 6.76711 6.63314 6.76711 6.59844 6.73241L6.24489 7.08597ZM7.07764 7.08597C7.30759 6.85601 7.30759 6.48318 7.07764 6.25322L6.72408 6.60677C6.75878 6.64147 6.75878 6.69772 6.72408 6.73242L7.07764 7.08597ZM7.07764 6.25322L4.65602 3.83158L4.30247 4.18514L6.72408 6.60677L7.07764 6.25322ZM6.72406 1.40997L4.30247 3.83158L4.65602 4.18514L7.07762 1.76352L6.72406 1.40997Z" fill="white"/>
12671                  </svg>
12672                </span>
12673              </div>
12674            </div>
12675            <div class="rebuy-cart__flyout-subtotal-amount rebuy-cart__flyout-discount-right rebuy-cart__flyout-subtotal-amount-discount" v-html="discountTotal && discountTotal()"> </div>
12676          </div>
12677    
12678          <div class="rebuy-cart__flyout-subtotal">
12679            <div class="rebuy-cart__flyout-subtotal-label">
12680              <span class="rebuy-cart__flyout-subtotal-text">Subtotal</span>
12681            </div>
12682
12683            <div class="rebuy-cart__flyout-subtotal-amount">
12684                  <span class="rebuy-cart__flyout-subtotal-final-amount">
12685                      <span class="sr-only">Final price</span>
12686                      <span v-html="oliRebuyCartSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span>
12687                  </span>
12688              <span class="rebuy-cart__flyout-subtotal-compare-amount tw-hidden">
12689                      <span class="sr-only">Original price</span>
12690                      <span v-html="oliRebuyCartCompareSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span>
12691                  </span>
12692            </div>
12693
12694          </div>
12695          <div class="rebuy-cart__flyout-actions">
12696            <div v-if="settings.terms && settings.terms.enabled" class="rebuy-cart__flyout-terms">
12697              <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox"
12698                type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" />
12699              <label class="rebuy-cart__flyout-terms-label" for="rebuy-terms-checkbox" v-html="settings.terms.disclaimer"></label>
12700            </div>
12701            <button v-if="hasCheckoutButton()" id="rebuy-checkout-btn" class="block rebuy-button rebuy-button-checkout-text" type="button" v-on:click="checkout()" v-bind:disabled="hasTermsEnabled() && !hasAcceptedTerms()">
12702              <span>
12703                <svg xmlns="http://www.w3.org/2000/svg" width="460" height="653" viewBox="0 0 460 653" version="1.1"><path d="M 212.500 1.139 C 195.975 2.567, 175.196 7.572, 160.572 13.647 C 145.504 19.906, 123.424 32.565, 114.560 40.025 C 99.751 52.489, 91.305 61.195, 79.662 76 C 75.732 80.997, 67.884 93.901, 63.545 102.500 C 54.248 120.928, 50.344 132.761, 44.906 159 C 44.190 162.455, 43.593 182.255, 43.300 212.250 L 42.833 260 78.344 260 L 113.854 260 114.287 215.250 C 114.744 167.981, 114.725 168.194, 119.976 151.186 C 125.832 132.217, 141.329 109.557, 156.426 97.887 C 163.955 92.067, 175.022 84.888, 179 83.244 C 180.925 82.448, 184.975 80.668, 188 79.289 C 191.025 77.910, 198.675 75.662, 205 74.293 C 227.847 69.349, 255.747 71.801, 274.323 80.385 C 278.626 82.373, 282.402 84, 282.715 84 C 283.629 84, 296.138 92.046, 300.459 95.414 C 308.455 101.645, 320.652 114.750, 326.251 123.124 C 332.803 132.925, 337 141.688, 340.464 152.796 C 344.981 167.284, 345.288 170.850, 345.905 216 L 346.500 259.500 381.813 259.763 L 417.126 260.026 416.726 213.763 C 416.505 188.318, 416.022 165.700, 415.651 163.500 C 413.007 147.798, 408.744 131.100, 404.802 121 C 385.660 71.963, 349.155 34.342, 301.500 14.541 C 284.227 7.364, 268.511 3.459, 249 1.498 C 233.100 -0.100, 227.476 -0.155, 212.500 1.139 M 30.500 273.947 C 24.052 275.568, 16.323 279.850, 11.452 284.500 C 9.201 286.650, 4.005 294.941, 2.297 299.111 C 0.593 303.272, 0.500 311.806, 0.500 463.500 L 0.500 623.500 4.392 630.785 C 10.859 642.889, 20.201 649.781, 33.134 651.987 C 37.605 652.750, 97.383 652.988, 234 652.787 C 422.490 652.509, 428.654 652.441, 433.500 650.595 C 439.245 648.405, 445.918 644.080, 449.484 640.234 C 452.880 636.571, 457.688 627.271, 458.529 622.739 C 458.913 620.670, 459.626 618.731, 460.113 618.430 C 460.623 618.115, 460.993 551.236, 460.985 461.191 C 460.975 359.660, 460.628 305.028, 460 306 C 459.215 307.215, 459.028 307.077, 459.015 305.270 C 458.985 300.865, 452.768 288.529, 448.548 284.500 C 445.683 281.765, 439.588 277.734, 435.296 275.734 L 430.500 273.500 232 273.346 C 122.825 273.262, 32.150 273.532, 30.500 273.947 M 0.488 462.500 C 0.488 548.850, 0.606 584.027, 0.750 540.671 C 0.894 497.316, 0.894 426.666, 0.750 383.671 C 0.606 340.677, 0.488 376.150, 0.488 462.500 M 216 377.886 C 207.081 380.769, 202.216 383.745, 195.671 390.321 C 175.963 410.118, 176.320 440.220, 196.501 460.486 C 198.152 462.144, 201.199 464.395, 203.272 465.489 L 207.042 467.478 206.771 508.739 L 206.500 550.001 230 550.001 L 253.500 550.001 253.228 508.992 L 252.956 467.984 257.399 465.166 C 259.843 463.617, 263.928 459.908, 266.477 456.924 C 283.806 436.648, 282.895 409.044, 264.279 390.320 C 254.419 380.403, 243.609 375.960, 229.568 376.054 C 224.706 376.086, 219.315 376.814, 216 377.886" stroke="none" fill="#fffcfc" fill-rule="evenodd"/>
12703<path d="" stroke="none" fill="#fcfcfc" fill-rule="evenodd"/></svg>
12704                <span>Checkout</span>
12705              </span>
12706            </button>
12707            <button v-if="hasViewCartButton()" class="block rebuy-button" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()">
12708              <span v-html="viewCartLabel()"></span>
12709            </button>
12710            <button v-if="hasContinueShoppingButton()" class="block rebuy-button outline" type="button" v-on:click="hide()">
12711              <span v-html="continueShoppingLabel()"></span>
12712            </button>
12713            
12714            
12715              <div class="rebuy-cart__flyout-actions-note-below-cta">
12716                45 Day Money-Back Guarantee
12717              </div>
12718            
12719
12720            �
12721          </div>
12722          <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()"></div>
12723        </div>
12724      </div>
12725    </div>
12726    <div class="rebuy-cart__background" v-on:click="hide()"></div>
12727  </div>
12728</script>
12728
12729
12730
12731<style>
12732  #rebuy-checkout-btn:hover {
12733    background-color:  #E2EB28 !important;
12734  }
12735
12736  .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] {
12737    width: 70%;
12738  }
12739</style>
12740
12741<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=olipop-store.myshopify.com"></script>
12741
12742
12743<script>
12744  document.addEventListener('DOMContentLoaded', function() {
12745    const body = document.body;
12746    const html = document.documentElement;
12747  
12748    // Function to save and restore the scroll position
12749    function preserveScrollPosition(action) {
12750      const scrollPosition = {
12751        top: window.scrollY,
12752        left: window.scrollX
12753      };
12754      action();
12755      window.scrollTo(scrollPosition.left, scrollPosition.top);
12756    }
12757  
12758    // Create a MutationObserver to watch for changes to the body's class list
12759    const observer = new MutationObserver(function(mutationsList) {
12760      mutationsList.forEach(function(mutation) {
12761        if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
12762          if (body.classList.contains('rebuy-modal-visible')) {
12763            html.style.overflow = 'hidden';
12764          } else {
12765            preserveScrollPosition(() => {
12766              html.style.overflow = '';
12767            });
12768          }
12769        }
12770      });
12771    });
12772    observer.observe(body, { attributes: true });
12773  });
12774</script>
12774
12775<style>
12776  #rebuy-checkout-btn:hover {
12777    background-color:  #E2EB28 !important;
12778  }
12779
12780  .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] {
12781    width: 70%;
12782  }
12783</style>
12784
12785    
12786
12787
12788<script>
12789const getProductJSON = async (handle) => {
12790    let data = JSON.parse(sessionStorage.getItem("productJSONStore"));
12791
12792    if (data && data[handle]) {
12793        return data[handle];
12794    } else {
12795        await getStorefrontProduct(handle).then((product) => {
12796            saveProductJSON(product);
12797            return product;
12798        });
12799    }
12800};
12801
12802const saveProductJSON = (product) => {
12803    let data = JSON.parse(sessionStorage.getItem("productJSONStore"));
12804
12805    if (data == null) {
12806        data = {};
12807    }
12808
12809    if (product) {
12810        data[product.handle] = product;
12811    }
12812
12813    sessionStorage.setItem("productJSONStore", JSON.stringify(data));
12814};
12815
12816const removeProductJSON = (product) => {
12817    let data = JSON.parse(sessionStorage.getItem("productJSONStore"));
12818
12819    if (data == null) {
12820        data = {};
12821    }
12822
12823    if (product) {
12824        delete data[product.handle];
12825    }
12826
12827    sessionStorage.setItem("productJSONStore", JSON.stringify(data));
12828};
12829
12830const getStorefrontProduct = async (handle) => {
12831    return fetch(`${Shopify.routes.root}products/${handle}.js`).then(
12832        (response) => {
12833            return response.json();
12834        }
12835    );
12836};
12837
12838const enrichWidgetProducts = (widget) => {
12839    const products = widget.data.products;
12840
12841    for (var i = 0; i < products.length; i++) {
12842        updateProductJSON(products[i], () => {
12843            widget.initProducts(widget.data.products);
12844        });
12845    }
12846};
12847
12848const enrichCartItems = () => {
12849    const items = Rebuy.Cart.items();
12850    for (var i = 0; i < items.length; i++) {
12851        const item = items[i];
12852        const product = items[i].product;
12853
12854        updateProductJSON(product, () => {
12855            const productClone = Object.assign({}, product);
12856
12857            delete productClone.subscription;
12858            delete productClone.subscription_discount_amount;
12859            delete productClone.subscription_discount_type;
12860            delete productClone.subscription_frequencies;
12861            delete productClone.subscription_frequency;
12862            delete productClone.subscription_interval;
12863            delete productClone.subscription_id;
12864            delete productClone.is_subscription_only;
12865            delete productClone.has_subscription;
12866
12867            Rebuy.Cart.addEnrichedProduct(productClone);
12868
12869            Rebuy.Cart.initProduct(product, {
12870                item: item,
12871                clone: true,
12872            });
12873        });
12874    }
12875};
12876
12877const updateProductJSON = (product, callback = function () {}) => {
12878    getProductJSON(product.handle).then((json) => {
12879        if (typeof json?.requires_selling_plan != "undefined") {
12880            product.is_subscription_only = json?.requires_selling_plan;
12881        }
12882
12883        if (typeof json?.selling_plan_groups != "undefined") {
12884            extendProductWithSellingPlan(product, json?.selling_plan_groups[0]);
12885        }
12886
12887        callback(product);
12888    });
12889};
12890
12891const extendProductWithSellingPlan = (product, selling_plan_groups) => {
12892    if (product && selling_plan_groups) {
12893        // Set discount
12894        selling_plan_groups.discount_amount = 0;
12895        selling_plan_groups.discount_type = "none";
12896
12897        // Update selling plans
12898        for (let i = 0; i < selling_plan_groups.selling_plans.length; i++) {
12899            const selling_plan = selling_plan_groups.selling_plans[i];
12900
12901            // Surface discount amount and type to groups
12902            if (
12903                selling_plan_groups.discount_amount == 0 &&
12904                selling_plan_groups.discount_type == "none" &&
12905                selling_plan.price_adjustments.length > 0
12906            ) {
12907                let price_adjustment = selling_plan.price_adjustments[0];
12908                let valueType =
12909                    price_adjustment.value_type === "percentage"
12910                        ? "percentage"
12911                        : "fixed";
12912                let value = price_adjustment.value;
12913
12914                if (valueType === "fixed") {
12915                    value = (value / 100).toFixed(2);
12916                }
12917
12918                selling_plan_groups.discount_amount = value;
12919                selling_plan_groups.discount_type = valueType;
12920            }
12921
12922            // Surface order interval to selling plan
12923            let interval = getOrderIntervalForOptions(selling_plan.options[0]);
12924            selling_plan.order_interval_frequency = interval.frequency;
12925            selling_plan.order_interval_unit_type = interval.unit;
12926        }
12927
12928        // Add groups to product
12929        product.selling_plan_groups = [selling_plan_groups];
12930    }
12931};
12932
12933const getOrderIntervalForOptions = (option) => {
12934    const intervalUnits = ["day", "week", "month", "year"];
12935    const response = {
12936        frequency: 1,
12937        unit: "day",
12938    };
12939
12940    let frequency = option.value.toLowerCase().match(/\d+/g);
12941
12942    if (frequency != null) {
12943        response.frequency = frequency[0];
12944    }
12945
12946    for (let i = 0; i < intervalUnits.length; i++) {
12947        const unit = intervalUnits[i];
12948        let regex = new RegExp(unit, "g");
12949
12950        if (option.value.toLowerCase().match(regex)) {
12951            response.unit = unit;
12952            break;
12953        }
12954    }
12955
12956    return response;
12957};
12958
12959const enableSellingPlans = () => {
12960    const Rebuy = window.Rebuy;
12961    const Shop = window.Rebuy.shop;
12962
12963    if (Shop) {
12964        if (typeof Shop.integrations == "undefined") {
12965            Shop.integrations = {};
12966        }
12967        Shop.integrations.recharge = true;
12968        Shop.selling_plans_enabled = true;
12969    }
12970};
12971
12972document.addEventListener("rebuy:cart.enriched", (event) => {
12973    setTimeout(enrichCartItems, 0);
12974});
12975
12976document.addEventListener("rebuy.productsChange", (event) => {
12977    event.detail.widget.data.config.product_type = "both";
12978    enrichWidgetProducts(event.detail.widget);
12979});
12980
12981document.addEventListener("rebuy.loaded", () => {
12982    enableSellingPlans();
12983});
12984
12985// may or may not be necessary, have needed to do this on a few stores
12986document.addEventListener("rebuy:cart.change", () => {
12987    // re-enrich cart
12988    setTimeout(() => {
12989        Rebuy.Cart.enrichCart();
12990    }, 300);
12991});
12992</script>
12992
12993
12994
12995<script>
12996  window.switchToSubscriptionAssets = {
12997    checkmark: "\/\/drinkolipop.com\/cdn\/shop\/t\/1366\/assets\/switch-to-subscription-checkmark.svg?v=737727"
12998  }
12999</script>
12999
13000
13001
13002
13003<script id="rebuy-widget-104566" type="text/template">
13004  <div
13005    class="rebuy-widget"
13006    v-cloak
13007    v-on:click="stopPropagation($event)"
13008    v-bind:id="'rebuy-widget-' + id"
13009    v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
13010  >
13011    <div
13012      class="rebuy-widget-container"
13013      v-cloak
13014      v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]"
13015      v-on:click.self="hide()">
13016
13017      <div class="rebuy-widget-content">
13018        <div class="rebuy-modal-close" v-on:click="hide()">
13019          <i class="fas fa-times"></i>
13020        </div>
13021
13022        <div class="rebuy-timer" v-if="hasTimer()">
13023          <h5 class="rebuy-timer-title" v-if="config.language.timer_title">
13024            <span v-html="config.language.timer_title"></span>
13025            <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
13026          </h5>
13027        </div>
13028
13029        <h4
13030          class="super-title"
13031          v-if="config.language.super_title != ''"
13032          v-html="config.language.super_title"></h4>
13033        <img src="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Mask_group_a14b28d7-9678-4952-b6bd-8913d9526dea.png?v=1696021272">
13034        <h3
13035          class="primary-title"
13036          v-if="config.language.title != ''"
13037          v-html="config.language.title"></h3>
13038
13039        <div
13040          class="description"
13041          v-if="config.language.description != ''"
13042          v-html="config.language.description"></div>
13043
13044        <div class="rebuy-product-grid" v-bind:class="layoutClasses">
13045          <div
13046            class="rebuy-product-block"
13047            v-for="product in products"
13048            v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]">
13049            <div class="rebuy-subscription-bonuses">
13050              <div class="stsNote">
13051                <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">15% off EVERY subscription order</p>
13052              </div>
13053              <div class="stsNote">
13054                <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Free shipping in the contiguous U.S.</p>
13055              </div>
13056              <div class="stsNote">
13057                <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Swap, skip, or cancel anytime</p>
13058              </div>
13059            </div>
13060            <div class="rebuy-product-actions">
13061
13062              <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
13063                <label class="rebuy-checkbox-label">
13064                  <input
13065                    class="checkbox-input rebuy-checkbox"
13066                    v-model="product.subscription"
13067                    v-on:change="toggleSubscription(product)"
13068                    type="checkbox" />
13069                  <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
13070                </label>
13071              </div>
13072
13073              <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
13074                <select
13075                  class="rebuy-select"
13076                  v-model="product.subscription_frequency"
13077                  v-on:change="updateSubscriptionFrequency(product)">
13078                  <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency"></option>
13079                </select>
13080              </div>
13081
13082              <button
13083                class="rebuy-button"
13084                v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
13085                v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
13086                v-bind:alt="'Add ' + product.title + ' to Cart'"
13087                v-on:click="addUpsellToCart(product)"
13088                type="button">
13089                <span v-html="buttonLabel(product)"></span>
13090              </button>
13091
13092              <button
13093                class="rebuy-button decline"
13094                v-on:click="declineOffer(product)"
13095                type="button">
13096                <span v-html="declineLabel(product)"></span>
13097              </button>
13098            </div>
13099          </div>
13100        </div>
13101
13102        <div class="powered-by-rebuy">
13103          <a
13104            v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain"
13105            target="_blank"
13106            rel="noopener">
13107            Powered by Rebuy
13108          </a>
13109        </div>
13110      </div>
13111    </div>
13112  </div>
13113</script>
13113
13114
13115
13116<script>
13117document.addEventListener('rebuy:reorderLandingPage.ready', function(){
13118  if(Rebuy.ReorderLandingPage){
13119    Rebuy.Cart.cart?.items.forEach(item => {
13120      if (item.product?.tags.includes('exclude_rebuy')) {
13121        Rebuy.Cart.removeItem(item)
13122      }
13123    })
13124  }
13125});
13126</script>
13126
13127
13128<script type="text/javascript">usi_installed = 0; USI_installCode = function() { if (usi_installed == 0) { usi_installed = 1; var USI_headID = document.getElementsByTagName("head")[0]; var USI_installID = document.createElement('script'); USI_installID.type = 'text/javascript'; USI_installID.src = 'https://www.upsellit.com/active/olipop.jsp'; USI_headID.appendChild(USI_installID); } }; if (typeof(document.readyState) != "undefined" && document.readyState === "complete") { USI_installCode(); } else if (window.addEventListener){ window.addEventListener('load', USI_installCode, true); } else if (window.attachEvent) { window.attachEvent('onload', USI_installCode); } else { USI_installCode(); } setTimeout("USI_installCode()", 10000);</script>
13128
13129  <style> [data-suffix="berry-sipport-open"] header,[data-suffix="berry-sipport-closed"] header,[data-suffix="berry-sipport-ended"] header {background: #fff7e5 !important;} [data-suffix="berry-sipport-open"] .header-wrapper,[data-suffix="berry-sipport-closed"] .header-wrapper,[data-suffix="berry-sipport-ended"] .header-wrapper {background: #fff7e5 !important;} .site-nav-dropdown__subnav-header {background: #fff7e5 !important;} [data-suffix="berry-sipport-open"] footer .wave-separator-svg__curve-up-left,[data-suffix="berry-sipport-closed"] footer .wave-separator-svg__curve-up-left,[data-suffix="berry-sipport-ended"] footer .wave-separator-svg__curve-up-left {margin-bottom: -1px;} </style>
13130<div id="shopify-block-AWnY2RzdkTzNxdWNiS__15336829040930027027" class="shopify-block shopify-app-block"><style>
13131/* Critical-CSS safety net, not a replacement for rediem-dash.css: hardcodes only the
13132   structural properties (position, width, hidden/shown state) from its base
13133   .ripple-frame-container / .show selectors that determine whether the widget is
13134   full-screen and stuck versus correctly sized and closable, deliberately excluding
13135   cosmetic properties (background-color, box-shadow, border-radius, transition
13136   easing, ...) that don't affect that and are the ones most likely to change in a
13137   future styling pass. Protects against the async stylesheet below never getting
13138   promoted from preload to stylesheet (for example, a client-side page-transition
13139   library such as Barba.js swapping in a fresh, unpromoted preload link without
13140   re-running the loader script that would otherwise promote it). Same specificity
13141   as rediem-dash.css and declared before it in source order, so once the real
13142   stylesheet loads it wins the cascade normally, with no !important needed.
13143   apps/api/cdn-statics/criticalCssSync.test.ts fails loudly if these values and
13144   rediem-dash.css's ever disagree.
13145*/
13146.ripple-frame-container{position:fixed;width:390px;right:20px;transform:scale(0);opacity:0;visibility:hidden}
13147.ripple-frame-container.show{transform:scale(1);opacity:1;visibility:visible}
13148</style>
13149<link rel="preload" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=ec40ec2dd149f5533727b8140237dc742853231a" as="style" data-rediem-preload>
13150<noscript><link rel="stylesheet" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=ec40ec2dd149f5533727b8140237dc742853231a"></noscript>
13151
13152<div data-rdm_domain="drinkolipop.com" data-rdm_id="" data-rdm_email=""
13153  data-rdm_firstName="" data-rdm_lastName=""
13154  data-rdm_tags="" data-rdm_phone="" id="rdmWidgetLoadDiv">
13155</div>
13156
13157<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-dash.js?v=ec40ec2dd149f5533727b8140237dc742853231a" defer></script>
13157
13158
13159</div><div id="shopify-block-Aemp4K204NG5MWWxCU__9431864395560886015" class="shopify-block shopify-app-block">
13160
13161<script>
13162  window.__POLAR_CONFIG__ = {
13163    debug: false,
13164    shop: "olipop-store.myshopify.com",
13165    storefrontToken: null,
13166    cartMetafieldsEnabled: null,
13167    metafieldNamespace: "polar",
13168    metafieldKey: "attribution"
13169  };
13170</script>
13170
13171
13172<script src="https://cdn.shopify.com/extensions/01a06601-c356-7426-8020-d0ed6417f8c2/polar-analytics-33/assets/polar-cart-injector.js" async></script>
13172
13173
13174</div><div id="shopify-block-AbVJPUTJacTJ3WC9He__4947802007469450330" class="shopify-block shopify-app-block"><!-- rediem-referral.css loaded non-blocking. The referral UI (skeleton, iframe,
13175  widget, popups) is injected by JS after load, so nothing this styles exists at
13176  first paint; loading it blocking (via the schema `stylesheet` key) only delayed
13177  first paint. Served from Shopify's global CDN via asset_url. -->
13178<link rel="preload" href="https://cdn.shopify.com/extensions/01a0f858-f4e6-7ed3-834c-33b663fda03c/rediem-308/assets/rediem-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
13179<noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0f858-f4e6-7ed3-834c-33b663fda03c/rediem-308/assets/rediem-referral.css"></noscript>
13180
13181<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js?v=ec40ec2dd149f5533727b8140237dc742853231a" defer > </script>
13181
13182
13183<script>
13184(function () {
13185  // Main logic function
13186  const runRediemLogic = async () => {
13187
13188    window.rediemReferral = async () => {
13189      const REF_TUNNEL_URL = "https://referrals.rediem.io";
13190      const API_BASE_URL = "https://api.rediem.io/api";
13191
13192      const shop = 'drinkolipop.com';
13193      const customerId = '';
13194      const customerEmail = '';
13195      const customerFirstName = '';
13196      const customerLastName = '';
13197      const customerTags = "";
13198
13199      const rippl_url = new URL(window.location.href);
13200      const rediemRef = rippl_url.searchParams.get('rediemRef') || '';
13201      const source = rippl_url.searchParams.get('source') || 'direct';
13202
13203      const refContainer = document.getElementById('rediem_referral');
13204
13205      const urlParams = new URLSearchParams();
13206      if (shop) urlParams.append('shop', shop);
13207      if (source) urlParams.append('source', source);
13208      if (rediemRef) { urlParams.append('rediemRef', rediemRef) }
13209
13210      if (customerId) {
13211        urlParams.append('customerId', customerId);
13212        urlParams.append('customerEmail', customerEmail);
13213        urlParams.append('customerFirstName', customerFirstName);
13214        urlParams.append('customerLastName', customerLastName);
13215        urlParams.append('customerTags', customerTags);
13216      }
13217
13218      const finalURL = `${REF_TUNNEL_URL}${urlParams.toString() ? `?${urlParams.toString()}` : ''}`;
13219
13220      const rediemRefHTML = `
13221    <div class="rdm-skeleton-container">
13222        <div class="rdm-skeleton-section">
13223          <div class="rdm-skeleton-line rdm-line-header-1">&nbsp;</div>
13224          <div class="rdm-skeleton-line rdm-line-header-2">&nbsp;</div>
13225        </div>
13226        <div class="rdm-skeleton-tabs">
13227          <div class="rdm-skeleton-line rdm-line-tab">&nbsp;</div>
13228          <div class="rdm-skeleton-line rdm-line-tab">&nbsp;</div>
13229        </div>
13230        <div class="rdm-skeleton-card">
13231          <div class="rdm-skeleton-line rdm-line-card-1">&nbsp;</div>
13232          <div class="rdm-skeleton-line rdm-line-card-2">&nbsp;</div>
13233        </div>
13234        <div class="rdm-skeleton-card">
13235          <div class="rdm-skeleton-line rdm-line-balance-1">&nbsp;</div>
13236          <div class="rdm-skeleton-row">
13237            <div class="rdm-skeleton-line rdm-line-balance-2">&nbsp;</div>
13238            <div class="rdm-skeleton-line rdm-line-balance-3">&nbsp;</div>
13239          </div>
13240        </div>
13241        <p style="text-align:center;margin-top:40px;">Loading...</p>
13242      </div>
13243      <iframe
13244        allowusermedia
13245        class="rediem-referral-iframe"
13246        id="rediemReferralIframe"
13247        customerId="${customerId}"
13248        src="${finalURL}"
13249        title="Referral program - powered by rediem"
13250        aria-label="Referral program - powered by rediem"
13251        allow="clipboard-read; clipboard-write; geolocation; camera; microphone;"
13252        style="border: 0; width: 100%;">
13253      </iframe>`;
13254
13255      const apiEndpoint = `${API_BASE_URL}/referral?shop=${shop}`;
13256      try {
13257        const response = await fetch(apiEndpoint);
13258        const data = await response.json();
13259        sessionStorage.setItem('referralSetting', JSON.stringify(data?.data));
13260        const referralSetting = data?.data?.referralSetting || {};
13261        const { referralStatus, shopId, refWidget } = data?.data?.referralSetting || {};
13262        const { bglink } = data?.data || {};
13263
13264        if (referralStatus === 'active') {
13265          const widget_iframe = document.getElementById('RippleRewards');
13266          if (!widget_iframe) {
13267            const response = await fetch("/apps/next-proxy", {
13268              method: "GET",
13269              headers: { "Content-Type": "application/json" },
13270            });
13271
13272            const cacheKey = `user_${shop}`;
13273            let data = null;
13274
13275            if (response.ok) {
13276              if (response.status !== 204) {
13277                try {
13278                  const json = await response.json();
13279                  data = json?.data ?? null;
13280                } catch {
13281                  data = null;
13282                }
13283              }
13284            }
13285
13286            sessionStorage.setItem(
13287              cacheKey,
13288              JSON.stringify({ data, timestamp: Date.now() })
13289            );
13290          }
13291          if (data?.data?.primaryFontLink) {
13292            const primaryFontLink = document.createElement('link');
13293            primaryFontLink.rel = 'stylesheet';
13294            primaryFontLink.href = data.data.primaryFontLink;
13295            document.head.appendChild(primaryFontLink);
13296          }
13297
13298          if (data?.data?.secondaryFontLink) {
13299            const secondaryFontLink = document.createElement('link');
13300            secondaryFontLink.rel = 'stylesheet';
13301            secondaryFontLink.href = data.data.secondaryFontLink;
13302            document.head.appendChild(secondaryFontLink);
13303          }
13304
13305          const style = `
13306              .rediem-popup-content-wrapper,
13307              .rediem-popup-content-wrapper button,
13308              .rediem-popup-content-wrapper input,
13309              .ref-widget, .ref-text {
13310                font-family: '${referralSetting?.secondaryFontFamily}', sans-serif;
13311              }
13312              .p-font {
13313                font-family: '${referralSetting?.fontFamily}', sans-serif;
13314              }
13315              .p-color {
13316                color: ${referralSetting?.primaryColor || '#0077C8'} !important;
13317              }
13318              .s-color {
13319                color: ${referralSetting?.secondaryColor || '#667085'} !important;
13320              }
13321              .p-bg{
13322                background-color: ${referralSetting?.primaryColor || '#0077C8'} !important;
13323              }
13324              .widget-bg{
13325                background-color: ${referralSetting?.refWidget?.bgColor || referralSetting?.primaryColor || '#0077C8'} !important;
13326              }
13327          `;
13328
13329          const styleElement = document.createElement('style');
13330          styleElement.id = 'rediem-css';
13331          styleElement.innerHTML = style;
13332
13333          if (!document.getElementById('rediem-css')) {
13334            document.head.appendChild(styleElement);
13335          }
13336
13337          if (rediemRef) {
13338
13339            const decode = JSON.parse(atob(rediemRef.split('.')[1]));
13340            const rediem_advocate_id = (/^\d+$/.test(decode?.customerId) ? decode?.customerId : decode?.customerId?.split("/")?.at(-1));
13341            rdm_setCookie("rediem_advocate_id", rediem_advocate_id)
13342
13343            const friendReward = await rdm_getFriendReward(shopId);
13344            const reward = friendReward?.data?.[0];
13345            if (reward) {
13346              rdm_generatePopupHtml(reward, REF_TUNNEL_URL, customerId);
13347              sessionStorage.setItem('friendReward', JSON.stringify(reward));
13348            }
13349            fetch(`${API_URL}/referral/engagement/`, {
13350              method: 'PUT',
13351              headers: {
13352                'Content-Type': 'application/json',
13353              },
13354              body: JSON.stringify({ shop, type: "site-visit" }),
13355            });
13356          }
13357
13358          if (refContainer) {
13359            refContainer.innerHTML = rediemRefHTML;
13360          }
13361
13362          if (refWidget?.status) {
13363            rdm_appendRefWidget({ ...refWidget, widgetIcon: data?.data?.widgetIcon });
13364          }
13365        }
13366      } catch (error) {
13367        console.error("Error fetching data:", error);
13368      }
13369    };
13370
13371    const id = '';
13372    if (id && window.rdm_redirectToRefDash) window.rdm_redirectToRefDash();
13373    if (window.rdm_appendHiddenField) window.rdm_appendHiddenField();
13374
13375    if (typeof window.rediemReferral === 'function') {
13376      window.rediemReferral();
13377    }
13378  };
13379
13380  const loadDependency = (callback) => {
13381    if (typeof window.rdm_redirectToRefDash === 'function') {
13382      callback();
13383      return;
13384    }
13385
13386    const scriptSrc = "https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js";
13387    // Check if script already exists but globals aren't ready yet (e.g. still loading)
13388    const existingScript = document.querySelector(`script[src^="${scriptSrc}"]`);
13389
13390    if (existingScript) {
13391      // Poll for globals if script exists
13392      const checkInterval = setInterval(() => {
13393        if (typeof window.rdm_redirectToRefDash === 'function') {
13394          clearInterval(checkInterval);
13395          callback();
13396        }
13397      }, 100);
13398      return;
13399    }
13400
13401    // Load new script
13402    const script = document.createElement('script');
13403    script.src = `${scriptSrc}?v=ec40ec2dd149f5533727b8140237dc742853231a`;
13404    script.onload = callback;
13405    document.head.appendChild(script);
13406  };
13407
13408  if (document.readyState === "loading") {
13409    document.addEventListener("DOMContentLoaded", () => loadDependency(runRediemLogic));
13410  } else {
13411    loadDependency(runRediemLogic);
13412  }
13413})();
13414</script>
13414
13415
13416</div>
13416<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
13416
13417</body>
13418</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.