PageSourceSearch

https://drinkolipop.com/account/login

html drinkolipop.com collected 2026-09-24 18:59:33 UTC 664,721 bytes, 13,157 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  
25  
25<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v345","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":1790276373,"path":"\/account\/login","locale_root_url":"\/","canonical_url":"https:\/\/drinkolipop.com\/account\/login","customer_id":null,"customer_id_signature":"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb","cart":null}</script>
25<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;
25color:#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>
25
26      
26<script data-locksmith>Locksmith.cache.cart=null</script>
26
27
28  
28<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v345\",\"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\":1790276373,\"path\":\"\\\/account\\\/login\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/drinkolipop.com\\\/account\\\/login\",\"customer_id\":null,\"customer_id_signature\":\"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb\",\"cart\":null}";Locksmith.jsonTagSignature="9097fbbf7fb791d9044468e91d05eea37b576e58c8f08393df289ef1d2001864"</script>
28
29
30
31<script defer src="https://cdn.skio.com/scripts/shopify/head/shopify.ba9807f79b5cdb6483d5.js"></script>
31
32    <style>
33      #powrIframeLoader {
34        height: 0px !important;
35        display: none !important;
36      }
37    </style>
38
39    
40
41
42
43
44
45<style>
46  
47  
48
49
50  
51  
52  
53  
54
55  @font-face {
56    font-family: 'Ano';
57    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642) format('woff2'),
58      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff'),
59      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff');
60    font-weight: normal;
61    font-style: normal;
62    font-display: swap;
63  }
64  @font-face {
65    font-family: 'Ano';
66    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641) format('woff2'),
67      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff?v=128512130195275208821773709641) format('woff'),
68      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.ttf?v=10462471749511937761773709641) format('truetype');
69    font-weight: bold;
70    font-style: normal;
71    font-display: swap;
72  }
73  @font-face {
74    font-family: 'Ano';
75    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff2?v=84787568753283342751773709640) format('woff2'),
76      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff?v=93234225392720856311773709640) format('woff'),
77      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.ttf?v=62444619274782219361773709640) format('truetype');
78    font-weight: 900;
79    font-style: normal;
80    font-display: swap;
81  }
82  @font-face {
83    font-family: 'WindsorEF';
84    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641) format('woff2'),
85      url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff?v=110177191338651977801773709641) format('woff');
86    font-weight: 900;
87    font-style: normal;
88    font-display: swap;
89  }
90  @font-face {
91    font-family: 'WindsorEF';
92    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640) format('woff2'),
93      url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff?v=96714348010265649601773709640) format('woff'),
94      url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.ttf?v=176736781895084021861773709643) format('truetype');
95    font-weight: bold;
96    font-style: normal;
97    font-display: swap;
98  }
99
100  :root {
101
102    --font-weight-body--bold: 700;
103    --font-weight-body--bolder: 700;
104    --font-stack-header: Helvetica, Arial, sans-serif;
105    --font-style-header: normal;
106    --font-weight-header: 700;
107    --font-stack-body: Helvetica, Arial, sans-serif;
108    --font-style-body: normal;
109    --font-weight-body: 400;
110    --font-stack-cart-notification: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
111    --font-size-mobile-input: 16px; /* min 16px to prevent zooming */
112
113    --font-size-base: 15;
114    --font-size-header: 26;
115
116    --font-h1-desktop: 35;
117    --font-h1-mobile: 32;
118    --font-h2-desktop: 20;
119    --font-h2-mobile: 18;
120    --font-h3-mobile: 20;
121    --font-h4-desktop: 17;
122    --font-h4-mobile: 15;
123    --font-h4-min-height-mobile: 11;
124    --font-h5-desktop: 15;
125    --font-h5-mobile: 13;
126    --font-h6-desktop: 14;
127    --font-h6-mobile: 12;
128
129    --font-mega-title-large-desktop: 65;
130
131    --font-rich-text-large: 17;
132    --font-rich-text-small: 13;
133
134    --color-text: #3a3a3a;
135    --color-text-shadow: rgba(0,0,0,0.4);
136    --color-body-text: #333232;
137    --color-sale-text: #fa4545;
138    --color-small-button-text-border: #3a3a3a;
139    --color-text-field: rgba(0,0,0,0);
140    --color-text-field-text: #000000;
141    --color-navigation-text: #3a3a3a;
142
143    --color-btn-primary: #3a3a3a;
144    --color-btn-primary-darken: #212121;
145    --color-btn-primary-transparent: rgba(58, 58, 58, 0.8);
146    --color-btn-primary-text: #ffffff;
147
148    --color-body: #ffffff;
149    --color-bg: #ffffff;
150    --color-drawer-background: rgba(0, 0, 0, 0.6);
151    --color-bg-alt: rgba(51, 50, 50, 0.05);
152
153    --color-link: var(--color-body-text);
154    --opacity-link-hover: 0.6;
155
156    --color-overlay-title-text: #ffffff;
157    --color-image-overlay: #685858;
158    --opacity-image-overlay: 0.4;
159    --hover-overlay-opacity: 0.8;
160
161    --color-text-focus:#606060;
162    --color-overlay-text-focus:#e6e6e6;
163    --color-btn-primary-focus:#606060;
164    --color-btn-social-focus:#d2d2d2;
165    --color-small-button-text-border-focus:#606060;
166    --predictive-search-focus:#e6e6e6;
167
168    --transition-duration-fast: 100ms;
169    --transition-duration: 250ms;
170    --transition-duration-slow: 400ms;
171    --transition-link-hover: var(--transition-duration-fast) cubic-bezier(0.44, 0.13, 
1710.48, 0.87);
172    --transition-drawer: all var(--transition-duration-slow) cubic-bezier(0.29, 0.63, 0.44, 1);
173
174    --color-disabled: #f4f4f4;
175    --color-disabled-border: #f4f4f4;
176    --color-error: #d20000;
177    --color-error-message-list: #651818;
178    --color-error-bg: #fff8f8;
179    --color-success: #1F873D;
180    --color-success-bg: #f8fff9;
181
182    --color-grey: #B5C1BF;
183    --color-dark-green: #14433D;
184
185    --color-border: #ebebeb;
186    --color-border-form: #cccccc;
187    --color-border-form-darken: #b3b3b3;
188
189    --color-form-text: #333;
190    --color-error-input-text: var(--color-error);
191    --input-padding-top-bottom: 10px;
192    --input-padding-left-right: 18px;
193    --input-padding-top-bottom-small: 8px;
194    --input-padding-left-right-small: 15px;
195    --input-group-height: 46px;
196    --input-group-height-small: 42px;
197    --input-border-width: 1px;
198
199    --color-facebook: #3b5998;
200    --color-twitter: #00aced;
201    --color-pinterest: #cb2027;
202
203    --color-slideshow-arrows: #000;
204    --color-slideshow-dots: #fff;
205
206    --width-site: 1200px;
207    --gutter-site: 55px;
208    --gutter-site-mobile: 22px;
209    --section-spacing: 55px;
210    --section-spacing-small: 35px;
211    --border-radius: 2px;
212    --icon-size: 20px;
213    --connected-submit-size: calc(var(--icon-size) * 2.5);
214
215    --footer-spacing-extra-small: 5px;
216    --footer-spacing-small: 15px;
217    --footer-wrapper-spacing: 18px;
218    --footer-hr-bottom-spacing: 20px;
219    --footer-spacing-medium: 25px;
220    --footer-spacing-large: 45px;
221
222    --z-index-base: 1;
223    --z-index-dropdown: 7;
224    --z-index-sub-nav: 8;
225    --z-index-drawer: 9;
226    --z-index-mobile-nav: 11;
227    --z-index-search-bar: 999;
228    --z-index-predictive-search-wrapper: 1000;
229    --z-index-skip-to-content: 10000; /* really high to be safe of app markup */
230
231    --color-giftcard-tooltip-fallback: #333;
232    --color-giftcard-light: #fff;
233    --color-giftcard-tooltip: rgba(0, 0, 0, 0.9);
234    --color-giftcard-disabled: #999;
235    --color-giftcard-small-text: #b3b3b3;
236    --color-giftcard-shadow: rgba(0, 0, 0, 0.1);
237    --color-giftcard-print-bg: #fff;
238    --color-giftcard-print: #000;
239    --color-giftcard-bg: #e95e61;
240    --z-index-giftcard-image: 2;
241    --z-index-giftcard-corners: 3;
242    --z-index-giftcard-tooltip: 4;
243    --z-index-giftcard-code: 5;
244
245    /*================ Product video ================*/
246    /* Create an appropriate poster background color based on background color and brightness */
247    --color-video-bg: #f2f2f2;
248
249    --video-height-small: 475px;
250    --video-height-medium: 650px;
251    --video-height-large: 775px;
252
253    --z-index-video-image: 1;
254    --z-index-video: 2;
255    --z-index-video-text: 3;
256    --z-index-video-controls: 4;
257    --z-index-video-loader: 5;
258
259    --video-button-wrapper-size: 50px;
260    --video-pause-button-size: 34px;
261    --video-close-button-size: 30px;
262    --video-loader-size: 2.875rem;
263
264    --color-video-controls: #fff;
265    --color-video-controls-background: #000;
266
267    --ease-transition: cubic-bezier(0.44, 0.13, 0.48, 0.87);
268    --transition-controls-video: color 0.2s var(--ease-transition), background-color 0.2s var(--ease-transition);
269
270
271
272    --svg-select-icon: url(//drinkolipop.com/cdn/shop/t/1366/assets/ico-select.svg?v=29003672709104678581773709785);
273    --slick-img-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/ajax-loader.gif?v=41356863302472015721773709641);   
274    --home-banner-new-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-banner-new-wave.png?v=1623156746");
275    --home-blue-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-blue-wave.png?v=1773705965");
276    --story-hero-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-hero-wave.png?v=1773706032");
277    --story-mission-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-mission-wave.png?v=1773706074");
278    --home-bluedark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-bluedark-wave.png?v=1773706124");
279    --home-yellowdark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-yellowdark-wave.png?v=1773706165");
280    --check-symbol-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/check-symbol.svg?v=64434976676356328551773709640);
281    --arrow-down-green-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-green.svg?v=150330452122212680781773709642);
282    --arrow-up-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-up-white.svg?v=167673162154222429001773709643);
283    --arrow-down-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-white.svg?v=68322919614181549641773709643);
284    --preview-card-url: url(//drinkolipop.com/cdn/shop/products/1DigitalGiftCard-WEB-080422-AM_200x.png?v=1767277571);
285    --wave-image-curve-up-left: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-left.svg?v=142377189923728873181773709642);
286    --wave-image-curve-up-right: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-right.svg?v=115639462512050186531773709642);
287  }
288
289    
290  .rebuy-cart__flyout-item-discount-message.promo-sidecart {
291    color: #008168
292  }
293</style>
294
295<style>
296  .tippy-box[data-placement^='top'] > .tippy-svg-arrow {
297    bottom: 0;
298  }
299  .tippy-box[data-placement^='top'] > .tippy-svg-arrow:after,
300  .tippy-box[data-placement^='top'] > .tippy-svg-arrow > svg {
301    top: 16px;
302    transform: rotate(180deg);
303  }
304  .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow {
305    top: 0;
306  }
307  .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow > svg {
308    bottom: 16px;
309  }
310  .tippy-box[data-placement^='left'] > .tippy-svg-arrow {
311    right: 0;
312  }
313  .tippy-box[data-placement^='left'] > .tippy-svg-arrow:after,
314  .tippy-box[data-placement^='left'] > .tippy-svg-arrow > svg {
315    transform: rotate(90deg);
316    top: calc(50% - 3px);
317    left: 11px;
318  }
319  .tippy-box[data-placement^='right'] > .tippy-svg-arrow {
320    left: 0;
321  }
322  .tippy-box[data-placement^='right'] > .tippy-svg-arrow:after,
323  .tippy-box[data-placement^='right'] > .tippy-svg-arrow > svg {
324    transform: rotate(-90deg);
325    top: calc(50% - 3px);
326    right: 11px;
327  }
328  .tippy-svg-arrow {
329    width: 16px;
330    height: 16px;
331    fill: #333;
332    text-align: initial;
333  }
334  .tippy-svg-arrow,
335  .tippy-svg-arrow > svg {
336    position: absolute;
337  }
338  .tippy-box[data-animation='fade'][data-state='hidden'] {
339    opacity: 0;
340  }
341  [data-tippy-root] {
342    max-width: calc(100vw - 10px);
343  }
344  .tippy-box {
345    position: relative;
346    background-color: #333;
347    color: #fff;
348    border-radius: 4px;
349    font-size: 14px;
350    line-height: 1.4;
351    white-space: normal;
352    outline: 0;
353    transition-property: transform, visibility, opacity;
354  }
355  .tippy-box[data-placement^='top'] > .tippy-arrow {
356    bottom: 0;
357  }
358  .tippy-box[data-placement^='top'] > .tippy-arrow:before {
359    bottom: -7px;
360    left: 0;
361    border-width: 8px 8px 0;
362    border-top-color: initial;
363    transform-origin: center top;
364  }
365  .tippy-box[data-placement^='bottom'] > .tippy-arrow {
366    top: 0;
367  }
368  .tippy-box[data-placement^='bottom'] > .tippy-arrow:before {
369    top: -7px;
370    left: 0;
371    border-width: 0 8px 8px;
372    border-bottom-color: initial;
373    transform-origin: center bottom;
374  }
375  .tippy-box[data-placement^='left'] > .tippy-arrow {
376    right: 0;
377  }
378  .tippy-box[data-placement^='left'] > .tippy-arrow:before {
379    border-width: 8px 0 8px 8px;
380    border-left-color: initial;
381    right: -7px;
382    transform-origin: center left;
383  }
384  .tippy-box[data-placement^='right'] > .tippy-arrow {
385    left: 0;
386  }
387  .tippy-box[data-placement^='right'] > .tippy-arrow:before {
388    left: -7px;
389    border-width: 8px 8px 8px 0;
390    border-right-color: initial;
391    transform-origin: center right;
392  }
393  .tippy-box[data-inertia][data-state='visible'] {
394    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
395  }
396  .tippy-arrow {
397    width: 16px;
398    height: 16px;
399    color: #333;
400  }
401  .tippy-arrow:before {
402    content: '';
403    position: absolute;
404    border-color: transparent;
405    border-style: solid;
406  }
407  .tippy-content {
408    position: relative;
409    padding: 5px 9px;
410    z-index: 1;
411  }
412
413  .tippy-box,
414  .tippy-content {
415    @apply tw-border-hunter-green tw-bg-hunter-green tw-font-body tw-text-white;
416    font-size: 12px;
417    font-weight: 600 !important;
418    border-radius: 15px !important;
419    background: #14433d;
420  }
421
422  .tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before {
423    border-top-color: #14433d;
424  }
425  .tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before {
426    border-bottom-color: #14433d;
427  }
428  .tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before {
429    border-left-color: #14433d;
430  }
431  .tippy-box[data-theme~='custom'][data-placement^='right'] > .tippy-arrow::before {
432    border-right-color: #14433d;
433  }
434</style>
435
436<style>
437  .slide-loaded img {
438    display: block;
439  }
440</style>
441
442
443<link href="//drinkolipop.com/cdn/shop/t/1366/assets/tailwind.css?v=130264924762967316861787148487" rel="stylesheet" type="text/css" media="all" />
444<link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.css?v=178809282142725415031787148488" rel="stylesheet" type="text/css" media="all" />
445
446    
447  
447<script>
448    window.Shopify = window.Shopify || {theme: {id: 174423703711, role: 'main' } };
449    window._template = {
450      directory: "customers",
451      name: "login",
452      suffix: ""
453    };
454  </script>
454<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" async></script>
454
455
456
457    
458
459<script>
460  function getCookie(name) {
461    var dc = document.cookie;
462    var prefix = name + '=';
463    var begin = dc.indexOf('; ' + prefix);
464    if (begin == -1) {
465      begin = dc.indexOf(prefix);
466      if (begin != 0) return null;
467    } else {
468      begin += 2;
469      var end = document.cookie.indexOf(';', begin);
470      if (end == -1) {
471        end = dc.length;
472      }
473    }
474    // because unescape has been deprecated, replaced with decodeURI
475    //return unescape(dc.substring(begin + prefix.length, end));
476    return decodeURI(dc.substring(begin + prefix.length, end));
477  }
478
479  function toggleCart() {
480    var myCookie = getCookie('minicart');
481
482    if (myCookie == null) {
483    } else {
484      document.querySelectorAll('[js-header-cart-toggle]')[0].click();
485      document.cookie = 'minicart=open; max-age=-1; path=/;';
486    }
487  }
488
489  window.onload = toggleCart;
490</script>
490
491
492
493    <meta name="google-site-verification" content="629g7SNvjCz_F6-IHLE0Lgn-c8Wivr46zePptazfpDU">
494    <meta name="google-site-verification" content="RIGsAM1gz6RkUJV0cpvpleCzCBKvBdiyRF5vjkg555I">
495    <meta charset="utf-8">
496    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
497    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
498    <meta name="theme-color" content="#3a3a3a">
499    <meta name="facebook-domain-verification" content="pybjwio482kbh6cnks3fufwjx6jg1y">
500    <link rel="canonical" href="https://drinkolipop.com/account/login">
501    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
502    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642" as="font" type="font/woff2" crossorigin>
503    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641" as="font" type="font/woff2" crossorigin>
504    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641" as="font" type="font/woff2" crossorigin>
505    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640" as="font" type="font/woff2" crossorigin>
506
507    
508    
509<link rel="shortcut icon" href="//drinkolipop.com/cdn/shop/files/favicon_32x32.png?v=1613174610" type="image/png"><title>Account
510&ndash; OLIPOP</title>
511
512<!-- /snippets/social-meta-tags.liquid -->
513
514
515
516
517<meta property="og:site_name" content="OLIPOP">
518<meta property="og:url" content="https://drinkolipop.com/account/login"><meta property="og:title" content="Account">
519<meta property="og:type" content="website">
520<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.">
521
522
523
524
525
526  <meta name="twitter:site" content="@drinkolipop">
527
528<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Account">
529<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.">
530
531<script src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" defer="defer"></script>
531<link href="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641" as="script" rel="preload">
532    <link href="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" as="script" rel="preload">
533    <link href="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" as="script" rel="preload">
534    <link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" as="script" rel="preload">
535
536    
536<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641"></script>
536
537    
537<script src="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" async="async"></script>
537
538    
538<script src="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" async="async"></script>
538
539    
539<script src="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" defer="defer"></script>
539
540
541    
542
543
544
545  
546
547
548  
549
550  
551  
552
553
554<style data-shopify>
555  :root{
556    --flavor-color-overlay: ;
557    --flavor-color-100: ;
558    --flavor-color-200: ;
559    --flavor-color-300: ;
560    
561    --flavor-color-selector: ;
562    
563  }
564</style>
565
566
567    <link
568      rel="preload"
569      href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"
570      as="style"
571      onload="this.onload=null;this.rel='stylesheet'"
572    >
573    <noscript>
574      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css">
575    </noscript>
576
577    
578
579    
579<script>
580  var theme = {
581    breakpoints: {
582      medium: 750,
583      large: 990,
584      widescreen: 1400
585    },
586    strings: {
587      addToCart: "Add to Cart",
588      soldOut: "Sold out",
589      unavailable: "Unavailable",
590      regularPrice: "Regular price",
591      salePrice: "Sale price",
592      sale: "Sale",
593      fromLowestPrice: "Translation missing: en.products.product.from_lowest_price",
594      vendor: "Vendor",
595      showMore: "Show More",
596      showLess: "Show Less",
597      searchFor: "Search for",
598      addressError: "Error looking up that address",
599      addressNoResults: "No results for that address",
600      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.",
601      authError: "There was a problem authenticating your Google Maps account.",
602      newWindow: "Opens in a new window.",
603      external: "Opens external website.",
604      newWindowExternal: "Opens external website in a new window.",
605      removeLabel: "Remove [product]",
606      update: "Update",
607      quantity: "Quantity",
608      discountedTotal: "Discounted total",
609      regularTotal: "Regular total",
610      priceColumn: "See Price column for discount details.",
611      quantityMinimumMessage: "Quantity must be 1 or more",
612      cartError: "There was an error while updating your cart. Please try again.",
613      removedItemMessage: "Removed \u003cspan class=\"cart__removed-product-details\"\u003e([quantity]) [link]\u003c\/span\u003e from your cart.",
614      unitPrice: "Unit price",
615      unitPriceSeparator: "per",
616      oneCartCount: "1 item",
617      otherCartCount: "[count] items",
618      quantityLabel: "Quantity: [count]",
619      products: "Products",
620      loading: "Loading",
621      number_of_results: "[result_number] of [results_count]",
622      number_of_results_found: "[results_count] results found",
623      one_result_found: "1 result found"
624    },
625    moneyFormat: "${{amount}}",
626    moneyFormatWithCurrency: "${{amount}} USD",
627    settings: {
628      predictiveSearchEnabled: true,
629      predictiveSearchShowPrice: false,
630      predictiveSearchShowVendor: false
631    }
632  }
633
634  document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
635</script>
635
636
637
638    
639  
639<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
639<meta name="google-site-verification" content="AyZS0I17j-RAsaWg3fqLOEn7aOAY0CZl3vMq1XulJa8">
640<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/3466100806/digital_wallets/dialog">
641<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">
642<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
642<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5986484383"></script>
642
643<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
644<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 644
644
645<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 645
645
646<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 646
646
647<script>var Shopify = Shopify || {};
648Shopify.shop = "olipop-store.myshopify.com";
649Shopify.locale = "en";
650Shopify.currency = {"active":"USD","rate":"1.0"};
651Shopify.country = "US";
652Shopify.theme = {"name":"Production | ehouse","id":174423703711,"schema_name":"Olipop","schema_version":"1.0","theme_store_id":null,"role":"main"};
653Shopify.theme.handle = "null";
654Shopify.theme.style = {"id":null,"handle":null};
655Shopify.cdnHost = "drinkolipop.com/cdn";
656Shopify.routes = Shopify.routes || {};
657Shopify.routes.root = "/";
658Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
659Shopify.SignInWithShop = Shopify.SignInWithShop || {};
660Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
661Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 661
661
662<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 662
662
663<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 663
663
664<script>
665  window.ShopifyPay = window.ShopifyPay || {};
666  window.ShopifyPay.apiHost = "shop.app\/pay";
667  window.ShopifyPay.redirectState = null;
668</script>
vendor: 1 bytes, line 668
668
669<script>
670  window.Shopify = window.Shopify || {};
671  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
672  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
673  window.Shopify.SignInWithShop.eligible = true;
674</script>
vendor: 1 bytes, line 674
674
675<script id="shop-js-analytics" type="application/json">{"pageType":"customers/login"}</script>
vendor: 1 bytes, line 675
675
676<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 676
676
677<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 677
677
678<script type="module">
679  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js");
680await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js");
681
682  window.Shopify.SignInWithShop?.initCustomerAccounts?.(true, {"fedCMEnabled":true,"windoidEnabled":true});
683window.Shopify.SignInWithShop?.initCustomerAccountsSignUp?.({"fedCMEnabled":true,"windoidEnabled":true});
684
685</script>
vendor: 1 bytes, line 685
685
686<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 686
686
687<script type="module">
688  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
689
690  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
691
692</script>
vendor: 1 bytes, line 692
692
693<script>
694  window.Shopify = window.Shopify || {};
695  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
696  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"]};
697</script>
vendor: 1 bytes, line 697
697
698<script>(function() {
699  var isLoaded = false;
700  function asyncLoad() {
701    if (isLoaded) return;
702    isLoaded = true;
703    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","https:\/\/na.shgcdn3.com\/pixel-collector.js?shop=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"];
704    for (var i = 0; i < urls.length; i++) {
705      var s = document.createElement('script');
706      s.type = 'text/javascript';
707      s.async = true;
708      s.src = urls[i];
709      var x = document.getElementsByTagName('script')[0];
710      x.parentNode.insertBefore(s, x);
711    }
712  };
713  if(window.attachEvent) {
714    window.attachEvent('onload', asyncLoad);
715  } else {
716    window.addEventListener('load', asyncLoad, false);
717  }
718})();</script>
vendor: 1 bytes, line 718
718
719<script id="__st">var __st={"a":3466100806,"offset":-25200,"reqid":"2dd50080-5440-4d02-9795-5061ba75ef30-1790276373","pageurl":"drinkolipop.com\/account\/login","u":"f077ad0e1df0"};</script>
vendor: 1 bytes, line 719
719
720<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 720
720
721<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 721
721
722<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 722
722
723<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>
723<script crossorigin="anonymous" defer="defer" src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 723
723
724<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 724
724
725<script>
726  window.Shopify = window.Shopify || {};
727  window.Shopify.MCP = window.Shopify.MCP || {};
728  window.Shopify.MCP.enabled = true;
729  window.Shopify.MCP.shop = "olipop-store.myshopify.com";
730  window.Shopify.MCP.mcpEndpoint = "https:\/\/drinkolipop.com\/api\/mcp";
731  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"]}}];
732</script>
vendor: 1 bytes, line 732
732
733<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=");})();
734</script>
vendor: 1 bytes, line 734
734
735<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)}};
736</script>
vendor: 1 bytes, line 736
736
737<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
738  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);
739</script>
vendor: 1 bytes, line 739
739
740<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})}}));
741</script>
741
742<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">
743<style id="shopify-accelerated-checkout-cart">
744        #shopify-buyer-consent {
745  margin-top: 1em;
746  display: inline-block;
747  width: 100%;
748}
749
750#shopify-buyer-consent.hidden {
751  display: none;
752}
753
754#shopify-subscription-policy-button {
755  background: none;
756  border: none;
757  padding: 0;
758  text-decoration: underline;
759  font-size: inherit;
760  cursor: pointer;
761}
762
763#shopify-subscription-policy-button::before {
764  box-shadow: none;
765}
766
767      </style>
768
769<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
769
770  
771
772
773
774
775
776  
776<script type="text/javascript">
777    
778      window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}};
779    
780    window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || {
781      currency: "USD",
782      currency_symbol: "$",
783      decimal_separator: ".",
784      thousands_separator: ",",
785      decimal_places: 2,
786      currency_symbol_location: "left"
787    };
788  </script>
788
789
790
791
792    
793    
794
795<script type="text/javascript">
796  
797    window.SHG_CUSTOMER = null;
798  
799</script>
799
800
801
802
803
804
805
806
807    
807<script type="text/javascript">
808  (function (a, b, c, d, e, f, g) {
809    e['ire_o'] = c;
810    e[c] =
811      e[c] ||
812      function () {
813        (e[c].a = e[c].a || []).push(arguments);
814      };
815    f = d.createElement(b);
816    g = d.getElementsByTagName(b)[0];
817    f.async = 1;
818    f.src = a;
819    g.parentNode.insertBefore(f, g);
820  })('https://utt.impactcdn.com/A2662258-414b-48e3-94ab-d5cc41204ee91.js', 'script', 'ire', document, window);
821</script>
821
822
823    
824
825
826    
827
828<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js"></script>
828
829
830<script type="text/javascript">
831  var _learnq = _learnq || [];
832
833  
834    var page_item = {
835      "Page": "account",
836      "Path": "/account/login"
837    };
838    _learnq.push(["track", "Viewed Page", page_item]);
839
840  
841</script>
841
842
843
844    
845
846    
847
848    
849
850    
851    
852    
853      
853<script src="https://shop.basketful.co/basketful.js" defer async></script>
853
854    
855    
855<script src="//drinkolipop.com/cdn/shop/t/1366/assets/manifest.min.js?v=124651888751126447011773709641" type="text/javascript"></script>
vendor: 1 bytes, line 855
855
856<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.min.js?v=32262416620800875671773709641" type="text/javascript"></script>
vendor: 1 bytes, line 856
856
857<script src="//drinkolipop.com/cdn/shop/t/1366/assets/app.min.js?v=89531106029643191081787148487" type="text/javascript"></script>
857
858
859    
860  
860<script type="text/javascript">
861    (function (c, l, a, r, i, t, y) {
862      c[a] =
863        c[a] ||
864        function () {
865          (c[a].q = c[a].q || []).push(arguments);
866        };
867      t = l.createElement(r);
868      t.async = 1;
869      t.src = 'https://www.clarity.ms/tag/' + i;
870      y = l.getElementsByTagName(r)[0];
871      y.parentNode.insertBefore(t, y);
872    })(window, document, 'clarity', 'script', 'm5uhteaodo');
873  </script>
873
874
875
876    
877  
877<script type="text/javascript" async="true" src="https://d334twvzz0qrmj.cloudfront.net/70a0ac8d.js"></script>
877
878  
878<script>
879    document.addEventListener('DOMContentLoaded', () => {
880      if (window?.gtag) {
881        window.gtag('event', 'BrandlockTest', { bl_ea: 'BrandlockTest', bl_el: 'BrandlockTest' });
882        window.gtag('event', 'BrandlockTest', { bl_ea: 'HijackShopper-ON', bl_el: 'Test' });
883      }
884    });
885  </script>
885
886
887
888    
889<!-- BEGIN app block: shopify://apps/intelligems-a-b-testing/blocks/intelligems-script/fa83b64c-0c77-4c0c-b4b2-b94b42f5ef19 -->
889<script>
890  window._template = {
891    directory: "customers",
892    name: "login",
893    suffix: ""
894  };
895  window.__productIdFromTemplate = null;
896  window.__plpCollectionIdFromTemplate = null;
897  window.igProductData = (function() {
898    const data = {};return data;
899  })();
900</script>
900
901
902<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" data-em-disable async></script>
902
903
904
905<!-- END app block --><!-- BEGIN app block: shopify://apps/wyllo-formerly-nofraud/blocks/nf_device/5c2706cf-d458-49c5-a6fa-4fb6b79ce2b4 -->
905<script async src="https://services.nofraud.com/js/device.js?shop=olipop-store.myshopify.com" type="application/javascript"></script>
905
906
907
908<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 -->
909
910
911
912<script type="module" dynamic>
913  const configUrl = "/a/elevar/static/configs/3bd4c3efadb9bd7b389600baaae057f8a9972102/config.js";
914  const config = (await import(configUrl)).default;
915  const scriptUrl = config.script_src_app_theme_embed;
916
917  if (scriptUrl) {
918    const { handler } = await import(scriptUrl);
919
920    await handler(
921      config,
922      {
923        cartData: {
924  marketId: "3724869791",
925  localeCountryCode:"US",
926  attributes:{},
927  cartTotal: "0.0",
928  currencyCode:"USD",
929  items: []
930}
931,
932        user: {
933  cartTotal: "0.0",
934  currencyCode:"USD",
935  customer: {},
936}
937,
938        isOnCartPage:false,
939        collectionView:null,
940        searchResultsView:null,
941        productView:null,
942      }
943    );
944  }
945</script>
945
946
947
948<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
949
950
951
952
953
954
955
956
957
958
959
960
961  
961<script async src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js?company_id=PbvgDc"></script>
961
962  
962<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>
962
963
964  
965
966
967
968
969  
969<script>
970    window.klaviyoReviewsProductDesignMode = false
971  </script>
971
972
973
974
975
976
977
978
979
980
981<!-- END app block --><!-- BEGIN app block: shopify://apps/videowise-video-commerce/blocks/script_embed/b48d6c0c-3e3f-4791-a9ab-a5ab7ec82f4d -->
982
983
984
985
986<link
987  rel="preload"
988  as="style"
989  onload="this.onload=null;this.rel='stylesheet'"
990  href="https://assets.videowise.com/style.css.gz"
991  id="videowise-style-css">
992<script
993  defer
994  src="https://assets.videowise.com/vendors.js.gz"
995  id="videowise-vendors-js"></script>
vendor: 1 bytes, line 995
995
996<script
997  defer
998  src="https://assets.videowise.com/client.js.gz"
999  id="videowise-client-js"></script>
999
1000
1001<link rel="dns-prefetch" href="https://assets.videowise.com/" />
1002
1003<link rel="dns-prefetch" href="https://cdn2.videowise.com/" />
1004
1005<link rel="dns-prefetch" href="https://api-cdn.videowise.com/" />
1006
1007<link rel="dns-prefetch" href="https://images.videowise.com/" />
1008
1009<link rel="dns-prefetch" href="https://cdn.videowise.com/" />
1010
1011<!-- 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 />
1012<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
1013<script>
1014/* >> TriplePixel :: start*/
1015window.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);
1016/* << TriplePixel :: end*/
1017</script>
1017
1018
1019
1020
1021<!-- END app block --><!-- BEGIN app block: shopify://apps/attributepro/blocks/cart_attributes/e1a73f15-800a-4f25-9c6e-952ac434f07b -->
1021<script>
1022var 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};
1022function 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}();
1023</script>
vendor: 1 bytes, line 1023
1023
vendor: 5,375 bytes, lines 1024-1210
1024<script>
1025;(function(root, factory) {
1026  if (typeof define === "function" && define.amd) {
1027    define(factory);
1028  } else if (typeof exports === "object") {
1029    module.exports = factory();
1030  } else {
1031    root.jsonLogic = factory();
1032  }
1033}(this, function() {
1034  "use strict";
1035  /* globals console:false */
1036
1037  if ( ! Array.isArray) {
1038    Array.isArray = function(arg) {
1039      return Object.prototype.toString.call(arg) === "[object Array]";
1040    };
1041  }
1042
1043  /**
1044   * Return an array that contains no duplicates (original not modified)
1045   * @param  {array} array   Original reference array
1046   * @return {array}         New array with no duplicates
1047   */
1048  function arrayUnique(array) {
1049    var a = [];
1050    for (var i=0, l=array.length; i<l; i++) {
1051      if (a.indexOf(array[i]) === -1) {
1052        a.push(array[i]);
1053      }
1054    }
1055    return a;
1056  }
1057
1058  var jsonLogic = {};
1059  var operations = {
1060    "==": function(a, b) {
1061      return a == b;
1062    },
1063    "===": function(a, b) {
1064      return a === b;
1065    },
1066    "!=": function(a, b) {
1067      return a != b;
1068    },
1069    "!==": function(a, b) {
1070      return a !== b;
1071    },
1072    ">": function(a, b) {
1073      return a > b;
1074    },
1075    ">=": function(a, b) {
1076      return a >= b;
1077    },
1078    "<": function(a, b, c) {
1079      return (c === undefined) ? a < b : (a < b) && (b < c);
1080    },
1081    "<=": function(a, b, c) {
1082      return (c === undefined) ? a <= b : (a <= b) && (b <= c);
1083    },
1084    "!!": function(a) {
1085      return jsonLogic.truthy(a);
1086    },
1087    "!": function(a) {
1088      return !jsonLogic.truthy(a);
1089    },
1090    "%": function(a, b) {
1091      return a % b;
1092    },
1093    "log": function(a) {
1094      console.log(a); return a;
1095    },
1096    "in": function(a, b) {
1097      if (!b || typeof b.indexOf === "undefined") return false;
1098      return (b.indexOf(a) !== -1);
1099    },
1100    "cat": function() {
1101      return Array.prototype.join.call(arguments, "");
1102    },
1103    "substr": function(source, start, end) {
1104      if (end < 0) {
1105        // JavaScript doesn't support negative end, this emulates PHP behavior
1106        var temp = String(source).substr(start);
1107        return temp.substr(0, temp.length + end);
1108      }
1109      return String(source).substr(start, end);
1110    },
1111    "+": function() {
1112      return Array.prototype.reduce.call(arguments, function(a, b) {
1113        return parseFloat(a, 10) + parseFloat(b, 10);
1114      }, 0);
1115    },
1116    "*": function() {
1117      return Array.prototype.reduce.call(arguments, function(a, b) {
1118        return parseFloat(a, 10) * parseFloat(b, 10);
1119      });
1120    },
1121    "-": function(a, b) {
1122      if (b === undefined) {
1123        return -a;
1124      } else {
1125        return a - b;
1126      }
1127    },
1128    "/": function(a, b) {
1129      return a / b;
1130    },
1131    "min": function() {
1132      return Math.min.apply(this, arguments);
1133    },
1134    "max": function() {
1135      return Math.max.apply(this, arguments);
1136    },
1137    "merge": function() {
1138      return Array.prototype.reduce.call(arguments, function(a, b) {
1139        return a.concat(b);
1140      }, []);
1141    },
1142    "var": function(a, b) {
1143      var not_found = (b === undefined) ? null : b;
1144      var data = this;
1145      if (typeof a === "undefined" || a==="" || a===null) {
1146        return data;
1147      }
1148      var sub_props = String(a).split(".");
1149      for (var i = 0; i < sub_props.length; i++) {
1150        if (data === null || data === undefined) {
1151          return not_found;
1152        }
1153        // Descending into data
1154        data = data[sub_props[i]];
1155        if (data === undefined) {
1156          return not_found;
1157        }
1158      }
1159      return data;
1160    },
1161    "missing": function() {
1162      /*
1163      Missing can receive many keys as many arguments, like {"missing:[1,2]}
1164      Missing can also receive *one* argument that is an array of keys,
1165      which typically happens if it's actually acting on the output of another command
1166      (like 'if' or 'merge')
1167      */
1168
1169      var missing = [];
1170      var keys = Array.isArray(arguments[0]) ? arguments[0] : arguments;
1171
1172      for (var i = 0; i < keys.length; i++) {
1173        var key = keys[i];
1174        var value = jsonLogic.apply({"var": key}, this);
1175        if (value === null || value === "") {
1176          missing.push(key);
1177        }
1178      }
1179
1180      return missing;
1181    },
1182    "missing_some": function(need_count, options) {
1183      // missing_some takes two arguments, how many (minimum) items must be present, and an array of keys (just like 'missing') to check for presence.
1184      var are_missing = jsonLogic.apply({"missing": options}, this);
1185
1186      if (options.length - are_missing.length >= need_count) {
1187        return [];
1188      } else {
1189        return are_missing;
1190      }
1191    },
1192  };
1193
1194  jsonLogic.is_logic = function(logic) {
1195    return (
1196      typeof logic === "object" && // An object
1197      logic !== null && // but not null
1198      ! Array.isArray(logic) && // and not an array
1199      Object.keys(logic).length === 1 // with exactly one key
1200    );
1201  };
1202
1203  /*
1204  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.
1205
1206  Spec and rationale here: http://jsonlogic.com/truthy
1207  */
1208  jsonLogic.truthy = function(value) {
1209    if (Array.isArray(value) && value.length === 0) {
1210      return false;
vendor: 8,637 bytes, lines 1211-1472
1211    }
1212    return !! value;
1213  };
1214
1215
1216  jsonLogic.get_operator = function(logic) {
1217    return Object.keys(logic)[0];
1218  };
1219
1220  jsonLogic.get_values = function(logic) {
1221    return logic[jsonLogic.get_operator(logic)];
1222  };
1223
1224  jsonLogic.apply = function(logic, data) {
1225    // Does this array contain logic? Only one way to find out.
1226    if (Array.isArray(logic)) {
1227      return logic.map(function(l) {
1228        return jsonLogic.apply(l, data);
1229      });
1230    }
1231    // You've recursed to a primitive, stop!
1232    if ( ! jsonLogic.is_logic(logic) ) {
1233      return logic;
1234    }
1235
1236    var op = jsonLogic.get_operator(logic);
1237    var values = logic[op];
1238    var i;
1239    var current;
1240    var scopedLogic;
1241    var scopedData;
1242    var initial;
1243
1244    // easy syntax for unary operators, like {"var" : "x"} instead of strict {"var" : ["x"]}
1245    if ( ! Array.isArray(values)) {
1246      values = [values];
1247    }
1248
1249    // 'if', 'and', and 'or' violate the normal rule of depth-first calculating consequents, let each manage recursion as needed.
1250    if (op === "if" || op == "?:") {
1251      /* 'if' should be called with a odd number of parameters, 3 or greater
1252      This works on the pattern:
1253      if( 0 ){ 1 }else{ 2 };
1254      if( 0 ){ 1 }else if( 2 ){ 3 }else{ 4 };
1255      if( 0 ){ 1 }else if( 2 ){ 3 }else if( 4 ){ 5 }else{ 6 };
1256
1257      The implementation is:
1258      For pairs of values (0,1 then 2,3 then 4,5 etc)
1259      If the first evaluates truthy, evaluate and return the second
1260      If the first evaluates falsy, jump to the next pair (e.g, 0,1 to 2,3)
1261      given one parameter, evaluate and return it. (it's an Else and all the If/ElseIf were false)
1262      given 0 parameters, return NULL (not great practice, but there was no Else)
1263      */
1264      for (i = 0; i < values.length - 1; i += 2) {
1265        if ( jsonLogic.truthy( jsonLogic.apply(values[i], data) ) ) {
1266          return jsonLogic.apply(values[i+1], data);
1267        }
1268      }
1269      if (values.length === i+1) {
1270        return jsonLogic.apply(values[i], data);
1271      }
1272      return null;
1273    } else if (op === "and") { // Return first falsy, or last
1274      for (i=0; i < values.length; i+=1) {
1275        current = jsonLogic.apply(values[i], data);
1276        if ( ! jsonLogic.truthy(current)) {
1277          return current;
1278        }
1279      }
1280      return current; // Last
1281    } else if (op === "or") {// Return first truthy, or last
1282      for (i=0; i < values.length; i+=1) {
1283        current = jsonLogic.apply(values[i], data);
1284        if ( jsonLogic.truthy(current) ) {
1285          return current;
1286        }
1287      }
1288      return current; // Last
1289    } else if (op === "filter") {
1290      scopedData = jsonLogic.apply(values[0], data);
1291      scopedLogic = values[1];
1292
1293      if ( ! Array.isArray(scopedData)) {
1294        return [];
1295      }
1296      // Return only the elements from the array in the first argument,
1297      // that return truthy when passed to the logic in the second argument.
1298      // For parity with JavaScript, reindex the returned array
1299      return scopedData.filter(function(datum) {
1300        return jsonLogic.truthy( jsonLogic.apply(scopedLogic, datum));
1301      });
1302    } else if (op === "map") {
1303      scopedData = jsonLogic.apply(values[0], data);
1304      scopedLogic = values[1];
1305
1306      if ( ! Array.isArray(scopedData)) {
1307        return [];
1308      }
1309
1310      return scopedData.map(function(datum) {
1311        return jsonLogic.apply(scopedLogic, datum);
1312      });
1313    } else if (op === "reduce") {
1314      scopedData = jsonLogic.apply(values[0], data);
1315      scopedLogic = values[1];
1316      initial = typeof values[2] !== "undefined" ? values[2] : null;
1317
1318      if ( ! Array.isArray(scopedData)) {
1319        return initial;
1320      }
1321
1322      return scopedData.reduce(
1323        function(accumulator, current) {
1324          return jsonLogic.apply(
1325            scopedLogic,
1326            {current: current, accumulator: accumulator}
1327          );
1328        },
1329        initial
1330      );
1331    } else if (op === "all") {
1332      scopedData = jsonLogic.apply(values[0], data);
1333      scopedLogic = values[1];
1334      // All of an empty set is false. Note, some and none have correct fallback after the for loop
1335      if ( ! Array.isArray(scopedData) || ! scopedData.length) {
1336        return false;
1337      }
1338      for (i=0; i < scopedData.length; i+=1) {
1339        if ( ! jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) {
1340          return false; // First falsy, short circuit
1341        }
1342      }
1343      return true; // All were truthy
1344    } else if (op === "none") {
1345      scopedData = jsonLogic.apply(values[0], data);
1346      scopedLogic = values[1];
1347
1348      if ( ! Array.isArray(scopedData) || ! scopedData.length) {
1349        return true;
1350      }
1351      for (i=0; i < scopedData.length; i+=1) {
1352        if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) {
1353          return false; // First truthy, short circuit
1354        }
1355      }
1356      return true; // None were truthy
1357    } else if (op === "some") {
1358      scopedData = jsonLogic.apply(values[0], data);
1359      scopedLogic = values[1];
1360
1361      if ( ! Array.isArray(scopedData) || ! scopedData.length) {
1362        return false;
1363      }
1364      for (i=0; i < scopedData.length; i+=1) {
1365        if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) {
1366          return true; // First truthy, short circuit
1367        }
1368      }
1369      return false; // None were truthy
1370    }
1371
1372    // Everyone else gets immediate depth-first recursion
1373    values = values.map(function(val) {
1374      return jsonLogic.apply(val, data);
1375    });
1376
1377
1378    // The operation is called with "data" bound to its "this" and "values" passed as arguments.
1379    // Structured commands like % or > can name formal arguments while flexible commands (like missing or merge) can operate on the pseudo-array arguments
1380    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments
1381    if (operations.hasOwnProperty(op) && typeof operations[op] === "function") {
1382      return operations[op].apply(data, values);
1383    } else if (op.indexOf(".") > 0) { // Contains a dot, and not in the 0th position
1384      var sub_ops = String(op).split(".");
1385      var operation = operations;
1386      for (i = 0; i < sub_ops.length; i++) {
1387        if (!operation.hasOwnProperty(sub_ops[i])) {
1388          throw new Error("Unrecognized operation " + op +
1389            " (failed at " + sub_ops.slice(0, i+1).join(".") + ")");
1390        }
1391        // Descending into operations
1392        operation = operation[sub_ops[i]];
1393      }
1394
1395      return operation.apply(data, values);
1396    }
1397
1398    throw new Error("Unrecognized operation " + op );
1399  };
1400
1401  jsonLogic.uses_data = function(logic) {
1402    var collection = [];
1403
1404    if (jsonLogic.is_logic(logic)) {
1405      var op = jsonLogic.get_operator(logic);
1406      var values = logic[op];
1407
1408      if ( ! Array.isArray(values)) {
1409        values = [values];
1410      }
1411
1412      if (op === "var") {
1413        // This doesn't cover the case where the arg to var is itself a rule.
1414        collection.push(values[0]);
1415      } else {
1416        // Recursion!
1417        values.forEach(function(val) {
1418          collection.push.apply(collection, jsonLogic.uses_data(val) );
1419        });
1420      }
1421    }
1422
1423    return arrayUnique(collection);
1424  };
1425
1426  jsonLogic.add_operation = function(name, code) {
1427    operations[name] = code;
1428  };
1429
1430  jsonLogic.rm_operation = function(name) {
1431    delete operations[name];
1432  };
1433
1434  jsonLogic.rule_like = function(rule, pattern) {
1435    // console.log("Is ". JSON.stringify(rule) . " like " . JSON.stringify(pattern) . "?");
1436    if (pattern === rule) {
1437      return true;
1438    } // TODO : Deep object equivalency?
1439    if (pattern === "@") {
1440      return true;
1441    } // Wildcard!
1442    if (pattern === "number") {
1443      return (typeof rule === "number");
1444    }
1445    if (pattern === "string") {
1446      return (typeof rule === "string");
1447    }
1448    if (pattern === "array") {
1449      // !logic test might be superfluous in JavaScript
1450      return Array.isArray(rule) && ! jsonLogic.is_logic(rule);
1451    }
1452
1453    if (jsonLogic.is_logic(pattern)) {
1454      if (jsonLogic.is_logic(rule)) {
1455        var pattern_op = jsonLogic.get_operator(pattern);
1456        var rule_op = jsonLogic.get_operator(rule);
1457
1458        if (pattern_op === "@" || pattern_op === rule_op) {
1459          // echo "\nOperators match, go deeper\n";
1460          return jsonLogic.rule_like(
1461            jsonLogic.get_values(rule, false),
1462            jsonLogic.get_values(pattern, false)
1463          );
1464        }
1465      }
1466      return false; // pattern is logic, rule isn't, can't be eq
1467    }
1468
1469    if (Array.isArray(pattern)) {
1470      if (Array.isArray(rule)) {
1471        if (pattern.length !== rule.length) {
1472          return false;
1473        }
1474        /*
1475          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)
1476        */
1477        for (var i = 0; i < pattern.length; i += 1) {
1478          // If any fail, we fail
1479          if ( ! jsonLogic.rule_like(rule[i], pattern[i])) {
1480            return false;
1481          }
1482        }
1483        return true; // If they *all* passed, we pass
1484      } else {
1485        return false; // Pattern is array, rule isn't
1486      }
1487    }
1488
1489    // Not logic, not array, not a === match for rule.
1490    return false;
1491  };
1492
1493  return jsonLogic;
1494}));
1495</script>
1495<!-- BEGIN app snippet: properties_mapping -->
1495<script>
1496const ap_Config = {
1497    page_title: "Account",
1498    cart: {
1499      checkout_charge_amount: 0,
1500      item_count: 0,
1501      note: null,
1502      total_discount: 0,
1503      total_price: 0,
1504    },
1505    date: new Date().toISOString().split('T')[0],
1506    date_time: new Date().toISOString(),
1507    localization : {
1508      country: {
1509        iso_code: "US",
1510        currency: {
1511          symbol: "$"
1512        }
1513      },
1514      market: {
1515        handle: 'us',
1516        id: 3724869791
1517      }
1518    },
1519    customer: {
1520      b2b: null,
1521      current_company: {        
1522        name: null      
1523      },
1524      email: null,
1525      last_order: {
1526        id: null
1527      }
1528    },
1529    shop: {
1530      address:{
1531        address1: "360 Grand Ave #259",
1532        address2: "",
1533        city: "Oakland",
1534        country: "United States",
1535        province: "California",
1536        province_code: "CA",
1537      }
1538    },
1539}
1540</script>
1540<!-- END app snippet -->
1540<script type="module">
1541  const ROOT_URL = typeof window.Shopify.routes.root == "undefined" ? "/" : window.Shopify.routes.root;
1542  const getInterpolatedValue = (value) => {
1543    if(!window.cartAttributesConfig.isUltimate) return value;
1544    const tagPattern = /\{\{([^\}]+)\}\}/g;
1545    let interpolatedValue = value;
1546    let match;
1547    while ((match = tagPattern.exec(value)) !== null) {
1548      const path = match[1].trim().split('.');
1549      let context = ap_Config;
1550      for (const segment of path) {
1551        console.log("segment", segment);
1552        if (context.hasOwnProperty(segment)) {
1553          context = context[segment];
1554        } else {
1555          console.error(`Path segment '${segment}' not found in context.`);
1556          context = undefined;
1557          break;
1558        }
1559      }
1560      if (context !== undefined) {
1561        interpolatedValue = interpolatedValue.replace(new RegExp(match[0].replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), context);
1562      }
1563    }
1564    return interpolatedValue;
1565  }
1566
1567  
1568  
1569    console.log("Not ultimate");
1570  
1571  window.cartAttributesConfig = {
1572    
1573    
1574    metaobjects: [],
1575  }
1576  let FLAG = false
1577
1578  let logCart = false
1579
1580  const customerCountry = "US"
1581  const market = 3724869791
1582  
1583
1584  xhook.after(async function (request, response) {
1585    if (!request.url.toString().match(/cart\/add/) && !request.url.toString().match(/cart\/change/)) return
1586    if (FLAG === true) return
1587    if (!window.cartAttributesConfig.metaobjects?.length) return
1588    if (response.status === 200){
1589      const ATTRIBUTES = {};
1590      const MODIFIED_ITEMS = new Set(); // Track which items were actually modified by rules
1591      const PRODUCT_ATTRIBUTES = {};
1592      let cart = await fetch(window.origin + "/cart.json").then(res => res.json());
1593      for(const {id, properties} of cart.items) {
1594        PRODUCT_ATTRIBUTES[id] = properties;
1595      }
1596      const productsInCartReq = cart.items.map(async (item) => await fetch(window.origin + `/products/${item.handle}.json`).then(res => res.json()) );
1597      const productsInCart = await Promise.all(productsInCartReq);
1598      const tagsInCart = productsInCart.map(product => product.product.tags.split(", ")).flat();
1599
1600      const collectionsInCart = []
1601
1602      window.cartAttributesConfig.metaobjects?.forEach((metaobject, i) => {
1603
1604        if (metaobject.debug) {
1605          console.log("TAGS in cart: ", tagsInCart);
1606          console.log("COLLECTIONS in cart: ", collectionsInCart);
1607          console.log("Cart pre_script")
1608          console.log(cart)
1609
1610          metaobject.debug && console.log(metaobject);
1611          logCart = true;
1612        }
1613
1614        if (metaobject.active == true) {
1615          metaobject.debug && console.log(metaobject.title + " is included in the textArea");
1616          const cartWithAdditionalFields = {
1617            ...cart,
1618            tagsInCart: tagsInCart,
1619            collectionsInCart: collectionsInCart,
1620            customerCountry: customerCountry,
1621            market: `gid://shopify/Market/${market}`
1622        }
1623          // If rule truthy
1624          if (window.jsonLogic.apply(metaobject.rules, cartWithAdditionalFields)) {
1625            metaobject.debug && console.log("Rule is truthy. We're adding its attributes");
1626
1627            if (metaobject.target !== "product") { // Add Cart attr
1628              metaobject.attributes.forEach(a => {
1629                let interpolatedValue = getInterpolatedValue(a.value)
1630                ATTRIBUTES[a.key] = interpolatedValue;
1631              });
1632            }
1633
1634            if (metaobject.target !== "cart") { // Add Product attr
1635              console.log("This is our metaobject and its products: ", metaobject);
1636
1637              const project_attr = {};
1638              metaobject.attributes.forEach(a => {
1639                let interpolatedValue = getInterpolatedValue(a.value)
1640                project_attr[a.key] = interpolatedValue;
1641              });
1642              metaobject.products.forEach(product => {
1643                const id = product.id.split("/").at(-1);
1644                PRODUCT_ATTRIBUTES[id] = { ...PRODUCT_ATTRIBUTES[id], ...project_attr };
1645                MODIFIED_ITEMS.add(id);
1646              });
1647            }
1648
1649          // If rule not truthy
1650          } else {
1651            metaobject.debug && console.log("Rule is not truthy. We're invalidating its attributes");
1652
1653            if (metaobject.target !== "product") { //Cleanup for Cart
1654              metaobject.attributes.forEach((a, i) => {
1655                if (cart.attributes[a.key] !== undefined && !metaobject.keep) {
1656                  ATTRIBUTES[a.key] = null;
1657                }
1658              });
1659            }
1660
1661
1662            else if (metaobject.target !== "cart" && !metaobject.keep) { //Cleanup for Products
1663
1664              metaobject.products.forEach(product => {
1665                const id = product.id.split("/").at(-1);
1666                metaobject.attributes.forEach(a => {
1667                  if (PRODUCT_ATTRIBUTES[id]?.[a.key] !== undefined) {
1668                    delete PRODUCT_ATTRIBUTES[id][a.key];
1669                    MODIFIED_ITEMS.add(id);
1670                  }
1671                });
1672              });
1673
1674            }
1675
1676          }
1677        }
1678        metaobject.debug && console.log("Cart attributes to push: ", ATTRIBUTES);
1679        if(metaobject.debug){
1680          console.log(i+1+"* METAOBJ ATTRIBUTES: ", JSON.parse(JSON.stringify(PRODUCT_ATTRIBUTES)));
1681        }
1682      });
1683
1684      // Only send /cart/change.js for items that were actually modified by rules
1685      // AND whose desired properties differ from what's already on the cart line
1686      const itemsToUpdate = cart.items.filter(item => {
1687        if (!MODIFIED_ITEMS.has(String(item.id))) return false;
1688        const desired = PRODUCT_ATTRIBUTES[item.id] || {};
1689        const current = item.properties || {};
1690        // Check if every desired key/value already matches the current properties
1691        const desiredKeys = Object.keys(desired);
1692        const currentKeys = Object.keys(current);
1693        if (desiredKeys.length !== currentKeys.length) return true;
1694        for (const key of desiredKeys) {
1695          if (String(desired[key]) !== String(current[key])) return true;
1696        }
1697        return false; // All properties already match, no need to update
1698      });
1699      if (itemsToUpdate.length > 0) {
1700        FLAG = true;
1701        await Promise.all(itemsToUpdate.map(item => {
1702          const attributes = PRODUCT_ATTRIBUTES[item.id];
1703          return fetch(ROOT_URL + "cart/change.js", {
1704            method: 'POST',
1705            headers: {
1706              'Content-Type': 'application/json'
1707            },
1708            body: JSON.stringify({
1709              id: item.key,
1710              properties: attributes,
1711              quantity: item.quantity
1712            })
1713          }).catch(err => console.error(err));
1714        }));
1715        FLAG = false;
1716      }
1717
1718      // Only send /cart/update.js when we actually have attributes to set/clear
1719      const hasCartAttributes = Object.keys(ATTRIBUTES).length > 0;
1720      if (hasCartAttributes) {
1721        fetch(ROOT_URL + 'cart/update.js', {
1722          method: 'POST',
1723          headers: {
1724            'Content-Type': 'application/json'
1725          },
1726          body: JSON.stringify({attributes: ATTRIBUTES})
1727        })
1728        .then((res) => res.json())
1729        .then(data => {
1730          logCart && console.log("cartResult",data);
1731          return data
1732        })
1733        .catch((error) => {
1734          console.error('Error:', error);
1735        });
1736      }
1737
1738    }
1739  });
1740</script>
1740
1741
1742
1743
1744<!-- END app block --><!-- BEGIN app block: shopify://apps/keepcart-coupon-protect/blocks/keepcart/6c9b264a-3284-48f2-a6f6-2836be6ada2a -->
1745
1746
1747
1748
1749<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/vars.generated.js" defer="defer"></script>
1749
1750
1751  
1751<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-catalog.min.js" defer="defer"></script>
1751
1752
1753<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-deferred.min.js" defer="defer"></script>
1753
1754
1755
1756  <style>
1757    #kc-discount-banner {
1758      
1759        --kc-banner-bg: #1a1a1a;
1760      
1761      
1762        --kc-banner-color: #f5f5f5;
1763      
1764      --kc-banner-font-size: 15px;
1765      --kc-banner-font: Helvetica, Arial, sans-serif;
1766    }
1767    
1768  </style>
1769  
1769<script>
1770    window.__KC_BANNER_CONFIG__ = {
1771      position: "bottom",
1772      autoHide: 7,
1773      animate: true,
1774      message: "Discount [code] applied - [value] off your order!"
1775    };
1776  </script>
1776
1777
1778
1779
1780<!-- 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">
1781<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Website_-_Social_-_Share_-_V1.png?v=1639521624" />
1782<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" />
1783<meta property="og:image:width" content="2400" />
1784<meta property="og:image:height" content="1256" />
1785<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1786<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 1786
1786
1787<script>
1788  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1789</script>
vendor: 1 bytes, line 1789
1789
1790<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}
1790).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: ["16072cab","8450a54b"],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":"c19c52670ee3dad6480bef13cf6d1e03","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"]}
1790,"dataSharingState":"unrestricted"},{"id":"873824415","configuration":"{\"accountID\":\"9503\",\"integrationId\":\"9503\",\"brandId\":\"8725\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f28c8e4372c74ce89d6ccedbdfdb52da","type":"APP","apiClientId":22258319361,"privacyPurposes":[],"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":"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\"
1790:\"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":"7a47b06116c806e4367c27d301f4f458","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"}
1790,{"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}]}
1790,{"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}]},{"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}]}
1790,{"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","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"174423703711","themePublished":"true","eventMetadataId":"de945b6f-bbcf-41db-a84c-b1d72425d663","shopId":"3466100806","storefrontBaseUrl":"https:\/\/drinkolipop.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1790<script>
1791  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1792  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1793  window.ShopifyAnalytics.meta.currency = 'USD';
1794  var meta = {"page":{"requestId":"2dd50080-5440-4d02-9795-5061ba75ef30-1790276373"}};
1795  for (var attr in meta) {
1796    window.ShopifyAnalytics.meta[attr] = meta[attr];
1797  }
1798</script>
vendor: 1 bytes, line 1798
1798
1799<script class="analytics">
1800  (function () {
1801    var customDocumentWrite = function(content) {
1802      var jquery = null;
1803
1804      if (window.jQuery) {
1805        jquery = window.jQuery;
1806      } else if (window.Checkout && window.Checkout.$) {
1807        jquery = window.Checkout.$;
1808      }
1809
1810      if (jquery) {
1811        jquery('body').append(content);
1812      }
1813    };
1814
1815    var hasLoggedConversion = function(token) {
1816      if (token) {
1817        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1818      }
1819      return false;
1820    }
1821
1822    var setCookieIfConversion = function(token) {
1823      if (token) {
1824        var twoMonthsFromNow = new Date(Date.now());
1825        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1826
1827        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1828      }
1829    }
1830
1831    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1832    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1833    if (trekkie.integrations) {
1834      return;
1835    }
1836    trekkie.methods = [
1837      'identify',
1838      'page',
1839      'ready',
1840      'track',
1841      'trackForm',
1842      'trackLink'
1843    ];
1844    trekkie.factory = function(method) {
1845      return function() {
1846        var args = Array.prototype.slice.call(arguments);
1847        args.unshift(method);
1848        trekkie.push(args);
1849        if (method == 'track' || method == 'page') {
1850          try {
1851            if (window.__TREKKIE_SHIM_QUEUE == null) {
1852              window.__TREKKIE_SHIM_QUEUE = [];
1853            }
1854            window.__TREKKIE_SHIM_QUEUE.push({
1855              from: 'trekkie-stub',
1856              method: method,
1857              args: args.slice(1)
1858            });
1859          } catch (e) {
1860            // no-op
1861          }
1862        }
1863        return trekkie;
1864      };
1865    };
1866    for (var i = 0; i < trekkie.methods.length; i++) {
1867      var key = trekkie.methods[i];
1868      trekkie[key] = trekkie.factory(key);
1869    }
1870    trekkie.load = function(config) {
1871      trekkie.config = config || {};
1872      trekkie.config.initialDocumentCookie = document.cookie;
1873      var first = document.getElementsByTagName('script')[0];
1874var script = document.createElement('script');
1875script.type = 'text/javascript';
1876script.onerror = function(e) {
1877  var scriptFallback = document.createElement('script');
1878  scriptFallback.type = 'text/javascript';
1879  scriptFallback.onerror = function(error) {
1880          var Monorail = {
1881      produce: function produce(monorailDomain, schemaId, payload) {
1882        var currentMs = new Date().getTime();
1883        var event = {
1884          schema_id: schemaId,
1885          payload: payload,
1886          metadata: {
1887            event_created_at_ms: currentMs,
1888            event_sent_at_ms: currentMs
1889          }
1890        };
1891        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1892      },
1893      sendRequest: function sendRequest(endpointUrl, payload) {
1894        // Try the sendBeacon API
1895        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1896          var blobData = new window.Blob([payload], {
1897            type: 'text/plain'
1898          });
1899
1900          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1901            return true;
1902          } // sendBeacon was not successful
1903
1904        } // XHR beacon
1905
1906        var xhr = new XMLHttpRequest();
1907
1908        try {
1909          xhr.open('POST', endpointUrl);
1910          xhr.setRequestHeader('Content-Type', 'text/plain');
1911          xhr.send(payload);
1912        } catch (e) {
1913          console.log(e);
1914        }
1915
1916        return false;
1917      },
1918      isIos12: function isIos12() {
1919        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1920      }
1921    };
1922    Monorail.produce('monorail-edge.shopifysvc.com',
1923      'trekkie_storefront_load_errors/1.1',
1924      {shop_id: 3466100806,
1925      theme_id: 174423703711,
1926      app_name: "storefront",
1927      context_url: window.location.href,
1928      source_url: "//drinkolipop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
1929
1930  };
1931  scriptFallback.async = true;
1932  scriptFallback.src = '//drinkolipop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1933  first.parentNode.insertBefore(scriptFallback, first);
1934};
1935script.async = true;
1936script.src = '//drinkolipop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1937first.parentNode.insertBefore(script, first);
1938
1939    };
1940    trekkie.load(
1941      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":3466100806,"isMerchantRequest":null,"themeId":174423703711,"themeCityHash":"7301777261572850708","contentLanguage":"en","currency":"USD","eventMetadataId":"de945b6f-bbcf-41db-a84c-b1d72425d663"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1942    );
1943
1944    var loaded = false;
1945    trekkie.ready(function() {
1946      if (loaded) return;
1947      loaded = true;
1948
1949      window.ShopifyAnalytics.lib = window.trekkie;
1950
1951      var originalDocumentWrite = document.write;
1952      document.write = customDocumentWrite;
1953      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1954      document.write = originalDocumentWrite;
1955
1956      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1957      var token = match? match[1]: undefined;
1958      if (!hasLoggedConversion(token)) {
1959        setCookieIfConversion(token);
1960        
1961      }
1962    });
1963
1964    window.ShopifyAnalytics.lib.page(null,{"requestId":"2dd50080-5440-4d02-9795-5061ba75ef30-1790276373","shopifyEmitted":true});
1965
1966    var eventsListenerScript = document.createElement('script');
1967    eventsListenerScript.async = true;
1968    eventsListenerScript.src = "//drinkolipop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1969    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1970})();</script>
1970
1971  
1971<script>
1972  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1973    window.ga = function ga() {
1974      (window.ga.q = window.ga.q || []).push(arguments);
1975      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1976        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1977      }
1978      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.");
1979    };
1980    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1981      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1982    }
1983  }
1984</script>
vendor: 1 bytes, line 1984
1984
1985<script
1986  defer
1987  src="https://drinkolipop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1988  data-application="storefront-renderer"
1989  data-shop-id="3466100806"
1990  data-render-region="gcp-us-central1"
1991  data-page-type="customers/login"
1992  data-theme-instance-id="174423703711"
1993  data-theme-name="Olipop"
1994  data-theme-version="1.0"
1995  data-monorail-region="shop_domain"
1996  data-resource-timing-sampling-rate="10"
1997  data-shs="true"
1998  data-shs-beacon="true"
1999  data-shs-export-with-fetch="true"
2000  data-shs-logs-sample-rate="1"
2001  data-shs-beacon-endpoint="https://drinkolipop.com/api/collect"
2002></script>
2002
2003<meta name="shopify-y" content="7d995db0-2495-46e4-a171-ae115c9f4e82" data-expiration="1821833973000"><meta name="shopify-s" content="57bd252a-eff6-422c-9410-eeab444d4945" data-expiration="1790278173000"><meta name="new-cookie-storage-activated" content="t">
2004</head><body
2005    id="account"
2006    data-template="login"
2007    data-suffix=""
2008    data-header-type="primary"
2009    class="page-account template- template-login cmn-pages tw-scroll-smooth  "
2010    style="background: var(--flavor-color-100); height:unset; padding: 0;"
2011  >
2012
2013    <nav aria-label="Skip links">
2014      <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a>
2015      <a class="in-page-link visually-hidden skip-link" href="/pages/accessibility">Accessibility Statement</a>
2016    </nav>
2017
2018    
2019
2020    
2021    <div js-overlay class="overlay tw-z-40"></div>
2022
2023    
2024
2025<section id="shopify-section-header">
2026      <!-- BEGIN sections: header-group -->
2027<div id="shopify-section-sections--24009558556831__promotion-banner" class="shopify-section shopify-section-group-header-group">
2028
2029<div
2030  data-component="promotionBanner"
2031  data-store-discounts="[]"
2032>
2033  
2034    
2035    
2036    <div
2037      data-promotion-banner
2038      data-promotion-url=""
2039      data-promotion-discount="GOBLUE"
2040      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2041      style="background: #fdda79;"
2042    >
2043      <div
2044        role="group"
2045        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2046      >
2047        <div
2048          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2049          style="color: #14433d !important;"
2050        >
2051          Your 20% off discount code <strong>GOBLUE</strong> will auto-apply at checkout.
2052        </div>
2053      </div>
2054
2055      <div
2056        style="background: #fdda79;"
2057        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2058      >
2059        <svg
2060          width="10"
2061          height="10"
2062          viewBox="0 0 18 18"
2063          fill="#14433d"
2064          data-icon-close
2065          class="tw-cursor-pointer"
2066        >
2067          <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"/>
2068        </svg>
2069      </div>
2070    </div>
2071  
2072    
2073    
2074    <div
2075      data-promotion-banner
2076      data-promotion-url=""
2077      data-promotion-discount="30RESUB"
2078      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2079      style="background: #fdda79;"
2080    >
2081      <div
2082        role="group"
2083        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2084      >
2085        <div
2086          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2087          style="color: #14433d !important;"
2088        >
2089          30% off subscriptions when you resubscribe with code <strong>30RESUB</strong>.
2090        </div>
2091      </div>
2092
2093      <div
2094        style="background: #fdda79;"
2095        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2096      >
2097        <svg
2098          width="10"
2099          height="10"
2100          viewBox="0 0 18 18"
2101          fill="#14433d"
2102          data-icon-close
2103          class="tw-cursor-pointer"
2104        >
2105          <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"/>
2106        </svg>
2107      </div>
2108    </div>
2109  
2110    
2111    
2112    <div
2113      data-promotion-banner
2114      data-promotion-url=""
2115      data-promotion-discount="SHIRLEY30"
2116      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2117      style="background: #fdda79;"
2118    >
2119      <div
2120        role="group"
2121        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2122      >
2123        <div
2124          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2125          style="color: #14433d !important;"
2126        >
2127          30% off Shirley &amp; Friends with code <strong>SHIRLEY30</strong> will auto-apply at checkout.
2128        </div>
2129      </div>
2130
2131      <div
2132        style="background: #fdda79;"
2133        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2134      >
2135        <svg
2136          width="10"
2137          height="10"
2138          viewBox="0 0 18 18"
2139          fill="#14433d"
2140          data-icon-close
2141          class="tw-cursor-pointer"
2142        >
2143          <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"/>
2144        </svg>
2145      </div>
2146    </div>
2147  
2148    
2149    
2150    <div
2151      data-promotion-banner
2152      data-promotion-url=""
2153      data-promotion-discount="PUNCH20"
2154      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2155      style="background: #fdda79;"
2156    >
2157      <div
2158        role="group"
2159        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2160      >
2161        <div
2162          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2163          style="color: #14433d !important;"
2164        >
2165          20% off Tropical Punch with code <strong>PUNCH20</strong> will auto-apply at checkout.
2166        </div>
2167      </div>
2168
2169      <div
2170        style="background: #fdda79;"
2171        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2172      >
2173        <svg
2174          width="10"
2175          height="10"
2176          viewBox="0 0 18 18"
2177          fill="#14433d"
2178          data-icon-close
2179          class="tw-cursor-pointer"
2180        >
2181          <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"/>
2182        </svg>
2183      </div>
2184    </div>
2185  
2186    
2187    
2188    <div
2189      data-promotion-banner
2190      data-promotion-url=""
2191      data-promotion-discount="DREAMY15"
2192      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2193      style="background: #fdda79;"
2194    >
2195      <div
2196        role="group"
2197        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2198      >
2199        <div
2200          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2201          style="color: #14433d !important;"
2202        >
2203          Your 15% off discount code <strong>DREAMY15</strong> will auto-apply at checkout.
2204        </div>
2205      </div>
2206
2207      <div
2208        style="background: #fdda79;"
2209        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2210      >
2211        <svg
2212          width="10"
2213          height="10"
2214          viewBox="0 0 18 18"
2215          fill="#14433d"
2216          data-icon-close
2217          class="tw-cursor-pointer"
2218        >
2219          <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"/>
2220        </svg>
2221      </div>
2222    </div>
2223  
2224    
2225    
2226    <div
2227      data-promotion-banner
2228      data-promotion-url=""
2229      data-promotion-discount="EARLY30"
2230      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2231      style="background: #fdda79;"
2232    >
2233      <div
2234        role="group"
2235        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2236      >
2237        <div
2238          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2239          style="color: #14433d !important;"
2240        >
2241          Early access 30% off with code <strong>EARLY30</strong> will auto-apply at checkout!
2242        </div>
2243      </div>
2244
2245      <div
2246        style="background: #fdda79;"
2247        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2248      >
2249        <svg
2250          width="10"
2251          height="10"
2252          viewBox="0 0 18 18"
2253          fill="#14433d"
2254          data-icon-close
2255          class="tw-cursor-pointer"
2256        >
2257          <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"/>
2258        </svg>
2259      </div>
2260    </div>
2261  
2262    
2263    
2264    <div
2265      data-promotion-banner
2266      data-promotion-url=""
2267      data-promotion-discount="WELCOME15"
2268      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2269      style="background: #fdda79;"
2270    >
2271      <div
2272        role="group"
2273        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2274      >
2275        <div
2276          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2277          style="color: #14433d !important;"
2278        >
2279          Your 15% off discount code <strong>WELCOME15</strong> will auto-apply at checkout.
2280        </div>
2281      </div>
2282
2283      <div
2284        style="background: #fdda79;"
2285        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2286      >
2287        <svg
2288          width="10"
2289          height="10"
2290          viewBox="0 0 18 18"
2291          fill="#14433d"
2292          data-icon-close
2293          class="tw-cursor-pointer"
2294        >
2295          <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"/>
2296        </svg>
2297      </div>
2298    </div>
2299  
2300    
2301    
2302    <div
2303      data-promotion-banner
2304      data-promotion-url=""
2305      data-promotion-discount="SIPSMART"
2306      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2307      style="background: #fdda79;"
2308    >
2309      <div
2310        role="group"
2311        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2312      >
2313        <div
2314          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2315          style="color: #14433d !important;"
2316        >
2317          Your 20% off discount code <strong>SIPSMART</strong> will auto-apply at checkout.
2318        </div>
2319      </div>
2320
2321      <div
2322        style="background: #fdda79;"
2323        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2324      >
2325        <svg
2326          width="10"
2327          height="10"
2328          viewBox="0 0 18 18"
2329          fill="#14433d"
2330          data-icon-close
2331          class="tw-cursor-pointer"
2332        >
2333          <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"/>
2334        </svg>
2335      </div>
2336    </div>
2337  
2338    
2339    
2340    <div
2341      data-promotion-banner
2342      data-promotion-url=""
2343      data-promotion-discount="APRIL20"
2344      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2345      style="background: #fdda79;"
2346    >
2347      <div
2348        role="group"
2349        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2350      >
2351        <div
2352          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2353          style="color: #14433d !important;"
2354        >
2355          Your 20% off discount code <strong>APRIL20</strong> will auto-apply at checkout.
2356        </div>
2357      </div>
2358
2359      <div
2360        style="background: #fdda79;"
2361        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2362      >
2363        <svg
2364          width="10"
2365          height="10"
2366          viewBox="0 0 18 18"
2367          fill="#14433d"
2368          data-icon-close
2369          class="tw-cursor-pointer"
2370        >
2371          <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"/>
2372        </svg>
2373      </div>
2374    </div>
2375  
2376    
2377    
2378    <div
2379      data-promotion-banner
2380      data-promotion-url=""
2381      data-promotion-discount="YETI20"
2382      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2383      style="background: #fdda79;"
2384    >
2385      <div
2386        role="group"
2387        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2388      >
2389        <div
2390          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2391          style="color: #14433d !important;"
2392        >
2393          20% off Winter Seasonal Cans with discount code <strong> YETI20</strong> auto-applies at checkout.
2394        </div>
2395      </div>
2396
2397      <div
2398        style="background: #fdda79;"
2399        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2400      >
2401        <svg
2402          width="10"
2403          height="10"
2404          viewBox="0 0 18 18"
2405          fill="#14433d"
2406          data-icon-close
2407          class="tw-cursor-pointer"
2408        >
2409          <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"/>
2410        </svg>
2411      </div>
2412    </div>
2413  
2414    
2415    
2416    <div
2417      data-promotion-banner
2418      data-promotion-url=""
2419      data-promotion-discount="PHLY20"
2420      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2421      style="background: #fdda79;"
2422    >
2423      <div
2424        role="group"
2425        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2426      >
2427        <div
2428          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2429          style="color: #14433d !important;"
2430        >
2431          Your 20% off discount code <strong>PHLY20</strong> will auto-apply at checkout.
2432        </div>
2433      </div>
2434
2435      <div
2436        style="background: #fdda79;"
2437        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2438      >
2439        <svg
2440          width="10"
2441          height="10"
2442          viewBox="0 0 18 18"
2443          fill="#14433d"
2444          data-icon-close
2445          class="tw-cursor-pointer"
2446        >
2447          <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"/>
2448        </svg>
2449      </div>
2450    </div>
2451  
2452    
2453    
2454    <div
2455      data-promotion-banner
2456      data-promotion-url=""
2457      data-promotion-discount="CITIUS25"
2458      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2459      style="background: #fdda79;"
2460    >
2461      <div
2462        role="group"
2463        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2464      >
2465        <div
2466          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2467          style="color: #14433d !important;"
2468        >
2469          Your 25% off discount code <strong>CITIUS25</strong> will auto-apply at checkout.
2470        </div>
2471      </div>
2472
2473      <div
2474        style="background: #fdda79;"
2475        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2476      >
2477        <svg
2478          width="10"
2479          height="10"
2480          viewBox="0 0 18 18"
2481          fill="#14433d"
2482          data-icon-close
2483          class="tw-cursor-pointer"
2484        >
2485          <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"/>
2486        </svg>
2487      </div>
2488    </div>
2489  
2490    
2491    
2492    <div
2493      data-promotion-banner
2494      data-promotion-url=""
2495      data-promotion-discount="SERVED20"
2496      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2497      style="background: #fdda79;"
2498    >
2499      <div
2500        role="group"
2501        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2502      >
2503        <div
2504          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2505          style="color: #14433d !important;"
2506        >
2507          Your 20% off discount code <strong>SERVED20</strong> will auto-apply at checkout.
2508        </div>
2509      </div>
2510
2511      <div
2512        style="background: #fdda79;"
2513        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2514      >
2515        <svg
2516          width="10"
2517          height="10"
2518          viewBox="0 0 18 18"
2519          fill="#14433d"
2520          data-icon-close
2521          class="tw-cursor-pointer"
2522        >
2523          <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"/>
2524        </svg>
2525      </div>
2526    </div>
2527  
2528    
2529    
2530    <div
2531      data-promotion-banner
2532      data-promotion-url=""
2533      data-promotion-discount="TWG20"
2534      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2535      style="background: #fdda79;"
2536    >
2537      <div
2538        role="group"
2539        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2540      >
2541        <div
2542          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2543          style="color: #14433d !important;"
2544        >
2545          Your 20% off discount code <strong>TWG20</strong> will auto-apply at checkout.
2546        </div>
2547      </div>
2548
2549      <div
2550        style="background: #fdda79;"
2551        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2552      >
2553        <svg
2554          width="10"
2555          height="10"
2556          viewBox="0 0 18 18"
2557          fill="#14433d"
2558          data-icon-close
2559          class="tw-cursor-pointer"
2560        >
2561          <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"/>
2562        </svg>
2563      </div>
2564    </div>
2565  
2566    
2567    
2568    <div
2569      data-promotion-banner
2570      data-promotion-url=""
2571      data-promotion-discount="FLYQUEST20"
2572      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2573      style="background: #fdda79;"
2574    >
2575      <div
2576        role="group"
2577        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2578      >
2579        <div
2580          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2581          style="color: #14433d !important;"
2582        >
2583          Your 20% off discount code <strong>FLYQUEST20</strong> will auto-apply at checkout.
2584        </div>
2585      </div>
2586
2587      <div
2588        style="background: #fdda79;"
2589        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2590      >
2591        <svg
2592          width="10"
2593          height="10"
2594          viewBox="0 0 18 18"
2595          fill="#14433d"
2596          data-icon-close
2597          class="tw-cursor-pointer"
2598        >
2599          <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"/>
2600        </svg>
2601      </div>
2602    </div>
2603  
2604    
2605    
2606    <div
2607      data-promotion-banner
2608      data-promotion-url=""
2609      data-promotion-discount="BUZZIN15"
2610      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2611      style="background: #fdda79;"
2612    >
2613      <div
2614        role="group"
2615        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2616      >
2617        <div
2618          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2619          style="color: #14433d !important;"
2620        >
2621          Your 15% off discount code <strong>BUZZIN15</strong> will auto-apply at checkout.
2622        </div>
2623      </div>
2624
2625      <div
2626        style="background: #fdda79;"
2627        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2628      >
2629        <svg
2630          width="10"
2631          height="10"
2632          viewBox="0 0 18 18"
2633          fill="#14433d"
2634          data-icon-close
2635          class="tw-cursor-pointer"
2636        >
2637          <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"/>
2638        </svg>
2639      </div>
2640    </div>
2641  
2642    
2643    
2644    <div
2645      data-promotion-banner
2646      data-promotion-url=""
2647      data-promotion-discount="OLIPOPTEXT15"
2648      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2649      style="background: #fdda79;"
2650    >
2651      <div
2652        role="group"
2653        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2654      >
2655        <div
2656          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2657          style="color: #14433d !important;"
2658        >
2659          Your 15% off discount code <strong>OLIPOPTEXT15</strong> will auto-apply at checkout.
2660        </div>
2661      </div>
2662
2663      <div
2664        style="background: #fdda79;"
2665        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2666      >
2667        <svg
2668          width="10"
2669          height="10"
2670          viewBox="0 0 18 18"
2671          fill="#14433d"
2672          data-icon-close
2673          class="tw-cursor-pointer"
2674        >
2675          <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"/>
2676        </svg>
2677      </div>
2678    </div>
2679  
2680    
2681    
2682    <div
2683      data-promotion-banner
2684      data-promotion-url=""
2685      data-promotion-discount="BRACKET20"
2686      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2687      style="background: #fdda79;"
2688    >
2689      <div
2690        role="group"
2691        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2692      >
2693        <div
2694          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2695          style="color: #14433d !important;"
2696        >
2697          Your 20% off discount code <strong>BRACKET20</strong> will auto-apply at checkout.
2698        </div>
2699      </div>
2700
2701      <div
2702        style="background: #fdda79;"
2703        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2704      >
2705        <svg
2706          width="10"
2707          height="10"
2708          viewBox="0 0 18 18"
2709          fill="#14433d"
2710          data-icon-close
2711          class="tw-cursor-pointer"
2712        >
2713          <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"/>
2714        </svg>
2715      </div>
2716    </div>
2717  
2718    
2719    
2720    <div
2721      data-promotion-banner
2722      data-promotion-url=""
2723      data-promotion-discount="NEW20"
2724      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2725      style="background: #fdda79;"
2726    >
2727      <div
2728        role="group"
2729        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2730      >
2731        <div
2732          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2733          style="color: #14433d !important;"
2734        >
2735          Your 20% off discount code <strong>NEW20</strong> will auto-apply at checkout.
2736        </div>
2737      </div>
2738
2739      <div
2740        style="background: #fdda79;"
2741        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2742      >
2743        <svg
2744          width="10"
2745          height="10"
2746          viewBox="0 0 18 18"
2747          fill="#14433d"
2748          data-icon-close
2749          class="tw-cursor-pointer"
2750        >
2751          <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"/>
2752        </svg>
2753      </div>
2754    </div>
2755  
2756    
2757    
2758    <div
2759      data-promotion-banner
2760      data-promotion-url=""
2761      data-promotion-discount="FULLFLAVOR20"
2762      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2763      style="background: #fdda79;"
2764    >
2765      <div
2766        role="group"
2767        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2768      >
2769        <div
2770          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2771          style="color: #14433d !important;"
2772        >
2773          Your discount code <strong>FULLFLAVOR20</strong> will auto-apply at checkout.
2774        </div>
2775      </div>
2776
2777      <div
2778        style="background: #fdda79;"
2779        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2780      >
2781        <svg
2782          width="10"
2783          height="10"
2784          viewBox="0 0 18 18"
2785          fill="#14433d"
2786          data-icon-close
2787          class="tw-cursor-pointer"
2788        >
2789          <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"/>
2790        </svg>
2791      </div>
2792    </div>
2793  
2794    
2795    
2796    <div
2797      data-promotion-banner
2798      data-promotion-url=""
2799      data-promotion-discount="BDAY20"
2800      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2801      style="background: #fdda79;"
2802    >
2803      <div
2804        role="group"
2805        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2806      >
2807        <div
2808          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2809          style="color: #14433d !important;"
2810        >
2811          Your discount code <strong>BDAY20</strong> will auto-apply at checkout.
2812        </div>
2813      </div>
2814
2815      <div
2816        style="background: #fdda79;"
2817        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2818      >
2819        <svg
2820          width="10"
2821          height="10"
2822          viewBox="0 0 18 18"
2823          fill="#14433d"
2824          data-icon-close
2825          class="tw-cursor-pointer"
2826        >
2827          <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"/>
2828        </svg>
2829      </div>
2830    </div>
2831  
2832    
2833    
2834    <div
2835      data-promotion-banner
2836      data-promotion-url=""
2837      data-promotion-discount="HOLIDAY20"
2838      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2839      style="background: #fdda79;"
2840    >
2841      <div
2842        role="group"
2843        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2844      >
2845        <div
2846          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2847          style="color: #14433d !important;"
2848        >
2849          Your discount code <strong>HOLIDAY20</strong> will auto-apply at checkout.
2850        </div>
2851      </div>
2852
2853      <div
2854        style="background: #fdda79;"
2855        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2856      >
2857        <svg
2858          width="10"
2859          height="10"
2860          viewBox="0 0 18 18"
2861          fill="#14433d"
2862          data-icon-close
2863          class="tw-cursor-pointer"
2864        >
2865          <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"/>
2866        </svg>
2867      </div>
2868    </div>
2869  
2870    
2871    
2872    <div
2873      data-promotion-banner
2874      data-promotion-url=""
2875      data-promotion-discount="FULLFLAVOR10"
2876      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2877      style="background: #fdda79;"
2878    >
2879      <div
2880        role="group"
2881        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2882      >
2883        <div
2884          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2885          style="color: #14433d !important;"
2886        >
2887          Your discount code <strong>FULLFLAVOR10</strong> will auto-apply at checkout.
2888        </div>
2889      </div>
2890
2891      <div
2892        style="background: #fdda79;"
2893        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2894      >
2895        <svg
2896          width="10"
2897          height="10"
2898          viewBox="0 0 18 18"
2899          fill="#14433d"
2900          data-icon-close
2901          class="tw-cursor-pointer"
2902        >
2903          <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"/>
2904        </svg>
2905      </div>
2906    </div>
2907  
2908    
2909    
2910    <div
2911      data-promotion-banner
2912      data-promotion-url=""
2913      data-promotion-discount="THIRTYSUB"
2914      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2915      style="background: #fdda79;"
2916    >
2917      <div
2918        role="group"
2919        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2920      >
2921        <div
2922          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2923          style="color: #14433d !important;"
2924        >
2925          Your discount code <strong>THIRTYSUB</strong> will auto-apply at checkout.
2926        </div>
2927      </div>
2928
2929      <div
2930        style="background: #fdda79;"
2931        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2932      >
2933        <svg
2934          width="10"
2935          height="10"
2936          viewBox="0 0 18 18"
2937          fill="#14433d"
2938          data-icon-close
2939          class="tw-cursor-pointer"
2940        >
2941          <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"/>
2942        </svg>
2943      </div>
2944    </div>
2945  
2946</div>
2947
2948
2949</div><div id="shopify-section-sections--24009558556831__announcement-banner" class="shopify-section shopify-section-group-header-group">
2950    <announcement-bar class="section-announcement-bar tw-relative tw-z-50 tw-block">
2951      <slider-container
2952        data-key="slider__sections--24009558556831__announcement-banner"
2953        role="region"
2954        aria-label="Announcement"
2955        data-slider-loop
2956        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] "
2957        style="background: #14433D;"
2958      ><div role="group" aria-label="1 of 1" 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>$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>
2959
2960      
2961    </announcement-bar>
2962  
2963
2964  
2965    
2966  
2967<style>
2968  .section-announcement-bar .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{
2969    padding-top: 4px;
2970  }
2971</style>
2972</div><div id="shopify-section-sections--24009558556831__header" class="shopify-section shopify-section-group-header-group">
2973
2974<div
2975  id="SearchDrawer"
2976  class="search-bar drawer drawer--top"
2977  role="dialog"
2978  aria-modal="true"
2979  aria-label="Search"
2980  data-predictive-search-drawer
2981>
2982  <div class="search-bar__interior">
2983    <div class="search-form__container" data-search-form-container>
2984      <form class="search-form search-bar__form" action="/search" method="get" role="search">
2985        <div class="search-form__input-wrapper">
2986          <input
2987            type="text"
2988            name="q"
2989            placeholder="Search"
2990            role="combobox"
2991            aria-autocomplete="list"
2992            aria-owns="predictive-search-results"
2993            aria-expanded="false"
2994            aria-label="Search"
2995            aria-haspopup="listbox"
2996            class="search-form__input search-bar__input"
2997            data-predictive-search-drawer-input
2998          >
2999          <input type="hidden" name="options[prefix]" value="last" aria-hidden="true">
3000          <div
3001            class="predictive-search-wrapper predictive-search-wrapper--drawer"
3002            data-predictive-search-mount="drawer"
3003          ></div>
3004        </div>
3005
3006        <button
3007          class="search-bar__submit search-form__submit"
3008          type="submit"
3009          data-search-form-submit
3010        >
3011          Liquid error (snippets/search-drawer line 38): include usage is not allowed in this context
3012          <span class="icon__fallback-text">Submit</span>
3013        </button>
3014      </form>
3015
3016      <div class="search-bar__actions">
3017        <button type="button" class="btn--link search-bar__close js-drawer-close">
3018          Liquid error (snippets/search-drawer line 45): include usage is not allowed in this context
3019          <span class="icon__fallback-text">Close search</span>
3020        </button>
3021      </div>
3022    </div>
3023  </div>
3024</div>
3025
3026
3027<header
3028  data-section-id="sections--24009558556831__header"
3029  data-section-type="header"
3030  class="header-wrapper tw-group tw-relative tw-z-50"
3031  js-header-wrapper
3032  color-theme="primary"
3033  data-component="megaMenu"
3034>
3035  <div class="top-header" data-section-id="sections--24009558556831__header" data-section-type="header-section" data-header-section>
3036    <div js-header class="header">
3037      <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]">
3038        <!-- Left Menu -->
3039        <div class="tw-col-span-2 tw-block tw-self-center tw-justify-self-start tw-leading-none">
3040          <div class="site-header__mobile-toolbar tw-flex tw-items-center tw-gap-[20px] lg:tw-hidden">
3041            <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">
3042              <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">
3043  <path
3044    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"
3045    fill="currentColor"
3046  />
3047</svg>
3048</span>
3049              <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">
3050  <path
3051    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"
3052    fill="currentColor"
3053  />
3054</svg>
3055</span>
3056            </button>
3057            <a
3058              href="/pages/store-locator"
3059              class="site-header__icon site-header__find-in-store"
3060              aria-label="Find a store"
3061            >
3062              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3063  <path
3064    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 
306413.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"
3065    fill="currentColor"
3066  />
3067</svg>
3068
3069            </a>
3070          </div>
3071
3072          <nav id="AccessibleNav" aria-label="Desktop Menu">
3073            
3074
3075<ul class="site-nav list--inline" id="SiteNav">
3076  
3077
3078      <li
3079        class="site-nav--has-dropdown"
3080        data-child-list-handle="shop"
3081        data-has-dropdowns
3082      >
3083        
3084          <a
3085            href="/collections/drinks"
3086            class="site-nav__link tw-bg-transparent"
3087            
3088            aria-expanded="false"
3089            aria-controls="site-nav-menu-dropdown-shop"
3090          >
3091            <span class="site-nav__label">Shop</span>
3092          </a>
3093        
3094      </li>
3095    
3096  
3097
3098      <li
3099        class="site-nav--has-dropdown"
3100        data-child-list-handle="learn"
3101        data-has-dropdowns
3102      >
3103        
3104          <button
3105            class="site-nav__link tw-bg-transparent"
3106            type="button"
3107            aria-expanded="false"
3108            aria-controls="site-nav-menu-dropdown-learn"
3109          >
3110            <span class="site-nav__label">Learn</span>
3111          </button>
3112        
3113      </li>
3114    
3115  
3116
3117      <li
3118        
3119      >
3120        <a
3121          href="/pages/subscription"
3122          class="site-nav__link"
3123          
3124        >
3125          <span class="site-nav__label">Subscribe</span>
3126        </a>
3127      </li>
3128    
3129  
3130</ul>
3131
3132          </nav>
3133        </div>
3134        <!-- ./End Left Menu -->
3135
3136        <!-- Header Logo -->
3137        <div class="tw-col-span-1 tw-flex tw-justify-center tw-self-center tw-leading-none" role="region" aria-label="Site logo">
3138          
3139
3140
3141  <div class="h2 site-header__logo tw-h-[40px] tw-w-[102px] tw-shrink-0 lg:tw-h-10 lg:tw-w-[117px]">
3142    
3143<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>
3144        <img
3145          class="lazyload js"
3146          src="//drinkolipop.com/cdn/shop/files/OlipopLogo_1.png?v=1778767782"
3147          alt="OLIPOP"
3148          width="102"
3149          height="40"
3150        >
3151      </a>
3152    
3153  </div>
3154
3155
3156        </div>
3157        <!-- ./End Header Logo -->
3158
3159        <!-- Right Menu -->
3160        <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">
3161          
3162            <nav aria-label="Desktop Right Menu">
3163            <ul class="site-nav list--inline tw-hidden lg:tw-block">
3164              
3165<li
3166                  
3167                >
3168                  <a
3169                    href="/pages/store-locator"
3170                    class="site-nav__link"
3171                    
3172                  >
3173                    <span class="site-nav__label">Find a store</span>
3174                  </a>
3175                </li>
3176              
3177            </ul>
3178            </nav>
3179          
3180
3181          <div class="site-header__icons site-header__icons--plus" role="region" aria-label="Account and cart">
3182            <div class="site-header__icons-wrapper">
3183              
3184                <div class="tw-block">
3185                  
3186                    <a href="/account/login" class="site-header__icon site-header__account nav-link">
3187                      <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">
3188  <path
3189    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"
3190    fill="#034638"
3191  />
3192</svg>
3193</span>
3194                      <span class="icon__fallback-text">Log in</span>
3195                    </a>
3196                  
3197                </div>
3198              
3199
3200              <div class="cart-btns tw-relative">
3201                <div class="tw-hidden md:tw-block">
3202                  <a
3203                    target="_self"
3204                    href="/cart"
3205                    aria-label="Open Cart"
3206                    class="header__button header-cart-toggle site-header__icon site-header__cart tw-relative"
3207                    js-header-cart-toggle
3208                  >
3209                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3210  <path
3211    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"
3212    fill="#034638"
3213  />
3214</svg>
3215
3216                  </a>
3217                </div>
3218                <div class="md:tw-hidden">
3219                  <a href="/cart" class="header__button site-header__icon site-header__cart tw-relative">
3220                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3221  <path
3222    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
3222C20.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"
3223    fill="#034638"
3224  />
3225</svg>
3226
3227                  </a>
3228                </div>
3229                <div
3230  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"
3231  data-component="cartToggle"
3232  
3233    style="display: none;"
3234  
3235>
3236  <span class="tw-sr-only">items in cart</span>
3237  <span class="cart-item-count-badge__value" aria-live="polite">0</span>
3238</div>
3239
3240<style>
3241  .cart-item-count-badge {
3242    right: -3px;
3243  }
3244
3245  @media screen and (min-width: 750px) {
3246    .cart-item-count-badge {
3247      top: -6px;
3248      right: 4px;
3249    }
3250  }
3251
3252  @media screen and (min-width: 1183px) {
3253    .cart-item-count-badge {
3254      top: 5px;
3255      right: 7px;
3256    }
3257  }
3258</style>
3259
3260              </div>
3261            </div>
3262            <button
3263              type="button"
3264              class="site-header__mobile-menu-close-btn header__button tw-shrink-0 tw-bg-transparent tw-p-0"
3265              js-mobile-menu-close
3266              aria-label="Close menu"
3267            >
3268              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3269  <path
3270    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"
3271    fill="currentColor"
3272  />
3273</svg>
3274
3275            </button>
3276          </div>
3277        </div>
3278        <!-- ./End Right Menu -->
3279      </div>
3280
3281      
3282      
3283
3284    </div>
3285
3286    <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">
3287  
3288
3289
3290
3291    
3292      
3293        
3294
3295<div
3296  class="site-nav-dropdown__menu--shop site-nav-dropdown__menu tw-mx-auto tw-w-full tw-min-h-0"
3297  id="site-nav-menu-dropdown-shop"
3298  tabindex="-1"
3299>
3300  <button type="button" class="site-nav-dropdown-close">Close menu Shop</button>
3301
3302  <div
3303    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]"
3304  >
3305    <aside
3306      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"
3307    >
3308      <nav class="site-nav-dropdown__category-nav tw-flex tw-min-h-0 tw-flex-col tw-overflow-y-auto" aria-label="Shop categories">
3309            <div
3310              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3311              data-handle="nav-dropdown-9g-fiber-line"
3312            >
3313              <button
3314                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"
3315                type="button"
3316                aria-expanded="true"
3317              >
3318                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3319                  9g fiber line
3320                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3321  xmlns="http://www.w3.org/2000/svg"
3322  width="24"
3323  height="24"
3324  viewBox="0 0 24 24"
3325  fill="none"
3326  aria-hidden="true"
3327  focusable="false"
3328  role="presentation"
3329  class="icon icon-chevron-three-right"
3330>
3331  <path
3332    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"
3333    fill="#034638"
3334  />
3335</svg>
3336</span>
3337                </span>
3338              </button>
3339            </div>
3340          
3341
3342            <div
3343              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3344              data-handle="nav-dropdown-6g-fiber-line"
3345            >
3346              <button
3347                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"
3348                type="button"
3349                aria-expanded="false"
3350              >
3351                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3352                  6g fiber line
3353                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3354  xmlns="http://www.w3.org/2000/svg"
3355  width="24"
3356  height="24"
3357  viewBox="0 0 24 24"
3358  fill="none"
3359  aria-hidden="true"
3360  focusable="false"
3361  role="presentation"
3362  class="icon icon-chevron-three-right"
3363>
3364  <path
3365    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"
3366    fill="#034638"
3367  />
3368</svg>
3369</span>
3370                </span>
3371              </button>
3372            </div>
3373          
3374
3375            <div
3376              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3377              data-handle="nav-dropdown-olipop-minis"
3378            >
3379              <button
3380                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"
3381                type="button"
3382                aria-expanded="false"
3383              >
3384                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3385                  OLIPOP MINIs
3386                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3387  xmlns="http://www.w3.org/2000/svg"
3388  width="24"
3389  height="24"
3390  viewBox="0 0 24 24"
3391  fill="none"
3392  aria-hidden="true"
3393  focusable="false"
3394  role="presentation"
3395  class="icon icon-chevron-three-right"
3396>
3397  <path
3398    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
339864 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"
3399    fill="#034638"
3400  />
3401</svg>
3402</span>
3403                </span>
3404              </button>
3405            </div>
3406          
3407
3408            <div
3409              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3410              data-handle="nav-dropdown-limited-edition-flavors"
3411            >
3412              <button
3413                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"
3414                type="button"
3415                aria-expanded="false"
3416              >
3417                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3418                  Limited edition flavors
3419                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3420  xmlns="http://www.w3.org/2000/svg"
3421  width="24"
3422  height="24"
3423  viewBox="0 0 24 24"
3424  fill="none"
3425  aria-hidden="true"
3426  focusable="false"
3427  role="presentation"
3428  class="icon icon-chevron-three-right"
3429>
3430  <path
3431    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"
3432    fill="#034638"
3433  />
3434</svg>
3435</span>
3436                </span>
3437              </button>
3438            </div>
3439          
3440
3441            <div
3442              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3443              data-handle="nav-dropdown-variety-packs"
3444            >
3445              <button
3446                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"
3447                type="button"
3448                aria-expanded="false"
3449              >
3450                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3451                  Variety packs
3452                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3453  xmlns="http://www.w3.org/2000/svg"
3454  width="24"
3455  height="24"
3456  viewBox="0 0 24 24"
3457  fill="none"
3458  aria-hidden="true"
3459  focusable="false"
3460  role="presentation"
3461  class="icon icon-chevron-three-right"
3462>
3463  <path
3464    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"
3465    fill="#034638"
3466  />
3467</svg>
3468</span>
3469                </span>
3470              </button>
3471            </div>
3472          
3473</nav>
3474
3475      <div class="site-nav-dropdown__links-footer">
3476        <a
3477          href="/collections/drinks"
3478          class="site-nav-dropdown__footer-shop-all dropdown-btn"
3479        >
3480          Shop All
3481        </a>
3482      </div>
3483    </aside>
3484
3485    <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]">
3486      
3487
3488          <div
3489            id="nav-dropdown-9g-fiber-line"
3490            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"
3491          >
3492            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
3493              <header class="site-nav-dropdown__subnav-header tw-pl-1">
3494                <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">
3495                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
3496                    <h2 class="site-nav-dropdown__subnav-title">
3497                      
3498                        Shop 9g fiber
3499                      
3500                    </h2>
3501                    
3502                      <div class="site-nav-dropdown__category-headline">
3503                        <div class="site-nav-dropdown__category-headline-text rte">
3504                          <span class="metafield-single_line_text_field">Keep refrigerated</span>
3505                        </div>
3506                        
3507                          <span class="site-nav-dropdown__category-headline-icon" aria-hidden="true">
3508                            <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">
3509                          </span>
3510                        
3511                      </div>
3512                    
3513                    
3514                      <div class="site-nav-dropdown__category-description rte">
3515                        <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span>
3516                      </div>
3517                    
3518                  </div>
3519                  <a
3520                    class="site-nav-dropdown__shop-all-outline"
3521                    href="/collections/shop-9g-fiber"
3522                  > 
3523                    
3524                      Shop All 9g Fiber
3525                    
3526                  </a>
3527                </div>
3528              </header>
3529
3530              <div
3531                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]"
3532                data-nav-carousel
3533              >
3534                <div
3535                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
3536                  aria-hidden="false"
3537                >
3538                  <button
3539                    type="button"
3540                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
3541                    aria-label="Show previous products"
3542                  >
3543<svg
3544  xmlns="http://www.w3.org/2000/svg"
3545  width="24"
3546  height="24"
3547  viewBox="0 0 24 24"
3548  fill="none"
3549  class="site-nav-dropdown__carousel-arrow-svg"
3550  aria-hidden="true"
3551  focusable="false"
3552>
3553  <path
3554    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"
3555    fill="currentColor"
3556  />
3557</svg>
3558</button>
3559                  <button
3560                    type="button"
3561                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
3562                    aria-label="Show next products"
3563                  >
3564<svg
3565  xmlns="http://www.w3.org/2000/svg"
3566  width="24"
3567  height="24"
3568  viewBox="0 0 24 24"
3569  fill="none"
3570  class="site-nav-dropdown__carousel-arrow-svg"
3571  aria-hidden="true"
3572  focusable="false"
3573>
3574  <path
3575    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
35750.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"
3576    fill="currentColor"
3577  />
3578</svg>
3579</button>
3580                </div>
3581                <div
3582                  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"
3583                  data-carousel-track
3584                  tabindex="0"
3585                  role="region"
3586                  aria-roledescription="carousel"
3587                  aria-label="9g fiber line products"
3588                >
3589                  <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">
3590                    
3591                    
3592
3593                    
3594
3595                    
3596
3597
3598                      
3599
3600                      
3601
3602                      
3603                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3604                          <a
3605                            href="/products/caramel-apple"
3606                            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"
3607                            
3608                          >
3609                            <span class="site-nav-dropdown__product-card-media">
3610                              
3611                                <div
3612    class="product-badge product-badge--nav product-badge--short-text"
3613    role="status"
3614    aria-label="New"
3615  >
3616    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
3617      <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"/>
3618    </svg>
3619    <span class="product-badge__text" style="color: #034638;">New</span>
3620  </div>
3621                              
3622
3623                              
3624                                
3625                                  
3626                                  
3627                              
3628                              
3629                              
3630                              <img
3631                                class="site-nav-dropdown__product-card-img nav-product-hero"
3632                                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"
3633                                width="136"
3634                                height="181"
3635                                alt="Caramel Apple"
3636                                loading="lazy"
3637                                decoding="async"
3638                              >
3639                              
3640                            </span>
3641                            <span class="site-nav-dropdown__product-card-label">
3642                              
3643                                Caramel Apple
3644                              
3645                            </span>
3646                          </a>
3647                        </li>
3648                      
3649                    
3650
3651
3652                      
3653
3654                      
3655
3656                      
3657                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3658                          <a
3659                            href="/products/blackberry-vanilla"
3660                            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"
3661                            
3662                          >
3663                            <span class="site-nav-dropdown__product-card-media">
3664                              
3665
3666                              
3667                                
3668                                  
3669                                  
3670                              
3671                              
3672                              
3673                              <img
3674                                class="site-nav-dropdown__product-card-img nav-product-hero"
3675                                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"
3676                                width="136"
3677                                height="181"
3678                                alt="Blackberry Vanilla"
3679                                loading="lazy"
3680                                decoding="async"
3681                              >
3682                              
3683                            </span>
3684                            <span class="site-nav-dropdown__product-card-label">
3685                              
3686                                Blackberry Vanilla
3687                              
3688                            </span>
3689                          </a>
3690                        </li>
3691                      
3692                    
3693
3694
3695                      
3696
3697                      
3698
3699                      
3700                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3701                          <a
3702                            href="/products/crisp-apple"
3703                            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"
3704                            
3705                          >
3706                            <span class="site-nav-dropdown__product-card-media">
3707                              
3708
3709                              
3710                                
3711                                  
3712                                  
3713                              
3714                              
3715                              
3716                              <img
3717                                class="site-nav-dropdown__product-card-img nav-product-hero"
3718                                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"
3719                                width="136"
3720                                height="181"
3721                                alt="Crisp Apple"
3722                                loading="lazy"
3723                                decoding="async"
3724                              >
3725                              
3726                            </span>
3727                            <span class="site-nav-dropdown__product-card-label">
3728                              
3729                                Crisp Apple
3730                              
3731                            </span>
3732                          </a>
3733                        </li>
3734                      
3735                    
3736
3737
3738                      
3739
3740                      
3741
3742                      
3743                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3744                          <a
3745                            href="/products/classic-grape"
3746                            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"
3747                            
3748                          >
3749                            <span class="site-nav-dropdown__product-card-media">
3750                              
3751
3752                              
3753                                
3754                                  
3755                                  
3756                              
3757                              
3758                              
3759                              <img
3760                                class="site-nav-dropdown__product-card-img nav-product-hero"
3761                                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"
3762                                width="136"
3763                                height="181"
3764                                alt="Classic Grape"
3765                                loading="lazy"
3766                                decoding="async"
3767                              >
3768                              
3769                            </span>
3770                            <span class="site-nav-dropdown__product-card-label">
3771                              
3772                                Classic Grape
3773                              
3774                            </span>
3775                          </a>
3776                        </li>
3777                      
3778                    
3779
3780
3781                      
3782
3783                      
3784
3785                      
3786                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3787                          <a
3788                            href="/products/classic-root-beer"
3789                            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"
3790                            
3791                          >
3792                            <span class="site-nav-dropdown__product-card-media">
3793                              
3794
3795                              
3796                                
3797                                  
3798                                  
3799                              
3800                              
3801                              
3802                              <img
3803                                class="site-nav-dropdown__product-card-img nav-product-hero"
3804                                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"
3805                                width="136"
3806                                height="181"
3807                                alt="Classic Root Beer"
3808                                loading="lazy"
3809                                decoding="async"
3810                              >
3811                              
3812                            </span>
3813                            <span class="site-nav-dropdown__product-card-label">
3814                              
3815                                Classic Root Beer
3816                              
3817                            </span>
3818                          </a>
3819                        </li>
3820                      
3821                    
3822
3823
3824                      
3825
3826                      
3827
3828                      
3829                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3830                          <a
3831                            href="/products/vintage-cola"
3832                            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"
3833                            
3834                          >
3835                            <span class="site-nav-dropdown__product-card-media">
3836                              
3837
3838                              
3839                                
3840                                  
3841                                  
3842                              
3843                              
3844                              
3845                              <img
3846                                class="site-nav-dropdown__product-card-img nav-product-hero"
3847                                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"
3848                                width="136"
3849                                height="181"
3850                                alt="Vintage Cola"
3851                                loading="lazy"
3852                                decoding="async"
3853                              >
3854                              
3855                            </span>
3856                            <span class="site-nav-dropdown__product-card-label">
3857                              
3858                                Vintage Cola
3859                              
3860                            </span>
3861                          </a>
3862                        </li>
3863                      
3864                    
3865
3866
3867                      
3868
3869                      
3870
3871                      
3872                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3873                          <a
3874                            href="/products/cream-soda"
3875                            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"
3876                            
3877                          >
3878                            <span class="site-nav-dropdown__product-card-media">
3879                              
3880
3881                              
3882                                
3883                                  
3884                                  
3885                              
3886                              
3887                              
3888                              <img
3889                                class="site-nav-dropdown__product-card-img nav-product-hero"
3890                                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"
3891                                width="136"
3892                                height="181"
3893                                alt="Cream Soda"
3894                                loading="lazy"
3895                                decoding="async"
3896                              >
3897                              
3898                            </span>
3899                            <span class="site-nav-dropdown__product-card-label">
3900                              
3901                                Cream Soda
3902                              
3903                            </span>
3904                          </a>
3905                        </li>
3906                      
3907                    
3908
3909
3910                      
3911
3912                      
3913
3914                      
3915                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3916                          <a
3917                            href="/products/strawberry-vanilla"
3918                            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"
3919                            
3920                          >
3921                            <span class="site-nav-dropdown__product-card-media">
3922                              
3923
3924                              
3925                                
3926                                  
3927                                  
3928                              
3929                              
3930                              
3931                              <img
3932                                class="site-nav-dropdown__product-card-img nav-product-hero"
3933                                src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272"
3934                                width="136"
3935                                height="181"
3936                                alt="Strawberry Vanilla"
3937                                loading="lazy"
3938                                decoding="async"
3939                              >
3940                              
3941                            </span>
3942                            <span class="site-nav-dropdown__product-card-label">
3943                              
3944                                Strawberry Vanilla
3945                              
3946                            </span>
3947                          </a>
3948                        </li>
3949                      
3950                    
3951
3952
3953                      
3954
3955                      
3956
3957                      
3958                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3959                          <a
3960                            href="/products/cherry-cola"
3961                            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"
3962                            
3963                          >
3964                            <span class="site-nav-dropdown__product-card-media">
3965                              
3966
3967                              
3968                                
3969                                  
3970                                  
3971                              
3972                              
3973                              
3974                              <img
3975                                class="site-nav-dropdown__product-card-img nav-product-hero"
3976                                src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272"
3977                                width="136"
3978                                height="181"
3979                                alt="Cherry Cola"
3980                                loading="lazy"
3981                                decoding="async"
3982                              >
3983                              
3984                            </span>
3985                            <span class="site-nav-dropdown__product-card-label">
3986                              
3987                                Cherry Cola
3988                              
3989                            </span>
3990                          </a>
3991                        </li>
3992                      
3993                    
3994
3995
3996                      
3997
3998                      
3999
4000                      
4001                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4002                          <a
4003                            href="/products/orange-cream"
4004                            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"
4005                            
4006                          >
4007                            <span class="site-nav-dropdown__product-card-media">
4008                              
4009
4010                              
4011                                
4012                                  
4013                                  
4014                              
4015                              
4016                              
4017                              <img
4018                                class="site-nav-dropdown__product-card-img nav-product-hero"
4019                                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"
4020                                width="136"
4021                                height="181"
4022                                alt="Orange Cream"
4023                                loading="lazy"
4024                                decoding="async"
4025                              >
4026                              
4027                            </span>
4028                            <span class="site-nav-dropdown__product-card-label">
4029                              
4030                                Orange Cream
4031                              
4032                            </span>
4033                          </a>
4034                        </li>
4035                      
4036                    
4037
4038
4039                      
4040
4041                      
4042
4043                      
4044                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4045                          <a
4046                            href="/products/peaches-and-cream"
4047                            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"
4048                            
4049                          >
4050                            <span class="site-nav-dropdown__product-card-media">
4051                              
4052
4053                              
4054                                
4055                                  
4056                                  
4057                              
4058                              
4059                              
4060                              <img
4061                                class="site-nav-dropdown__product-card-img nav-product-hero"
4062                                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"
4063                                width="136"
4064                                height="181"
4065                                alt="Peaches & Cream"
4066                                loading="lazy"
4067                                decoding="async"
4068                              >
4069                              
4070                            </span>
4071                            <span class="site-nav-dropdown__product-card-label">
4072                              
4073                                Peaches &amp; Cream
4074                              
4075                            </span>
4076                          </a>
4077                        </li>
4078                      
4079                    
4080
4081
4082                      
4083
4084                      
4085
4086                      
4087                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4088                          <a
4089                            href="/products/orange-squeeze"
4090                            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"
4091                            
4092                          >
4093                            <span class="site-nav-dropdown__product-card-media">
4094                              
4095
4096                              
4097                                
4098                                  
4099                                  
4100                              
4101                              
4102                              
4103                              <img
4104                                class="site-nav-dropdown__product-card-img nav-product-hero"
4105                                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"
4106                                width="136"
4107                                height="181"
4108                                alt="Orange Squeeze"
4109                                loading="lazy"
4110                                decoding="async"
4111                              >
4112                              
4113                            </span>
4114                            <span class="site-nav-dropdown__product-card-label">
4115                              
4116                                Orange Squeeze
4117                              
4118                            </span>
4119                          </a>
4120                        </li>
4121                      
4122                    
4123
4124
4125                      
4126
4127                      
4128
4129                      
4130                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4131                          <a
4132                            href="/products/ginger-ale"
4133                            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"
4134                            
4135                          >
4136                            <span class="site-nav-dropdown__product-card-media">
4137                              
4138
4139                              
4140                                
4141                                  
4142                                  
4143                              
4144                              
4145                              
4146                              <img
4147                                class="site-nav-dropdown__product-card-img nav-product-hero"
4148                                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"
4149                                width="136"
4150                                height="181"
4151                                alt="Ginger Ale"
4152                                loading="lazy"
4153                                decoding="async"
4154                              >
4155                              
4156                            </span>
4157                            <span class="site-nav-dropdown__product-card-label">
4158                              
4159                                Ginger Ale
4160                              
4161                            </span>
4162                          </a>
4163                        </li>
4164                      
4165                    
4166
4167
4168                      
4169
4170                      
4171
4172                      
4173                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4174                          <a
4175                            href="/products/citrus-rush"
4176                            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"
4177                            
4178                          >
4179                            <span class="site-nav-dropdown__product-card-media">
4180                              
4181
4182                              
4183                                
4184                                  
4185                                  
4186                              
4187                              
4188                              
4189                              <img
4190                                class="site-nav-dropdown__product-card-img nav-product-hero"
4191                                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"
4192                                width="136"
4193                                height="181"
4194                                alt="Citrus Rush"
4195                                loading="lazy"
4196                                decoding="async"
4197                              >
4198                              
4199                            </span>
4200                            <span class="site-nav-dropdown__product-card-label">
4201                              
4202                                Ridge Rush
4203                              
4204                            </span>
4205                          </a>
4206                        </li>
4207                      
4208                    
4209
4210
4211                      
4212
4213                      
4214
4215                      
4216                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4217                          <a
4218                            href="/products/doctor-goodwin"
4219                            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"
4220                            
4221                          >
4222                            <span class="site-nav-dropdown__product-card-media">
4223                              
4224
4225                              
4226                                
4227                                  
4228                                  
4229                              
4230                              
4231                              
4232                              <img
4233                                class="site-nav-dropdown__product-card-img nav-product-hero"
4234                                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"
4235                                width="136"
4236                                height="181"
4237                                alt="Doctor Goodwin"
4238                                loading="lazy"
4239                                decoding="async"
4240                              >
4241                              
4242                            </span>
4243                            <span class="site-nav-dropdown__product-card-label">
4244                              
4245                                Doctor Goodwin
4246                              
4247                            </span>
4248                          </a>
4249                        </li>
4250                      
4251                    
4252
4253
4254                      
4255
4256                      
4257
4258                      
4259                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4260                          <a
4261                            href="/products/cherry-vanilla"
4262                            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"
4263                            
4264                          >
4265                            <span class="site-nav-dropdown__product-card-media">
4266                              
4267
4268                              
4269                                
4270                                  
4271                                  
4272                              
4273                              
4274                              
4275                              <img
4276                                class="site-nav-dropdown__product-card-img nav-product-hero"
4277                                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"
4278                                width="136"
4279                                height="181"
4280                                alt="Cherry Vanilla"
4281                                loading="lazy"
4282                                decoding="async"
4283                              >
4284                              
4285                            </span>
4286                            <span class="site-nav-dropdown__product-card-label">
4287                              
4288                                Cherry Vanilla
4289                              
4290                            </span>
4291                          </a>
4292                        </li>
4293                      
4294                    
4295
4296
4297                      
4298
4299                      
4300
4301                      
4302                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4303                          <a
4304                            href="/products/tropical-punch"
4305                            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"
4306                            
4307                          >
4308                            <span class="site-nav-dropdown__product-card-media">
4309                              
4310
4311                              
4312                                
4313                                  
4314                                  
4315                              
4316                              
4317                              
4318                              <img
4319                                class="site-nav-dropdown__product-card-img nav-product-hero"
4320                                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"
4321                                width="136"
4322                                height="181"
4323                                alt="Tropical Punch"
4324                                loading="lazy"
4325                                decoding="async"
4326                              >
4327                              
4328                            </span>
4329                            <span class="site-nav-dropdown__product-card-label">
4330                              
4331                                Tropical Punch
4332                              
4333                            </span>
4334                          </a>
4335                        </li>
4336                      
4337                    
4338
4339
4340                      
4341
4342                      
4343
4344                      
4345                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4346                          <a
4347                            href="/products/lemon-lime"
4348                            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"
4349                            
4350                          >
4351                            <span class="site-nav-dropdown__product-card-media">
4352                              
4353
4354                              
4355                                
4356                                  
4357                                  
4358                              
4359                              
4360                              
4361                              <img
4362                                class="site-nav-dropdown__product-card-img nav-product-hero"
4363                                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"
4364                                width="136"
4365                                height="181"
4366                                alt="Lemon Lime"
4367                                loading="lazy"
4368                                decoding="async"
4369                              >
4370                              
4371                            </span>
4372                            <span class="site-nav-dropdown__product-card-label">
4373                              
4374                                Lemon Lime
4375                              
4376                            </span>
4377                          </a>
4378                        </li>
4379                      
4380                    
4381
4382
4383                      
4384
4385                      
4386
4387                      
4388                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4389                          <a
4390                            href="/products/ginger-lemon"
4391                            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"
4392                            
4393                          >
4394                            <span class="site-nav-dropdown__product-card-media">
4395                              
4396
4397                              
4398                                
4399                                  
4400                                  
4401                              
4402                              
4403                              
4404                              <img
4405                                class="site-nav-dropdown__product-card-img nav-product-hero"
4406                                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"
4407                                width="136"
4408                                height="181"
4409                                alt="Ginger Lemon"
4410                                loading="lazy"
4411                                decoding="async"
4412                              >
4413                              
4414                            </span>
4415                            <span class="site-nav-dropdown__product-card-label">
4416                              
4417                                Ginger Lemon
4418                              
4419                            </span>
4420                          </a>
4421                        </li>
4422                      
4423                    
4424
4425
4426                      
4427
4428                      
4429
4430                      
4431                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4432                          <a
4433                            href="/products/watermelon-lime"
4434                            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"
4435                            
4436                          >
4437                            <span class="site-nav-dropdown__product-card-media">
4438                              
4439
4440                              
4441                                
4442                                  
4443                                  
4444                              
4445                              
4446                              
4447                              <img
4448                                class="site-nav-dropdown__product-card-img nav-product-hero"
4449                                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"
4450                                width="136"
4451                                height="181"
4452                                alt="Watermelon Lime"
4453                                loading="lazy"
4454                                decoding="async"
4455                              >
4456                              
4457                            </span>
4458                            <span class="site-nav-dropdown__product-card-label">
4459                              
4460                                Watermelon Lime
4461                              
4462                            </span>
4463                          </a>
4464                        </li>
4465                      
4466                    
4467
4468
4469                      
4470
4471                      
4472
4473                      
4474                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4475                          <a
4476                            href="/products/banana-cream"
4477                            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"
4478                            
4479                          >
4480                            <span class="site-nav-dropdown__product-card-media">
4481                              
4482
4483                              
4484                                
4485                                  
4486                                  
4487                              
4488                              
4489                              
4490                              <img
4491                                class="site-nav-dropdown__product-card-img nav-product-hero"
4492                                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"
4493                                width="136"
4494                                height="181"
4495                                alt="Banana Cream"
4496                                loading="lazy"
4497                                decoding="async"
4498                              >
4499                              
4500                            </span>
4501                            <span class="site-nav-dropdown__product-card-label">
4502                              
4503                                Banana Cream
4504                              
4505                            </span>
4506                          </a>
4507                        </li>
4508                      
4509                    
4510                  </ul>
4511                </div>
4512              </div>
4513            </div>
4514          </div>
4515        
4516      
4517
4518          <div
4519            id="nav-dropdown-6g-fiber-line"
4520            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"
4521          >
4522            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
4523              <header class="site-nav-dropdown__subnav-header tw-pl-1">
4524                <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">
4525                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
4526                    <h2 class="site-nav-dropdown__subnav-title">
4527                      
4528                        Shop 6g fiber
4529                      
4530                    </h2>
4531                    
4532                      <div class="site-nav-dropdown__category-headline">
4533                        <div class="site-nav-dropdown__category-headline-text rte">
4534                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
4535                        </div>
4536                        
4537                      </div>
4538                    
4539                    
4540                      <div class="site-nav-dropdown__category-description rte">
4541                        <span class="metafield-multi_line_text_field">Same great taste &amp; digestive support, in a lower‑fiber, store‑anywhere format.</span>
4542                      </div>
4543                    
4544                  </div>
4545                  <a
4546                    class="site-nav-dropdown__shop-all-outline"
4547                    href="/collections/shop-6g-fiber"
4548                  > 
4549                    
4550                      Shop All 6g Fiber
4551                    
4552                  </a>
4553                </div>
4554              </header>
4555
4556              <div
4557                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]"
4558                data-nav-carousel
4559              >
4560                <div
4561                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
4562                  aria-hidden="false"
4563                >
4564                  <button
4565                    type="button"
4566                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
4567                    aria-label="Show previous products"
4568                  >
4569<svg
4570  xmlns="http://www.w3.org/2000/svg"
4571  width="24"
4572  height="24"
4573  viewBox="0 0 24 24"
4574  fill="none"
4575  class="site-nav-dropdown__carousel-arrow-svg"
4576  aria-hidden="true"
4577  focusable="false"
4578>
4579  <path
4580    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"
4581    fill="currentColor"
4582  />
4583</svg>
4584</button>
4585                  <button
4586                    type="button"
4587                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
4588                    aria-label="Show next products"
4589                  >
4590<svg
4591  xmlns="http://www.w3.org/2000/svg"
4592  width="24"
4593  height="24"
4594  viewBox="0 0 24 24"
4595  fill="none"
4596  class="site-nav-dropdown__carousel-arrow-svg"
4597  aria-hidden="true"
4598  focusable="false"
4599>
4600  <path
4601    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
46010.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"
4602    fill="currentColor"
4603  />
4604</svg>
4605</button>
4606                </div>
4607                <div
4608                  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"
4609                  data-carousel-track
4610                  tabindex="0"
4611                  role="region"
4612                  aria-roledescription="carousel"
4613                  aria-label="6g fiber line products"
4614                >
4615                  <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">
4616                    
4617                    
4618
4619                    
4620
4621                    
4622
4623
4624                      
4625
4626                      
4627
4628                      
4629                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4630                          <a
4631                            href="/products/raspberry-sherbet"
4632                            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"
4633                            
4634                          >
4635                            <span class="site-nav-dropdown__product-card-media">
4636                              
4637                                <div
4638    class="product-badge product-badge--nav"
4639    role="status"
4640    aria-label="Limited"
4641  >
4642    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
4643      <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"/>
4644    </svg>
4645    <span class="product-badge__text" style="color: #034638;">Limited</span>
4646  </div>
4647                              
4648
4649                              
4650                                
4651                                  
4652                                  
4653                              
4654                              
4655                              
4656                              <img
4657                                class="site-nav-dropdown__product-card-img nav-product-hero"
4658                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
4659                                width="136"
4660                                height="181"
4661                                alt="Raspberry Sherbet"
4662                                loading="lazy"
4663                                decoding="async"
4664                              >
4665                              
4666                            </span>
4667                            <span class="site-nav-dropdown__product-card-label">
4668                              
4669                                Raspberry Sherbet
4670                              
4671                            </span>
4672                          </a>
4673                        </li>
4674                      
4675                    
4676
4677
4678                      
4679
4680                      
4681
4682                      
4683                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4684                          <a
4685                            href="/products/shirley-temple"
4686                            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"
4687                            
4688                          >
4689                            <span class="site-nav-dropdown__product-card-media">
4690                              
4691                                <div
4692    class="product-badge product-badge--nav"
4693    role="status"
4694    aria-label="Limited"
4695  >
4696    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
4697      <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"/>
4698    </svg>
4699    <span class="product-badge__text" style="color: #034638;">Limited</span>
4700  </div>
4701                              
4702
4703                              
4704                                
4705                                  
4706                                  
4707                              
4708                              
4709                              
4710                              <img
4711                                class="site-nav-dropdown__product-card-img nav-product-hero"
4712                                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"
4713                                width="136"
4714                                height="181"
4715                                alt="Shirley Temple"
4716                                loading="lazy"
4717                                decoding="async"
4718                              >
4719                              
4720                            </span>
4721                            <span class="site-nav-dropdown__product-card-label">
4722                              
4723                                Shirley Temple
4724                              
4725                            </span>
4726                          </a>
4727                        </li>
4728                      
4729                    
4730
4731
4732                      
4733
4734                      
4735
4736                      
4737                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4738                          <a
4739                            href="/products/spongebob-pineapple-paradise"
4740                            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"
4741                            
4742                          >
4743                            <span class="site-nav-dropdown__product-card-media">
4744                              
4745                                <div
4746    class="product-badge product-badge--nav"
4747    role="status"
4748    aria-label="Limited"
4749  >
4750    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
4751      <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"/>
4752    </svg>
4753    <span class="product-badge__text" style="color: #034638;">Limited</span>
4754  </div>
4755                              
4756
4757                              
4758                                
4759                                  
4760                                  
4761                              
4762                              
4763                              
4764                              <img
4765                                class="site-nav-dropdown__product-card-img nav-product-hero"
4766                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
4767                                width="136"
4768                                height="181"
4769                                alt="Pineapple Paradise"
4770                                loading="lazy"
4771                                decoding="async"
4772                              >
4773                              
4774                            </span>
4775                            <span class="site-nav-dropdown__product-card-label">
4776                              
4777                                Pineapple Paradise
4778                              
4779                            </span>
4780                          </a>
4781                        </li>
4782                      
4783                    
4784
4785
4786                      
4787
4788                      
4789
4790                      
4791                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4792                          <a
4793                            href="/products/crisp-apple-6g-fiber"
4794                            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"
4795                            
4796                          >
4797                            <span class="site-nav-dropdown__product-card-media">
4798                              
4799
4800                              
4801                                
4802                                  
4803                                  
4804                              
4805                              
4806                              
4807                              <img
4808                                class="site-nav-dropdown__product-card-img nav-product-hero"
4809                                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"
4810                                width="136"
4811                                height="181"
4812                                alt="Crisp Apple"
4813                                loading="lazy"
4814                                decoding="async"
4815                              >
4816                              
4817                            </span>
4818                            <span class="site-nav-dropdown__product-card-label">
4819                              
4820                                Crisp Apple
4821                              
4822                            </span>
4823                          </a>
4824                        </li>
4825                      
4826                    
4827
4828
4829                      
4830
4831                      
4832
4833                      
4834                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4835                          <a
4836                            href="/products/classic-grape-6g-fiber"
4837                            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"
4838                            
4839                          >
4840                            <span class="site-nav-dropdown__product-card-media">
4841                              
4842
4843                              
4844                                
4845                                  
4846                                  
4847                              
4848                              
4849                              
4850                              <img
4851                                class="site-nav-dropdown__product-card-img nav-product-hero"
4852                                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"
4853                                width="136"
4854                                height="181"
4855                                alt="Classic Grape"
4856                                loading="lazy"
4857                                decoding="async"
4858                              >
4859                              
4860                            </span>
4861                            <span class="site-nav-dropdown__product-card-label">
4862                              
4863                                Classic Grape
4864                              
4865                            </span>
4866                          </a>
4867                        </li>
4868                      
4869                    
4870
4871
4872                      
4873
4874                      
4875
4876                      
4877                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4878                          <a
4879                            href="/products/vintage-cola-6g-fiber"
4880                            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"
4881                            
4882                          >
4883                            <span class="site-nav-dropdown__product-card-media">
4884                              
4885
4886                              
4887                                
4888                                  
4889                                  
4890                              
4891                              
4892                              
4893                              <img
4894                                class="site-nav-dropdown__product-card-img nav-product-hero"
4895                                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"
4896                                width="136"
4897                                height="181"
4898                                alt="Vintage Cola"
4899                                loading="lazy"
4900                                decoding="async"
4901                              >
4902                              
4903                            </span>
4904                            <span class="site-nav-dropdown__product-card-label">
4905                              
4906                                Vintage Cola
4907                              
4908                            </span>
4909                          </a>
4910                        </li>
4911                      
4912                    
4913
4914
4915                      
4916
4917                      
4918
4919                      
4920                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4921                          <a
4922                            href="/products/classic-root-beer-6g-fiber"
4923                            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"
4924                            
4925                          >
4926                            <span class="site-nav-dropdown__product-card-media">
4927                              
4928
4929                              
4930                                
4931                                  
4932                                  
4933                              
4934                              
4935                              
4936                              <img
4937                                class="site-nav-dropdown__product-card-img nav-product-hero"
4938                                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"
4939                                width="136"
4940                                height="181"
4941                                alt="Classic Root Beer"
4942                                loading="lazy"
4943                                decoding="async"
4944                              >
4945                              
4946                            </span>
4947                            <span class="site-nav-dropdown__product-card-label">
4948                              
4949                                Classic Root Beer
4950                              
4951                            </span>
4952                          </a>
4953                        </li>
4954                      
4955                    
4956
4957
4958                      
4959
4960                      
4961
4962                      
4963                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4964                          <a
4965                            href="/products/cream-soda-6g-fiber"
4966                            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"
4967                            
4968                          >
4969                            <span class="site-nav-dropdown__product-card-media">
4970                              
4971
4972                              
4973                                
4974                                  
4975                                  
4976                              
4977                              
4978                              
4979                              <img
4980                                class="site-nav-dropdown__product-card-img nav-product-hero"
4981                                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"
4982                                width="136"
4983                                height="181"
4984                                alt="Cream Soda"
4985                                loading="lazy"
4986                                decoding="async"
4987                              >
4988                              
4989                            </span>
4990                            <span class="site-nav-dropdown__product-card-label">
4991                              
4992                                Cream Soda
4993                              
4994                            </span>
4995                          </a>
4996                        </li>
4997                      
4998                    
4999
5000
5001                      
5002
5003                      
5004
5005                      
5006                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5007                          <a
5008                            href="/products/strawberry-vanilla-6g-fiber"
5009                            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"
5010                            
5011                          >
5012                            <span class="site-nav-dropdown__product-card-media">
5013                              
5014
5015                              
5016                                
5017                                  
5018                                  
5019                              
5020                              
5021                              
5022                              <img
5023                                class="site-nav-dropdown__product-card-img nav-product-hero"
5024                                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"
5025                                width="136"
5026                                height="181"
5027                                alt="Strawberry Vanilla"
5028                                loading="lazy"
5029                                decoding="async"
5030                              >
5031                              
5032                            </span>
5033                            <span class="site-nav-dropdown__product-card-label">
5034                              
5035                                Strawberry Vanilla
5036                              
5037                            </span>
5038                          </a>
5039                        </li>
5040                      
5041                    
5042
5043
5044                      
5045
5046                      
5047
5048                      
5049                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5050                          <a
5051                            href="/products/cherry-cola-6g-fiber"
5052                            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"
5053                            
5054                          >
5055                            <span class="site-nav-dropdown__product-card-media">
5056                              
5057
5058                              
5059                                
5060                                  
5061                                  
5062                              
5063                              
5064                              
5065                              <img
5066                                class="site-nav-dropdown__product-card-img nav-product-hero"
5067                                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"
5068                                width="136"
5069                                height="181"
5070                                alt="Cherry Cola"
5071                                loading="lazy"
5072                                decoding="async"
5073                              >
5074                              
5075                            </span>
5076                            <span class="site-nav-dropdown__product-card-label">
5077                              
5078                                Cherry Cola
5079                              
5080                            </span>
5081                          </a>
5082                        </li>
5083                      
5084                    
5085
5086
5087                      
5088
5089                      
5090
5091                      
5092                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5093                          <a
5094                            href="/products/citrus-rush-6g-fiber"
5095                            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"
5096                            
5097                          >
5098                            <span class="site-nav-dropdown__product-card-media">
5099                              
5100
5101                              
5102                                
5103                                  
5104                                  
5105                              
5106                              
5107                              
5108                              <img
5109                                class="site-nav-dropdown__product-card-img nav-product-hero"
5110                                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"
5111                                width="136"
5112                                height="181"
5113                                alt="Citrus Rush"
5114                                loading="lazy"
5115                                decoding="async"
5116                              >
5117                              
5118                            </span>
5119                            <span class="site-nav-dropdown__product-card-label">
5120                              
5121                                Citrus Rush
5122                              
5123                            </span>
5124                          </a>
5125                        </li>
5126                      
5127                    
5128
5129
5130                      
5131
5132                      
5133
5134                      
5135                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5136                          <a
5137                            href="/products/ginger-ale-6g-fiber"
5138                            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"
5139                            
5140                          >
5141                            <span class="site-nav-dropdown__product-card-media">
5142                              
5143
5144                              
5145                                
5146                                  
5147                                  
5148                              
5149                              
5150                              
5151                              <img
5152                                class="site-nav-dropdown__product-card-img nav-product-hero"
5153                                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"
5154                                width="136"
5155                                height="181"
5156                                alt="Ginger Ale"
5157                                loading="lazy"
5158                                decoding="async"
5159                              >
5160                              
5161                            </span>
5162                            <span class="site-nav-dropdown__product-card-label">
5163                              
5164                                Ginger Ale
5165                              
5166                            </span>
5167                          </a>
5168                        </li>
5169                      
5170                    
5171
5172
5173                      
5174
5175                      
5176
5177                      
5178                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5179                          <a
5180                            href="/products/lemon-lime-6g-fiber"
5181                            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"
5182                            
5183                          >
5184                            <span class="site-nav-dropdown__product-card-media">
5185                              
5186
5187                              
5188                                
5189                                  
5190                                  
5191                              
5192                              
5193                              
5194                              <img
5195                                class="site-nav-dropdown__product-card-img nav-product-hero"
5196                                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"
5197                                width="136"
5198                                height="181"
5199                                alt="Lemon Lime"
5200                                loading="lazy"
5201                                decoding="async"
5202                              >
5203                              
5204                            </span>
5205                            <span class="site-nav-dropdown__product-card-label">
5206                              
5207                                Lemon Lime
5208                              
5209                            </span>
5210                          </a>
5211                        </li>
5212                      
5213                    
5214                  </ul>
5215                </div>
5216              </div>
5217            </div>
5218          </div>
5219        
5220      
5221
5222          <div
5223            id="nav-dropdown-olipop-minis"
5224            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"
5225          >
5226            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
5227              <header class="site-nav-dropdown__subnav-header tw-pl-1">
5228                <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">
5229                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
5230                    <h2 class="site-nav-dropdown__subnav-title">
5231                      
5232                        Shop MINIs
5233                      
5234                    </h2>
5235                    
5236                      <div class="site-nav-dropdown__category-headline">
5237                        <div class="site-nav-dropdown__category-headline-text rte">
5238                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
5239                        </div>
5240                        
5241                      </div>
5242                    
5243                    
5244                      <div class="site-nav-dropdown__category-description rte">
5245                        <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>
5246                      </div>
5247                    
5248                  </div>
5249                  <a
5250                    class="site-nav-dropdown__shop-all-outline"
5251                    href="/collections/olipop-minis"
5252                  > 
5253                    
5254                      Shop All MINIs
5255                    
5256                  </a>
5257                </div>
5258              </header>
5259
5260              <div
5261                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]"
5262                data-nav-carousel
5263              >
5264                <div
5265                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
5266                  aria-hidden="false"
5267                >
5268                  <button
5269                    type="button"
5270                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
5271                    aria-label="Show previous products"
5272                  >
5273<svg
5274  xmlns="http://www.w3.org/2000/svg"
5275  width="24"
5276  height="24"
5277  viewBox="0 0 24 24"
5278  fill="none"
5279  class="site-nav-dropdown__carousel-arrow-svg"
5280  aria-hidden="true"
5281  focusable="false"
5282>
5283  <path
5284    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"
5285    fill="currentColor"
5286  />
5287</svg>
5288</button>
5289                  <button
5290                    type="button"
5291                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
5292                    aria-label="Show next products"
5293                  >
5294<svg
5295  xmlns="http://www.w3.org/2000/svg"
5296  width="24"
5297  height="24"
5298  viewBox="0 0 24 24"
5299  fill="none"
5300  class="site-nav-dropdown__carousel-arrow-svg"
5301  aria-hidden="true"
5302  focusable="false"
5303>
5304  <path
5305    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"
5306    fill="currentColor"
5307  />
5308</svg>
5309</button>
5310                </div>
5311                <div
5312                  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"
5313                  data-carousel-track
5314                  tabindex="0"
5315                  role="region"
5316                  aria-roledescription="carousel"
5317                  aria-label="OLIPOP MINIs products"
5318                >
5319                  <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">
5320                    
5321                    
5322
5323                    
5324
5325                    
5326
5327
5328                      
5329
5330                      
5331
5332                      
5333                        <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0">
5334                          <a
5335                            href="/products/strawberry-vanilla-minis"
5336                            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"
5337                            
5338                          >
5339                            <span class="site-nav-dropdown__product-card-media">
5340                              
5341
5342                              
5343                                
5344                                  
5345                                  
5346                              
5347                              
5348                              
5349                              <img
5350                                class="site-nav-dropdown__product-card-img nav-product-hero"
5351                                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"
5352                                width="136"
5353                                height="181"
5354                                alt="Strawberry Vanilla"
5355                                loading="lazy"
5356                                decoding="async"
5357                              >
5358                              
5359                            </span>
5360                            <span class="site-nav-dropdown__product-card-label">
5361                              
5362                                Strawberry Vanilla
5363                              
5364                            </span>
5365                          </a>
5366                        </li>
5367                      
5368                    
5369
5370
5371                      
5372
5373                      
5374
5375                      
5376                        <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0">
5377                          <a
5378                            href="/products/classic-grape-minis"
5379                            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"
5380                            
5381                          >
5382                            <span class="site-nav-dropdown__product-card-media">
5383                              
5384
5385                              
5386                                
5387                                  
5388                                  
5389                              
5390                              
5391                              
5392                              <img
5393                                class="site-nav-dropdown__product-card-img nav-product-hero"
5394                                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"
5395                                width="136"
5396                                height="181"
5397                                alt="Classic Grape"
5398                                loading="lazy"
5399                                decoding="async"
5400                              >
5401                              
5402                            </span>
5403                            <span class="site-nav-dropdown__product-card-label">
5404                              
5405                                Classic Grape
5406                              
5407                            </span>
5408                          </a>
5409                        </li>
5410                      
5411                    
5412
5413
5414                      
5415
5416                      
5417
5418                      
5419                        <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0">
5420                          <a
5421                            href="/products/crisp-apple-minis"
5422                            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"
5423                            
5424                          >
5425                            <span class="site-nav-dropdown__product-card-media">
5426                              
5427
5428                              
5429                                
5430                                  
5431                                  
5432                              
5433                              
5434                              
5435                              <img
5436                                class="site-nav-dropdown__product-card-img nav-product-hero"
5437                                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"
5438                                width="136"
5439                                height="181"
5440                                alt="Crisp Apple"
5441                                loading="lazy"
5442                                decoding="async"
5443                              >
5444                              
5445                            </span>
5446                            <span class="site-nav-dropdown__product-card-label">
5447                              
5448                                Crisp Apple
5449                              
5450                            </span>
5451                          </a>
5452                        </li>
5453                      
5454                    
5455
5456
5457                      
5458
5459                      
5460
5461                      
5462                        <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0">
5463                          <a
5464                            href="/products/vintage-cola-minis"
5465                            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"
5466                            
5467                          >
5468                            <span class="site-nav-dropdown__product-card-media">
5469                              
5470
5471                              
5472                                
5473                                  
5474                                  
5475                              
5476                              
5477                              
5478                              <img
5479                                class="site-nav-dropdown__product-card-img nav-product-hero"
5480                                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"
5481                                width="136"
5482                                height="181"
5483                                alt="Vintage Cola"
5484                                loading="lazy"
5485                                decoding="async"
5486                              >
5487                              
5488                            </span>
5489                            <span class="site-nav-dropdown__product-card-label">
5490                              
5491                                Vintage Cola
5492                              
5493                            </span>
5494                          </a>
5495                        </li>
5496                      
5497                    
5498
5499
5500                      
5501
5502                      
5503
5504                      
5505                        <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0">
5506                          <a
5507                            href="/products/ginger-ale-minis"
5508                            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"
5509                            
5510                          >
5511                            <span class="site-nav-dropdown__product-card-media">
5512                              
5513
5514                              
5515                                
5516                                  
5517                                  
5518                              
5519                              
5520                              
5521                              <img
5522                                class="site-nav-dropdown__product-card-img nav-product-hero"
5523                                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"
5524                                width="136"
5525                                height="181"
5526                                alt="Ginger Ale"
5527                                loading="lazy"
5528                                decoding="async"
5529                              >
5530                              
5531                            </span>
5532                            <span class="site-nav-dropdown__product-card-label">
5533                              
5534                                Ginger Ale
5535                              
5536                            </span>
5537                          </a>
5538                        </li>
5539                      
5540                    
5541
5542
5543                      
5544
5545                      
5546
5547                      
5548                        <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0">
5549                          <a
5550                            href="/products/orange-cream-minis"
5551                            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"
5552                            
5553                          >
5554                            <span class="site-nav-dropdown__product-card-media">
5555                              
5556
5557                              
5558                                
5559                                  
5560                                  
5561                              
5562                              
5563                              
5564                              <img
5565                                class="site-nav-dropdown__product-card-img nav-product-hero"
5566                                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"
5567                                width="136"
5568                                height="181"
5569                                alt="Orange Cream"
5570                                loading="lazy"
5571                                decoding="async"
5572                              >
5573                              
5574                            </span>
5575                            <span class="site-nav-dropdown__product-card-label">
5576                              
5577                                Orange Cream
5578                              
5579                            </span>
5580                          </a>
5581                        </li>
5582                      
5583                    
5584                  </ul>
5585                </div>
5586              </div>
5587            </div>
5588          </div>
5589        
5590      
5591
5592          <div
5593            id="nav-dropdown-limited-edition-flavors"
5594            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"
5595          >
5596            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
5597              <header class="site-nav-dropdown__subnav-header tw-pl-1">
5598                <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">
5599                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
5600                    <h2 class="site-nav-dropdown__subnav-title">
5601                      
5602                        Shop limited edition flavors
5603                      
5604                    </h2>
5605                    
5606                      <div class="site-nav-dropdown__category-headline">
5607                        <div class="site-nav-dropdown__category-headline-text rte">
5608                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
5609                        </div>
5610                        
5611                      </div>
5612                    
5613                    
5614                      <div class="site-nav-dropdown__category-description rte">
5615                        <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span>
5616                      </div>
5617                    
5618                  </div>
5619                  <a
5620                    class="site-nav-dropdown__shop-all-outline"
5621                    href="/collections/shop-limited-edition"
5622                  > 
5623                    
5624                      Shop All Limited Edition Flavors
5625                    
5626                  </a>
5627                </div>
5628              </header>
5629
5630              <div
5631                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]"
5632                data-nav-carousel
5633              >
5634                <div
5635                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
5636                  aria-hidden="false"
5637                >
5638                  <button
5639                    type="button"
5640                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
5641                    aria-label="Show previous products"
5642                  >
5643<svg
5644  xmlns="http://www.w3.org/2000/svg"
5645  width="24"
5646  height="24"
5647  viewBox="0 0 24 24"
5648  fill="none"
5649  class="site-nav-dropdown__carousel-arrow-svg"
5650  aria-hidden="true"
5651  focusable="false"
5652>
5653  <path
5654    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
56540.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"
5655    fill="currentColor"
5656  />
5657</svg>
5658</button>
5659                  <button
5660                    type="button"
5661                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
5662                    aria-label="Show next products"
5663                  >
5664<svg
5665  xmlns="http://www.w3.org/2000/svg"
5666  width="24"
5667  height="24"
5668  viewBox="0 0 24 24"
5669  fill="none"
5670  class="site-nav-dropdown__carousel-arrow-svg"
5671  aria-hidden="true"
5672  focusable="false"
5673>
5674  <path
5675    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"
5676    fill="currentColor"
5677  />
5678</svg>
5679</button>
5680                </div>
5681                <div
5682                  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"
5683                  data-carousel-track
5684                  tabindex="0"
5685                  role="region"
5686                  aria-roledescription="carousel"
5687                  aria-label="Limited edition flavors products"
5688                >
5689                  <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">
5690                    
5691                    
5692
5693                    
5694
5695                    
5696
5697
5698                      
5699
5700                      
5701
5702                      
5703                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
5704                          <a
5705                            href="/products/caramel-apple"
5706                            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"
5707                            
5708                          >
5709                            <span class="site-nav-dropdown__product-card-media">
5710                              
5711                                <div
5712    class="product-badge product-badge--nav product-badge--short-text"
5713    role="status"
5714    aria-label="New"
5715  >
5716    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5717      <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
571703 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"/>
5718    </svg>
5719    <span class="product-badge__text" style="color: #034638;">New</span>
5720  </div>
5721                              
5722
5723                              
5724                                
5725                                  
5726                                  
5727                              
5728                              
5729                              
5730                              <img
5731                                class="site-nav-dropdown__product-card-img nav-product-hero"
5732                                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"
5733                                width="136"
5734                                height="181"
5735                                alt="Caramel Apple"
5736                                loading="lazy"
5737                                decoding="async"
5738                              >
5739                              
5740                            </span>
5741                            <span class="site-nav-dropdown__product-card-label">
5742                              
5743                                Caramel Apple
5744                              
5745                            </span>
5746                          </a>
5747                        </li>
5748                      
5749                    
5750
5751
5752                      
5753
5754                      
5755
5756                      
5757                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
5758                          <a
5759                            href="/products/raspberry-sherbet"
5760                            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"
5761                            
5762                          >
5763                            <span class="site-nav-dropdown__product-card-media">
5764                              
5765                                <div
5766    class="product-badge product-badge--nav"
5767    role="status"
5768    aria-label="Limited"
5769  >
5770    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5771      <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"/>
5772    </svg>
5773    <span class="product-badge__text" style="color: #034638;">Limited</span>
5774  </div>
5775                              
5776
5777                              
5778                                
5779                                  
5780                                  
5781                              
5782                              
5783                              
5784                              <img
5785                                class="site-nav-dropdown__product-card-img nav-product-hero"
5786                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
5787                                width="136"
5788                                height="181"
5789                                alt="Raspberry Sherbet"
5790                                loading="lazy"
5791                                decoding="async"
5792                              >
5793                              
5794                            </span>
5795                            <span class="site-nav-dropdown__product-card-label">
5796                              
5797                                Raspberry Sherbet
5798                              
5799                            </span>
5800                          </a>
5801                        </li>
5802                      
5803                    
5804
5805
5806                      
5807
5808                      
5809
5810                      
5811                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
5812                          <a
5813                            href="/products/shirley-temple"
5814                            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"
5815                            
5816                          >
5817                            <span class="site-nav-dropdown__product-card-media">
5818                              
5819                                <div
5820    class="product-badge product-badge--nav"
5821    role="status"
5822    aria-label="Limited"
5823  >
5824    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5825      <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"/>
5826    </svg>
5827    <span class="product-badge__text" style="color: #034638;">Limited</span>
5828  </div>
5829                              
5830
5831                              
5832                                
5833                                  
5834                                  
5835                              
5836                              
5837                              
5838                              <img
5839                                class="site-nav-dropdown__product-card-img nav-product-hero"
5840                                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"
5841                                width="136"
5842                                height="181"
5843                                alt="Shirley Temple"
5844                                loading="lazy"
5845                                decoding="async"
5846                              >
5847                              
5848                            </span>
5849                            <span class="site-nav-dropdown__product-card-label">
5850                              
5851                                Shirley Temple
5852                              
5853                            </span>
5854                          </a>
5855                        </li>
5856                      
5857                    
5858
5859
5860                      
5861
5862                      
5863
5864                      
5865                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
5866                          <a
5867                            href="/products/spongebob-pineapple-paradise"
5868                            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"
5869                            
5870                          >
5871                            <span class="site-nav-dropdown__product-card-media">
5872                              
5873                                <div
5874    class="product-badge product-badge--nav"
5875    role="status"
5876    aria-label="Limited"
5877  >
5878    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5879      <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"/>
5880    </svg>
5881    <span class="product-badge__text" style="color: #034638;">Limited</span>
5882  </div>
5883                              
5884
5885                              
5886                                
5887                                  
5888                                  
5889                              
5890                              
5891                              
5892                              <img
5893                                class="site-nav-dropdown__product-card-img nav-product-hero"
5894                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
5895                                width="136"
5896                                height="181"
5897                                alt="Pineapple Paradise"
5898                                loading="lazy"
5899                                decoding="async"
5900                              >
5901                              
5902                            </span>
5903                            <span class="site-nav-dropdown__product-card-label">
5904                              
5905                                Pineapple Paradise
5906                              
5907                            </span>
5908                          </a>
5909                        </li>
5910                      
5911                    
5912                  </ul>
5913                </div>
5914              </div>
5915            </div>
5916          </div>
5917        
5918      
5919
5920          <div
5921            id="nav-dropdown-variety-packs"
5922            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"
5923          >
5924            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
5925              <header class="site-nav-dropdown__subnav-header tw-pl-1">
5926                <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">
5927                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
5928                    <h2 class="site-nav-dropdown__subnav-title">
5929                      
5930                        Shop variety packs
5931                      
5932                    </h2>
5933                    
5934                      <div class="site-nav-dropdown__category-headline">
5935                        <div class="site-nav-dropdown__category-headline-text rte">
5936                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
5937                        </div>
5938                        
5939                      </div>
5940                    
5941                    
5942                      <div class="site-nav-dropdown__category-description rte">
5943                        <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy &amp; fun way to discover your favorites.</span>
5944                      </div>
5945                    
5946                  </div>
5947                  <a
5948                    class="site-nav-dropdown__shop-all-outline"
5949                    href="/collections/variety-packs"
5950                  > 
5951                    
5952                      Shop All Variety Packs
5953                    
5954                  </a>
5955                </div>
5956              </header>
5957
5958              <div
5959                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]"
5960                data-nav-carousel
5961              >
5962                <div
5963                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
5964                  aria-hidden="false"
5965                >
5966                  <button
5967                    type="button"
5968                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
5969                    aria-label="Show previous products"
5970                  >
5971<svg
5972  xmlns="http://www.w3.org/2000/svg"
5973  width="24"
5974  height="24"
5975  viewBox="0 0 24 24"
5976  fill="none"
5977  class="site-nav-dropdown__carousel-arrow-svg"
5978  aria-hidden="true"
5979  focusable="false"
5980>
5981  <path
5982    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"
5983    fill="currentColor"
5984  />
5985</svg>
5986</button>
5987                  <button
5988                    type="button"
5989                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
5990                    aria-label="Show next products"
5991                  >
5992<svg
5993  xmlns="http://www.w3.org/2000/svg"
5994  width="24"
5995  height="24"
5996  viewBox="0 0 24 24"
5997  fill="none"
5998  class="site-nav-dropdown__carousel-arrow-svg"
5999  aria-hidden="true"
6000  focusable="false"
6001>
6002  <path
6003    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"
6004    fill="currentColor"
6005  />
6006</svg>
6007</button>
6008                </div>
6009                <div
6010                  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"
6011                  data-carousel-track
6012                  tabindex="0"
6013                  role="region"
6014                  aria-roledescription="carousel"
6015                  aria-label="Variety packs products"
6016                >
6017                  <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">
6018                    
6019                    
6020
6021                    
6022
6023                    
6024
6025
6026                      
6027
6028                      
6029
6030                      
6031                        <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0">
6032                          <a
6033                            href="/products/classic-soda-variety-pack"
6034                            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"
6035                            
6036                          >
6037                            <span class="site-nav-dropdown__product-card-media">
6038                              
6039
6040                              
6041                                
6042                                  
6043                                  
6044                              
6045                              
6046                              
6047                              <img
6048                                class="site-nav-dropdown__product-card-img nav-product-hero"
6049                                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"
6050                                width="136"
6051                                height="181"
6052                                alt="Classic Soda Variety Pack"
6053                                loading="lazy"
6054                                decoding="async"
6055                              >
6056                              
6057                            </span>
6058                            <span class="site-nav-dropdown__product-card-label">
6059                              
6060                                Classic Soda
6061                              
6062                            </span>
6063                          </a>
6064                        </li>
6065                      
6066                    
6067
6068
6069                      
6070
6071                      
6072
6073                      
6074                        <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0">
6075                          <a
6076                            href="/products/fruity-fun-variety-pack"
6077                            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"
6078                            
6079                          >
6080                            <span class="site-nav-dropdown__product-card-media">
6081                              
6082
6083                              
6084                                
6085                                  
6086                                  
6087                              
6088                              
6089                              
6090                              <img
6091                                class="site-nav-dropdown__product-card-img nav-product-hero"
6092                                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"
6093                                width="136"
6094                                height="181"
6095                                alt="Fruity Fun Variety Pack"
6096                                loading="lazy"
6097                                decoding="async"
6098                              >
6099                              
6100                            </span>
6101                            <span class="site-nav-dropdown__product-card-label">
6102                              
6103                                Fruity Fun
6104                              
6105                            </span>
6106                          </a>
6107                        </li>
6108                      
6109                    
6110
6111
6112                      
6113
6114                      
6115
6116                      
6117                        <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0">
6118                          <a
6119                            href="/products/favorites-variety-pack"
6120                            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"
6121                            
6122                          >
6123                            <span class="site-nav-dropdown__product-card-media">
6124                              
6125
6126                              
6127                                
6128                                  
6129                                  
6130                              
6131                              
6132                              
6133                              <img
6134                                class="site-nav-dropdown__product-card-img nav-product-hero"
6135                                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"
6136                                width="136"
6137                                height="181"
6138                                alt="Favorites Variety Pack"
6139                                loading="lazy"
6140                                decoding="async"
6141                              >
6142                              
6143                            </span>
6144                            <span class="site-nav-dropdown__product-card-label">
6145                              
6146                                Favorites
6147                              
6148                            </span>
6149                          </a>
6150                        </li>
6151                      
6152                    
6153                  </ul>
6154                </div>
6155              </div>
6156            </div>
6157          </div>
6158        
6159      
6160    </div>
6161  </div>
6162</div>
6163
6164<style>
6165  .variety-packs-tile {
6166    margin: 0;
6167  }
6168
6169  .site-nav-dropdown__links-footer {
6170    padding-top: 2rem;
6171    align-items:  flex-start;
6172  }
6173
6174  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active {
6175    border-bottom-width: 0;
6176    border-right-width: 0;
6177    border-top-width: 0;
6178  }
6179
6180  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):hover {
6181    background-color: #ffffff;
6182    border-color: #F3E4CD;
6183    border-right-width: 0;
6184  }
6185
6186  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):not(:first-child):not(:last-child),
6187  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) {
6188    margin-top: -1px;
6189    margin-bottom: -1px;
6190  }
6191
6192  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) {
6193    margin-top: 0 !important;
6194    margin-bottom: 0 !important;
6195  }
6196
6197  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):first-child,
6198  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child {
6199    margin-bottom: 0;
6200  }
6201
6202  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):last-child,
6203  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child {
6204    margin-top: 0;
6205  }
6206
6207  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child {
6208    margin-bottom: 1px !important;
6209  }
6210
6211  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child {
6212    margin-top: 1px !important;
6213  }
6214</style>
6215
6216      
6217    
6218  
6219
6220
6221
6222    
6223      
6224        
6225
6226
6227
6228
6229<div
6230  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"
6231  id="site-nav-menu-dropdown-learn"
6232  tabindex="-1"
6233>
6234  <button type="button" class="site-nav-dropdown-close">Close menu Learn</button>
6235
6236  <ul
6237    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]"
6238    style="grid-template-columns: repeat(4, minmax(0, 1fr));"
6239    role="list"
6240  >
6241    
6242
6243
6244      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6245        <a
6246          href="/pages/our-story"
6247          class="site-nav-dropdown__learn-cta"
6248          
6249        >
6250          <span class="site-nav-dropdown__learn-cta-media">
6251            
6252              <img
6253                src="https://cld.accentuate.io/24019238982/1638801318213/c0ee66b559596ef206e3bb3c0e6f9336.png?v=1739204938752&options=w_400"
6254                alt="Our story"
6255                class="site-nav-dropdown__learn-cta-img"
6256                width="184"
6257                height="175"
6258                loading="lazy"
6259                decoding="async"
6260              >
6261            
6262          </span>
6263          <span class="site-nav-dropdown__learn-cta-label">Our story</span>
6264        </a>
6265      </li>
6266    
6267
6268
6269      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6270        <a
6271          href="/pages/ingredients"
6272          class="site-nav-dropdown__learn-cta"
6273          
6274        >
6275          <span class="site-nav-dropdown__learn-cta-media">
6276            
6277              <img
6278                src="https://cld.accentuate.io/24019206214/1638801420395/Ingredients_v2.png?v=1644954098882&options=w_400"
6279                alt="Ingredients"
6280                class="site-nav-dropdown__learn-cta-img"
6281                width="184"
6282                height="175"
6283                loading="lazy"
6284                decoding="async"
6285              >
6286            
6287          </span>
6288          <span class="site-nav-dropdown__learn-cta-label">Ingredients</span>
6289        </a>
6290      </li>
6291    
6292
6293
6294      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6295        <a
6296          href="/pages/digestive-health"
6297          class="site-nav-dropdown__learn-cta"
6298          
6299        >
6300          <span class="site-nav-dropdown__learn-cta-media">
6301            
6302              <img
6303                src="https://cld.accentuate.io/25773441094/1638801408530/d629d13dc396e78ebfce3023f74d4eac.png?v=1739204218145&options=w_400"
6304                alt="Digestive health"
6305                class="site-nav-dropdown__learn-cta-img"
6306                width="184"
6307                height="175"
6308                loading="lazy"
6309                decoding="async"
6310              >
6311            
6312          </span>
6313          <span class="site-nav-dropdown__learn-cta-label">Digestive health</span>
6314        </a>
6315      </li>
6316    
6317
6318
6319      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6320        <a
6321          href="/pages/fiber-education"
6322          class="site-nav-dropdown__learn-cta"
6323          
6324        >
6325          <span class="site-nav-dropdown__learn-cta-media">
6326            
6327              <img
6328                src="https://cld.accentuate.io/97731313823/1778795013671/Fiber-Education-nav_cp.png?v=1778795013671&options=w_400"
6329                alt="Fiber education"
6330                class="site-nav-dropdown__learn-cta-img"
6331                width="184"
6332                height="175"
6333                loading="lazy"
6334                decoding="async"
6335              >
6336            
6337          </span>
6338          <span class="site-nav-dropdown__learn-cta-label">Fiber education</span>
6339        </a>
6340      </li>
6341    
6342  </ul>
6343</div>
6344      
6345    
6346  
6347
6348
6349
6350    
6351  
6352</div>
6353
6354  </div>
6355  
6356
6357
6358
6359  
6360    
6361
6362  
6363    
6364
6365  
6366  
6367
6368    
6369      
6370
6371    
6372      
6373
6374
6375  
6376
6377    
6378  
6379
6380    
6381  
6382
6383
6384
6385
6386
6387
6388  
6389  
6390  
6391
6392    
6393  
6394  
6395    
6396    
6397
6398        
6399  
6400  
6401  
6402
6403
6404
6405
6406
6407
6408<div
6409  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"
6410  js-mobile-menu
6411>
6412  <div
6413    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"
6414    data-mobile-menu-dismiss
6415    aria-hidden="true"
6416  ></div>
6417
6418  <div
6419    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)]"
6420    role="dialog"
6421    aria-modal="true"
6422    aria-labelledby="mobile-menu-tablist-label"
6423    js-mobile-menu-panel
6424    tabindex="-1"
6425  >
6426    <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">
6427      <h2 id="mobile-menu-tablist-label" class="tw-sr-only">Site menu</h2>
6428
6429      
6430        <div
6431          class="mobile-menu__tabs tw-flex tw-shrink-0 tw-flex-col"
6432          role="tablist"
6433          aria-label="Shop or Learn"
6434        >
6435          <div class="mobile-menu__tab-toggle tw-flex tw-flex-1">
6436            <button
6437              type="button"
6438              class="mobile-menu__tab mobile-menu__tab--shop is-selected tw-flex-1 tw-border-0"
6439              role="tab"
6440              id="mobile-tab-shop"
6441              aria-selected="true"
6442              aria-controls="mobile-panel-shop"
6443              tabindex="0"
6444              data-mobile-tab="shop"
6445            >
6446              Shop
6447            </button>
6448            <button
6449              type="button"
6450              class="mobile-menu__tab mobile-menu__tab--learn tw-flex-1 tw-border-0"
6451              role="tab"
6452              id="mobile-tab-learn"
6453              aria-selected="false"
6454              aria-controls="mobile-panel-learn"
6455              tabindex="-1"
6456              data-mobile-tab="learn"
6457            >
6458              Learn
6459            </button>
6460          </div>
6461        </div>
6462      
6463
6464      <div class="mobile-menu__panels tw-min-h-0 tw-flex-1 tw-overflow-y-auto tw-overscroll-contain">
6465        <div
6466          id="mobile-panel-shop"
6467          class="mobile-menu__tabpanel"
6468          role="tabpanel"
6469          
6470            aria-labelledby="mobile-tab-shop"
6471            tabindex="0"
6472          
6473          data-mobile-panel="shop"
6474        >
6475          
6476
6477
6478
6479
6480
6481  <div class="mobile-menu__shop-body">
6482
6483      
6484      
6485
6486      
6487      
6488        <details
6489          id="mobile-shop-acc-1"
6490          class="mobile-menu__accordion"
6491          
6492            open
6493          
6494        >
6495          <summary class="mobile-menu__accordion-summary">
6496            <span class="mobile-menu__accordion-summary-text">
6497              <span class="mobile-menu__accordion-title">
6498                9g fiber line
6499              </span>
6500            </span>
6501            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
6502              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
6503                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
6504  <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"/>
6505</svg>
6506
6507              </span>
6508              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
6509                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
6510  <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"/>
6511</svg>
6512
6513              </span>
6514            </span>
6515          </summary>
6516
6517          <div class="mobile-menu__accordion-panel">
6518            
6519              <div class="mobile-menu__category-headline">
6520                <div class="mobile-menu__category-headline-text rte">
6521                  <span class="metafield-single_line_text_field">Keep refrigerated</span>
6522                </div>
6523                
6524                  <span class="mobile-menu__category-headline-icon" aria-hidden="true">
6525                    <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">
6526                  </span>
6527                
6528              </div>
6529            
6530            
6531              <div class="mobile-menu__category-description rte">
6532                <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span>
6533              </div>
6534            
6535
6536            <div
6537              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
6538              tabindex="0"
6539              role="region"
6540              aria-roledescription="carousel"
6541              aria-label="9g fiber line — products"
6542            >
6543              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
6544                
6545
6546                
6547                
6548
6549                  
6550                  
6551
6552                    
6553
6554                    
6555
6556                    
6557                      
6558                      <li class="mobile-menu__product-tile">
6559                        <a
6560                          href="/products/caramel-apple"
6561                          class="mobile-menu__product-card"
6562                          
6563                        >
6564                          <span class="mobile-menu__product-card-media">
6565                            
6566                              <div
6567    class="product-badge product-badge--nav product-badge--short-text"
6568    role="status"
6569    aria-label="New"
6570  >
6571    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
6572      <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"/>
6573    </svg>
6574    <span class="product-badge__text" style="color: #034638;">New</span>
6575  </div>
6576                            
6577                            
6578                            
6579                              
6580                                
6581                                
6582                            
6583                            
6584                            
6585                              <img
6586                                class="mobile-menu__product-img"
6587                                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"
6588                                width="136"
6589                                height="181"
6590                                alt="Caramel Apple"
6591                                loading="lazy"
6592                                decoding="async"
6593                              >
6594                            
6595                          </span>
6596                          <span class="mobile-menu__product-card-label">Caramel Apple</span>
6597                        </a>
6598                      </li>
6599                    
6600                  
6601                
6602
6603                  
6604                  
6605
6606                    
6607
6608                    
6609
6610                    
6611                      
6612                      <li class="mobile-menu__product-tile">
6613                        <a
6614                          href="/products/blackberry-vanilla"
6615                          class="mobile-menu__product-card"
6616                          
6617                        >
6618                          <span class="mobile-menu__product-card-media">
6619                            
6620                            
6621                            
6622                              
6623                                
6624                                
6625                            
6626                            
6627                            
6628                              <img
6629                                class="mobile-menu__product-img"
6630                                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"
6631                                width="136"
6632                                height="181"
6633                                alt="Blackberry Vanilla"
6634                                loading="lazy"
6635                                decoding="async"
6636                              >
6637                            
6638                          </span>
6639                          <span class="mobile-menu__product-card-label">Blackberry Vanilla</span>
6640                        </a>
6641                      </li>
6642                    
6643                  
6644                
6645
6646                  
6647                  
6648
6649                    
6650
6651                    
6652
6653                    
6654                      
6655                      <li class="mobile-menu__product-tile">
6656                        <a
6657                          href="/products/crisp-apple"
6658                          class="mobile-menu__product-card"
6659                          
6660                        >
6661                          <span class="mobile-menu__product-card-media">
6662                            
6663                            
6664                            
6665                              
6666                                
6667                                
6668                            
6669                            
6670                            
6671                              <img
6672                                class="mobile-menu__product-img"
6673                                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"
6674                                width="136"
6675                                height="181"
6676                                alt="Crisp Apple"
6677                                loading="lazy"
6678                                decoding="async"
6679                              >
6680                            
6681                          </span>
6682                          <span class="mobile-menu__product-card-label">Crisp Apple </span>
6683                        </a>
6684                      </li>
6685                    
6686                  
6687                
6688
6689                  
6690                  
6691
6692                    
6693
6694                    
6695
6696                    
6697                      
6698                      <li class="mobile-menu__product-tile">
6699                        <a
6700                          href="/products/classic-grape"
6701                          class="mobile-menu__product-card"
6702                          
6703                        >
6704                          <span class="mobile-menu__product-card-media">
6705                            
6706                            
6707                            
6708                              
6709                                
6710                                
6711                            
6712                            
6713                            
6714                              <img
6715                                class="mobile-menu__product-img"
6716                                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"
6717                                width="136"
6718                                height="181"
6719                                alt="Classic Grape"
6720                                loading="lazy"
6721                                decoding="async"
6722                              >
6723                            
6724                          </span>
6725                          <span class="mobile-menu__product-card-label">Classic Grape</span>
6726                        </a>
6727                      </li>
6728                    
6729                  
6730                
6731
6732                  
6733                  
6734
6735                    
6736
6737                    
6738
6739                    
6740                      
6741                      <li class="mobile-menu__product-tile">
6742                        <a
6743                          href="/products/classic-root-beer"
6744                          class="mobile-menu__product-card"
6745                          
6746                        >
6747                          <span class="mobile-menu__product-card-media">
6748                            
6749                            
6750                            
6751                              
6752                                
6753                                
6754                            
6755                            
6756                            
6757                              <img
6758                                class="mobile-menu__product-img"
6759                                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"
6760                                width="136"
6761                                height="181"
6762                                alt="Classic Root Beer"
6763                                loading="lazy"
6764                                decoding="async"
6765                              >
6766                            
6767                          </span>
6768                          <span class="mobile-menu__product-card-label">Classic Root Beer</span>
6769                        </a>
6770                      </li>
6771                    
6772                  
6773                
6774
6775                  
6776                  
6777
6778                    
6779
6780                    
6781
6782                    
6783                      
6784                      <li class="mobile-menu__product-tile">
6785                        <a
6786                          href="/products/vintage-cola"
6787                          class="mobile-menu__product-card"
6788                          
6789                        >
6790                          <span class="mobile-menu__product-card-media">
6791                            
6792                            
6793                            
6794                              
6795                                
6796                                
6797                            
6798                            
6799                            
6800                              <img
6801                                class="mobile-menu__product-img"
6802                                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"
6803                                width="136"
6804                                height="181"
6805                                alt="Vintage Cola"
6806                                loading="lazy"
6807                                decoding="async"
6808                              >
6809                            
6810                          </span>
6811                          <span class="mobile-menu__product-card-label">Vintage Cola</span>
6812                        </a>
6813                      </li>
6814                    
6815                  
6816                
6817
6818                  
6819                  
6820
6821                    
6822
6823                    
6824
6825                    
6826                      
6827                      <li class="mobile-menu__product-tile">
6828                        <a
6829                          href="/products/cream-soda"
6830                          class="mobile-menu__product-card"
6831                          
6832                        >
6833                          <span class="mobile-menu__product-card-media">
6834                            
6835                            
6836                            
6837                              
6838                                
6839                                
6840                            
6841                            
6842                            
6843                              <img
6844                                class="mobile-menu__product-img"
6845                                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"
6846                                width="136"
6847                                height="181"
6848                                alt="Cream Soda"
6849                                loading="lazy"
6850                                decoding="async"
6851                              >
6852                            
6853                          </span>
6854                          <span class="mobile-menu__product-card-label">Cream Soda</span>
6855                        </a>
6856                      </li>
6857                    
6858                  
6859                
6860
6861                  
6862                  
6863
6864                    
6865
6866                    
6867
6868                    
6869                      
6870                      <li class="mobile-menu__product-tile">
6871                        <a
6872                          href="/products/strawberry-vanilla"
6873                          class="mobile-menu__product-card"
6874                          
6875                        >
6876                          <span class="mobile-menu__product-card-media">
6877                            
6878                            
6879                            
6880                              
6881                                
6882                                
6883                            
6884                            
6885                            
6886                              <img
6887                                class="mobile-menu__product-img"
6888                                src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272"
6889                                width="136"
6890                                height="181"
6891                                alt="Strawberry Vanilla"
6892                                loading="lazy"
6893                                decoding="async"
6894                              >
6895                            
6896                          </span>
6897                          <span class="mobile-menu__product-card-label">Strawberry Vanilla</span>
6898                        </a>
6899                      </li>
6900                    
6901                  
6902                
6903
6904                  
6905                  
6906
6907                    
6908
6909                    
6910
6911                    
6912                      
6913                      <li class="mobile-menu__product-tile">
6914                        <a
6915                          href="/products/cherry-cola"
6916                          class="mobile-menu__product-card"
6917                          
6918                        >
6919                          <span class="mobile-menu__product-card-media">
6920                            
6921                            
6922                            
6923                              
6924                                
6925                                
6926                            
6927                            
6928                            
6929                              <img
6930                                class="mobile-menu__product-img"
6931                                src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272"
6932                                width="136"
6933                                height="181"
6934                                alt="Cherry Cola"
6935                                loading="lazy"
6936                                decoding="async"
6937                              >
6938                            
6939                          </span>
6940                          <span class="mobile-menu__product-card-label">Cherry Cola</span>
6941                        </a>
6942                      </li>
6943                    
6944                  
6945                
6946
6947                  
6948                  
6949
6950                    
6951
6952                    
6953
6954                    
6955                      
6956                      <li class="mobile-menu__product-tile">
6957                        <a
6958                          href="/products/orange-cream"
6959                          class="mobile-menu__product-card"
6960                          
6961                        >
6962                          <span class="mobile-menu__product-card-media">
6963                            
6964                            
6965                            
6966                              
6967                                
6968                                
6969                            
6970                            
6971                            
6972                              <img
6973                                class="mobile-menu__product-img"
6974                                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"
6975                                width="136"
6976                                height="181"
6977                                alt="Orange Cream"
6978                                loading="lazy"
6979                                decoding="async"
6980                              >
6981                            
6982                          </span>
6983                          <span class="mobile-menu__product-card-label">Orange Cream</span>
6984                        </a>
6985                      </li>
6986                    
6987                  
6988                
6989
6990                  
6991                  
6992
6993                    
6994
6995                    
6996
6997                    
6998                      
6999                      <li class="mobile-menu__product-tile">
7000                        <a
7001                          href="/products/peaches-and-cream"
7002                          class="mobile-menu__product-card"
7003                          
7004                        >
7005                          <span class="mobile-menu__product-card-media">
7006                            
7007                            
7008                            
7009                              
7010                                
7011                                
7012                            
7013                            
7014                            
7015                              <img
7016                                class="mobile-menu__product-img"
7017                                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"
7018                                width="136"
7019                                height="181"
7020                                alt="Peaches &amp; Cream"
7021                                loading="lazy"
7022                                decoding="async"
7023                              >
7024                            
7025                          </span>
7026                          <span class="mobile-menu__product-card-label">Peaches &amp; Cream</span>
7027                        </a>
7028                      </li>
7029                    
7030                  
7031                
7032
7033                  
7034                  
7035
7036                    
7037
7038                    
7039
7040                    
7041                      
7042                      <li class="mobile-menu__product-tile">
7043                        <a
7044                          href="/products/orange-squeeze"
7045                          class="mobile-menu__product-card"
7046                          
7047                        >
7048                          <span class="mobile-menu__product-card-media">
7049                            
7050                            
7051                            
7052                              
7053                                
7054                                
7055                            
7056                            
7057                            
7058                              <img
7059                                class="mobile-menu__product-img"
7060                                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"
7061                                width="136"
7062                                height="181"
7063                                alt="Orange Squeeze"
7064                                loading="lazy"
7065                                decoding="async"
7066                              >
7067                            
7068                          </span>
7069                          <span class="mobile-menu__product-card-label">Orange Squeeze</span>
7070                        </a>
7071                      </li>
7072                    
7073                  
7074                
7075
7076                  
7077                  
7078
7079                    
7080
7081                    
7082
7083                    
7084                      
7085                      <li class="mobile-menu__product-tile">
7086                        <a
7087                          href="/products/ginger-ale"
7088                          class="mobile-menu__product-card"
7089                          
7090                        >
7091                          <span class="mobile-menu__product-card-media">
7092                            
7093                            
7094                            
7095                              
7096                                
7097                                
7098                            
7099                            
7100                            
7101                              <img
7102                                class="mobile-menu__product-img"
7103                                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"
7104                                width="136"
7105                                height="181"
7106                                alt="Ginger Ale"
7107                                loading="lazy"
7108                                decoding="async"
7109                              >
7110                            
7111                          </span>
7112                          <span class="mobile-menu__product-card-label">Ginger Ale</span>
7113                        </a>
7114                      </li>
7115                    
7116                  
7117                
7118
7119                  
7120                  
7121
7122                    
7123
7124                    
7125
7126                    
7127                      
7128                      <li class="mobile-menu__product-tile">
7129                        <a
7130                          href="/products/citrus-rush"
7131                          class="mobile-menu__product-card"
7132                          
7133                        >
7134                          <span class="mobile-menu__product-card-media">
7135                            
7136                            
7137                            
7138                              
7139                                
7140                                
7141                            
7142                            
7143                            
7144                              <img
7145                                class="mobile-menu__product-img"
7146                                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"
7147                                width="136"
7148                                height="181"
7149                                alt="Citrus Rush"
7150                                loading="lazy"
7151                                decoding="async"
7152                              >
7153                            
7154                          </span>
7155                          <span class="mobile-menu__product-card-label">Citrus Rush</span>
7156                        </a>
7157                      </li>
7158                    
7159                  
7160                
7161
7162                  
7163                  
7164
7165                    
7166
7167                    
7168
7169                    
7170                      
7171                      <li class="mobile-menu__product-tile">
7172                        <a
7173                          href="/products/doctor-goodwin"
7174                          class="mobile-menu__product-card"
7175                          
7176                        >
7177                          <span class="mobile-menu__product-card-media">
7178                            
7179                            
7180                            
7181                              
7182                                
7183                                
7184                            
7185                            
7186                            
7187                              <img
7188                                class="mobile-menu__product-img"
7189                                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"
7190                                width="136"
7191                                height="181"
7192                                alt="Doctor Goodwin"
7193                                loading="lazy"
7194                                decoding="async"
7195                              >
7196                            
7197                          </span>
7198                          <span class="mobile-menu__product-card-label">Doctor Goodwin</span>
7199                        </a>
7200                      </li>
7201                    
7202                  
7203                
7204
7205                  
7206                  
7207
7208                    
7209
7210                    
7211
7212                    
7213                      
7214                      <li class="mobile-menu__product-tile">
7215                        <a
7216                          href="/products/cherry-vanilla"
7217                          class="mobile-menu__product-card"
7218                          
7219                        >
7220                          <span class="mobile-menu__product-card-media">
7221                            
7222                            
7223                            
7224                              
7225                                
7226                                
7227                            
7228                            
7229                            
7230                              <img
7231                                class="mobile-menu__product-img"
7232                                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"
7233                                width="136"
7234                                height="181"
7235                                alt="Cherry Vanilla"
7236                                loading="lazy"
7237                                decoding="async"
7238                              >
7239                            
7240                          </span>
7241                          <span class="mobile-menu__product-card-label">Cherry Vanilla </span>
7242                        </a>
7243                      </li>
7244                    
7245                  
7246                
7247
7248                  
7249                  
7250
7251                    
7252
7253                    
7254
7255                    
7256                      
7257                      <li class="mobile-menu__product-tile">
7258                        <a
7259                          href="/products/tropical-punch"
7260                          class="mobile-menu__product-card"
7261                          
7262                        >
7263                          <span class="mobile-menu__product-card-media">
7264                            
7265                            
7266                            
7267                              
7268                                
7269                                
7270                            
7271                            
7272                            
7273                              <img
7274                                class="mobile-menu__product-img"
7275                                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"
7276                                width="136"
7277                                height="181"
7278                                alt="Tropical Punch"
7279                                loading="lazy"
7280                                decoding="async"
7281                              >
7282                            
7283                          </span>
7284                          <span class="mobile-menu__product-card-label">Tropical Punch</span>
7285                        </a>
7286                      </li>
7287                    
7288                  
7289                
7290
7291                  
7292                  
7293
7294                    
7295
7296                    
7297
7298                    
7299                      
7300                      <li class="mobile-menu__product-tile">
7301                        <a
7302                          href="/products/lemon-lime"
7303                          class="mobile-menu__product-card"
7304                          
7305                        >
7306                          <span class="mobile-menu__product-card-media">
7307                            
7308                            
7309                            
7310                              
7311                                
7312                                
7313                            
7314                            
7315                            
7316                              <img
7317                                class="mobile-menu__product-img"
7318                                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"
7319                                width="136"
7320                                height="181"
7321                                alt="Lemon Lime"
7322                                loading="lazy"
7323                                decoding="async"
7324                              >
7325                            
7326                          </span>
7327                          <span class="mobile-menu__product-card-label">Lemon Lime</span>
7328                        </a>
7329                      </li>
7330                    
7331                  
7332                
7333
7334                  
7335                  
7336
7337                    
7338
7339                    
7340
7341                    
7342                      
7343                      <li class="mobile-menu__product-tile">
7344                        <a
7345                          href="/products/ginger-lemon"
7346                          class="mobile-menu__product-card"
7347                          
7348                        >
7349                          <span class="mobile-menu__product-card-media">
7350                            
7351                            
7352                            
7353                              
7354                                
7355                                
7356                            
7357                            
7358                            
7359                              <img
7360                                class="mobile-menu__product-img"
7361                                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"
7362                                width="136"
7363                                height="181"
7364                                alt="Ginger Lemon"
7365                                loading="lazy"
7366                                decoding="async"
7367                              >
7368                            
7369                          </span>
7370                          <span class="mobile-menu__product-card-label">Ginger Lemon</span>
7371                        </a>
7372                      </li>
7373                    
7374                  
7375                
7376
7377                  
7378                  
7379
7380                    
7381
7382                    
7383
7384                    
7385                      
7386                      <li class="mobile-menu__product-tile">
7387                        <a
7388                          href="/products/watermelon-lime"
7389                          class="mobile-menu__product-card"
7390                          
7391                        >
7392                          <span class="mobile-menu__product-card-media">
7393                            
7394                            
7395                            
7396                              
7397                                
7398                                
7399                            
7400                            
7401                            
7402                              <img
7403                                class="mobile-menu__product-img"
7404                                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"
7405                                width="136"
7406                                height="181"
7407                                alt="Watermelon Lime"
7408                                loading="lazy"
7409                                decoding="async"
7410                              >
7411                            
7412                          </span>
7413                          <span class="mobile-menu__product-card-label">Watermelon Lime</span>
7414                        </a>
7415                      </li>
7416                    
7417                  
7418                
7419
7420                  
7421                  
7422
7423                    
7424
7425                    
7426
7427                    
7428                      
7429                      <li class="mobile-menu__product-tile">
7430                        <a
7431                          href="/products/banana-cream"
7432                          class="mobile-menu__product-card"
7433                          
7434                        >
7435                          <span class="mobile-menu__product-card-media">
7436                            
7437                            
7438                            
7439                              
7440                                
7441                                
7442                            
7443                            
7444                            
7445                              <img
7446                                class="mobile-menu__product-img"
7447                                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"
7448                                width="136"
7449                                height="181"
7450                                alt="Banana Cream"
7451                                loading="lazy"
7452                                decoding="async"
7453                              >
7454                            
7455                          </span>
7456                          <span class="mobile-menu__product-card-label">Banana Cream</span>
7457                        </a>
7458                      </li>
7459                    
7460                  
7461                
7462
7463                
7464                
7465              </ul>
7466            </div>
7467
7468            <div class="mobile-menu__shop-all-category">
7469              
7470                <a class="mobile-menu__btn-outline" href="/collections/shop-9g-fiber">Shop All 9g Fiber</a>
7471              
7472            </div>
7473          </div>
7474        </details>
7475      
7476    
7477
7478      
7479      
7480
7481      
7482      
7483        <details
7484          id="mobile-shop-acc-2"
7485          class="mobile-menu__accordion"
7486          
7487        >
7488          <summary class="mobile-menu__accordion-summary">
7489            <span class="mobile-menu__accordion-summary-text">
7490              <span class="mobile-menu__accordion-title">
7491                6g fiber line
7492              </span>
7493            </span>
7494            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
7495              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
7496                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
7497  <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"/>
7498</svg>
7499
7500              </span>
7501              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
7502                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
7503  <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"/>
7504</svg>
7505
7506              </span>
7507            </span>
7508          </summary>
7509
7510          <div class="mobile-menu__accordion-panel">
7511            
7512              <div class="mobile-menu__category-headline">
7513                <div class="mobile-menu__category-headline-text rte">
7514                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
7515                </div>
7516                
7517              </div>
7518            
7519            
7520              <div class="mobile-menu__category-description rte">
7521                <span class="metafield-multi_line_text_field">Same great taste &amp; digestive support, in a lower‑fiber, store‑anywhere format.</span>
7522              </div>
7523            
7524
7525            <div
7526              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
7527              tabindex="0"
7528              role="region"
7529              aria-roledescription="carousel"
7530              aria-label="6g fiber line — products"
7531            >
7532              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
7533                
7534
7535                
7536                
7537
7538                  
7539                  
7540
7541                    
7542
7543                    
7544
7545                    
7546                      
7547                      <li class="mobile-menu__product-tile">
7548                        <a
7549                          href="/products/raspberry-sherbet"
7550                          class="mobile-menu__product-card"
7551                          
7552                        >
7553                          <span class="mobile-menu__product-card-media">
7554                            
7555                              <div
7556    class="product-badge product-badge--nav"
7557    role="status"
7558    aria-label="Limited"
7559  >
7560    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
7561      <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"/>
7562    </svg>
7563    <span class="product-badge__text" style="color: #034638;">Limited</span>
7564  </div>
7565                            
7566                            
7567                            
7568                              
7569                                
7570                                
7571                            
7572                            
7573                            
7574                              <img
7575                                class="mobile-menu__product-img"
7576                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
7577                                width="136"
7578                                height="181"
7579                                alt="Raspberry Sherbet"
7580                                loading="lazy"
7581                                decoding="async"
7582                              >
7583                            
7584                          </span>
7585                          <span class="mobile-menu__product-card-label">Raspberry Sherbet</span>
7586                        </a>
7587                      </li>
7588                    
7589                  
7590                
7591
7592                  
7593                  
7594
7595                    
7596
7597                    
7598
7599                    
7600                      
7601                      <li class="mobile-menu__product-tile">
7602                        <a
7603                          href="/products/shirley-temple"
7604                          class="mobile-menu__product-card"
7605                          
7606                        >
7607                          <span class="mobile-menu__product-card-media">
7608                            
7609                              <div
7610    class="product-badge product-badge--nav"
7611    role="status"
7612    aria-label="Limited"
7613  >
7614    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
7615      <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"/>
7616    </svg>
7617    <span class="product-badge__text" style="color: #034638;">Limited</span>
7618  </div>
7619                            
7620                            
7621                            
7622                              
7623                                
7624                                
7625                            
7626                            
7627                            
7628                              <img
7629                                class="mobile-menu__product-img"
7630                                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"
7631                                width="136"
7632                                height="181"
7633                                alt="Shirley Temple"
7634                                loading="lazy"
7635                                decoding="async"
7636                              >
7637                            
7638                          </span>
7639                          <span class="mobile-menu__product-card-label">Shirley Temple</span>
7640                        </a>
7641                      </li>
7642                    
7643                  
7644                
7645
7646                  
7647                  
7648
7649                    
7650
7651                    
7652
7653                    
7654                      
7655                      <li class="mobile-menu__product-tile">
7656                        <a
7657                          href="/products/spongebob-pineapple-paradise"
7658                          class="mobile-menu__product-card"
7659                          
7660                        >
7661                          <span class="mobile-menu__product-card-media">
7662                            
7663                              <div
7664    class="product-badge product-badge--nav"
7665    role="status"
7666    aria-label="Limited"
7667  >
7668    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
7669      <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
766903 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"/>
7670    </svg>
7671    <span class="product-badge__text" style="color: #034638;">Limited</span>
7672  </div>
7673                            
7674                            
7675                            
7676                              
7677                                
7678                                
7679                            
7680                            
7681                            
7682                              <img
7683                                class="mobile-menu__product-img"
7684                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
7685                                width="136"
7686                                height="181"
7687                                alt="Pineapple Paradise"
7688                                loading="lazy"
7689                                decoding="async"
7690                              >
7691                            
7692                          </span>
7693                          <span class="mobile-menu__product-card-label">Pineapple Paradise</span>
7694                        </a>
7695                      </li>
7696                    
7697                  
7698                
7699
7700                  
7701                  
7702
7703                    
7704
7705                    
7706
7707                    
7708                      
7709                      <li class="mobile-menu__product-tile">
7710                        <a
7711                          href="/products/crisp-apple-6g-fiber"
7712                          class="mobile-menu__product-card"
7713                          
7714                        >
7715                          <span class="mobile-menu__product-card-media">
7716                            
7717                            
7718                            
7719                              
7720                                
7721                                
7722                            
7723                            
7724                            
7725                              <img
7726                                class="mobile-menu__product-img"
7727                                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"
7728                                width="136"
7729                                height="181"
7730                                alt="Crisp Apple"
7731                                loading="lazy"
7732                                decoding="async"
7733                              >
7734                            
7735                          </span>
7736                          <span class="mobile-menu__product-card-label">Crisp Apple</span>
7737                        </a>
7738                      </li>
7739                    
7740                  
7741                
7742
7743                  
7744                  
7745
7746                    
7747
7748                    
7749
7750                    
7751                      
7752                      <li class="mobile-menu__product-tile">
7753                        <a
7754                          href="/products/classic-grape-6g-fiber"
7755                          class="mobile-menu__product-card"
7756                          
7757                        >
7758                          <span class="mobile-menu__product-card-media">
7759                            
7760                            
7761                            
7762                              
7763                                
7764                                
7765                            
7766                            
7767                            
7768                              <img
7769                                class="mobile-menu__product-img"
7770                                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"
7771                                width="136"
7772                                height="181"
7773                                alt="Classic Grape"
7774                                loading="lazy"
7775                                decoding="async"
7776                              >
7777                            
7778                          </span>
7779                          <span class="mobile-menu__product-card-label">Classic Grape</span>
7780                        </a>
7781                      </li>
7782                    
7783                  
7784                
7785
7786                  
7787                  
7788
7789                    
7790
7791                    
7792
7793                    
7794                      
7795                      <li class="mobile-menu__product-tile">
7796                        <a
7797                          href="/products/vintage-cola-6g-fiber"
7798                          class="mobile-menu__product-card"
7799                          
7800                        >
7801                          <span class="mobile-menu__product-card-media">
7802                            
7803                            
7804                            
7805                              
7806                                
7807                                
7808                            
7809                            
7810                            
7811                              <img
7812                                class="mobile-menu__product-img"
7813                                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"
7814                                width="136"
7815                                height="181"
7816                                alt="Vintage Cola"
7817                                loading="lazy"
7818                                decoding="async"
7819                              >
7820                            
7821                          </span>
7822                          <span class="mobile-menu__product-card-label">Vintage Cola</span>
7823                        </a>
7824                      </li>
7825                    
7826                  
7827                
7828
7829                  
7830                  
7831
7832                    
7833
7834                    
7835
7836                    
7837                      
7838                      <li class="mobile-menu__product-tile">
7839                        <a
7840                          href="/products/classic-root-beer-6g-fiber"
7841                          class="mobile-menu__product-card"
7842                          
7843                        >
7844                          <span class="mobile-menu__product-card-media">
7845                            
7846                            
7847                            
7848                              
7849                                
7850                                
7851                            
7852                            
7853                            
7854                              <img
7855                                class="mobile-menu__product-img"
7856                                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"
7857                                width="136"
7858                                height="181"
7859                                alt="Classic Root Beer"
7860                                loading="lazy"
7861                                decoding="async"
7862                              >
7863                            
7864                          </span>
7865                          <span class="mobile-menu__product-card-label">Classic Root Beer</span>
7866                        </a>
7867                      </li>
7868                    
7869                  
7870                
7871
7872                  
7873                  
7874
7875                    
7876
7877                    
7878
7879                    
7880                      
7881                      <li class="mobile-menu__product-tile">
7882                        <a
7883                          href="/products/cream-soda-6g-fiber"
7884                          class="mobile-menu__product-card"
7885                          
7886                        >
7887                          <span class="mobile-menu__product-card-media">
7888                            
7889                            
7890                            
7891                              
7892                                
7893                                
7894                            
7895                            
7896                            
7897                              <img
7898                                class="mobile-menu__product-img"
7899                                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"
7900                                width="136"
7901                                height="181"
7902                                alt="Cream Soda"
7903                                loading="lazy"
7904                                decoding="async"
7905                              >
7906                            
7907                          </span>
7908                          <span class="mobile-menu__product-card-label">Cream Soda</span>
7909                        </a>
7910                      </li>
7911                    
7912                  
7913                
7914
7915                  
7916                  
7917
7918                    
7919
7920                    
7921
7922                    
7923                      
7924                      <li class="mobile-menu__product-tile">
7925                        <a
7926                          href="/products/strawberry-vanilla-6g-fiber"
7927                          class="mobile-menu__product-card"
7928                          
7929                        >
7930                          <span class="mobile-menu__product-card-media">
7931                            
7932                            
7933                            
7934                              
7935                                
7936                                
7937                            
7938                            
7939                            
7940                              <img
7941                                class="mobile-menu__product-img"
7942                                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"
7943                                width="136"
7944                                height="181"
7945                                alt="Strawberry Vanilla"
7946                                loading="lazy"
7947                                decoding="async"
7948                              >
7949                            
7950                          </span>
7951                          <span class="mobile-menu__product-card-label">Strawberry Vanilla</span>
7952                        </a>
7953                      </li>
7954                    
7955                  
7956                
7957
7958                  
7959                  
7960
7961                    
7962
7963                    
7964
7965                    
7966                      
7967                      <li class="mobile-menu__product-tile">
7968                        <a
7969                          href="/products/cherry-cola-6g-fiber"
7970                          class="mobile-menu__product-card"
7971                          
7972                        >
7973                          <span class="mobile-menu__product-card-media">
7974                            
7975                            
7976                            
7977                              
7978                                
7979                                
7980                            
7981                            
7982                            
7983                              <img
7984                                class="mobile-menu__product-img"
7985                                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"
7986                                width="136"
7987                                height="181"
7988                                alt="Cherry Cola"
7989                                loading="lazy"
7990                                decoding="async"
7991                              >
7992                            
7993                          </span>
7994                          <span class="mobile-menu__product-card-label">Cherry Cola</span>
7995                        </a>
7996                      </li>
7997                    
7998                  
7999                
8000
8001                  
8002                  
8003
8004                    
8005
8006                    
8007
8008                    
8009                      
8010                      <li class="mobile-menu__product-tile">
8011                        <a
8012                          href="/products/citrus-rush-6g-fiber"
8013                          class="mobile-menu__product-card"
8014                          
8015                        >
8016                          <span class="mobile-menu__product-card-media">
8017                            
8018                            
8019                            
8020                              
8021                                
8022                                
8023                            
8024                            
8025                            
8026                              <img
8027                                class="mobile-menu__product-img"
8028                                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"
8029                                width="136"
8030                                height="181"
8031                                alt="Citrus Rush"
8032                                loading="lazy"
8033                                decoding="async"
8034                              >
8035                            
8036                          </span>
8037                          <span class="mobile-menu__product-card-label">Citrus Rush</span>
8038                        </a>
8039                      </li>
8040                    
8041                  
8042                
8043
8044                  
8045                  
8046
8047                    
8048
8049                    
8050
8051                    
8052                      
8053                      <li class="mobile-menu__product-tile">
8054                        <a
8055                          href="/products/ginger-ale-6g-fiber"
8056                          class="mobile-menu__product-card"
8057                          
8058                        >
8059                          <span class="mobile-menu__product-card-media">
8060                            
8061                            
8062                            
8063                              
8064                                
8065                                
8066                            
8067                            
8068                            
8069                              <img
8070                                class="mobile-menu__product-img"
8071                                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"
8072                                width="136"
8073                                height="181"
8074                                alt="Ginger Ale"
8075                                loading="lazy"
8076                                decoding="async"
8077                              >
8078                            
8079                          </span>
8080                          <span class="mobile-menu__product-card-label">Ginger Ale</span>
8081                        </a>
8082                      </li>
8083                    
8084                  
8085                
8086
8087                  
8088                  
8089
8090                    
8091
8092                    
8093
8094                    
8095                      
8096                      <li class="mobile-menu__product-tile">
8097                        <a
8098                          href="/products/lemon-lime-6g-fiber"
8099                          class="mobile-menu__product-card"
8100                          
8101                        >
8102                          <span class="mobile-menu__product-card-media">
8103                            
8104                            
8105                            
8106                              
8107                                
8108                                
8109                            
8110                            
8111                            
8112                              <img
8113                                class="mobile-menu__product-img"
8114                                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"
8115                                width="136"
8116                                height="181"
8117                                alt="Lemon Lime"
8118                                loading="lazy"
8119                                decoding="async"
8120                              >
8121                            
8122                          </span>
8123                          <span class="mobile-menu__product-card-label">Lemon Lime</span>
8124                        </a>
8125                      </li>
8126                    
8127                  
8128                
8129
8130                
8131                
8132              </ul>
8133            </div>
8134
8135            <div class="mobile-menu__shop-all-category">
8136              
8137                <a class="mobile-menu__btn-outline" href="/collections/shop-6g-fiber">Shop All 6g Fiber</a>
8138              
8139            </div>
8140          </div>
8141        </details>
8142      
8143    
8144
8145      
8146      
8147
8148      
8149      
8150        <details
8151          id="mobile-shop-acc-3"
8152          class="mobile-menu__accordion"
8153          
8154        >
8155          <summary class="mobile-menu__accordion-summary">
8156            <span class="mobile-menu__accordion-summary-text">
8157              <span class="mobile-menu__accordion-title">
8158                OLIPOP MINIs
8159              </span>
8160            </span>
8161            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
8162              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
8163                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8164  <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"/>
8165</svg>
8166
8167              </span>
8168              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
8169                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8170  <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"/>
8171</svg>
8172
8173              </span>
8174            </span>
8175          </summary>
8176
8177          <div class="mobile-menu__accordion-panel">
8178            
8179              <div class="mobile-menu__category-headline">
8180                <div class="mobile-menu__category-headline-text rte">
8181                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
8182                </div>
8183                
8184              </div>
8185            
8186            
8187              <div class="mobile-menu__category-description rte">
8188                <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>
8189              </div>
8190            
8191
8192            <div
8193              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
8194              tabindex="0"
8195              role="region"
8196              aria-roledescription="carousel"
8197              aria-label="OLIPOP MINIs — products"
8198            >
8199              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
8200                
8201
8202                
8203                
8204
8205                  
8206                  
8207
8208                    
8209
8210                    
8211
8212                    
8213                      
8214                      <li class="mobile-menu__product-tile">
8215                        <a
8216                          href="/products/strawberry-vanilla-minis"
8217                          class="mobile-menu__product-card"
8218                          
8219                        >
8220                          <span class="mobile-menu__product-card-media">
8221                            
8222                            
8223                            
8224                              
8225                                
8226                                
8227                            
8228                            
8229                            
8230                              <img
8231                                class="mobile-menu__product-img"
8232                                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"
8233                                width="136"
8234                                height="181"
8235                                alt="Strawberry Vanilla"
8236                                loading="lazy"
8237                                decoding="async"
8238                              >
8239                            
8240                          </span>
8241                          <span class="mobile-menu__product-card-label">Strawberry Vanilla</span>
8242                        </a>
8243                      </li>
8244                    
8245                  
8246                
8247
8248                  
8249                  
8250
8251                    
8252
8253                    
8254
8255                    
8256                      
8257                      <li class="mobile-menu__product-tile">
8258                        <a
8259                          href="/products/classic-grape-minis"
8260                          class="mobile-menu__product-card"
8261                          
8262                        >
8263                          <span class="mobile-menu__product-card-media">
8264                            
8265                            
8266                            
8267                              
8268                                
8269                                
8270                            
8271                            
8272                            
8273                              <img
8274                                class="mobile-menu__product-img"
8275                                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"
8276                                width="136"
8277                                height="181"
8278                                alt="Classic Grape"
8279                                loading="lazy"
8280                                decoding="async"
8281                              >
8282                            
8283                          </span>
8284                          <span class="mobile-menu__product-card-label">Classic Grape</span>
8285                        </a>
8286                      </li>
8287                    
8288                  
8289                
8290
8291                  
8292                  
8293
8294                    
8295
8296                    
8297
8298                    
8299                      
8300                      <li class="mobile-menu__product-tile">
8301                        <a
8302                          href="/products/crisp-apple-minis"
8303                          class="mobile-menu__product-card"
8304                          
8305                        >
8306                          <span class="mobile-menu__product-card-media">
8307                            
8308                            
8309                            
8310                              
8311                                
8312                                
8313                            
8314                            
8315                            
8316                              <img
8317                                class="mobile-menu__product-img"
8318                                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"
8319                                width="136"
8320                                height="181"
8321                                alt="Crisp Apple"
8322                                loading="lazy"
8323                                decoding="async"
8324                              >
8325                            
8326                          </span>
8327                          <span class="mobile-menu__product-card-label">Crisp Apple</span>
8328                        </a>
8329                      </li>
8330                    
8331                  
8332                
8333
8334                  
8335                  
8336
8337                    
8338
8339                    
8340
8341                    
8342                      
8343                      <li class="mobile-menu__product-tile">
8344                        <a
8345                          href="/products/vintage-cola-minis"
8346                          class="mobile-menu__product-card"
8347                          
8348                        >
8349                          <span class="mobile-menu__product-card-media">
8350                            
8351                            
8352                            
8353                              
8354                                
8355                                
8356                            
8357                            
8358                            
8359                              <img
8360                                class="mobile-menu__product-img"
8361                                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"
8362                                width="136"
8363                                height="181"
8364                                alt="Vintage Cola"
8365                                loading="lazy"
8366                                decoding="async"
8367                              >
8368                            
8369                          </span>
8370                          <span class="mobile-menu__product-card-label">Vintage Cola</span>
8371                        </a>
8372                      </li>
8373                    
8374                  
8375                
8376
8377                  
8378                  
8379
8380                    
8381
8382                    
8383
8384                    
8385                      
8386                      <li class="mobile-menu__product-tile">
8387                        <a
8388                          href="/products/ginger-ale-minis"
8389                          class="mobile-menu__product-card"
8390                          
8391                        >
8392                          <span class="mobile-menu__product-card-media">
8393                            
8394                            
8395                            
8396                              
8397                                
8398                                
8399                            
8400                            
8401                            
8402                              <img
8403                                class="mobile-menu__product-img"
8404                                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"
8405                                width="136"
8406                                height="181"
8407                                alt="Ginger Ale"
8408                                loading="lazy"
8409                                decoding="async"
8410                              >
8411                            
8412                          </span>
8413                          <span class="mobile-menu__product-card-label">Ginger Ale</span>
8414                        </a>
8415                      </li>
8416                    
8417                  
8418                
8419
8420                  
8421                  
8422
8423                    
8424
8425                    
8426
8427                    
8428                      
8429                      <li class="mobile-menu__product-tile">
8430                        <a
8431                          href="/products/orange-cream-minis"
8432                          class="mobile-menu__product-card"
8433                          
8434                        >
8435                          <span class="mobile-menu__product-card-media">
8436                            
8437                            
8438                            
8439                              
8440                                
8441                                
8442                            
8443                            
8444                            
8445                              <img
8446                                class="mobile-menu__product-img"
8447                                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"
8448                                width="136"
8449                                height="181"
8450                                alt="Orange Cream"
8451                                loading="lazy"
8452                                decoding="async"
8453                              >
8454                            
8455                          </span>
8456                          <span class="mobile-menu__product-card-label">Orange Cream</span>
8457                        </a>
8458                      </li>
8459                    
8460                  
8461                
8462
8463                
8464                
8465              </ul>
8466            </div>
8467
8468            <div class="mobile-menu__shop-all-category">
8469              
8470                <a class="mobile-menu__btn-outline" href="/collections/olipop-minis">Shop All MINIs</a>
8471              
8472            </div>
8473          </div>
8474        </details>
8475      
8476    
8477
8478      
8479      
8480
8481      
8482      
8483        <details
8484          id="mobile-shop-acc-4"
8485          class="mobile-menu__accordion"
8486          
8487        >
8488          <summary class="mobile-menu__accordion-summary">
8489            <span class="mobile-menu__accordion-summary-text">
8490              <span class="mobile-menu__accordion-title">
8491                Limited edition flavors 
8492              </span>
8493            </span>
8494            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
8495              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
8496                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8497  <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"/>
8498</svg>
8499
8500              </span>
8501              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
8502                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8503  <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"/>
8504</svg>
8505
8506              </span>
8507            </span>
8508          </summary>
8509
8510          <div class="mobile-menu__accordion-panel">
8511            
8512              <div class="mobile-menu__category-headline">
8513                <div class="mobile-menu__category-headline-text rte">
8514                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
8515                </div>
8516                
8517              </div>
8518            
8519            
8520              <div class="mobile-menu__category-description rte">
8521                <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span>
8522              </div>
8523            
8524
8525            <div
8526              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
8527              tabindex="0"
8528              role="region"
8529              aria-roledescription="carousel"
8530              aria-label="Limited edition flavors  — products"
8531            >
8532              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
8533                
8534
8535                
8536                
8537
8538                  
8539                  
8540
8541                    
8542
8543                    
8544
8545                    
8546                      
8547                      <li class="mobile-menu__product-tile">
8548                        <a
8549                          href="/products/caramel-apple"
8550                          class="mobile-menu__product-card"
8551                          
8552                        >
8553                          <span class="mobile-menu__product-card-media">
8554                            
8555                              <div
8556    class="product-badge product-badge--nav product-badge--short-text"
8557    role="status"
8558    aria-label="New"
8559  >
8560    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8561      <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
856103 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"/>
8562    </svg>
8563    <span class="product-badge__text" style="color: #034638;">New</span>
8564  </div>
8565                            
8566                            
8567                            
8568                              
8569                                
8570                                
8571                            
8572                            
8573                            
8574                              <img
8575                                class="mobile-menu__product-img"
8576                                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"
8577                                width="136"
8578                                height="181"
8579                                alt="Caramel Apple"
8580                                loading="lazy"
8581                                decoding="async"
8582                              >
8583                            
8584                          </span>
8585                          <span class="mobile-menu__product-card-label">Caramel Apple</span>
8586                        </a>
8587                      </li>
8588                    
8589                  
8590                
8591
8592                  
8593                  
8594
8595                    
8596
8597                    
8598
8599                    
8600                      
8601                      <li class="mobile-menu__product-tile">
8602                        <a
8603                          href="/products/raspberry-sherbet"
8604                          class="mobile-menu__product-card"
8605                          
8606                        >
8607                          <span class="mobile-menu__product-card-media">
8608                            
8609                              <div
8610    class="product-badge product-badge--nav"
8611    role="status"
8612    aria-label="Limited"
8613  >
8614    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8615      <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"/>
8616    </svg>
8617    <span class="product-badge__text" style="color: #034638;">Limited</span>
8618  </div>
8619                            
8620                            
8621                            
8622                              
8623                                
8624                                
8625                            
8626                            
8627                            
8628                              <img
8629                                class="mobile-menu__product-img"
8630                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
8631                                width="136"
8632                                height="181"
8633                                alt="Raspberry Sherbet"
8634                                loading="lazy"
8635                                decoding="async"
8636                              >
8637                            
8638                          </span>
8639                          <span class="mobile-menu__product-card-label">Raspberry Sherbet</span>
8640                        </a>
8641                      </li>
8642                    
8643                  
8644                
8645
8646                  
8647                  
8648
8649                    
8650
8651                    
8652
8653                    
8654                      
8655                      <li class="mobile-menu__product-tile">
8656                        <a
8657                          href="/products/shirley-temple"
8658                          class="mobile-menu__product-card"
8659                          
8660                        >
8661                          <span class="mobile-menu__product-card-media">
8662                            
8663                              <div
8664    class="product-badge product-badge--nav"
8665    role="status"
8666    aria-label="Limited"
8667  >
8668    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8669      <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"/>
8670    </svg>
8671    <span class="product-badge__text" style="color: #034638;">Limited</span>
8672  </div>
8673                            
8674                            
8675                            
8676                              
8677                                
8678                                
8679                            
8680                            
8681                            
8682                              <img
8683                                class="mobile-menu__product-img"
8684                                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"
8685                                width="136"
8686                                height="181"
8687                                alt="Shirley Temple"
8688                                loading="lazy"
8689                                decoding="async"
8690                              >
8691                            
8692                          </span>
8693                          <span class="mobile-menu__product-card-label">Shirley Temple</span>
8694                        </a>
8695                      </li>
8696                    
8697                  
8698                
8699
8700                  
8701                  
8702
8703                    
8704
8705                    
8706
8707                    
8708                      
8709                      <li class="mobile-menu__product-tile">
8710                        <a
8711                          href="/products/spongebob-pineapple-paradise"
8712                          class="mobile-menu__product-card"
8713                          
8714                        >
8715                          <span class="mobile-menu__product-card-media">
8716                            
8717                              <div
8718    class="product-badge product-badge--nav"
8719    role="status"
8720    aria-label="Limited"
8721  >
8722    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8723      <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
872303 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"/>
8724    </svg>
8725    <span class="product-badge__text" style="color: #034638;">Limited</span>
8726  </div>
8727                            
8728                            
8729                            
8730                              
8731                                
8732                                
8733                            
8734                            
8735                            
8736                              <img
8737                                class="mobile-menu__product-img"
8738                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
8739                                width="136"
8740                                height="181"
8741                                alt="Pineapple Paradise"
8742                                loading="lazy"
8743                                decoding="async"
8744                              >
8745                            
8746                          </span>
8747                          <span class="mobile-menu__product-card-label">Pineapple Paradise</span>
8748                        </a>
8749                      </li>
8750                    
8751                  
8752                
8753
8754                
8755                
8756              </ul>
8757            </div>
8758
8759            <div class="mobile-menu__shop-all-category">
8760              
8761                <a class="mobile-menu__btn-outline" href="/collections/shop-limited-edition">Shop All Limited Edition Flavors</a>
8762              
8763            </div>
8764          </div>
8765        </details>
8766      
8767    
8768
8769      
8770      
8771
8772      
8773      
8774        <details
8775          id="mobile-shop-acc-5"
8776          class="mobile-menu__accordion"
8777          
8778        >
8779          <summary class="mobile-menu__accordion-summary">
8780            <span class="mobile-menu__accordion-summary-text">
8781              <span class="mobile-menu__accordion-title">
8782                Variety packs
8783              </span>
8784            </span>
8785            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
8786              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
8787                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8788  <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"/>
8789</svg>
8790
8791              </span>
8792              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
8793                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8794  <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"/>
8795</svg>
8796
8797              </span>
8798            </span>
8799          </summary>
8800
8801          <div class="mobile-menu__accordion-panel">
8802            
8803              <div class="mobile-menu__category-headline">
8804                <div class="mobile-menu__category-headline-text rte">
8805                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
8806                </div>
8807                
8808              </div>
8809            
8810            
8811              <div class="mobile-menu__category-description rte">
8812                <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy &amp; fun way to discover your favorites.</span>
8813              </div>
8814            
8815
8816            <div
8817              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
8818              tabindex="0"
8819              role="region"
8820              aria-roledescription="carousel"
8821              aria-label="Variety packs — products"
8822            >
8823              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
8824                
8825
8826                
8827                
8828
8829                  
8830                  
8831
8832                    
8833
8834                    
8835
8836                    
8837                      
8838                      <li class="mobile-menu__product-tile">
8839                        <a
8840                          href="/products/classic-soda-variety-pack"
8841                          class="mobile-menu__product-card"
8842                          
8843                        >
8844                          <span class="mobile-menu__product-card-media">
8845                            
8846                            
8847                            
8848                              
8849                                
8850                                
8851                            
8852                            
8853                            
8854                              <img
8855                                class="mobile-menu__product-img"
8856                                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"
8857                                width="136"
8858                                height="181"
8859                                alt="Classic Soda Variety Pack"
8860                                loading="lazy"
8861                                decoding="async"
8862                              >
8863                            
8864                          </span>
8865                          <span class="mobile-menu__product-card-label">Classic Soda</span>
8866                        </a>
8867                      </li>
8868                    
8869                  
8870                
8871
8872                  
8873                  
8874
8875                    
8876
8877                    
8878
8879                    
8880                      
8881                      <li class="mobile-menu__product-tile">
8882                        <a
8883                          href="/products/fruity-fun-variety-pack"
8884                          class="mobile-menu__product-card"
8885                          
8886                        >
8887                          <span class="mobile-menu__product-card-media">
8888                            
8889                            
8890                            
8891                              
8892                                
8893                                
8894                            
8895                            
8896                            
8897                              <img
8898                                class="mobile-menu__product-img"
8899                                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"
8900                                width="136"
8901                                height="181"
8902                                alt="Fruity Fun Variety Pack"
8903                                loading="lazy"
8904                                decoding="async"
8905                              >
8906                            
8907                          </span>
8908                          <span class="mobile-menu__product-card-label">Fruity Fun</span>
8909                        </a>
8910                      </li>
8911                    
8912                  
8913                
8914
8915                  
8916                  
8917
8918                    
8919
8920                    
8921
8922                    
8923                      
8924                      <li class="mobile-menu__product-tile">
8925                        <a
8926                          href="/products/favorites-variety-pack"
8927                          class="mobile-menu__product-card"
8928                          
8929                        >
8930                          <span class="mobile-menu__product-card-media">
8931                            
8932                            
8933                            
8934                              
8935                                
8936                                
8937                            
8938                            
8939                            
8940                              <img
8941                                class="mobile-menu__product-img"
8942                                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"
8943                                width="136"
8944                                height="181"
8945                                alt="Favorites Variety Pack"
8946                                loading="lazy"
8947                                decoding="async"
8948                              >
8949                            
8950                          </span>
8951                          <span class="mobile-menu__product-card-label">Favorites</span>
8952                        </a>
8953                      </li>
8954                    
8955                  
8956                
8957
8958                
8959                
8960              </ul>
8961            </div>
8962
8963            <div class="mobile-menu__shop-all-category">
8964              
8965                <a class="mobile-menu__btn-outline" href="/collections/variety-packs">Shop All Variety Packs</a>
8966              
8967            </div>
8968          </div>
8969        </details>
8970      
8971    
8972
8973    <div class="mobile-menu__shop-all-footer">
8974      <a class="mobile-menu__btn-primary" href="/collections/drinks">Shop All</a>
8975    </div>
8976  </div>
8977
8978
8979<style>
8980.mobile-menu__category-description {
8981  margin-bottom: 20px;
8982}
8983
8984.mobile-menu__category-description .metafield-multi_line_text_field {
8985  line-height: 160%;
8986  display: block;
8987}
8988
8989.mobile-menu__category-headline {
8990  margin-top: 3px;
8991}
8992</style>
8993
8994          <div class="mobile-menu__utility" role="navigation" aria-label="Quick links">
8995  <div class="mobile-menu__utility-wave" aria-hidden="true"><svg
8996      xmlns="http://www.w3.org/2000/svg"
8997      viewBox="0 0 390 27"
8998      fill="none"
8999      preserveAspectRatio="none"
9000      class="mobile-menu__utility-wave-svg"
9001      focusable="false"
9002    >
9003      <path
9004        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"
9005        fill="#008168"
9006      />
9007    </svg>
9008  </div>
9009
9010  <ul class="mobile-menu__utility-list tw-m-0 tw-list-none">
9011    <li class="mobile-menu__utility-item">
9012      <a class="mobile-menu__utility-link" href="/pages/store-locator">
9013        <span class="mobile-menu__utility-icon" aria-hidden="true">
9014          <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">
9015  <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"/>
9016</svg>
9017
9018        </span>
9019        <span class="mobile-menu__utility-label">Find a Store</span>
9020      </a>
9021    </li>
9022    <li class="mobile-menu__utility-item">
9023      
9024        <a class="mobile-menu__utility-link" href="/account/login">
9025          <span class="mobile-menu__utility-icon" aria-hidden="true">
9026            <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">
9027  <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"/>
9028</svg>
9029
9030          </span>
9031          <span class="mobile-menu__utility-label">Account</span>
9032        </a>
9033      
9034    </li>
9035    <li class="mobile-menu__utility-item">
9036      <a class="mobile-menu__utility-link" href="/pages/contact-us">
9037        <span class="mobile-menu__utility-icon" aria-hidden="true">
9038          <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">
9039  <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"/>
9040</svg>
9041
9042        </span>
9043        <span class="mobile-menu__utility-label">Contact Us</span>
9044      </a>
9045    </li>
9046    <li class="mobile-menu__utility-item">
9047      <a class="mobile-menu__utility-link" href="/pages/track-your-order">
9048        <span class="mobile-menu__utility-icon" aria-hidden="true">
9049          <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">
9050  <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"/>
9051</svg>
9052
9053        </span>
9054        <span class="mobile-menu__utility-label">Track Order</span>
9055      </a>
9056    </li>
9057    <li class="mobile-menu__utility-item">
9058      <a class="mobile-menu__utility-link" href="/pages/olipop-rewards">
9059        <span class="mobile-menu__utility-icon" aria-hidden="true">
9060          <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">
9061  <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.
906163261 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"/>
9062</svg>
9063
9064        </span>
9065        <span class="mobile-menu__utility-label">Earn Rewards</span>
9066      </a>
9067    </li>
9068  </ul>
9069</div>
9070
9071<style>
9072  .mobile-menu__utility-list {
9073    padding-bottom: 10.5rem;
9074  }
9075</style>
9076
9077        </div>
9078
9079        
9080          <div
9081            id="mobile-panel-learn"
9082            class="mobile-menu__tabpanel tw-hidden"
9083            role="tabpanel"
9084            aria-labelledby="mobile-tab-learn"
9085            data-mobile-panel="learn"
9086            hidden
9087            tabindex="0"
9088          >
9089            
9090
9091
9092  
9093  <div class="mobile-menu__shop-body">
9094    
9095
9096      
9097      
9098
9099      
9100      <div class="mobile-menu__leaf-row">
9101        <a
9102          href="/pages/our-story"
9103          class="mobile-menu__leaf-link"
9104          
9105        >
9106          <span class="mobile-menu__leaf-title">Our story</span>
9107        </a>
9108      </div>
9109    
9110
9111      
9112      
9113
9114      
9115      <div class="mobile-menu__leaf-row">
9116        <a
9117          href="/pages/ingredients"
9118          class="mobile-menu__leaf-link"
9119          
9120        >
9121          <span class="mobile-menu__leaf-title">Ingredients</span>
9122        </a>
9123      </div>
9124    
9125
9126      
9127      
9128
9129      
9130      <div class="mobile-menu__leaf-row">
9131        <a
9132          href="/pages/digestive-health"
9133          class="mobile-menu__leaf-link"
9134          
9135        >
9136          <span class="mobile-menu__leaf-title">Digestive health</span>
9137        </a>
9138      </div>
9139    
9140
9141      
9142      
9143
9144      
9145      <div class="mobile-menu__leaf-row">
9146        <a
9147          href="/pages/fiber-education"
9148          class="mobile-menu__leaf-link"
9149          
9150        >
9151          <span class="mobile-menu__leaf-title">Fiber education</span>
9152        </a>
9153      </div>
9154    
9155
9156      
9157      
9158
9159      
9160      <div class="mobile-menu__leaf-row">
9161        <a
9162          href="/pages/subscription"
9163          class="mobile-menu__leaf-link"
9164          
9165        >
9166          <span class="mobile-menu__leaf-title">Subscriptions</span>
9167        </a>
9168      </div>
9169    
9170
9171    
9172    
9173  </div>
9174
9175
9176            <div class="mobile-menu__utility" role="navigation" aria-label="Quick links">
9177  <div class="mobile-menu__utility-wave" aria-hidden="true"><svg
9178      xmlns="http://www.w3.org/2000/svg"
9179      viewBox="0 0 390 27"
9180      fill="none"
9181      preserveAspectRatio="none"
9182      class="mobile-menu__utility-wave-svg"
9183      focusable="false"
9184    >
9185      <path
9186        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"
9187        fill="#008168"
9188      />
9189    </svg>
9190  </div>
9191
9192  <ul class="mobile-menu__utility-list tw-m-0 tw-list-none">
9193    <li class="mobile-menu__utility-item">
9194      <a class="mobile-menu__utility-link" href="/pages/store-locator">
9195        <span class="mobile-menu__utility-icon" aria-hidden="true">
9196          <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">
9197  <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.9
91971639 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"/>
9198</svg>
9199
9200        </span>
9201        <span class="mobile-menu__utility-label">Find a Store</span>
9202      </a>
9203    </li>
9204    <li class="mobile-menu__utility-item">
9205      
9206        <a class="mobile-menu__utility-link" href="/account/login">
9207          <span class="mobile-menu__utility-icon" aria-hidden="true">
9208            <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">
9209  <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"/>
9210</svg>
9211
9212          </span>
9213          <span class="mobile-menu__utility-label">Account</span>
9214        </a>
9215      
9216    </li>
9217    <li class="mobile-menu__utility-item">
9218      <a class="mobile-menu__utility-link" href="/pages/contact-us">
9219        <span class="mobile-menu__utility-icon" aria-hidden="true">
9220          <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">
9221  <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"/>
9222</svg>
9223
9224        </span>
9225        <span class="mobile-menu__utility-label">Contact Us</span>
9226      </a>
9227    </li>
9228    <li class="mobile-menu__utility-item">
9229      <a class="mobile-menu__utility-link" href="/pages/track-your-order">
9230        <span class="mobile-menu__utility-icon" aria-hidden="true">
9231          <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">
9232  <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"/>
9233</svg>
9234
9235        </span>
9236        <span class="mobile-menu__utility-label">Track Order</span>
9237      </a>
9238    </li>
9239    <li class="mobile-menu__utility-item">
9240      <a class="mobile-menu__utility-link" href="/pages/olipop-rewards">
9241        <span class="mobile-menu__utility-icon" aria-hidden="true">
9242          <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">
9243  <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.
924363261 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"/>
9244</svg>
9245
9246        </span>
9247        <span class="mobile-menu__utility-label">Earn Rewards</span>
9248      </a>
9249    </li>
9250  </ul>
9251</div>
9252
9253<style>
9254  .mobile-menu__utility-list {
9255    padding-bottom: 10.5rem;
9256  }
9257</style>
9258
9259          </div>
9260        
9261      </div>
9262    </div>
9263  </div>
9264</div>
9265
9266<script>
9267  $(document).ready(function () {
9268    const $root = $('[js-mobile-menu]');
9269    const $backdrop = $('.mobile-menu__backdrop');
9270    const $panel = $('[js-mobile-menu-panel]');
9271    const $toggle = $('.header__button.mobile-menu-toggle');
9272
9273    function applyMenuGeometry() {
9274      const header = document.getElementById('shopify-section-header');
9275      const el = document.querySelector('[js-mobile-menu]');
9276      if (!header || !el) return;
9277      const h = header.clientHeight;
9278      el.style.top = h + 'px';
9279      el.style.height = 'calc(100vh - ' + h + 'px)';
9280    }
9281
9282    function clearMenuGeometry() {
9283      const el = document.querySelector('[js-mobile-menu]');
9284      if (el) {
9285        el.style.top = '';
9286        el.style.height = '';
9287      }
9288    }
9289
9290    function openMenuVisual() {
9291      $root.addClass('is-active');
9292    }
9293
9294    function closeMenuVisual() {
9295      $root.removeClass('is-active');
9296    }
9297
9298    var mobileMenuClosing = false;
9299
9300    function finalizeMobileMenuClose() {
9301      document.documentElement.classList.remove('stop-scroll');
9302      $('.overlay').removeClass('is-active');
9303      $('.site-header .header__button').removeClass('is-active');
9304      $('.header-wrapper').removeClass('is-mobile-active');
9305      clearMenuGeometry();
9306      mobileMenuClosing = false;
9307      requestAnimationFrame(function () {
9308        requestAnimationFrame(function () {
9309          window.dispatchEvent(new Event('scroll'));
9310        });
9311      });
9312    }
9313
9314    function activateMobileTab(which) {
9315      const $shop = $('.mobile-menu__tab--shop');
9316      const $learn = $('.mobile-menu__tab--learn');
9317      const $shopPanel = $('#mobile-panel-shop');
9318      const $learnPanel = $('#mobile-panel-learn');
9319      if (!$shop.length || !$learn.length) return;
9320      if (which === 'shop') {
9321        $shop.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 });
9322        $learn.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 });
9323        $shopPanel.removeClass('tw-hidden').removeAttr('hidden');
9324        $learnPanel.addClass('tw-hidden').attr('hidden', 'hidden');
9325      } else {
9326        $learn.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 });
9327        $shop.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 });
9328        $learnPanel.removeClass('tw-hidden').removeAttr('hidden');
9329        $shopPanel.addClass('tw-hidden').attr('hidden', 'hidden');
9330      }
9331    }
9332
9333    function resetToShopTab() {
9334      activateMobileTab('shop');
9335    }
9336
9337    $toggle.on('click', function () {
9338      const toggleBtn = this;
9339      const panelEl = document.querySelector('[js-mobile-menu-panel]');
9340      const isOpen = $('.header-wrapper').hasClass('is-mobile-active');
9341
9342      if (!isOpen) {
9343        $('.header-wrapper').addClass('is-mobile-active');
9344        document.documentElement.classList.add('stop-scroll');
9345        $('.overlay').addClass('is-active');
9346        $('.site-header .header__button').addClass('is-active');
9347        applyMenuGeometry();
9348
9349        function revealMenuAndFocus() {
9350          openMenuVisual();
9351          resetToShopTab();
9352          toggleBtn.setAttribute('aria-expanded', 'true');
9353          const wrap = document.querySelector('[js-header-wrapper]');
9354          const toFocus = panelEl ? panelEl.querySelector('.mobile-menu__tab, a, button') : null;
9355          if (wrap && toFocus) {
9356            trapFocus(wrap, toFocus);
9357          }
9358        }
9359
9360        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
9361          revealMenuAndFocus();
9362        } else {
9363          requestAnimationFrame(function () {
9364            requestAnimationFrame(revealMenuAndFocus);
9365          });
9366        }
9367      } else {
9368        if (mobileMenuClosing) {
9369          return;
9370        }
9371        mobileMenuClosing = true;
9372        closeMenuVisual();
9373        toggleBtn.setAttribute('aria-expanded', 'false');
9374        removeTrapFocus();
9375
9376        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
9377          finalizeMobileMenuClose();
9378          return;
9379        }
9380
9381        var closeDone = false;
9382        function doneClosing() {
9383          if (closeDone) return;
9384          closeDone = true;
9385          if (panelEl) {
9386            panelEl.removeEventListener('transitionend', onPanelTransitionEnd);
9387          }
9388          finalizeMobileMenuClose();
9389        }
9390
9391        function onPanelTransitionEnd(e) {
9392          if (e.target !== panelEl || e.propertyName !== 'transform') return;
9393          doneClosing();
9394        }
9395
9396        if (panelEl) {
9397          panelEl.addEventListener('transitionend', onPanelTransitionEnd);
9398        }
9399        window.setTimeout(doneClosing, 400);
9400      }
9401    });
9402
9403    var mobileMenuDesktopMin = 1024;
9404
9405    function closeMobileMenuIfDesktop() {
9406      if (window.innerWidth >= mobileMenuDesktopMin && $toggle.hasClass('is-active')) {
9407        $toggle.trigger('click');
9408      }
9409    }
9410
9411    $(window).on('resize', function () {
9412      closeMobileMenuIfDesktop();
9413      if ($toggle.hasClass('is-active')) {
9414        applyMenuGeometry();
9415      }
9416    });
9417
9418    $backdrop.on('click', function () {
9419      if ($toggle.hasClass('is-active')) {
9420        $toggle.trigger('click');
9421      }
9422    });
9423
9424    $(document).on('keydown.mobileMenu', function (e) {
9425      if (e.key !== 'Escape') return;
9426      if (!$('.header-wrapper').hasClass('is-mobile-active')) return;
9427      e.preventDefault();
9428      if ($toggle.hasClass('is-active')) {
9429        $toggle.trigger('click');
9430      }
9431    });
9432
9433    $('.mobile-menu__tab[data-mobile-tab]').on('click', function () {
9434      activateMobileTab($(this).data('mobile-tab'));
9435    });
9436
9437    $('.mobile-menu__tab[data-mobile-tab]').on('keydown', function (e) {
9438      if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return;
9439      e.preventDefault();
9440      const cur = $(this).data('mobile-tab');
9441      if (e.key === 'ArrowLeft' && cur === 'learn') {
9442        activateMobileTab('shop');
9443        $('.mobile-menu__tab--shop').trigger('focus');
9444      }
9445      if (e.key === 'ArrowRight' && cur === 'shop') {
9446        activateMobileTab('learn');
9447        $('.mobile-menu__tab--learn').trigger('focus');
9448      }
9449    });
9450
9451    $('#nav-icon3').on('click', function () {
9452      $(this).toggleClass('open');
9453    });
9454
9455    $('[js-mobile-menu-close]').on('click', function (e) {
9456      e.preventDefault();
9457      $('#nav-icon3').trigger('click');
9458    });
9459  });
9460</script>
9460
9461</header>
9462
9463<script type="text/javascript">
9464  $(document).ready(function () {
9465    const handleScrollOnHeader = () => {
9466      const y = document.documentElement.scrollTop || document.body.scrollTop;
9467      const $headerWrapper = $('.header-wrapper');
9468      const isTransparent = $headerWrapper.attr('color-theme') === 'transparent';
9469      if (y < 10) {
9470        $headerWrapper.removeClass('is-active');
9471        if (isTransparent) {
9472          $headerWrapper.addClass('tw-bg-transparent');
9473        }
9474      } else {
9475        $headerWrapper.addClass('is-active');
9476        if (isTransparent) {
9477          $headerWrapper.removeClass('tw-bg-transparent');
9478        }
9479      }
9480    };
9481
9482    $(window).on('scroll', handleScrollOnHeader);
9483    handleScrollOnHeader();
9484  });
9485</script>
9485
9486
9487<script type="application/ld+json">
9488  {
9489    "@context": "http://schema.org",
9490    "@type": "Organization",
9491    "name": "OLIPOP",
9492    
9493      
9494      "logo": "https:\/\/drinkolipop.com\/cdn\/shop\/files\/OlipopLogo_1_560x.png?v=1778767782",
9495    
9496    "sameAs": [
9497      "https:\/\/twitter.com\/drinkolipop",
9498      "https:\/\/www.facebook.com\/drinkolipop",
9499      "https:\/\/www.pinterest.com\/drinkolipop\/",
9500      "https:\/\/www.instagram.com\/drinkolipop\/",
9501      "",
9502      "",
9503      "https:\/\/www.youtube.com\/@OLIPOP",
9504      ""
9505    ],
9506    "url": "https:\/\/drinkolipop.com"
9507  }
9508</script>
9508
9509
9510
9511
9512
9513</div>
9514<!-- END sections: header-group -->
9515
9516      
9516<script>
9517        const headerGroup = document.querySelector('#shopify-section-header');
9518        function setHeaderGroupVars() {
9519          document.documentElement.style.setProperty(
9520            '--header-group-bottom-position',
9521            headerGroup.getBoundingClientRect().bottom + 'px'
9522          );
9523        }
9524        setTimeout(setHeaderGroupVars, 1000);
9525        window.addEventListener('resize', setHeaderGroupVars);
9526      </script>
9526
9527    </section>
9528    <div class="page-container drawer-page-content" id="PageContainer" role="main">
9529      <div
9530        class="main-content js-focus-hidden"
9531        id="MainContent"
9532        tabindex="-1"
9533      >
9534        <div id="shopify-section-template--24009561669791__main" class="shopify-section">
9535
9536<div class="tw-w-full tw-max-w-full tw-bg-green-400 tw-px-4 tw-py-20 md:tw-py-25">
9537  <div id="CustomerLoginForm" class="tw-mx-auto tw-max-w-150">
9538    <div id="LoginHeading" class="tw-mb-10 tw-text-center tw-text-hunter-green">
9539      
9540      
9541
9542<h1
9543  
9544  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"
9545>
9546  Login
9547</h1>
9548
9549    </div>
9550
9551    <div class="hide tw-mb-10" id="ResetSuccess" tabindex="-1">
9552      
9553      
9554
9555
9556<div
9557  class="tw-flex tw-items-center"
9558  
9559>
9560  <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">
9561    <span class="tw-text-white">
9562      
9563
9564
9565    <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9566      <rect x="1" y="0.5" width="13" height="13" rx="6.5" stroke="white"/>
9567      <path d="M8.10117 3.5V4.8H6.90117V3.5H8.10117ZM8.10117 6.5V11H6.90117V6.5H8.10117Z" fill="white"/>
9568    </svg>
9569
9570  
9571
9572    </span>
9573
9574    <span class="[& a]:!tw-text-white tw-text-white [&_a]:!tw-text-white [&_a]:!tw-underline">
9575      
9576
9577<p
9578  
9579  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"
9580>
9581  We&#39;ve sent you an email with a link to update your password.
9582</p>
9583
9584    </span>
9585  </div>
9586</div>
9587
9588    </div>
9589
9590    <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="✓" />
9591
9592
9593<div data-component="input">
9594  
9595    <div class="tw-flex tw-flex-row tw-pb-2">
9596      
9597        <span aria-hidden="true" class="sr-only">Fields with an asterisk * are required</span>
9598        <span class="tw-mr-1 tw-text-xl tw-font-normal tw-text-green-800">*</span>
9599      
9600      <label
9601        class="tw-text-xl tw-font-semibold tw-text-hunter-green"
9602        for="CustomerEmail"
9603      >
9604        Email
9605      </label>
9606    </div>
9607  
9608  <input
9609    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"
9610    id="CustomerEmail"
9611    autocomplete="email"
9612    placeholder="Email"
9613    name="customer[email]"
9614    
9615    
9616      required
9617      aria-required="true"
9618    
9619    type="email"
9620    
9621  >
9622</div>
9623
9624      
9625        
9626        <div class="tw-mt-5">
9627          
9628
9629<div data-component="input">
9630  
9631    <div class="tw-flex tw-flex-row tw-pb-2">
9632      
9633        <span aria-hidden="true" class="sr-only">Fields with an asterisk * are required</span>
9634        <span class="tw-mr-1 tw-text-xl tw-font-normal tw-text-green-800">*</span>
9635      
9636      <label
9637        class="tw-text-xl tw-font-semibold tw-text-hunter-green"
9638        for="CustomerPassword"
9639      >
9640        Password
9641      </label>
9642    </div>
9643  
9644  <input
9645    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"
9646    id="CustomerPassword"
9647    autocomplete="current-password"
9648    placeholder="Password"
9649    name="customer[password]"
9650    
9651    
9652      required
9653      aria-required="true"
9654    
9655    type="password"
9656    
9657  >
9658</div>
9659
9660        </div>
9661      
9662
9663      <div class="tw-mt-10 tw-flex tw-flex-col tw-items-center tw-justify-between lg:tw-flex-row">
9664        <div class="tw-w-full md:tw-mr-10 md:tw-max-w-70">
9665          
9666          
9667
9668<button
9669  
9670  
9671  
9672  
9673  
9674  
9675  
9676  
9677  type="submit"
9678  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
9678s: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  "
9679  
9680  
9681>
9682  
9683  
9684  Sign In
9685</button>
9686
9687        </div>
9688
9689        
9690          
9691          <div class="tw-mt-5 lg:tw-mt-0">
9692            
9693
9694<a
9695  
9696    id="RecoverPassword"
9697  
9698  
9699    href="#recover"
9700  
9701  
9702  
9703  
9704  
9705  
9706  
9707  type="button"
9708  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 "
9709  
9710  
9711>
9712  
9713  
9714  Forgot your password?
9715</a>
9716
9717          </div>
9718        
9719      </div>
9720
9721      <fieldset class="tw-mb-10 tw-mt-15 tw-border-t tw-border-solid tw-border-hunter-green">
9722        <legend class="tw-mx-auto tw-px-4 tw-text-base-lg-d tw-font-bold tw-text-hunter-green">OR</legend>
9723      </fieldset>
9724
9725      <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">
9726
9727<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">
9728  <p class="tw-mb-4 tw-text-base-sm-d">Need an account?</p>
9729  
9730
9731<a
9732  
9733  
9734    href="/account/register"
9735  
9736  
9737  
9738  
9739  
9740  
9741  
9742  type="button"
9743  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 "
9744  
9745  
9746>
9747  
9748  
9749  Create an Account
9750</a>
9751
9752</div>
9753
9754        <!-- Retextion passwordless login code -->
9755
9756<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">
9757  <p class="tw-mb-4 tw-text-base-sm-d">Subscribed without an account?</p>
9758  
9759
9760<a
9761  
9762  
9763    href="/apps/retextion#/login"
9764  
9765  
9766  
9767  
9768  
9769  
9770  
9771  type="button"
9772  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 "
9773  
9774  
9775>
9776  
9777  
9778  Manage Subscription
9779</a>
9780
9781</div>
9782
9783      </div>
9784    </form>
9785  </div>
9786
9787  <div id="RecoverPasswordForm" class="hide tw-mx-auto tw-max-w-150">
9788    <div class="tw-mb-10 tw-text-center" id="RecoverHeading">
9789      
9790      
9791
9792<h2
9793  
9794  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"
9795>
9796  Reset account password
9797</h2>
9798
9799      
9800      <div class="tw-mt-2">
9801        
9802
9803<p
9804  
9805  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"
9806>
9807  We will send you an email to reset your password.
9808</p>
9809
9810      </div>
9811    </div>
9812
9813    <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="✓" />
9814      <input type="hidden" name="form_type" value="recover_customer_password">
9815
9816      
9817<div class="tw-mt-10">
9818        
9819
9820<div data-component="input">
9821  
9822    <div class="tw-flex tw-flex-row tw-pb-2">
9823      
9824        <span aria-hidden="true" class="sr-only">Fields with an asterisk * are required</span>
9825        <span class="tw-mr-1 tw-text-xl tw-font-normal tw-text-green-800">*</span>
9826      
9827      <label
9828        class="tw-text-xl tw-font-semibold tw-text-hunter-green"
9829        for="RecoverEmail"
9830      >
9831        Email
9832      </label>
9833    </div>
9834  
9835  <input
9836    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"
9837    id="RecoverEmail"
9838    autocomplete="email"
9839    placeholder="Email"
9840    name="email"
9841    
9842    
9843      required
9844      aria-required="true"
9845    
9846    type="email"
9847    
9848  >
9849</div>
9850
9851      </div>
9852
9853      <div class="tw-mt-10 tw-justify-between lg:tw-flex">
9854        
9855        
9856
9857        <div class="tw-w-full md:tw-mr-10 md:tw-max-w-70">
9858          
9859
9860<button
9861  
9862  
9863  
9864  
9865  
9866  
9867  
9868  
9869  type="submit"
9870  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  "
9871  
9872  
9873>
9874  
9875  
9876  Reset My Password
9877</button>
9878
9879        </div>
9880
9881        <div class="tw-mt-5 tw-w-full md:tw-max-w-70 lg:tw-mt-0">
9882          
9883
9884<button
9885  
9886    id="HideRecoverPasswordLink"
9887  
9888  
9889  
9890  
9891  
9892  
9893  
9894  
9895  type="button"
9896  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  "
9897  
9898  
9899>
9900  
9901  
9902  Back to Login
9903</button>
9904
9905        </div>
9906      </div>
9907    </form>
9908  </div>
9909</div>
9910
9911
9912</div>
9912<script data-locksmith>
9913    var load = function () {
9914
9915          if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) {
9916            Locksmith.ping();
9917          }
9918
9919
9920      Locksmith.util.on('submit', 'locksmith-resource-form', function (event) {
9921        event.preventDefault();
9922        var data = Locksmith.util.serializeForm(event.target);
9923        var options = { spinner: false, container: 'locksmith-content' };
9924        // a form rendered inline (section replacement) must keep that context
9925        // on resubmit: same enclosing container (there may be several on the
9926        // page), and no layout classes or cancel affordance in the re-render
9927        var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]');
9928        if (inlineContainer) {
9929          options.container = inlineContainer;
9930        }
9931        if (event.target.getAttribute('data-locksmith-inline') === 'true') {
9932          options.include_layout_classes = false;
9933        }
9934        Locksmith.postResource(data, options);
9935      });
9936
9937      Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) {
9938        event.preventDefault();
9939        Locksmith.postResource({}, { spinner: true, container: document });
9940      });
9941
9942      Locksmith.submitPasscode = function (passcode) {
9943        Locksmith.postResource(
9944          { passcode: passcode },
9945          { spinner: false, container: 'locksmith-content' }
9946        );
9947      };
9948    };
9949
9950    if (typeof Locksmith !== 'undefined') {
9951      load();
9952    } else {
9953      window.addEventListener('load', load);
9954    }
9955  </script>
9955
9956      </div>
9957
9958      <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>
9959    </div>
9960
9961    <div id="shopify-section-footer" class="shopify-section"><style data-shopify>#shopify-section-footer  {
9962    --image-width: 0px;
9963    --image-width-mobile: 0.0px;
9964    --image-width-secondary: 0px;
9965    --image-width-secondary-mobile: 0.0px;
9966  }
9967
9968  #shopify-section-footer .slice-animation--left {
9969    animation: slice-small 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
9970  }
9971
9972  #shopify-section-footer .slice-animation--right {
9973    animation: slice-small-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
9974  }
9975
9976  @media (min-width: 750px) {
9977    #shopify-section-footer .slice-animation--left {
9978      animation: slice-medium 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
9979    }
9980  }
9981
9982  @media (min-width: 750px) {
9983    #shopify-section-footer .slice-animation--right {
9984      animation: slice-medium-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
9985    }
9986  }
9987
9988  @media (min-width: 1024px) {
9989    #shopify-section-footer .slice-animation--left {
9990      animation: slice-large 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
9991    }
9992  }
9993
9994  @media (min-width: 1024px) {
9995    #shopify-section-footer .slice-animation--right {
9996      animation: slice-large-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
9997    }
9998  }
9999
10000  @media (min-width: 1440px) {
10001    #shopify-section-footer .slice-animation--left {
10002      animation: slice-large-up 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10003    }
10004  }
10005
10006  @media (min-width: 1440px) {
10007    #shopify-section-footer .slice-animation--right {
10008      animation: slice-large-up-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10009    }
10010  }
10011
10012  @media (min-width: 1920px) {
10013    #shopify-section-footer .slice-animation--left {
10014      animation: slice-large-up 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10015    }
10016  }
10017
10018  @media (min-width: 1920px) {
10019    #shopify-section-footer .slice-animation--right {
10020      animation: slice-large-up-right 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
10021    }
10022  }
10023
10024  @keyframes slice-large-up {
10025    0%{
10026     transform: translateX(0%)
10027    }
10028    100%{
10029      transform: translateX(calc((100vw - 1320px) / 2));
10030    }
10031  }
10032
10033  @keyframes slice-large-up-right {
10034    0%{
10035      transform: translateX(0%)
10036    }
10037    100%{
10038      transform: translateX(calc((100vw - 1320px) / -2));
10039    }
10040  }
10041
10042  @keyframes slice-large {
10043    0%{
10044     transform: translateX(0%)
10045    }
10046    100%{
10047      transform: translateX(60px)
10048    }
10049  }
10050
10051  @keyframes slice-large-right {
10052    0%{
10053      transform: translateX(0%)
10054    }
10055    100%{
10056      transform: translateX(-60px)
10057    }
10058  }
10059
10060  @keyframes slice-medium {
10061    0%{
10062     transform: translateX(0%)
10063    }
10064    100%{
10065      transform: translateX(20px)
10066    }
10067  }
10068
10069  @keyframes slice-medium-right {
10070    0%{
10071      transform: translateX(0%)
10072    }
10073    100%{
10074      transform: translateX(-20px)
10075    }
10076  }
10077
10078  @keyframes slice-small {
10079    0% {
10080      transform: translateX(0%);
10081    }
10082    100% {
10083      transform: translateX(20px)
10084    }
10085  }
10086
10087  @keyframes slice-small-right {
10088    0% {
10089      transform: translateX(0%);
10090    }
10091    100% {
10092      transform: translateX(-20px)
10093    }
10094  }
10095
10096  footer .klaviyo-form button:hover {
10097    background-color: #E2EB28 !important;
10098  }
10099
10100  .footer-menu h3 {
10101    font-weight: 800;
10102  }
10103
10104  .footer-menu a:hover {
10105    color: #FFFF7D !important;
10106  }
10107
10108  @media screen and (max-width: 750px) {
10109    .footer-link-list li:not(:last-child)::after {
10110      margin-right: 5px;
10111      margin-left: 5px;
10112    }
10113
10114    .footer-link-list {
10115      margin-right: -1rem;
10116      margin-left: -1rem;
10117    }
10118  }</style><footer
10119  class="tw-relative tw-z-10 tw-float-left tw-w-full tw-font-ano"
10120  data-section-id="footer"
10121  data-section-type="footer-section"
10122  style="background-color: #008168;"
10123>
10124  <section class="tw-pointer-events-none tw-relative tw-h-0"><div
10125      class="tw-absolute tw-z-6 tw-w-full tw-bottom-[-100%]"
10126    >
10127      <div
10128        class="wave-separator-svg__curve-up-left tw-h-[98px]"
10129        style="background-color: #008168;"
10130      ></div>
10131    </div>
10132  </section>
10133
10134  
10135
10136
10137  <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">
10138    <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">
10139        <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
10140              class="tw-text-8 lg:tw-text-12  !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla "
10141              id="footer-menu-label-1"
10142            >
10143              Sign up to get 15% off your first order
10144            </h3><klaviyo-form
10145                class="klaviyo-form tw-px-0 tw-pt-4 tw-pb-6 md:tw-py-6 tw-inline-block text-left"
10146                data-klaviyo-list-id="KdQJNU"
10147              >
10148                <form
10149                  method="post"
10150                  action="/contact#contact_form"
10151                  id="contact_form"
10152                  accept-charset="UTF-8"
10153                  class="newsletter-form"
10154                >
10155                  <input type="hidden" name="contact[tags]" value="newsletter">
10156                  <div class="klaviyo-form__wrapper rel">
10157                    <input
10158                      type="email"
10159                      id="KlaviyoForm--footer"
10160                      name="contact[email]"
10161                      value=""
10162                      aria-required="true"
10163                      autocorrect="off"
10164                      autocapitalize="off"
10165                      autocomplete="email"
10166                      required
10167                      placeholder="Your Email Address"
10168                    >
10169                    <label class="visually-hidden" for="KlaviyoForm--footer">Subscribe</label>
10170                    <button
10171                      type="submit"
10172                      name="subscribe"
10173                      id="subscribe"
10174                      aria-label="Subscribe"
10175                    >
10176                      Subscribe
10177                    </button>
10178                  </div>
10179                  
10180                    <div class="klaviyo-form__message klaviyo-form__success hide">
10181                      <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>
10182                    </div>
10183                  
10184
10185                  
10186                    <div class="klaviyo-form__message klaviyo-form__error form-error hide">
10187                      <p>Something went wrong, please try again</p>
10188                    </div>
10189                  
10190                  <div class="klaviyo-form__message klaviyo-form__error-email form-error hide tw-pt-4">
10191                    Please enter a valid email address.
10192                  </div>
10193                </form>
10194              </klaviyo-form>
10195
10196              <nav class="tw-mt-2" aria-label="Social media">
10197    <ul class="social-icons"><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10198            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.instagram.com/drinkolipop/">
10199              <svg focusable="false" class="icon icon-instagram" role="presentation" viewBox="0 0 512 512">
10200  <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"/>
10201</svg>
10202
10203              <span class="icon__fallback-text">Link to Olipop Instagram</span>
10204            </a>
10205          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10206            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.tiktok.com/@drinkolipop?lang=en">
10207              <svg width="23" height="26" viewBox="0 0 23 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation">
10208  <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"/>
10209</svg>
10210
10211              <span class="icon__fallback-text">Link to Olipop TikTok</span>
10212            </a>
10213          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10214            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.facebook.com/drinkolipop">
10215              <svg
10216  width="11"
10217  height="21"
10218  viewBox="0 0 11 21"
10219  fill="none"
10220  xmlns="http://www.w3.org/2000/svg"
10221  class="icon icon-facebook"
10222  role="presentation"
10223>
10224  <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"/>
10225</svg>
10226
10227              <span class="icon__fallback-text">Link to Olipop Facebook</span>
10228            </a>
10229          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10230            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.linkedin.com/company/olipop-pbc">
10231              <svg class="icon icon-linkedin" width="24" height="24" role="presentation" viewBox="0 0 26 26">
10232  <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 "/>
10233</svg>
10234
10235              <span class="icon__fallback-text">Link to Olipop LinkedIn</span>
10236            </a>
10237          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10238            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.pinterest.com/drinkolipop/">
10239              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 20 20">
10240  <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"/>
10241</svg>
10242
10243              <span class="icon__fallback-text">Link to Olipop Pinterest</span>
10244            </a>
10245          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10246            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://twitter.com/drinkolipop">
10247              <svg
10248  width="28"
10249  aria-hidden="true"
10250  focusable="false"
10251  role="presentation"
10252  height="28"
10253  viewBox="0 0 28 28"
10254  class="icon icon-twitter"
10255  fill="none"
10256  xmlns="http://www.w3.org/2000/svg"
10257>
10258  <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"/>
10259</svg>
10260
10261              <span class="icon__fallback-text">Link to Olipop Twitter</span>
10262            </a>
10263          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
10264            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.youtube.com/@OLIPOP">
10265              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" width="24" height="24" viewBox="0 0 24 24">
10266  <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"/>
10267</svg>
10268              <span class="icon__fallback-text">Link to Olipop YouTube</span>
10269            </a>
10270          </li></ul>
10271  </nav>
10272</div>
10273        <div class="footer-menu  tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3
10274              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"
10275              id="footer-menu-label-2"
10276            >
10277              Help
10278            </h3><nav aria-labelledby="footer-menu-label-2">
10279                <ul
10280                  id="footer-menu-items-2"
10281                  class="!tw-block"
10282                  aria-labelledby="footer-menu-label-2"
10283                ><li class="tw-mt-3 first:tw-mt-0">
10284                      <a
10285                        href="/pages/faq"
10286                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10287                        
10288                        
10289                      >
10290                        FAQ
10291                      </a>
10292                    </li><li class="tw-mt-3 first:tw-mt-0">
10293                      <a
10294                        href="/pages/fiber-education"
10295                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10296                        
10297                        
10298                      >
10299                        Fiber Education
10300                      </a>
10301                    </li><li class="tw-mt-3 first:tw-mt-0">
10302                      <a
10303                        href="https://drinkolipop.com/apps/retextion#/login"
10304                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10305                        
10306                        
10307                      >
10308                        Manage Subscriptions
10309                      </a>
10310                    </li><li class="tw-mt-3 first:tw-mt-0">
10311                      <a
10312                        href="https://drinkolipop.com/account/login"
10313                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10314                        
10315                        
10316                      >
10317                        Manage Account
10318                      </a>
10319                    </li><li class="tw-mt-3 first:tw-mt-0">
10320                      <a
10321                        href="/pages/track-your-order"
10322                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10323                        
10324                        
10325                      >
10326                        Track Your Order
10327                      </a>
10328                    </li><li class="tw-mt-3 first:tw-mt-0">
10329                      <a
10330                        href="/pages/satisfactionguarantee"
10331                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10332                        
10333                        
10334                      >
10335                        Satisfaction Guarantee
10336                      </a>
10337                    </li><li class="tw-mt-3 first:tw-mt-0">
10338                      <a
10339                        href="/pages/accessibility"
10340                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10341                        
10342                        
10343                      >
10344                        Accessibility
10345                      </a>
10346                    </li><li class="tw-mt-3 first:tw-mt-0">
10347                      <a
10348                        href="/pages/contact-us"
10349                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10350                        
10351                        
10352                      >
10353                        Contact Us
10354                      </a>
10355                    </li>
10356                </ul>
10357              </nav></div>
10358        <div class="footer-menu  tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3
10359              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"
10360              id="footer-menu-label-3"
10361            >
10362              Company
10363            </h3><nav aria-labelledby="footer-menu-label-3">
10364                <ul
10365                  id="footer-menu-items-3"
10366                  class="!tw-block"
10367                  aria-labelledby="footer-menu-label-3"
10368                ><li class="tw-mt-3 first:tw-mt-0">
10369                      <a
10370                        href="https://drinkolipop.com/pages/olipop-rewards"
10371                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10372                        
10373                        
10374                      >
10375                        Earn Rewards
10376                      </a>
10377                    </li><li class="tw-mt-3 first:tw-mt-0">
10378                      <a
10379                        href="/pages/sustainability"
10380                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10381                        
10382                        
10383                      >
10384                        Sustainability
10385                      </a>
10386                    </li><li class="tw-mt-3 first:tw-mt-0">
10387                      <a
10388                        href="/pages/careers"
10389                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10390                        
10391                        
10392                      >
10393                        Careers
10394                      </a>
10395                    </li><li class="tw-mt-3 first:tw-mt-0">
10396                      <a
10397                        href="/pages/product-quality-and-safety"
10398                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10399                        
10400                        
10401                      >
10402                        Quality &amp; Safety
10403                      </a>
10404                    </li><li class="tw-mt-3 first:tw-mt-0">
10405                      <a
10406                        href="/blogs/digest"
10407                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10408                        
10409                        
10410                      >
10411                        OLIPOP Blog
10412                      </a>
10413                    </li><li class="tw-mt-3 first:tw-mt-0">
10414                      <a
10415                        href="/pages/press"
10416                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10417                        
10418                        
10419                      >
10420                        Press
10421                      </a>
10422                    </li><li class="tw-mt-3 first:tw-mt-0">
10423                      <a
10424                        href="/pages/affiliate-program"
10425                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10426                        
10427                        
10428                      >
10429                        Affiliate Program
10430                      </a>
10431                    </li><li class="tw-mt-3 first:tw-mt-0">
10432                      <a
10433                        href="/pages/rd-program"
10434                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10435                        
10436                        
10437                      >
10438                        Registered Dietitian Program
10439                      </a>
10440                    </li><li class="tw-mt-3 first:tw-mt-0">
10441                      <a
10442                        href="https://drinkolipop-wholesale.com/"
10443                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
10444                        
10445                        
10446                          target="_blank"
10447                        
10448                      >
10449                        Wholesale
10450                      </a>
10451                    </li>
10452                </ul>
10453              </nav></div></div>
10454
10455    <div class="tw-mt-10 tw-text-center lg:tw-text-left">
10456      <a
10457        href="https://www.bcorporation.net/en-us/find-a-b-corp/company/olipop/"
10458        target="_blank"
10459        aria-label="Certified corporation link"
10460      ><svg
10461  width="48"
10462  height="80"
10463  viewBox="0 0 48 80"
10464  fill="none"
10465  aria-hidden="true"
10466  focusable="false"
10467  role="presentation"
10468>
10469  <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
10469M46.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
104695 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
104697 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"/>
10470</svg>
10471</a>
10472    </div>
10473
10474    <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">
10475      <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">
10476        &copy; 2026 Olipop, Inc. All Rights Reserved
10477      </div>
10478      
10479        <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">
10480          
10481<li class="tw-flex tw-items-center">
10482              <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>
10483            </li>
10484          
10485<li class="tw-flex tw-items-center">
10486              <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>
10487            </li>
10488          
10489<li class="tw-flex tw-items-center">
10490              <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>
10491            </li>
10492          
10493<li class="tw-flex tw-items-center">
10494              <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>
10495            </li>
10496          
10497        </ul>
10498      
10499    </div>
10500  </div>
10501</footer>
10502
10503
10504</div>
10505
10506    
10507<script>
10508  (function () {
10509    if (window.__productCardHoverWaveScriptLoaded) return;
10510    window.__productCardHoverWaveScriptLoaded = true;
10511
10512    var CARD_SIZE = 314;
10513    var DURATION_MS = 700;
10514    var clipIdCounter = 0;
10515    var delegationBound = false;
10516
10517    function clamp(value, min, max) {
10518      return Math.max(min, Math.min(max, value));
10519    }
10520
10521    function easeOutCubic(t) {
10522      return 1 - Math.pow(1 - t, 3);
10523    }
10524
10525    function lerp(start, end, t) {
10526      return start + (end - start) * t;
10527    }
10528
10529    function wavePathForReveal(revealPx) {
10530      var reveal = clamp(revealPx, 0, CARD_SIZE);
10531      var offset = CARD_SIZE - reveal;
10532      var progress = reveal / CARD_SIZE;
10533      var fadeStart = 0.84;
10534      var fadeProgress = clamp((progress - fadeStart) / (1 - fadeStart), 0, 1);
10535      var fadeEased = easeOutCubic(fadeProgress);
10536
10537      var y0 = lerp(4.4565 + offset, offset, fadeEased);
10538      var c1y = lerp(4.41899 + offset, offset, fadeEased);
10539      var c2y = lerp(-13.1434 + offset, offset, fadeEased);
10540      var c3y = lerp(26.0583 + offset, offset, fadeEased);
10541      var c4y = lerp(65.2601 + offset, offset, fadeEased);
10542      var c5y = lerp(0.456482 + offset, offset, fadeEased);
10543      var endY = lerp(0.456482 + offset, offset, fadeEased);
10544
10545      return (
10546        'M314 314H0.000422459L0.00012756 ' +
10547        y0 +
10548        'C-0.0456402 ' +
10549        c1y +
10550        ' 62.4 ' +
10551        c2y +
10552        ' 157 ' +
10553        c3y +
10554        'C251.6 ' +
10555        c4y +
10556        ' 314 ' +
10557        c5y +
10558        ' 314 ' +
10559        endY +
10560        'V314Z'
10561      );
10562    }
10563
10564    function ensureUniqueClipPath(card) {
10565      var clipPath = card.querySelector('clipPath');
10566      var image = card.querySelector('image[clip-path]');
10567      if (!clipPath || !image) return;
10568
10569      if (clipPath.dataset.hoverWaveClipBound === 'true') return;
10570
10571      var existingId = clipPath.getAttribute('id');
10572      if (existingId) {
10573        var matches = document.querySelectorAll('[id="' + CSS.escape(existingId) + '"]');
10574        if (matches.length > 1) {
10575          clipIdCounter += 1;
10576          var newId = existingId + '-inst-' + clipIdCounter;
10577          clipPath.setAttribute('id', newId);
10578          image.setAttribute('clip-path', 'url(#' + newId + ')');
10579        }
10580      }
10581
10582      clipPath.dataset.hoverWaveClipBound = 'true';
10583    }
10584
10585    function animateCard(card, toReveal) {
10586      var path = card.querySelector('[data-hover-wave-path]');
10587      if (!path) return;
10588
10589      var fromReveal = Number(card.dataset.hoverReveal || 0);
10590      var to = clamp(toReveal, 0, CARD_SIZE);
10591      card.dataset.hoverRevealTarget = String(to);
10592
10593      if (card.__hoverWaveRafId) {
10594        cancelAnimationFrame(card.__hoverWaveRafId);
10595      }
10596
10597      var startedAt = performance.now();
10598
10599      function step(now) {
10600        var t = clamp((now - startedAt) / DURATION_MS, 0, 1);
10601        var eased = easeOutCubic(t);
10602        var reveal = fromReveal + (to - fromReveal) * eased;
10603
10604        card.dataset.hoverReveal = String(reveal);
10605        path.setAttribute('d', wavePathForReveal(reveal));
10606
10607        if (t < 1) {
10608          card.__hoverWaveRafId = requestAnimationFrame(step);
10609        } else {
10610          card.dataset.hoverReveal = String(to);
10611          card.__hoverWaveRafId = null;
10612        }
10613      }
10614
10615      card.__hoverWaveRafId = requestAnimationFrame(step);
10616    }
10617
10618    function getWaveCardFromProductCard(productCard) {
10619      if (!productCard) return null;
10620      return productCard.querySelector('[data-hover-wave-card][data-hover-wave-ready="true"]');
10621    }
10622
10623    function bindDelegation() {
10624      if (delegationBound) return;
10625      delegationBound = true;
10626
10627      document.addEventListener(
10628        'pointerover',
10629        function (event) {
10630          var productCard = event.target.closest('.product-card');
10631          if (!productCard || productCard.contains(event.relatedTarget)) return;
10632
10633          var waveCard = getWaveCardFromProductCard(productCard);
10634          if (waveCard) animateCard(waveCard, CARD_SIZE);
10635        },
10636        true
10637      );
10638
10639      document.addEventListener(
10640        'pointerout',
10641        function (event) {
10642          var productCard = event.target.closest('.product-card');
10643          if (!productCard || productCard.contains(event.relatedTarget)) return;
10644
10645          var waveCard = getWaveCardFromProductCard(productCard);
10646          if (waveCard) animateCard(waveCard, 0);
10647        },
10648        true
10649      );
10650
10651      document.addEventListener('focusin', function (event) {
10652        var productCard = event.target.closest('.product-card');
10653        var waveCard = getWaveCardFromProductCard(productCard);
10654        if (waveCard) animateCard(waveCard, CARD_SIZE);
10655      });
10656
10657      document.addEventListener('focusout', function (event) {
10658        var productCard = event.target.closest('.product-card');
10659        if (!productCard || productCard.contains(event.relatedTarget)) return;
10660
10661        var waveCard = getWaveCardFromProductCard(productCard);
10662        if (waveCard) animateCard(waveCard, 0);
10663      });
10664
10665      document.addEventListener('click', function (event) {
10666        if (!event.target.closest('[data-product-card-cta]')) return;
10667        var productCard = event.target.closest('.product-card');
10668        if (!productCard) return;
10669        event.stopPropagation();
10670      });
10671    }
10672
10673    function initCard(card) {
10674      if (card.dataset.hoverWaveReady === 'true') return;
10675
10676      var path = card.querySelector('[data-hover-wave-path]');
10677      if (!path) return;
10678
10679      if (!card.closest('.product-card')) return;
10680
10681      ensureUniqueClipPath(card);
10682      card.dataset.hoverWaveReady = 'true';
10683      card.dataset.hoverReveal = '0';
10684      path.setAttribute('d', wavePathForReveal(0));
10685    }
10686
10687    function initProductCardHoverWaves(root) {
10688      bindDelegation();
10689      var scope = root && root.nodeType ? root : document;
10690      var cards = scope.querySelectorAll('[data-hover-wave-card]');
10691      for (var i = 0; i < cards.length; i += 1) {
10692        initCard(cards[i]);
10693      }
10694    }
10695
10696    window.initProductCardHoverWaves = initProductCardHoverWaves;
10697
10698    function scanDocument() {
10699      initProductCardHoverWaves(document);
10700    }
10701
10702    if (document.readyState === 'loading') {
10703      document.addEventListener('DOMContentLoaded', scanDocument);
10704    } else {
10705      scanDocument();
10706    }
10707
10708    document.addEventListener('shopify:section:load', scanDocument);
10709    window.addEventListener('pageshow', function (event) {
10710      if (event.persisted) scanDocument();
10711    });
10712  })();
10713</script>
10713
10714
10715    <div id="gorgias-chat-container"></div>
10716
10717
10718    <ul hidden>
10719      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
10720      <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li>
10721    </ul>
10722    <!-- Hides Gorgias Chatbox until SE Cookies Policy is accepted -->
10723<style media="screen" id="hide-chatbox">
10724  iframe#gorgias-web-messenger-container {
10725    display: none;
10726  }
10727</style>
10728
10729<script type="text/javascript">
10730  $(document).ready(function () {
10731    function showChat() {
10732      if ($('#se-cookies-message').hasClass('se-cookies-message-open')) {
10733        console.log('Hiding chatbox');
10734        $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: none;}');
10735      } else {
10736        console.log('Showing chatbox');
10737        $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}');
10738      }
10739    }
10740
10741    showChat();
10742
10743    $('#se-accept-cookies-checkbox').click(function () {
10744      $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}');
10745    });
10746  });
10747</script>
10747
10748
10749
10750    <!-- Back in Stock helper snippet -->
10751    
10752
10753<script id="back-in-stock-helper">
10754    var _BISConfig = _BISConfig || {};
10755
10756  
10757
10758  
10759</script>
10759
10760
10761    <!-- End Back in Stock helper snippet -->
10762
10763    <!-- Gorgias Chat Widget Start -->
10764
10765
10766<script
10767  id="gorgias-chat-widget-install-v2"
10768  src="https://config.gorgias.chat/gorgias-chat-bundle-loader.js?applicationId=1599"
10769></script>
10769
10770
10771<script>
10772  if (window.GorgiasChat) {
10773    GorgiasChat.init().then(function () {
10774      // Use GorgiasChat API here, now that the chat is fully initialized.
10775      var gorgiasChatInterval = window.setInterval(function () {
10776        var container = document.querySelector('#gorgias-chat-container');
10777        if (window.GorgiasChat && GorgiasChat.hasOwnProperty('on')) {
10778          if (window.location.hostname !== 'localhost') {
10779            GorgiasChat.setShopifyContext('olipop-store.myshopify.com/');
10780          }
10781        }
10782      }, 50);
10783    });
10784  }
10785</script>
10785
10786
10787    
10787<script type="text/javascript">
10788  ire('identify', { customerId: '', customerEmail: '' });
10789</script>
10789
10790
10791    <!--
10792  This JS is taken from this article - https://www.24a11y.com/2019/select-your-poison-part-2/
10793  It is also modified to be used as a way to decorate select dropdowns and make them
10794  accessible using keyboards.
10795
10796  How to use it:
10797  Add js-combobox class to the <select> element you would like to replace with the combobox.
10798  Hide your <select> element as well as corresponding <label> element with display: none;.
10799
10800  On load, this libary will create a new <label> element and a combobox element which consists
10801  of an input element and a listbox.
10802
10803  The new <label> element will have select label's aria-label.
10804  The new combobox element will have select options' values and text.
10805
10806  On option select, this libary will also set your hidden <select> element's val so it
10807  can be used further.
10808-->
10809
10810<script>
10811  jQuery(document).ready(function () {
10812    /*
10813     * Helper constants and functions
10814     */
10815
10816    // make it easier for ourselves by putting some values in objects
10817    // in TypeScript, these would be enums
10818    const Keys = {
10819      Backspace: 'Backspace',
10820      Clear: 'Clear',
10821      Down: 'ArrowDown',
10822      End: 'End',
10823      Enter: 'Enter',
10824      Escape: 'Escape',
10825      Home: 'Home',
10826      Left: 'ArrowLeft',
10827      PageDown: 'PageDown',
10828      PageUp: 'PageUp',
10829      Right: 'ArrowRight',
10830      Space: ' ',
10831      Tab: 'Tab',
10832      Up: 'ArrowUp',
10833    };
10834
10835    const MenuActions = {
10836      Close: 0,
10837      CloseSelect: 1,
10838      First: 2,
10839      Last: 3,
10840      Next: 4,
10841      Open: 5,
10842      Previous: 6,
10843      Select: 7,
10844      Space: 8,
10845      Type: 9,
10846    };
10847
10848    // filter an array of options against an input string
10849    // returns an array of options that begin with the filter string, case-independent
10850    function filterOptions(options = [], filter, exclude = []) {
10851      return options.filter((option) => {
10852        const matches = option.toLowerCase().indexOf(filter.toLowerCase()) === 0;
10853        return matches && exclude.indexOf(option) < 0;
10854      });
10855    }
10856
10857    // return an array of exact option name matches from a comma-separated string
10858    function findMatches(options, search) {
10859      const names = search.split(',');
10860      return names
10861        .map((name) => {
10862          const match = options.filter((option) => name.trim().toLowerCase() === option.toLowerCase());
10863          return match.length > 0 ? match[0] : null;
10864        })
10865        .filter((option) => option !== null);
10866    }
10867
10868    // return combobox action from key press
10869    function getActionFromKey(key, menuOpen) {
10870      // handle opening when closed
10871      if (!menuOpen && key === Keys.Down) {
10872        return MenuActions.Open;
10873      }
10874
10875      // handle keys when open
10876      if (key === Keys.Down) {
10877        return MenuActions.Next;
10878      } else if (key === Keys.Up) {
10879        return MenuActions.Previous;
10880      } else if (key === Keys.Home) {
10881        return MenuActions.First;
10882      } else if (key === Keys.End) {
10883        return MenuActions.Last;
10884      } else if (key === Keys.Escape) {
10885        return MenuActions.Close;
10886      } else if (key === Keys.Enter) {
10887        return MenuActions.CloseSelect;
10888      } else if (key === Keys.Backspace || key === Keys.Clear || key.length === 1) {
10889        return MenuActions.Type;
10890      }
10891    }
10892
10893    // get index of option that matches a string
10894    function getIndexByLetter(options, filter) {
10895      const firstMatch = filterOptions(options, filter)[0];
10896      return firstMatch ? options.indexOf(firstMatch) : -1;
10897    }
10898
10899    // get updated option index
10900    function getUpdatedIndex(current, max, action) {
10901      switch (action) {
10902        case MenuActions.First:
10903          return 0;
10904        case MenuActions.Last:
10905          return max;
10906        case MenuActions.Previous:
10907          return Math.max(0, current - 1);
10908        case MenuActions.Next:
10909          return Math.min(max, current + 1);
10910        default:
10911          return current;
10912      }
10913    }
10914
10915    // check if an element is currently scrollable
10916    function isScrollable(element) {
10917      return element && element.clientHeight < element.scrollHeight;
10918    }
10919
10920    // ensure given child element is within the parent's visible scroll area
10921    function maintainScrollVisibility(activeElement, scrollParent) {
10922      const { offsetHeight, offsetTop } = activeElement;
10923      const { offsetHeight: parentOffsetHeight, scrollTop } = scrollParent;
10924
10925      const isAbove = offsetTop < scrollTop;
10926      const isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight;
10927
10928      if (isAbove) {
10929        scrollParent.scrollTo(0, offsetTop);
10930      } else if (isBelow) {
10931        scrollParent.scrollTo(0, offsetTop - parentOffsetHeight + offsetHeight);
10932      }
10933    }
10934
10935    /*
10936     * ARIA 1.1 Readonly Input code
10937     */
10938    const ARIA11Combo = function (el, options, optionValues, selectEl) {
10939      // element refs
10940      this.el = el;
10941      this.selectEl = selectEl;
10942      this.comboEl = el.querySelector('[role=combobox]');
10943      this.inputEl = el.querySelector('input');
10944      this.listboxEl = el.querySelector('[role=listbox]');
10945
10946      // data
10947      this.idBase = this.inputEl.id;
10948      this.options = options;
10949      this.optionValues = optionValues;
10950
10951      // state
10952      this.activeIndex = 0;
10953      this.open = false;
10954    };
10955
10956    ARIA11Combo.prototype.init = function () {
10957      this.inputEl.addEventListener('input', this.onInput.bind(this));
10958      this.inputEl.addEventListener('blur', this.onInputBlur.bind(this));
10959      this.inputEl.addEventListener('click', () => this.updateMenuState(true));
10960      this.inputEl.addEventListener('keydown', this.onInputKeyDown.bind(this));
10961
10962      this.options.map((option, index) => {
10963        const optionEl = document.createElement('div');
10964        optionEl.setAttribute('role', 'option');
10965        optionEl.id = `${this.idBase}-${index}`;
10966        optionEl.className = index === 0 ? 'combo-option option-current' : 'combo-option';
10967        optionEl.setAttribute('aria-selected', 'false');
10968        optionEl.innerText = option;
10969
10970        optionEl.addEventListener('click', () => {
10971          this.onOptionClick(index);
10972        });
10973        optionEl.addEventListener('mousedown', this.onOptionMouseDown.bind(this));
10974
10975        this.listboxEl.appendChild(optionEl);
10976      });
10977      this.onOptionClick(0);
10978    };
10979
10980    ARIA11Combo.prototype.onInput = function () {
10981      const curValue = this.inputEl.value;
10982      const matches = filterOptions(this.options, curValue);
10983
10984      // set activeIndex to first matching option
10985      // (or leave it alone, if the active option is already in the matching set)
10986      const filterCurrentOption = matches.filter((option) => option === this.options[this.activeIndex]);
10987      if (matches.length > 0 && !filterCurrentOption.length) {
10988        this.onOptionChange(this.options.indexOf(matches[0]));
10989      }
10990
10991      const menuState = this.options.length > 0;
10992      if (this.open !== menuState) {
10993        this.updateMenuState(menuState, false);
10994      }
10995    };
10996
10997    ARIA11Combo.prototype.onInputKeyDown = function (event) {
10998      const { key } = event;
10999      const max = this.options.length - 1;
11000
11001      const action = getActionFromKey(key, this.open);
11002
11003      switch (action) {
11004        case MenuActions.Next:
11005        case MenuActions.Last:
11006        case MenuActions.First:
11007        case MenuActions.Previous:
11008          event.preventDefault();
11009          return this.onOptionChange(getUpdatedIndex(this.activeIndex, max, action));
11010        case MenuActions.CloseSelect:
11011          event.preventDefault();
11012          this.selectOption(this.activeIndex);
11013          return this.updateMenuState(false);
11014        case MenuActions.Close:
11015          event.preventDefault();
11016          return this.updateMenuState(false);
11017        case MenuActions.Type:
11018          this.onOptionChange(Math.max(0, getIndexByLetter(this.options, key)));
11019        case MenuActions.Open:
11020          return this.updateMenuState(true);
11021      }
11022    };
11023
11024    ARIA11Combo.prototype.onInputBlur = function () {
11025      if (this.ignoreBlur) {
11026        this.ignoreBlur = false;
11027        return;
11028      }
11029
11030      if (this.open) {
11031        this.updateMenuState(false, false);
11032      }
11033    };
11034
11035    ARIA11Combo.prototype.onOptionChange = function (index) {
11036      this.activeIndex = index;
11037      this.inputEl.setAttribute('aria-activedescendant', `${this.idBase}-${index}`);
11038
11039      // update active style
11040      const options = this.el.querySelectorAll('[role=option]');
11041      [...options].forEach((optionEl) => {
11042        optionEl.classList.remove('option-current');
11043      });
11044      options[index].classList.add('option-current');
11045
11046      if (this.open && isScrollable(this.listboxEl)) {
11047        maintainScrollVisibility(options[index], this.listboxEl);
11048      }
11049    };
11050
11051    ARIA11Combo.prototype.onOptionClick = function (index) {
11052      this.onOptionChange(index);
11053      this.selectOption(index);
11054      this.updateMenuState(false);
11055    };
11056
11057    ARIA11Combo.prototype.onOptionMouseDown = function () {
11058      this.ignoreBlur = true;
11059    };
11060
11061    ARIA11Combo.prototype.selectOption = function (index) {
11062      const selected = this.options[index];
11063      this.inputEl.value = selected;
11064      this.activeIndex = index;
11065
11066      // update aria-selected
11067      const options = this.el.querySelectorAll('[role=option]');
11068      [...options].forEach((optionEl) => {
11069        optionEl.setAttribute('aria-selected', 'false');
11070      });
11071      options[index].setAttribute('aria-selected', 'true');
11072
11073      // Update hidden select element's value
11074      this.selectEl.val(this.optionValues[index]);
11075      setSellingPlan(this.selectEl.data('product_id'));
11076    };
11077
11078    ARIA11Combo.prototype.updateMenuState = function (open, callFocus = true) {
11079      this.open = open;
11080
11081      this.comboEl.setAttribute('aria-expanded', `${open}`);
11082      open ? this.el.classList.add('open') : this.el.classList.remove('open');
11083      callFocus && this.inputEl.focus();
11084    };
11085
11086    function setComboBoxes() {
11087      $('.js-combobox').each(function (index) {
11088        const $this = $(this);
11089        const labelEl = $this.parents('label');
11090
11091        // Insert combobox after select element's label
11092        labelEl.after(
11093          '<label for="combo' +
11094            index +
11095            '" aria-label="' +
11096            labelEl.attr('aria-label') +
11097            '" class="combo-label"></label>' +
11098            '<div class="combo js-aria11">' +
11099            '<div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox' +
11100            index +
11101            '" class="input-wrapper">' +
11102            '<input aria-activedescendant="" aria-autocomplete="none" id="combo' +
11103            index +
11104            '" class="combo-input" readonly type="text">' +
11105            '<div class="combo-menu" role="listbox" id="listbox' +
11106            index +
11107            '"></div>' +
11108            '</div>' +
11109            '</div>'
11110        );
11111
11112        const selectOptions = $this.find('option');
11113        const selectOptionValues = $.map(selectOptions, (e) => $(e).val());
11114        const options = $.map(selectOptions, (e) => e.label);
11115
11116        // init combo
11117        const aria11El = labelEl.siblings('.js-aria11')[0];
11118        const aria11Component = new ARIA11Combo(aria11El, options, selectOptionValues, $this);
11119        aria11Component.init();
11120      });
11121    }
11122  });
11123</script>
11123
11124
11125    
11126    
11126<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/gsap.min.js"></script>
11126
11127    
11127<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/Draggable.min.js"></script>
11127
11128    
11128<script src="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.js"></script>
11128
11129    
11129<script src="//drinkolipop.com/cdn/shop/t/1366/assets/swiper.js?v=56584870573080344041773709640"></script>
11129
11130
11131    
11132
11133    <!-- BEAM START -->
11134    
11134<script type="module">
11135  import { init } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js";
11136  import { PromoManagerPlugin } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/promoManager.js";
11137
11138  const beam = await init({
11139    apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae",
11140    chainId: 338,
11141    storeId: 528,
11142    domain: "drinkolipop.com",
11143    plugins: [
11144      new PromoManagerPlugin()
11145    ]
11146  });
11147</script>
11147
11148
11149<script type="module" async crossorigin>
11150  let isNonProfitClicked = false;
11151  const cartScrollElement = '.rebuy-cart__flyout-content';
11152  document.addEventListener('beamnonprofitselect', (evt) => {
11153    if (!isNonProfitClicked) {
11154      const scrollArea = document.querySelector(cartScrollElement);
11155      scrollArea.scrollBy({
11156        top: 150,
11157        left: 0,
11158        behavior: 'smooth',
11159      });
11160      isNonProfitClicked = true;
11161    }
11162  });
11163</script>
11163
11164    
11164<script type="module" async crossorigin>
11165  import { registerCartIntegration } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/shopify.js";
11166  import { getConfig } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js";
11167
11168  const beam = getConfig();
11169  await beam.readyPromise;
11170
11171  registerCartIntegration({
11172    apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae",
11173    storeId: 528,
11174    baseUrl: "https://api.beamimpact.com",
11175    domain: "drinkolipop.com" || undefined,
11176  });
11177</script>
11177
11178    <!-- beam-select-nonprofit.liquid -->
11179<!-- BEAM START -->
11180<script
11181  type="module"
11182  async
11183  crossorigin
11184  data-em-disable
11185  data-categories="analytics"
11186  src="https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/components/select-nonprofit.js"
11187></script>
11187
11188
11189    <!-- BEAM END -->
11190
11191    <div id="portal"></div>
11192    
11193
11194
11195  
11196
11197  <!-- 1. The dialog container -->
11198  <div
11199    class="dialog-container"
11200    data-component="dialog"
11201    
11202      data-portal="portal"
11203    
11204    id="find-in-store-dialog"
11205    aria-labelledby="find-in-store"
11206    aria-hidden="true"
11207  >
11208    <!-- 2. The dialog overlay -->
11209    
11210      <div
11211        class="dialog-overlay"
11212        data-a11y-dialog-hide
11213        
11214          style="background-color: rgba(0, 0, 0, 0.45);"
11215        
11216      ></div>
11217    
11218    <!-- 3. The actual dialog -->
11219
11220    
11221      <div class="dialog-content tw-bg-creme">
11222        
11223  <div
11224    class="store-locator-dialog-inner"
11225    data-component="storeLocatorModal"
11226    data-dialog-id="find-in-store-dialog"
11227  >
11228    <div class="store-locator-dialog-header">
11229      <h2 class="store-locator-dialog-title" id="find-in-store">Where to Buy OLIPOP</h2>
11230      <button
11231        class="store-locator-dialog-close"
11232        type="button"
11233        data-a11y-dialog-hide
11234        aria-label="Close dialog"
11235      >
11236        
11237
11238
11239    <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
11240      <path d="M6.98828 6L23.9588 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/>
11241      <path d="M23.9883 6L7.01772 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/>
11242    </svg>
11243
11244  
11245
11246      </button>
11247    </div>
11248    <div class="store-locator-section-container store-locator-dialog-widget">
11249      
11250
11251
11252
11253<div
11254  id="store-locator-modal-widget"
11255  class="oli-smartcommerce-product-locator"
11256  data-sc-product-locator-id="dd9dac97-f17f-4d37-971a-e933120edab3"
11257  data-sc-product-locator-type="standalone"
11258  data-sc-locale="en-us"
11259  
11260  style="height: min(90vh, 800px);"
11261></div>
11262
11263
11264
11265    </div>
11266  </div>
11267
11268      </div>
11269    
11270  </div>
11271
11272
11273
11274    <!-- Use of this pixel is subject to the Amazon ad specs and policies at http://www.amazon.com/b/?&node=7253015011 -->
11275<script type="text/javascript">
11276  var _pix = document.getElementById('_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a');
11277  if (!_pix) {
11278    var protocol = '//';
11279    var a = Math.random() * 1000000000000000000;
11280    _pix = document.createElement('iframe');
11281    _pix.style.display = 'none';
11282    _pix.setAttribute(
11283      'src',
11284      protocol +
11285        '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' +
11286        '&cb=' +
11287        a
11288    );
11289    _pix.setAttribute('id', '_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a');
11290    document.body.appendChild(_pix);
11291  }
11292</script>
11292
11293
11294    
11294<script>
11295  /**
11296   * Product metafield custom.fiber is a metaobject reference (fiber_option).
11297   * Rebuy usually passes only a gid string (no label/title on the object). We map gids to
11298   * labels from shop metaobjects (same field order as PDP: title, label, text, name).
11299   */
11300  window.__fiberOptionLabels = Object.assign(window.__fiberOptionLabels || {}, {"gid://shopify/Metaobject/116150763679": ["9g Fiber"],
11301          "116150763679": ["9g Fiber"]
11302,"gid://shopify/Metaobject/116150796447": ["6g Fiber"],
11303          "116150796447": ["6g Fiber"]
11304,"gid://shopify/Metaobject/121363038367": ["MINIs"],
11305          "121363038367": ["MINIs"]
11306});
11307
11308  function rebuyMetaobjectFieldValue(field) {
11309    if (field == null || field === '') return '';
11310    if (typeof field === 'string') return field;
11311    if (typeof field === 'object' && Object.prototype.hasOwnProperty.call(field, 'value')) {
11312      return field.value == null ? '' : String(field.value);
11313    }
11314    return '';
11315  }
11316
11317  function rebuyFiberLabelFromResolvedEntry(entry) {
11318    if (entry == null || entry === '') return '';
11319    if (typeof entry === 'string') {
11320      if (entry.indexOf('gid://shopify/Metaobject/') !== 0) return entry;
11321      var map = window.__fiberOptionLabels || {};
11322      if (map[entry]) return map[entry];
11323      var n = /^gid:\/\/shopify\/Metaobject\/(\d+)$/.exec(entry);
11324      return n && map[n[1]] ? map[n[1]] : '';
11325    }
11326    if (typeof entry === 'object') {
11327      var nested =
11328        rebuyMetaobjectFieldValue(entry.label) ||
11329        rebuyMetaobjectFieldValue(entry.title) ||
11330        rebuyMetaobjectFieldValue(entry.text) ||
11331        rebuyMetaobjectFieldValue(entry.name) ||
11332        (typeof entry.display_value === 'string' ? entry.display_value : '');
11333      if (nested) return nested;
11334      var v = entry.value;
11335      if (typeof v === 'string' && v.indexOf('gid://shopify/Metaobject/') === 0) return rebuyFiberLabelFromResolvedEntry(v);
11336      return '';
11337    }
11338    return String(entry);
11339  }
11340
11341  function rebuyFiberMetafieldFromLineItem(item) {
11342    var vFiber = item && item.variant && item.variant.metafields && item.variant.metafields.custom && item.variant.metafields.custom.fiber;
11343    if (vFiber != null && vFiber !== '') return vFiber;
11344    var pFiber = item && item.product && item.product.metafields && item.product.metafields.custom && item.product.metafields.custom.fiber;
11345    return pFiber;
11346  }
11347
11348  window.cartItemTitleWithFiber = function (item) {
11349    var base = item && item.product_title ? String(item.product_title) : '';
11350    var fiberMeta = rebuyFiberMetafieldFromLineItem(item);
11351    if (fiberMeta == null || fiberMeta === '') return base;
11352
11353    var entry = fiberMeta;
11354    if (typeof fiberMeta === 'object' && fiberMeta !== null && Object.prototype.hasOwnProperty.call(fiberMeta, 'value')) {
11355      entry = fiberMeta.value;
11356    }
11357
11358    var suffix = rebuyFiberLabelFromResolvedEntry(entry);
11359    if (!suffix) return base;
11360    return base + ' ' + suffix;
11361  };
11362
11363  let SmartCart;
11364
11365  function removeBrokenBundleLineItems() {
11366    if (!SmartCart?.hasItems()) return;
11367    const items = SmartCart.items();
11368
11369    const findBundleParent = (childLineItem) => {
11370      const { _bundle_id, _created_at, bundle_parent } = childLineItem.properties;
11371      const bundleParent = SmartCart.items().find(
11372        (item) =>
11373          (item.properties.bundle_parent || item.properties._bundle_parent) &&
11374          item.properties._bundle_id === _bundle_id &&
11375          item.properties._created_at === _created_at
11376      );
11377
11378      return bundleParent;
11379    };
11380
11381    try {
11382      items.forEach((item) => {
11383        if (item.properties.hasOwnProperty('_bundle_id')) {
11384          if (item.properties.bundle_parent === false || item.properties._bundle_parent === false) {
11385            const bundleParent = findBundleParent(item);
11386            if (!bundleParent) {
11387              SmartCart.removeItem(item);
11388            }
11389          }
11390        }
11391      });
11392    } catch (e) {
11393      console.error(e);
11394    }
11395  }
11396
11397  document.querySelectorAll('.site-header__cart').forEach((element) => {
11398    element.addEventListener('click', function (e) {
11399			window.Rebuy.SmartCart.show();
11400    });
11401  });
11402
11403  const blockImage = (
11404    ``
11405  );
11406  
11407  const blockImageBtn = (
11408    `
11409    `
11410  );
11411
11412  function handleCustomEvent(event) {
11413    const lineItems = event.detail?.cart?.line_items || [];
11414
11415    if (lineItems.length === 0 && blockImage) {
11416      setTimeout(()=> {
11417        const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart');
11418        if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImage)
11419			}, 1500)
11420    }
11421    
11422    if (lineItems.length === 0 && blockImageBtn) {
11423      setTimeout(()=> {
11424        const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p');
11425        if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImageBtn)
11426      }, 1500)
11427    }
11428  }
11429
11430  function handleCartAddEvent(event) {
11431    const elementSnow = document.querySelector('element-snow')
11432
11433    if(elementSnow) {
11434      elementSnow.remove();
11435      elementSnow.show();
11436    }
11437  }
11438
11439  document.addEventListener('rebuy:smartcart.show', function () {
11440    // document.querySelector('#rebuy-cart').removeAttribute('inert');
11441    document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = 0);
11442    document.querySelector('.main-content').setAttribute('aria-hidden', 'true'); // voiceOver fix
11443
11444    setTimeout(()=>{
11445      document.getElementById('rebuy-cart').classList.remove("is-visible-delay");
11446    }, 1000)
11447
11448    const elementSnow = document.querySelector('element-snow')
11449
11450    if(elementSnow) elementSnow.show();
11451    const breakpointQuery = window.matchMedia('(max-width: 1023px)');
11452
11453		setTimeout(()=>{
11454      const sliceAnimationWrapper = document.querySelector('.slice-animation-wrapper')
11455      const btnImage = document.querySelector('.rebuy-cart__flyout-empty-image')
11456      const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart')
11457      const emptyCartInnerBtn = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p');
11458
11459			if (sliceAnimationWrapper) {
11460        const sliceAnimationElement = sliceAnimationWrapper.querySelector('.tw-animate-cart-slice-mobile')
11461        sliceAnimationElement?.classList.remove('lg:tw-animate-cart-slice');
11462        sliceAnimationElement?.classList.remove('tw-animate-cart-slice-mobile');
11463
11464
11465        if (breakpointQuery.matches) {
11466					setTimeout(()=>{
11467						sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice');
11468						sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile');
11469					}, 1200);
11470        } else {
11471          setTimeout(()=>{
11472            sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice');
11473            sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile');
11474          }, 100);
11475        }
11476      }
11477
11478      if (emptyCartInner && !sliceAnimationWrapper) {
11479        if (breakpointQuery.matches) {
11480          setTimeout(()=>{
11481            emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage)
11482          }, 2000);
11483				} else {
11484       	 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage)
11485				}
11486      }
11487
11488      if (emptyCartInner && !btnImage) {
11489        if (breakpointQuery.matches) {
11490          setTimeout(()=>{
11491            emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn)
11492          }, 2000);
11493        } else {
11494          emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn)
11495        }
11496      }
11497    }, 500);
11498
11499    // Add event listener for cart updates when cart is open
11500		document.addEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent);
11501		document.addEventListener('rebuy:cart.add', handleCartAddEvent);
11502  });
11503
11504  document.addEventListener('rebuy:smartcart.hide', function (event) {
11505    // document.querySelector('#rebuy-cart').setAttribute('inert', '');
11506    document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = -1);
11507    document.querySelector('.main-content').removeAttribute('aria-hidden'); // voiceOver fix
11508
11509    const elementSnow = document.querySelector('element-snow')
11510
11511    document.querySelector('body').style.removeProperty('overflow');
11512
11513    // Remove event listener for cart updates when cart is close
11514    document.removeEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent);
11515    document.removeEventListener('rebuy:cart.add', handleCartAddEvent);
11516
11517    if(elementSnow) elementSnow.remove();
11518  });
11519
11520  document.addEventListener('rebuy.ready', (event) => {
11521    SmartCart = window.Rebuy.SmartCart;
11522    removeBrokenBundleLineItems();
11523  });
11524
11525  async function updateBundleDeliveryFrequencies(item, subscriptionFrequency) {
11526    if (!isBundleParent(item)) return;
11527    const bundleChildren = getBundleChildren(item);
11528    try {
11529      bundleChildren.forEach((child) => {
11530        Rebuy.Cart.switchToSubscription(child, subscriptionFrequency);
11531      });
11532    } catch (error) {
11533      console.error(error);
11534    }
11535  }
11536
11537  function getBundlePrice(bundleParentLineItem) {
11538    if (!isBundleParent(bundleParentLineItem)) {
11539      return null;
11540    }
11541
11542    const bundleChildren = getBundleChildren(bundleParentLineItem);
11543    const bundlePrice = bundleChildren.reduce((totalPrice, item) => {
11544      return totalPrice + item.price * item.quantity;
11545    }, 0);
11546
11547    return Rebuy.Cart.formatMoney(bundlePrice);
11548  }
11549
11550  async function removeLineItems(bundleParentLineItem, bundleChildrenLineItems) {
11551    const itemsToRemove = [...bundleChildrenLineItems, bundleParentLineItem];
11552    const updates = itemsToRemove.reduce((updateObject, item) => {
11553      if (!updateObject[item.key]) {
11554        updateObject[item.key] = 0;
11555      }
11556      return updateObject;
11557    }, {});
11558
11559    try {
11560      const updatedCart = await fetch('/cart/update.js', {
11561        method: 'POST',
11562        headers: {
11563          'Content-Type': 'application/json',
11564        },
11565        body: JSON.stringify({
11566          updates,
11567        }),
11568      });
11569    } catch (e) {
11570      console.error(e);
11571    }
11572  }
11573
11574  const getBundleChildren = (bundleParentItem) => {
11575    const items = window.Rebuy.SmartCart?.items();
11576    return items.filter(
11577      (lineItem) =>
11578        lineItem.properties._bundle_id === bundleParentItem.properties._bundle_id &&
11579        parseInt(lineItem.properties._created_at) === parseInt(bundleParentItem.properties._created_at) &&
11580        isBundleChild(lineItem)
11581    );
11582  };
11583
11584  const handleRemove = async (item) => {
11585    const isBundleItem = item.properties == null ? false : item.properties.hasOwnProperty('_bundle_id');
11586    if (SmartCart == undefined) {
11587      SmartCart = window.Rebuy.SmartCart;
11588    }
11589
11590    if (!isBundleItem) {
11591      SmartCart.removeItem(item);
11592      return;
11593    }
11594
11595    const bundleChildren = getBundleChildren(item);
11596
11597    try {
11598      if (!bundleChildren || !bundleChildren.length) {
11599        SmartCart.removeItem(item);
11600        return;
11601      } else {
11602        removeLineItems(item, bundleChildren);
11603      }
11604    } catch (e) {
11605      console.error(e);
11606    }
11607  };
11608
11609  const bundleParentProperties = ['bundle_parent', '_bundle_parent'];
11610  const isBundleChild = (item) => {
11611    // SmartCart stringifies all item property values on some cart methods
11612    const bundleChild = bundleParentProperties.filter(
11613      (property) => item.properties[property] === false || item.properties[property] === 'false'
11614    );
11615    return bundleChild.length > 0;
11616  };
11617
11618  const isBundleParent = (item) => {
11619    // SmartCart stringifies all item property values on some cart methods
11620    const bundleParent = bundleParentProperties.filter(
11621      (property) => item.properties[property] === true || item.properties[property] === 'true'
11622    );
11623    return bundleParent.length > 0;
11624  };
11625
11626  const displayProperty = (property) => {
11627    const hidden_keys = ['bundle_parent', '_bundle_id', 'Bundle Id', 'Frequency'];
11628    return hidden_keys.includes(property.key) ? false : true;
11629  };
11630
11631  const getCartJson = () => {
11632    return SmartCart.cart;
11633  };
11634
11635
11636  document.addEventListener('rebuy.add', function (event) {
11637    if (window.gtag) {
11638      const { product, widget } = event.detail;
11639      if (!product || !widget) return;
11640      window.gtag('event', 'Side Cart - Upsell Added', {
11641        event_detail: product.title + ' - ' + widget.View.carousel.selectedIndex,
11642      });
11643    }
11644  });
11645
11646  window.globalDiscountsCollectionIds = [];
11647  
11648    window.globalDiscounts = undefined;
11649  
11650
11651  /**
11652   * Mirrors snippets/oli-product-price-set.liquid for Smart Cart line items so PDP and sidecart match.
11653   */
11654  (function () {
11655    function productInGlobalDiscountScope(product) {
11656      var ids = window.globalDiscountsCollectionIds;
11657      if (ids == null || ids.length === 0) return true;
11658      var colls = product && product.collections;
11659      if (!colls || !colls.length) return false;
11660      var productIds = {};
11661      for (var i = 0; i < colls.length; i++) productIds[colls[i].id] = true;
11662      for (var j = 0; j < ids.length; j++) if (productIds[ids[j]]) return true;
11663      return false;
11664    }
11665
11666    function pickGlobalDiscount(item) {
11667      var discounts = window.globalDiscounts;
11668      if (!discounts || !discounts.length) return null;
11669      var both = discounts.filter(function (d) {
11670        return d.purchase_type === 'Both';
11671      });
11672      var oneTime = discounts.find(function (d) {
11673        return d.purchase_type === 'One-time purchase';
11674      });
11675      var subscription = discounts.find(function (d) {
11676        return d.purchase_type === 'Subscription';
11677      });
11678      var oneTimeDiscount = oneTime || both[0];
11679      var subscriptionDiscount = subscription || both[0];
11680      return item.selling_plan_allocation ? subscriptionDiscount : oneTimeDiscount;
11681    }
11682
11683    function applyGlobalDiscountCents(priceCents, discount) {
11684      if (!discount || priceCents == null) return priceCents;
11685      var dv = Number(discount.discount_value);
11686      if (discount.discount_value_type === 'Percentage') {
11687        var percentage = 100 - dv;
11688        return Math.ceil((priceCents * percentage) / 100);
11689      }
11690      return priceCents - dv;
11691    }
11692
11693    function basePriceCents(item) {
11694      if (item.selling_plan_allocation) return Number(item.selling_plan_allocation.price);
11695      if (item.variant && item.variant.price != null) return Number(item.variant.price);
11696      return Number(item.price);
11697    }
11698
11699    function compareBaseCents(item) {
11700      if (item.selling_plan_allocation) {
11701        var spaCompare = item.selling_plan_allocation.compare_at_price;
11702        return spaCompare == null ? 0 : Number(spaCompare);
11703      }
11704      if (item.variant && item.variant.compare_at_price != null) return Number(item.variant.compare_at_price);
11705      if (item.compare_at_price != null) return Number(item.compare_at_price);
11706      return 0;
11707    }
11708
11709    function globalPricingActive(item) {
11710      if (!window.rebuyCartSettings || !window.rebuyCartSettings.enable_global_discounts) return false;
11711      if (!window.globalDiscounts || !window.globalDiscounts.length) return false;
11712      return productInGlobalDiscountScope(item.product);
11713    }
11714
11715    function catalogLinePriceParts(item) {
11716      var price = basePriceCents(item);
11717      var compare_at_price = compareBaseCents(item);
11718      var showCompare = !!(compare_at_price && compare_at_price !== 0);
11719
11720      return {
11721        useDefault: false,
11722        finalCents: price,
11723        compareCents: showCompare ? compare_at_price : 0,
11724        showCompare: showCompare,
11725      };
11726    }
11727
11728    window.__oliRebuyGetLinePriceParts = function (item) {
11729      var globalDiscountsEnabled =
11730        window.rebuyCartSettings && window.rebuyCartSettings.enable_global_discounts;
11731
11732      if (!globalDiscountsEnabled) {
11733        return catalogLinePriceParts(item);
11734      }
11735
11736      if (!globalPricingActive(item)) return { useDefault: true };
11737
11738      var discount = pickGlobalDiscount(item);
11739      if (!discount) return { useDefault: true };
11740
11741      var price = basePriceCents(item);
11742      var compare_at_price = compareBaseCents(item);
11743      var hasSellingPlan = !!item.selling_plan_allocation;
11744
11745      var final_price = applyGlobalDiscountCents(price, discount);
11746
11747      if (compare_at_price === 0 && final_price < price) compare_at_price = price;
11748      if (!hasSellingPlan && final_price < price) compare_at_price = price;
11749
11750      var showCompare = !!(compare_at_price && compare_at_price !== 0);
11751
11752      return {
11753        useDefault: false,
11754        finalCents: final_price,
11755        compareCents: showCompare ? compare_at_price : 0,
11756        showCompare: showCompare,
11757      };
11758    };
11759
11760    window.oliRebuyLineHasDiscount = function (item, itemHasDiscountFn) {
11761      var parts = window.__oliRebuyGetLinePriceParts(item);
11762      if (parts.useDefault) return itemHasDiscountFn(item);
11763      return parts.showCompare;
11764    };
11765
11766    window.oliRebuyLineSalePrice = function (item, formatMoneyFn, itemPriceFn) {
11767      var parts = window.__oliRebuyGetLinePriceParts(item);
11768      if (parts.useDefault) return formatMoneyFn(itemPriceFn(item));
11769      return formatMoneyFn(parts.finalCents);
11770    };
11771
11772    window.oliRebuyLineComparePrice = function (item, formatMoneyFn, compareAtPriceFn) {
11773      var parts = window.__oliRebuyGetLinePriceParts(item);
11774      if (parts.useDefault) {
11775        return item.selling_plan_allocation
11776          ? formatMoneyFn(item.selling_plan_allocation.compare_at_price)
11777          : formatMoneyFn(compareAtPriceFn(item));
11778      }
11779      return parts.showCompare ? formatMoneyFn(parts.compareCents) : '';
11780    };
11781
11782    function oliRebuyLineUnitCents(item, itemPriceFn) {
11783      var parts = window.__oliRebuyGetLinePriceParts(item);
11784      if (!parts.useDefault) return parts.finalCents;
11785      return Number(itemPriceFn(item));
11786    }
11787
11788    function oliRebuyLineCompareUnitCents(item, compareAtPriceFn) {
11789      var parts = window.__oliRebuyGetLinePriceParts(item);
11790      if (!parts.useDefault) {
11791        return parts.showCompare ? parts.compareCents : 0;
11792      }
11793      if (item.selling_plan_allocation) {
11794        return Number(item.selling_plan_allocation.compare_at_price) || 0;
11795      }
11796      return Number(compareAtPriceFn(item)) || 0;
11797    }
11798
11799    function oliRebuyLineTotalCents(item, itemPriceFn) {
11800      var parts = window.__oliRebuyGetLinePriceParts(item);
11801      var qty = Number(item.quantity) || 1;
11802      if (!parts.useDefault) return parts.finalCents * qty;
11803      if (item.final_line_price != null) return Number(item.final_line_price);
11804      if (item.line_price != null) return Number(item.line_price);
11805      return oliRebuyLineUnitCents(item, itemPriceFn) * qty;
11806    }
11807
11808    function oliRebuyGetBundleChildren(bundleParentItem) {
11809      var items = window.Rebuy.SmartCart && window.Rebuy.SmartCart.items();
11810      if (!items || !items.length) return [];
11811      var bundleId = bundleParentItem.properties && bundleParentItem.properties._bundle_id;
11812      var createdAt = bundleParentItem.properties && bundleParentItem.properties._created_at;
11813      return items.filter(function (lineItem) {
11814        if (!lineItem.properties || lineItem.properties._bundle_id !== bundleId) return false;
11815        if (parseInt(lineItem.properties._created_at, 10) !== parseInt(createdAt, 10)) return false;
11816        return (
11817          lineItem.properties.bundle_parent === false ||
11818          lineItem.properties.bundle_parent === 'false' ||
11819          lineItem.properties._bundle_parent === false ||
11820          lineItem.properties._bundle_parent === 'false'
11821        );
11822      });
11823    }
11824
11825    function oliRebuyBundleLineCents(bundleParent, itemPriceFn) {
11826      return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) {
11827        return total + oliRebuyLineTotalCents(child, itemPriceFn);
11828      }, 0);
11829    }
11830
11831    function oliRebuyBundleCompareCents(bundleParent, itemPriceFn, compareAtPriceFn) {
11832      return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) {
11833        var qty = Number(child.quantity) || 1;
11834        var compareUnit = oliRebuyLineCompareUnitCents(child, compareAtPriceFn);
11835        if (compareUnit) return total + compareUnit * qty;
11836        return total + oliRebuyLineUnitCents(child, itemPriceFn) * qty;
11837      }, 0);
11838    }
11839
11840    /**
11841     * Subtotal aligned with displayed line-item prices (global discounts, bundles, qty).
11842     */
11843    window.oliRebuyCartSubtotal = function (
11844      formatMoneyFn,
11845      itemsFn,
11846      itemPriceFn,
11847      compareAtPriceFn,
11848      isBundleChildFn,
11849      isHiddenItemFn,
11850      isBundleParentFn
11851    ) {
11852      var items = itemsFn();
11853      var totalCents = 0;
11854
11855      for (var i = 0; i < items.length; i++) {
11856        var item = items[i];
11857        if (isHiddenItemFn(item)) continue;
11858        if (isBundleChildFn(item) !== false) continue;
11859
11860        if (isBundleParentFn(item)) {
11861          totalCents += oliRebuyBundleLineCents(item, itemPriceFn);
11862        } else {
11863          totalCents += oliRebuyLineTotalCents(item, itemPriceFn);
11864        }
11865      }
11866
11867      return formatMoneyFn(totalCents);
11868    };
11869
11870    window.oliRebuyCartCompareSubtotal = function (
11871      formatMoneyFn,
11872      itemsFn,
11873      itemPriceFn,
11874      compareAtPriceFn,
11875      isBundleChildFn,
11876      isHiddenItemFn,
11877      isBundleParentFn
11878    ) {
11879      var items = itemsFn();
11880      var totalCents = 0;
11881
11882      for (var i = 0; i < items.length; i++) {
11883        var item = items[i];
11884        if (isHiddenItemFn(item)) continue;
11885        if (isBundleChildFn(item) !== false) continue;
11886
11887        if (isBundleParentFn(item)) {
11888          totalCents += oliRebuyBundleCompareCents(item, itemPriceFn, compareAtPriceFn);
11889        } else {
11890          var qty = Number(item.quantity) || 1;
11891          var compareUnit = oliRebuyLineCompareUnitCents(item, compareAtPriceFn);
11892          if (compareUnit) {
11893            totalCents += compareUnit * qty;
11894          } else {
11895            totalCents += oliRebuyLineUnitCents(item, itemPriceFn) * qty;
11896          }
11897        }
11898      }
11899
11900      return formatMoneyFn(totalCents);
11901    };
11902  })();
11903
11904  if (!customElements.get('element-snow')) {
11905    customElements.define('element-snow', class videoPlay extends HTMLElement {
11906      constructor() {
11907        super();
11908      }
11909
11910      connectedCallback() {
11911      }
11912
11913      show() {
11914        // Create 50 snowflakes
11915        for (let i = 0; i < 140; i++) {
11916          const snowflake = document.createElement('div');
11917          snowflake.classList.add('snowflake');
11918
11919          // Randomly set the size (100% or 80% of the current size)
11920          const isSmaller = Math.random() < 0.5;  // 50% chance of smaller size
11921          const size = isSmaller ? '8px' : '10px';  // 20% smaller is 8px if the default is 10px
11922          snowflake.style.width = size;
11923          snowflake.style.height = size;
11924
11925          // Set random position and animation duration
11926          snowflake.style.left = `${Math.random() * 100}vw`;
11927          snowflake.style.animationDuration = `${Math.random() * 3 + 1}s`;
11928          snowflake.style.animationDelay = `${Math.random() * 2.5}s`;
11929
11930          this.appendChild(snowflake);
11931
11932          // Remove snowflake after animation ends
11933          snowflake.addEventListener('animationend', () => {
11934            snowflake.remove();
11935          });
11936        }
11937
11938				this.arrayElements = Array.from(document.querySelectorAll('.snowflake'))
11939
11940        setTimeout(()=> {
11941          this.fadeAway()
11942        }, 3000)
11943
11944        // setTimeout(()=> {
11945        //   this.remove()
11946        // }, 5000)
11947			}
11948
11949      fadeAway() {
11950				if (this.arrayElements) this.arrayElements.forEach(element => element.classList.add('animation-fade-away'));
11951      }
11952
11953      remove() {
11954				if (this.arrayElements) this.arrayElements.forEach(element => element.remove());
11955      }
11956    });
11957  }
11958  
11959  function removeDiscountGiftCard (event) {
11960    const cartItems = event.detail.cart.items();
11961    const giftCardInCart = cartItems.find(item => item.gift_card === true);
11962    const otherItemsInCart = cartItems.find(item => item.gift_card !== true);
11963    
11964    if (!otherItemsInCart && giftCardInCart && event.detail.cart.discount) {
11965      event.detail.cart.clearAllStoredDiscounts();
11966    }
11967  }
11968  
11969  function disableDiscountGiftCard(event) {
11970    const cartItems = event.detail.cart.items();
11971    const giftCardInCart = cartItems.find(item => item.gift_card === true);
11972    const otherItemsInCart = cartItems.find(item => item.gift_card !== true);
11973    const discountButton = document.querySelector('.rebuy-cart__flyout-discount button');
11974    const discountInput = document.querySelector('.rebuy-cart__flyout-discount-input');
11975    const errorMessage =  document.querySelector('.rebuy-cart__flyout-discount-input .rebuy-cart__flyout-discount-message');
11976    const messageHtml = `<span class="rebuy-cart__flyout-discount-message">Discount codes do not apply to gift cards</span>`
11977
11978    if (!otherItemsInCart && giftCardInCart) {
11979      discountButton?.setAttribute('disabled', 'true');
11980      if (!errorMessage) discountInput?.insertAdjacentHTML('beforeend', messageHtml)
11981    } else {
11982      discountButton?.removeAttribute('disabled');
11983      if (errorMessage) errorMessage.remove();
11984    }
11985  }
11986
11987
11988  const handleCartDiscountEvent = (event) => {
11989    removeDiscountGiftCard(event);
11990    disableDiscountGiftCard(event);
11991  };
11992
11993  document.addEventListener('rebuy:smartcart.init', (event) => {
11994    setTimeout(() => {
11995      document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]')?.forEach(el => el.tabIndex = -1);
11996    }, 2000)
11997  });
11998
11999  document.addEventListener('rebuy:cart.ready', handleCartDiscountEvent);
12000  document.addEventListener('rebuy:cart.change', handleCartDiscountEvent);
12001</script>
12001
12002�
12002<script>
12003  window.rebuyCartSettings = {
12004    enable_global_discounts: false,
12005    rebuy_discount_message: "25% off applied!"
12006  }
12007</script>
12007
12008
12009
12010<script id="rebuy-cart-template" type="text/template">
12011
12012  <div id="rebuy-cart" class="rebuy-cart " v-cloak v-bind:class="[visible ? 'is-visible is-visible-delay' : '', 'currency-' + currency() ]">
12013    
12014    <div class="rebuy-cart__flyout">
12015      <div class="rebuy-cart__flyout-header" style="background-color: #FFFBF5!important">
12016        <div class="rebuy-cart__flyout-title-wrap">
12017          <h4 class="rebuy-cart__flyout-title" v-html="settings.language.cart_title"></h4>
12018          <span
12019            v-if="hasItems()"
12020            class="rebuy-cart__flyout-title-count"
12021            v-text="'(' + items().reduce(function (sum, item) { if (isHiddenItem(item) || isBundleChild(item) !== false) return sum; return sum + (Number(item.quantity) || 0); }, 0) + ')'"
12022            aria-live="polite"
12023          ></span>
12024        </div>
12025        <button class="rebuy-cart__flyout-close" type="button" aria-label="Close Smart Cart" v-on:click="hide()">
12026          <svg width="14" height="14" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation">
12027            <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"/>
12028            </svg>            
12029        </button>
12030      </div>
12031      <div class="rebuy-cart__flyout-shipping-bar"  style="background-color: #FFFBF5!important" v-if="freeShippingEnabled()"
12032        v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]">
12033        <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()"></div>
12034        <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()"></div>
12035        <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']">
12036          <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }">
12037            <span class="rebuy-cart__flyout-shipping-bar-meter-fill-text" v-html="freeShippingPercentComplete()"></span>
12038          </div>
12039        </div>
12040        <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()"></div>
12041      </div>
12042      <div class="rebuy-cart__flyout-body">
12043        <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()">
12044          <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message"></div>
12045        </div>
12046        <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" tabindex="0">
12047          <div class="rebuy-cart__flyout-items" v-if="hasItems()">
12048            �
12049            <div class="rebuy-cart__flyout-item" v-if="isBundleChild(item) == false" v-for="item in items()" v-if="!isHiddenItem(item)"
12050              v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]">
12051
12052
12053              <!-- item image -->
12054              <div class="rebuy-cart__flyout-item-media">
12055                <a v-bind:href="itemURL(item)">
12056                  <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="'View ' + cartItemTitleWithFiber(item)" />
12057                </a>
12058              </div>
12059              <!-- end item image -->
12060
12061
12062              <div class="rebuy-cart__flyout-item-info">
12063
12064                <div class="rebuy-cart__flyout-item-title-wrapper">
12065                  <a class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)"
12066                    v-html="cartItemTitleWithFiber(item)" v-bind:alt="'View ' + cartItemTitleWithFiber(item)">
12067                  </a>
12068                  
12069                  <!--start remove btn -->
12070                    <button
12071                      class="rebuy-cart__flyout-item-remove"
12072                      type="button"
12073                      v-on:click="handleRemove(item)"
12074                      v-bind:aria-label="'Remove ' + cartItemTitleWithFiber(item)">
12075                      <svg xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17" fill="none">
12076                        <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.
12076625 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"/>
12077                      </svg>
12078                    </button>
12079                  <!-- end remove btn -->
12080                </div>
12081                <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)">
12082                  <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency"
12083                    v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)"></div>
12084                  <div class="rebuy-cart__flyout-item-property"
12085                    v-for="property in itemProperties(item)"
12086                    v-if="displayProperty(property)"
12087                    v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]">
12088
12089
12090                    <span class="rebuy-cart__flyout-item-property-name" v-html="property.key"></span>
12091                    <span class="rebuy-cart__flyout-item-property-separator">:</span>
12092                    <span class="rebuy-cart__flyout-item-property-value" v-html="property.value"></span>
12093
12094
12095                  </div>
12096                </div>
12097                <div class="rtx-info">
12098                <div class="option-values" v-for="option in item.options_with_values">
12099                  <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>
12100                </div>
12101                </div>
12102
12103                <div class="rebuy-cart__flyout-item-quantity-wrapper">
12104                  <!-- start quantity row -->
12105                  <div class="rebuy-cart__flyout-item-quantity">
12106                    <div >
12107  
12108                      <div class="rebuy-cart__flyout-item-quantity-widget" v-if="hideQuantitySelectors && !hideQuantitySelectors(item) && item.handle != 'oli-pops-holiday-pack-pr-giveaway'">
12109                        <button class="rebuy-cart__flyout-item-quantity-widget-button"
12110                          v-on:click="decreaseItem(item)" type="button"
12111                          v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, decrease by 1`">
12112                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none">
12113                            <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"/>
12114                          </svg>
12115                        </button>
12116                        <span class="rebuy-cart__flyout-item-quantity-widget-label" v-html="item.quantity"></span>
12117                        <button class="rebuy-cart__flyout-item-quantity-widget-button"
12118                          v-on:click="increaseItem(item)" type="button" v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, add 1 more`">
12119                          <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
12120                            <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"/>
12121                          </svg>
12122                        </button>
12123                      </div>
12124  
12125                    </div>
12126                  </div>
12127                  <!-- end quantity row -->
12128                  
12129                  <!-- start price row -->
12130                  <div
12131                    class="rebuy-cart__flyout-item-price"
12132                    :class="{ '!tw-hidden': item.product && item.product.tags && item.product?.tags?.includes('smart-cart-hide-price') }"
12133                  >
12134                  
12135                      <div class="discount-code-msg"  v-if="hasLineItemDiscount(item)" v-for="discount in item.discounts">
12136                        {{ discount.title }}
12137                      </div>
12138                      <!-- rtx subscription copy -->
12139
12140                      <div class="rtx-cart_flyout-subscriptions" v-if="window.rebuyCartSettings.enable_global_discounts && window.rebuyCartSettings.rebuy_discount_message.length">
12141                        <div class="rebuy-cart__flyout-item-discount-message  promo-sidecart"
12142                            v-html="window.rebuyCartSettings.rebuy_discount_message">
12143                        </div>
12144                      </div>
12145
12146                      <div class="rtx-cart_flyout-subscriptions" v-else>
12147                        <span v-if="item.selling_plan_allocation" class="rtx-cart_flyout-subscriptions-text">15% Off Applied!</span>
12148                      </div>
12149
12150                      <div class="rtx-cart_custom-discount-labels" style="display: none;">
12151                        <span class="rtx-cart_flyout-subscriptions-text tw-text-3 tw-font-normal tw-leading-none tw-text-green-900">30% off applied!</span>
12152                      </div>
12153                    <!-- end subscription copy -->
12154                    <div v-if="isBundleParent(item)" role="textbox"> 
12155
12156
12157                      <span class="visually-hidden">Bundle price: </span>
12158                      <span class="rebuy-money rebuy-money-original-price sale" v-html="getBundlePrice(item)"></span>
12159                    </div>
12160                    
12161                    <div v-if="oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false">
12162                      <div class="visually-hidden">Sale price: </div>
12163                      <span class="rebuy-money rebuy-money-original-price sale" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span>
12164                      <div class="visually-hidden">Original price: </div>
12165                      <span class="rebuy-money rebuy-money-compare-at-price compare-at"
12166                            v-html="oliRebuyLineComparePrice(item, formatMoney, compareAtPrice)"></span>
12167                    </div>
12168                    <div v-if="!oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false">
12169                      <span class="visually-hidden">
12169Price: </span>
12170                      <span class="rebuy-money rebuy-money-original-price" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span>
12171                    </div>
12172                  
12173                  </div>
12174                  <!-- end price row -->
12175                </div>
12176                
12177                <!-- start subscription selector -->
12178                <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)">
12179                  <button class="rebuy-button outline" v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'"
12180                    v-bind:alt="'Switch ' + cartItemTitleWithFiber(item) + ' to a Subscription'"
12181                    v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')"
12182                    v-on:click="updateItemDeliveryFrequency(item, item.product.subscription_frequencies[1]); updateBundleDeliveryFrequencies(item, item.product.subscription_frequencies[1])"
12183                    type="button"
12184                  >
12185                    <span v-html="switchToSubscriptionLabel(item)"></span>
12186                  </button>
12187                  <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">
12188                    <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"/>
12189                  </svg>
12190                  <select
12191                    v-if="item.product.subscription && item.status != 'downgrading'"
12192                    class="rebuy-select muted"
12193                    aria-label="Subscription frequency"
12194                    v-model="item.product.subscription_frequency"
12195                    v-on:change="updateItemDeliveryFrequency(item); updateBundleDeliveryFrequencies(item, $event.target.value)"
12196                  >
12197                    <optgroup
12198                      v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()"
12199                      v-bind:label="onetimeOptionGroupLabel(item)"
12200                    >
12201                      <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)"></option>
12202                    </optgroup>
12203
12204                    <optgroup v-bind:label="subscriptionOptionGroupLabel(item)">
12205                      <option
12206                        v-for="frequency in item.product.subscription_frequencies"
12207                        v-bind:value="frequency"
12208                        v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)"
12209                      ></option>
12210                    </optgroup>
12211                  </select>
12212                </div>
12213                <!-- end subscription selector -->
12214              </div>
12215
12216
12217
12218
12219            </div>
12220            <!-- end product item -->
12221
12222            <div class="rebuy-cart__flyout-note" v-if="notesEnabled()">
12223              <label class="rebuy-cart__flyout-note-toggle">
12224                <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" />
12225                <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label"></span>
12226              </label>
12227              <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()">
12228                <textarea id="rebuy-cart-notes" class="rebuy-textarea rebuy-cart__flyout-note-textarea" v-model="notes.value"
12229                  v-on:keyup="notesChange(event)" v-on:keydown="notesChange(event)" v-on:change="notesChange(event)"
12230                  v-bind:placeholder="settings.language.notes_placeholder"></textarea>
12231                <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()"></small>
12232              </div>
12233            </div>
12234          </div>
12235          <div class="rebuy-cart__flyout-empty-cart" role="region" aria-label="Empty cart message" v-if="!hasItems()" v-html="emptyCartMessage()"></div>
12236          <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()"  style="display: none;">
12237            <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id">
12238            </div>
12239          </div>
12240
12241          <div class="rebuy-upsell custom-upsell">
12242          </div>
12243
12244           <!--BEAM START-->
12245            <div data-beam-widget="select-nonprofit" v-if="hasItems()" class="rebuy-cart__beam-impact-widget-wrapper">
12246              
12247              <beam-select-nonprofit
12248                apiKey="orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae"
12249                storeId="528"
12250                lang="en"
12251              ></beam-select-nonprofit>
12252                    
12253            </div>
12254          <!-- BEAM END-->
12255        </div>
12256      </div>
12257      
12258      <div class="rebuy-cart__flyout-footer " v-if="hasItems()">
12259        
12260        <svg xmlns="http://www.w3.org/2000/svg" width="484" height="32" viewBox="0 0 484 32" fill="none">
12261          <mask id="mask0_2444_672" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-90" width="484" height="123">
12262          <g clip-path="url(#clip0_2444_672)">
12263          <g clip-path="url(#clip1_2444_672)">
12264          <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"/>
12265          </g>
12266          </g>
12267          </mask>
12268          <g mask="url(#mask0_2444_672)">
12269          <rect width="484" height="32.2667" fill="#008168"/>
12269
12270          </g>
12271          <defs>
12272          <clipPath id="clip0_2444_672">
12273          <rect width="484" height="121.621" fill="white" transform="translate(0 -89.354)"/>
12274          </clipPath>
12275          <clipPath id="clip1_2444_672">
12276          <rect width="484" height="33.275" fill="white" transform="translate(0 0.232666)"/>
12277          </clipPath>
12278          </defs>
12279        </svg>
12280        <div class="rebuy-cart__flyout-footer--inner">
12281          
12282            <button
12283              class="rebuy-cart__flyout-footer-discount-button"
12284              v-if="shouldShowDiscountInput && shouldShowDiscountInput()"
12285              aria-expanded="false"
12286              aria-controls="rebuy-discount-accordion"
12287              v-on:click="
12288                  function($event) {
12289                    const accordion = $refs.rebuyDiscountAccordion;
12290                    accordion?.classList.toggle('rebuy-cart__flyout-footer-discount-field-hide');
12291                    $refs.accordionCloseIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion');
12292                    $refs.accordionOpenIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion');
12293                
12294                    const isOpen = !accordion.classList.contains('rebuy-cart__flyout-footer-discount-field-hide');
12295                    $event.currentTarget.setAttribute('aria-expanded', isOpen);
12296                
12297                    if (isOpen) {
12298                      console.log(accordion.querySelector('input'))
12299                      setTimeout(()=>(accordion.querySelector('input')?.focus()), 0)
12300                    }
12301                  }
12302              "
12303              v-show="discount && discount.amount === 0"
12304            >
12305              <div class="rebuy-cart__flyout-footer-discount-feild-copy">Add Promo Code</div>
12306
12307              <svg
12308                ref="accordionCloseIcon"
12309                class="rebuy-cart__flyout-footer-discount-accordion"
12310                width="14"
12311                height="14"
12312                viewBox="0 0 14 14"
12313                fill="none"
12314                aria-label="hidden"
12315                xmlns="http://www.w3.org/2000/svg"
12316              >
12317                <g clip-path="url(#clip0_1061_2171)">
12318                <path d="M0.875 7.0083H13.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
12319                </g>
12320                <defs>
12321                <clipPath id="clip0_1061_2171">
12322                <rect width="14" height="14" fill="white" transform="translate(0 0.00830078)"/>
12323                </clipPath>
12324                </defs>
12325              </svg>
12326
12327              <svg
12328                ref="accordionOpenIcon"
12329                width="16"
12330                height="16"
12331                viewBox="0 0 16 16"
12332                aria-label="hidden"
12333                fill="none"
12334                xmlns="http://www.w3.org/2000/svg"
12335              >
12336                <path d="M1.875 8.0083H14.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
12337                <path d="M8 1.8833L8 14.1333" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
12338              </svg>
12339            </button>
12340
12341            <div
12342              v-if="shouldShowDiscountInput && shouldShowDiscountInput()"
12343              class="rebuy-cart__flyout-discount rebuy-cart__flyout-footer-discount-field-hide"
12344              ref="rebuyDiscountAccordion"
12345              id="rebuy-discount-accordion"
12346            >
12347              <div class="rebuy-cart__flyout-discount-right">
12348                <div class="rebuy-cart__flyout-discount-input">
12349                  <input
12350                    class="input"
12351                    v-model="discount.inputValue"
12352                    placeholder="Enter your promo code"
12353                    id="rebuy-discount-input"
12354                    aria-label="Enter your promo code"
12355                  >
12356                
12357                </div>
12358                <button
12359                  class="rebuy-button"
12360                  aria-label="Apply promo code"
12361                  v-on:click="applyDiscount()"
12362                  v-bind:disabled="discount.loading"
12363                >
12364                  <span v-html="discountButtonLabel && discountButtonLabel()" class="rebuy-button-text"></span>
12365                </button>
12366              </div>
12367              <div
12368                  v-if="showInvalidMessage()"
12369                  class="rebuy-cart__flyout-discount-message"
12370                >
12371                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
12372                    <rect width="22" height="22" rx="11" fill="#D42A1C"/>
12373                    <g clip-path="url(#clip0_2947_17606)">
12374                    <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"/>
12375                    <path d="M11 9.75V12.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12376                    <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"/>
12377                    </g>
12378                    <defs>
12379                    <clipPath id="clip0_2947_17606">
12380                    <rect width="12" height="12" fill="white" transform="translate(5 5)"/>
12381                    </clipPath>
12382                    </defs>
12383                  </svg>
12384                  <span
12385                    v-html="settings.language.discount_invalid_message"
12386                  >
12387                  </span>
12388                </div>
12389            </div>
12390          
12391          
12392          <div
12393            v-show="shouldShowDiscountSubtotal && shouldShowDiscountSubtotal()"
12394            class="rebuy-cart__flyout-discount-amount"
12395          >
12396            <div class="rebuy-cart__flyout-discount-left">
12397              <span class="rebuy-cart__flyout-label" v-html="discountLabel && discountLabel()"></span>
12398              <div class="rebuy-cart__flyout-tag" v-on:click="removeDiscount()">
12399                <span class="rebuy-cart__flyout-tag-discount-icon">
12400                  <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
12401                    <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"/>
12402                    <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"/>
12403                    </svg>
12404                </span>
12405                <span v-html="discount.inputValue" class="rebuy-cart__flyout-tag-discount-text"></span>
12406                <span class="rebuy-cart__flyout-tag-time">
12407                  <svg width="10" height="10" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
12408                    <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"/>
12409                    <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"/>
12410                  </svg>
12411                </span>
12412              </div>
12413            </div>
12414            <div class="rebuy-cart__flyout-subtotal-amount rebuy-cart__flyout-discount-right rebuy-cart__flyout-subtotal-amount-discount" v-html="discountTotal && discountTotal()"> </div>
12415          </div>
12416    
12417          <div class="rebuy-cart__flyout-subtotal">
12418            <div class="rebuy-cart__flyout-subtotal-label">
12419              <span class="rebuy-cart__flyout-subtotal-text">Subtotal</span>
12420            </div>
12421
12422            <div class="rebuy-cart__flyout-subtotal-amount">
12423                  <span class="rebuy-cart__flyout-subtotal-final-amount">
12424                      <span class="sr-only">Final price</span>
12425                      <span v-html="oliRebuyCartSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span>
12426                  </span>
12427              <span class="rebuy-cart__flyout-subtotal-compare-amount tw-hidden">
12428                      <span class="sr-only">Original price</span>
12429                      <span v-html="oliRebuyCartCompareSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span>
12430                  </span>
12431            </div>
12432
12433          </div>
12434          <div class="rebuy-cart__flyout-actions">
12435            <div v-if="settings.terms && settings.terms.enabled" class="rebuy-cart__flyout-terms">
12436              <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox"
12437                type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" />
12438              <label class="rebuy-cart__flyout-terms-label" for="rebuy-terms-checkbox" v-html="settings.terms.disclaimer"></label>
12439            </div>
12440            <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()">
12441              <span>
12442                <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"/>
12442<path d="" stroke="none" fill="#fcfcfc" fill-rule="evenodd"/></svg>
12443                <span>Checkout</span>
12444              </span>
12445            </button>
12446            <button v-if="hasViewCartButton()" class="block rebuy-button" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()">
12447              <span v-html="viewCartLabel()"></span>
12448            </button>
12449            <button v-if="hasContinueShoppingButton()" class="block rebuy-button outline" type="button" v-on:click="hide()">
12450              <span v-html="continueShoppingLabel()"></span>
12451            </button>
12452            
12453            
12454              <div class="rebuy-cart__flyout-actions-note-below-cta">
12455                45 Day Money-Back Guarantee
12456              </div>
12457            
12458
12459            �
12460          </div>
12461          <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()"></div>
12462        </div>
12463      </div>
12464    </div>
12465    <div class="rebuy-cart__background" v-on:click="hide()"></div>
12466  </div>
12467</script>
12467
12468
12469
12470<style>
12471  #rebuy-checkout-btn:hover {
12472    background-color:  #E2EB28 !important;
12473  }
12474
12475  .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] {
12476    width: 70%;
12477  }
12478</style>
12479
12480<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=olipop-store.myshopify.com"></script>
12480
12481
12482<script>
12483  document.addEventListener('DOMContentLoaded', function() {
12484    const body = document.body;
12485    const html = document.documentElement;
12486  
12487    // Function to save and restore the scroll position
12488    function preserveScrollPosition(action) {
12489      const scrollPosition = {
12490        top: window.scrollY,
12491        left: window.scrollX
12492      };
12493      action();
12494      window.scrollTo(scrollPosition.left, scrollPosition.top);
12495    }
12496  
12497    // Create a MutationObserver to watch for changes to the body's class list
12498    const observer = new MutationObserver(function(mutationsList) {
12499      mutationsList.forEach(function(mutation) {
12500        if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
12501          if (body.classList.contains('rebuy-modal-visible')) {
12502            html.style.overflow = 'hidden';
12503          } else {
12504            preserveScrollPosition(() => {
12505              html.style.overflow = '';
12506            });
12507          }
12508        }
12509      });
12510    });
12511    observer.observe(body, { attributes: true });
12512  });
12513</script>
12513
12514<style>
12515  #rebuy-checkout-btn:hover {
12516    background-color:  #E2EB28 !important;
12517  }
12518
12519  .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] {
12520    width: 70%;
12521  }
12522</style>
12523
12524    
12525
12526
12527<script>
12528const getProductJSON = async (handle) => {
12529    let data = JSON.parse(sessionStorage.getItem("productJSONStore"));
12530
12531    if (data && data[handle]) {
12532        return data[handle];
12533    } else {
12534        await getStorefrontProduct(handle).then((product) => {
12535            saveProductJSON(product);
12536            return product;
12537        });
12538    }
12539};
12540
12541const saveProductJSON = (product) => {
12542    let data = JSON.parse(sessionStorage.getItem("productJSONStore"));
12543
12544    if (data == null) {
12545        data = {};
12546    }
12547
12548    if (product) {
12549        data[product.handle] = product;
12550    }
12551
12552    sessionStorage.setItem("productJSONStore", JSON.stringify(data));
12553};
12554
12555const removeProductJSON = (product) => {
12556    let data = JSON.parse(sessionStorage.getItem("productJSONStore"));
12557
12558    if (data == null) {
12559        data = {};
12560    }
12561
12562    if (product) {
12563        delete data[product.handle];
12564    }
12565
12566    sessionStorage.setItem("productJSONStore", JSON.stringify(data));
12567};
12568
12569const getStorefrontProduct = async (handle) => {
12570    return fetch(`${Shopify.routes.root}products/${handle}.js`).then(
12571        (response) => {
12572            return response.json();
12573        }
12574    );
12575};
12576
12577const enrichWidgetProducts = (widget) => {
12578    const products = widget.data.products;
12579
12580    for (var i = 0; i < products.length; i++) {
12581        updateProductJSON(products[i], () => {
12582            widget.initProducts(widget.data.products);
12583        });
12584    }
12585};
12586
12587const enrichCartItems = () => {
12588    const items = Rebuy.Cart.items();
12589    for (var i = 0; i < items.length; i++) {
12590        const item = items[i];
12591        const product = items[i].product;
12592
12593        updateProductJSON(product, () => {
12594            const productClone = Object.assign({}, product);
12595
12596            delete productClone.subscription;
12597            delete productClone.subscription_discount_amount;
12598            delete productClone.subscription_discount_type;
12599            delete productClone.subscription_frequencies;
12600            delete productClone.subscription_frequency;
12601            delete productClone.subscription_interval;
12602            delete productClone.subscription_id;
12603            delete productClone.is_subscription_only;
12604            delete productClone.has_subscription;
12605
12606            Rebuy.Cart.addEnrichedProduct(productClone);
12607
12608            Rebuy.Cart.initProduct(product, {
12609                item: item,
12610                clone: true,
12611            });
12612        });
12613    }
12614};
12615
12616const updateProductJSON = (product, callback = function () {}) => {
12617    getProductJSON(product.handle).then((json) => {
12618        if (typeof json?.requires_selling_plan != "undefined") {
12619            product.is_subscription_only = json?.requires_selling_plan;
12620        }
12621
12622        if (typeof json?.selling_plan_groups != "undefined") {
12623            extendProductWithSellingPlan(product, json?.selling_plan_groups[0]);
12624        }
12625
12626        callback(product);
12627    });
12628};
12629
12630const extendProductWithSellingPlan = (product, selling_plan_groups) => {
12631    if (product && selling_plan_groups) {
12632        // Set discount
12633        selling_plan_groups.discount_amount = 0;
12634        selling_plan_groups.discount_type = "none";
12635
12636        // Update selling plans
12637        for (let i = 0; i < selling_plan_groups.selling_plans.length; i++) {
12638            const selling_plan = selling_plan_groups.selling_plans[i];
12639
12640            // Surface discount amount and type to groups
12641            if (
12642                selling_plan_groups.discount_amount == 0 &&
12643                selling_plan_groups.discount_type == "none" &&
12644                selling_plan.price_adjustments.length > 0
12645            ) {
12646                let price_adjustment = selling_plan.price_adjustments[0];
12647                let valueType =
12648                    price_adjustment.value_type === "percentage"
12649                        ? "percentage"
12650                        : "fixed";
12651                let value = price_adjustment.value;
12652
12653                if (valueType === "fixed") {
12654                    value = (value / 100).toFixed(2);
12655                }
12656
12657                selling_plan_groups.discount_amount = value;
12658                selling_plan_groups.discount_type = valueType;
12659            }
12660
12661            // Surface order interval to selling plan
12662            let interval = getOrderIntervalForOptions(selling_plan.options[0]);
12663            selling_plan.order_interval_frequency = interval.frequency;
12664            selling_plan.order_interval_unit_type = interval.unit;
12665        }
12666
12667        // Add groups to product
12668        product.selling_plan_groups = [selling_plan_groups];
12669    }
12670};
12671
12672const getOrderIntervalForOptions = (option) => {
12673    const intervalUnits = ["day", "week", "month", "year"];
12674    const response = {
12675        frequency: 1,
12676        unit: "day",
12677    };
12678
12679    let frequency = option.value.toLowerCase().match(/\d+/g);
12680
12681    if (frequency != null) {
12682        response.frequency = frequency[0];
12683    }
12684
12685    for (let i = 0; i < intervalUnits.length; i++) {
12686        const unit = intervalUnits[i];
12687        let regex = new RegExp(unit, "g");
12688
12689        if (option.value.toLowerCase().match(regex)) {
12690            response.unit = unit;
12691            break;
12692        }
12693    }
12694
12695    return response;
12696};
12697
12698const enableSellingPlans = () => {
12699    const Rebuy = window.Rebuy;
12700    const Shop = window.Rebuy.shop;
12701
12702    if (Shop) {
12703        if (typeof Shop.integrations == "undefined") {
12704            Shop.integrations = {};
12705        }
12706        Shop.integrations.recharge = true;
12707        Shop.selling_plans_enabled = true;
12708    }
12709};
12710
12711document.addEventListener("rebuy:cart.enriched", (event) => {
12712    setTimeout(enrichCartItems, 0);
12713});
12714
12715document.addEventListener("rebuy.productsChange", (event) => {
12716    event.detail.widget.data.config.product_type = "both";
12717    enrichWidgetProducts(event.detail.widget);
12718});
12719
12720document.addEventListener("rebuy.loaded", () => {
12721    enableSellingPlans();
12722});
12723
12724// may or may not be necessary, have needed to do this on a few stores
12725document.addEventListener("rebuy:cart.change", () => {
12726    // re-enrich cart
12727    setTimeout(() => {
12728        Rebuy.Cart.enrichCart();
12729    }, 300);
12730});
12731</script>
12731
12732
12733
12734<script>
12735  window.switchToSubscriptionAssets = {
12736    checkmark: "\/\/drinkolipop.com\/cdn\/shop\/t\/1366\/assets\/switch-to-subscription-checkmark.svg?v=737100"
12737  }
12738</script>
12738
12739
12740
12741
12742<script id="rebuy-widget-104566" type="text/template">
12743  <div
12744    class="rebuy-widget"
12745    v-cloak
12746    v-on:click="stopPropagation($event)"
12747    v-bind:id="'rebuy-widget-' + id"
12748    v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
12749  >
12750    <div
12751      class="rebuy-widget-container"
12752      v-cloak
12753      v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]"
12754      v-on:click.self="hide()">
12755
12756      <div class="rebuy-widget-content">
12757        <div class="rebuy-modal-close" v-on:click="hide()">
12758          <i class="fas fa-times"></i>
12759        </div>
12760
12761        <div class="rebuy-timer" v-if="hasTimer()">
12762          <h5 class="rebuy-timer-title" v-if="config.language.timer_title">
12763            <span v-html="config.language.timer_title"></span>
12764            <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
12765          </h5>
12766        </div>
12767
12768        <h4
12769          class="super-title"
12770          v-if="config.language.super_title != ''"
12771          v-html="config.language.super_title"></h4>
12772        <img src="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Mask_group_a14b28d7-9678-4952-b6bd-8913d9526dea.png?v=1696021272">
12773        <h3
12774          class="primary-title"
12775          v-if="config.language.title != ''"
12776          v-html="config.language.title"></h3>
12777
12778        <div
12779          class="description"
12780          v-if="config.language.description != ''"
12781          v-html="config.language.description"></div>
12782
12783        <div class="rebuy-product-grid" v-bind:class="layoutClasses">
12784          <div
12785            class="rebuy-product-block"
12786            v-for="product in products"
12787            v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]">
12788            <div class="rebuy-subscription-bonuses">
12789              <div class="stsNote">
12790                <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">15% off EVERY subscription order</p>
12791              </div>
12792              <div class="stsNote">
12793                <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Free shipping in the contiguous U.S.</p>
12794              </div>
12795              <div class="stsNote">
12796                <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Swap, skip, or cancel anytime</p>
12797              </div>
12798            </div>
12799            <div class="rebuy-product-actions">
12800
12801              <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
12802                <label class="rebuy-checkbox-label">
12803                  <input
12804                    class="checkbox-input rebuy-checkbox"
12805                    v-model="product.subscription"
12806                    v-on:change="toggleSubscription(product)"
12807                    type="checkbox" />
12808                  <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
12809                </label>
12810              </div>
12811
12812              <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
12813                <select
12814                  class="rebuy-select"
12815                  v-model="product.subscription_frequency"
12816                  v-on:change="updateSubscriptionFrequency(product)">
12817                  <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency"></option>
12818                </select>
12819              </div>
12820
12821              <button
12822                class="rebuy-button"
12823                v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
12824                v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
12825                v-bind:alt="'Add ' + product.title + ' to Cart'"
12826                v-on:click="addUpsellToCart(product)"
12827                type="button">
12828                <span v-html="buttonLabel(product)"></span>
12829              </button>
12830
12831              <button
12832                class="rebuy-button decline"
12833                v-on:click="declineOffer(product)"
12834                type="button">
12835                <span v-html="declineLabel(product)"></span>
12836              </button>
12837            </div>
12838          </div>
12839        </div>
12840
12841        <div class="powered-by-rebuy">
12842          <a
12843            v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain"
12844            target="_blank"
12845            rel="noopener">
12846            Powered by Rebuy
12847          </a>
12848        </div>
12849      </div>
12850    </div>
12851  </div>
12852</script>
12852
12853
12854
12855<script>
12856document.addEventListener('rebuy:reorderLandingPage.ready', function(){
12857  if(Rebuy.ReorderLandingPage){
12858    Rebuy.Cart.cart?.items.forEach(item => {
12859      if (item.product?.tags.includes('exclude_rebuy')) {
12860        Rebuy.Cart.removeItem(item)
12861      }
12862    })
12863  }
12864});
12865</script>
12865
12866
12867<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>
12867
12868  <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>
12869<div id="shopify-block-Aemp4K204NG5MWWxCU__9431864395560886015" class="shopify-block shopify-app-block">
12870
12871<script>
12872  window.__POLAR_CONFIG__ = {
12873    debug: false,
12874    shop: "olipop-store.myshopify.com",
12875    storefrontToken: null,
12876    cartMetafieldsEnabled: null,
12877    metafieldNamespace: "polar",
12878    metafieldKey: "attribution"
12879  };
12880</script>
12880
12881
12882<script src="https://cdn.shopify.com/extensions/01a06601-c356-7426-8020-d0ed6417f8c2/polar-analytics-33/assets/polar-cart-injector.js" async></script>
12882
12883
12884</div><div id="shopify-block-AWnY2RzdkTzNxdWNiS__15336829040930027027" class="shopify-block shopify-app-block"><style>
12885/* Critical-CSS safety net, not a replacement for rediem-dash.css: hardcodes only the
12886   structural properties (position, width, hidden/shown state) from its base
12887   .ripple-frame-container / .show selectors that determine whether the widget is
12888   full-screen and stuck versus correctly sized and closable, deliberately excluding
12889   cosmetic properties (background-color, box-shadow, border-radius, transition
12890   easing, ...) that don't affect that and are the ones most likely to change in a
12891   future styling pass. Protects against the async stylesheet below never getting
12892   promoted from preload to stylesheet (for example, a client-side page-transition
12893   library such as Barba.js swapping in a fresh, unpromoted preload link without
12894   re-running the loader script that would otherwise promote it). Same specificity
12895   as rediem-dash.css and declared before it in source order, so once the real
12896   stylesheet loads it wins the cascade normally, with no !important needed.
12897   apps/api/cdn-statics/criticalCssSync.test.ts fails loudly if these values and
12898   rediem-dash.css's ever disagree.
12899*/
12900.ripple-frame-container{position:fixed;width:390px;right:20px;transform:scale(0);opacity:0;visibility:hidden}
12901.ripple-frame-container.show{transform:scale(1);opacity:1;visibility:visible}
12902</style>
12903<link rel="preload" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b" as="style" data-rediem-preload>
12904<noscript><link rel="stylesheet" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b"></noscript>
12905
12906<div data-rdm_domain="drinkolipop.com" data-rdm_id="" data-rdm_email=""
12907  data-rdm_firstName="" data-rdm_lastName=""
12908  data-rdm_tags="" data-rdm_phone="" id="rdmWidgetLoadDiv">
12909</div>
12910
12911<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-dash.js?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b" defer></script>
12911
12912
12913</div><div id="shopify-block-AbVJPUTJacTJ3WC9He__4947802007469450330" class="shopify-block shopify-app-block"><!-- rediem-referral.css loaded non-blocking. The referral UI (skeleton, iframe,
12914  widget, popups) is injected by JS after load, so nothing this styles exists at
12915  first paint; loading it blocking (via the schema `stylesheet` key) only delayed
12916  first paint. Served from Shopify's global CDN via asset_url. -->
12917<link rel="preload" href="https://cdn.shopify.com/extensions/01a0d4ae-046e-7a9f-8d8e-39de6e7aee31/rediem-289/assets/rediem-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
12918<noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0d4ae-046e-7a9f-8d8e-39de6e7aee31/rediem-289/assets/rediem-referral.css"></noscript>
12919
12920<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b" defer > </script>
12920
12921
12922<script>
12923(function () {
12924  // Main logic function
12925  const runRediemLogic = async () => {
12926
12927    window.rediemReferral = async () => {
12928      const REF_TUNNEL_URL = "https://referrals.rediem.io";
12929      const API_BASE_URL = "https://api.rediem.io/api";
12930
12931      const shop = 'drinkolipop.com';
12932      const customerId = '';
12933      const customerEmail = '';
12934      const customerFirstName = '';
12935      const customerLastName = '';
12936      const customerTags = "";
12937
12938      const rippl_url = new URL(window.location.href);
12939      const rediemRef = rippl_url.searchParams.get('rediemRef') || '';
12940      const source = rippl_url.searchParams.get('source') || 'direct';
12941
12942      const refContainer = document.getElementById('rediem_referral');
12943
12944      const urlParams = new URLSearchParams();
12945      if (shop) urlParams.append('shop', shop);
12946      if (source) urlParams.append('source', source);
12947      if (rediemRef) { urlParams.append('rediemRef', rediemRef) }
12948
12949      if (customerId) {
12950        urlParams.append('customerId', customerId);
12951        urlParams.append('customerEmail', customerEmail);
12952        urlParams.append('customerFirstName', customerFirstName);
12953        urlParams.append('customerLastName', customerLastName);
12954        urlParams.append('customerTags', customerTags);
12955      }
12956
12957      const finalURL = `${REF_TUNNEL_URL}${urlParams.toString() ? `?${urlParams.toString()}` : ''}`;
12958
12959      const rediemRefHTML = `
12960    <div class="rdm-skeleton-container">
12961        <div class="rdm-skeleton-section">
12962          <div class="rdm-skeleton-line rdm-line-header-1">&nbsp;</div>
12963          <div class="rdm-skeleton-line rdm-line-header-2">&nbsp;</div>
12964        </div>
12965        <div class="rdm-skeleton-tabs">
12966          <div class="rdm-skeleton-line rdm-line-tab">&nbsp;</div>
12967          <div class="rdm-skeleton-line rdm-line-tab">&nbsp;</div>
12968        </div>
12969        <div class="rdm-skeleton-card">
12970          <div class="rdm-skeleton-line rdm-line-card-1">&nbsp;</div>
12971          <div class="rdm-skeleton-line rdm-line-card-2">&nbsp;</div>
12972        </div>
12973        <div class="rdm-skeleton-card">
12974          <div class="rdm-skeleton-line rdm-line-balance-1">&nbsp;</div>
12975          <div class="rdm-skeleton-row">
12976            <div class="rdm-skeleton-line rdm-line-balance-2">&nbsp;</div>
12977            <div class="rdm-skeleton-line rdm-line-balance-3">&nbsp;</div>
12978          </div>
12979        </div>
12980        <p style="text-align:center;margin-top:40px;">Loading...</p>
12981      </div>
12982      <iframe
12983        allowusermedia
12984        class="rediem-referral-iframe"
12985        id="rediemReferralIframe"
12986        customerId="${customerId}"
12987        src="${finalURL}"
12988        title="Referral program - powered by rediem"
12989        aria-label="Referral program - powered by rediem"
12990        allow="clipboard-read; clipboard-write; geolocation; camera; microphone;"
12991        style="border: 0; width: 100%;">
12992      </iframe>`;
12993
12994      const apiEndpoint = `${API_BASE_URL}/referral?shop=${shop}`;
12995      try {
12996        const response = await fetch(apiEndpoint);
12997        const data = await response.json();
12998        sessionStorage.setItem('referralSetting', JSON.stringify(data?.data));
12999        const referralSetting = data?.data?.referralSetting || {};
13000        const { referralStatus, shopId, refWidget } = data?.data?.referralSetting || {};
13001        const { bglink } = data?.data || {};
13002
13003        if (referralStatus === 'active') {
13004          const widget_iframe = document.getElementById('RippleRewards');
13005          if (!widget_iframe) {
13006            const response = await fetch("/apps/next-proxy", {
13007              method: "GET",
13008              headers: { "Content-Type": "application/json" },
13009            });
13010
13011            const cacheKey = `user_${shop}`;
13012            let data = null;
13013
13014            if (response.ok) {
13015              if (response.status !== 204) {
13016                try {
13017                  const json = await response.json();
13018                  data = json?.data ?? null;
13019                } catch {
13020                  data = null;
13021                }
13022              }
13023            }
13024
13025            sessionStorage.setItem(
13026              cacheKey,
13027              JSON.stringify({ data, timestamp: Date.now() })
13028            );
13029          }
13030          if (data?.data?.primaryFontLink) {
13031            const primaryFontLink = document.createElement('link');
13032            primaryFontLink.rel = 'stylesheet';
13033            primaryFontLink.href = data.data.primaryFontLink;
13034            document.head.appendChild(primaryFontLink);
13035          }
13036
13037          if (data?.data?.secondaryFontLink) {
13038            const secondaryFontLink = document.createElement('link');
13039            secondaryFontLink.rel = 'stylesheet';
13040            secondaryFontLink.href = data.data.secondaryFontLink;
13041            document.head.appendChild(secondaryFontLink);
13042          }
13043
13044          const style = `
13045              .rediem-popup-content-wrapper,
13046              .rediem-popup-content-wrapper button,
13047              .rediem-popup-content-wrapper input,
13048              .ref-widget, .ref-text {
13049                font-family: '${referralSetting?.secondaryFontFamily}', sans-serif;
13050              }
13051              .p-font {
13052                font-family: '${referralSetting?.fontFamily}', sans-serif;
13053              }
13054              .p-color {
13055                color: ${referralSetting?.primaryColor || '#0077C8'} !important;
13056              }
13057              .s-color {
13058                color: ${referralSetting?.secondaryColor || '#667085'} !important;
13059              }
13060              .p-bg{
13061                background-color: ${referralSetting?.primaryColor || '#0077C8'} !important;
13062              }
13063              .widget-bg{
13064                background-color: ${referralSetting?.refWidget?.bgColor || referralSetting?.primaryColor || '#0077C8'} !important;
13065              }
13066          `;
13067
13068          const styleElement = document.createElement('style');
13069          styleElement.id = 'rediem-css';
13070          styleElement.innerHTML = style;
13071
13072          if (!document.getElementById('rediem-css')) {
13073            document.head.appendChild(styleElement);
13074          }
13075
13076          if (rediemRef) {
13077
13078            const decode = JSON.parse(atob(rediemRef.split('.')[1]));
13079            const rediem_advocate_id = (/^\d+$/.test(decode?.customerId) ? decode?.customerId : decode?.customerId?.split("/")?.at(-1));
13080            rdm_setCookie("rediem_advocate_id", rediem_advocate_id)
13081
13082            const friendReward = await rdm_getFriendReward(shopId);
13083            const reward = friendReward?.data?.[0];
13084            if (reward) {
13085              rdm_generatePopupHtml(reward, REF_TUNNEL_URL, customerId);
13086              sessionStorage.setItem('friendReward', JSON.stringify(reward));
13087            }
13088            fetch(`${API_URL}/referral/engagement/`, {
13089              method: 'PUT',
13090              headers: {
13091                'Content-Type': 'application/json',
13092              },
13093              body: JSON.stringify({ shop, type: "site-visit" }),
13094            });
13095          }
13096
13097          if (refContainer) {
13098            refContainer.innerHTML = rediemRefHTML;
13099          }
13100
13101          if (refWidget?.status) {
13102            rdm_appendRefWidget({ ...refWidget, widgetIcon: data?.data?.widgetIcon });
13103          }
13104        }
13105      } catch (error) {
13106        console.error("Error fetching data:", error);
13107      }
13108    };
13109
13110    const id = '';
13111    if (id && window.rdm_redirectToRefDash) window.rdm_redirectToRefDash();
13112    if (window.rdm_appendHiddenField) window.rdm_appendHiddenField();
13113
13114    if (typeof window.rediemReferral === 'function') {
13115      window.rediemReferral();
13116    }
13117  };
13118
13119  const loadDependency = (callback) => {
13120    if (typeof window.rdm_redirectToRefDash === 'function') {
13121      callback();
13122      return;
13123    }
13124
13125    const scriptSrc = "https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js";
13126    // Check if script already exists but globals aren't ready yet (e.g. still loading)
13127    const existingScript = document.querySelector(`script[src^="${scriptSrc}"]`);
13128
13129    if (existingScript) {
13130      // Poll for globals if script exists
13131      const checkInterval = setInterval(() => {
13132        if (typeof window.rdm_redirectToRefDash === 'function') {
13133          clearInterval(checkInterval);
13134          callback();
13135        }
13136      }, 100);
13137      return;
13138    }
13139
13140    // Load new script
13141    const script = document.createElement('script');
13142    script.src = `${scriptSrc}?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b`;
13143    script.onload = callback;
13144    document.head.appendChild(script);
13145  };
13146
13147  if (document.readyState === "loading") {
13148    document.addEventListener("DOMContentLoaded", () => loadDependency(runRediemLogic));
13149  } else {
13150    loadDependency(runRediemLogic);
13151  }
13152})();
13153</script>
13153
13154
13155</div>
13155<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
13155
13156</body>
13157</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.