PageSourceSearch

https://drinkolipop.com/collections/shop-9g-fiber

html drinkolipop.com collected 2026-10-02 05:00:15 UTC 894,437 bytes, 18,013 lines download raw bytes

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<!doctype html>
18<html
19  class="no-js tw-scroll-smooth !tw-p-0"
20  lang="en"
21  data-prefetching="true"
22>
23  <head>
24  
24<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v346","locked":false,"initialized":true,"scope":"collection","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":"collection","theme":174423703711,"product":null,"collection":"shop-9g-fiber","page":null,"blog":null,"article":null,"app":null},"now":1790917212,"path":"\/collections\/shop-9g-fiber","locale_root_url":"\/","canonical_url":"https:\/\/drinkolipop.com\/collections\/shop-9g-fiber","customer_id":null,"customer_id_signature":"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb","cart":null}</script>
24<script data-locksmith>!function(){undefined;!function(){var s=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(s.state={},s.util={},s.loading=!1,n)try{s.state=JSON.parse(n)}catch(d){}if(document.addEventListener&&document.querySelector){var o,a,i,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){a=t.slice(0)},l="style",r=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",r),document.removeEventListener("click",r),o&&document.body.removeChild(o),o=null)};c(),document.addEventListener("keyup",function(e){if(e.keyCode===a[0]){if(clearTimeout(i),a.shift(),0<a.length)return void(i=setTimeout(c,1e3));c(),r(),(o=document.createElement("div"))[l].width="50%",o[l].maxWidth="1000px",o[l].height="85%",o[l].border="1px rgba(0, 0, 0, 0.2) solid",o[l].background="rgba(255, 255, 255, 0.99)",o[l].borderRadius="4px",o[l].position="fixed",o[l].top="50%",o[l].left="50%",o[l].transform="translateY(-50%) translateX(-50%)",o[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",o[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,o.appendChild(t),document.body.appendChild(o),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",r),document.addEventListener("click",r)}})}s.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),s.path=s.state.path||window.location.pathname,s.basePath=s.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),s.reloading=!1,s.util.console=window.console||{log:function(){},error:function(){}},s.util.makeUrl=function(e,t){var n,o=s.basePath+e,a=[],i=s.cache();for(n in i)a.push(n+"="+encodeURIComponent(i[n]));for(n in t)a.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(a.push("customer_id="+encodeURIComponent(s.state.customer_id)),a.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+a.join("&")},s._initializeCallbacks=[],s.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';s._initializeCallbacks.push(t)},s.initializeSession=function(e){if(!s.isEmbedded){var t=!1,n=!0,o=!0;(e=e||{}).silent&&(o=n=!(t=!0)),s.ping({silent:t,spinner:n,reload:o,callback:function(){s._initializeCallbacks.forEach(function(e){e()})}})}},s.cache=function(e){var t={};try{var n=function a(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(d){}if(e){for(var o in e)t[o]=e[o];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},s.cache.cart=s.state.cart,s.cache.cartLastSaved=null,s.params=s.cache(),s.util.reload=function(){s.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(d){s.util.console.error("Preferred reload method failed",d),window.location.reload()}},s.cache.saveCart=function(e){if(!s.cache.cart||s.cache.cart===s.cache.cartLastSaved)return e?e():null;var t=s.cache.cartLastSaved;s.cache.cartLastSaved=s.cache.cart,fetch("/cart/update.js",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({attributes:{locksmith:s.cache.cart}})}).then(function(e){if(!e.ok)throw new Error("Cart update failed: "+e.status);return e.json()}).then(function(){e&&e()})["catch"](function(e){if(s.cache.cartLastSaved=t,!s.reloading)throw e})},s.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;
24color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',s.util.clobberBody=function(e){document.body.innerHTML=e},s.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},s.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,o={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":o[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(o[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":o[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":o[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(o[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":o[e.elements[t].name]=e.elements[t].value}}return o}},s.util.on=function(e,i,s,t){t=t||document;var c="locksmith-"+e+i,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",a=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(i)||"string"==typeof a&&-1!==a.split(/\s+/).indexOf(i))&&!e[c]&&(e[c]=!0,s(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},s.util.enableActions=function(e){s.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,s.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),s.util.reload()}}))},e)},s.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var o=document.createElement("div");o.innerHTML=t,e.appendChild(o)}else e.innerHTML=t;var a,i,s=e.querySelectorAll("script");for(i=0;i<s.length;++i){a=s[i];var c=document.createElement("script");if(a.type&&(c.type=a.type),a.src)c.src=a.src;else{var l=document.createTextNode(a.innerHTML);c.appendChild(l)}e.appendChild(c)}var r=e.querySelector("[autofocus]");r&&r.focus()},s.post=function(e,t,n){!1!==(n=n||{}).spinner&&s.util.clobberBody(s.util.spinnerHTML);var o={};n.container===document?(o.layout=1,n.success=function(e){s.util.clobberDocument(e)}):n.container&&(o.layout=0,n.success=function(e){var t="string"==typeof n.container?document.getElementById(n.container):n.container;t&&(s.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t))}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),s.loading=!0;var a=s.util.makeUrl(e,o),i="json"===n.type||"text"===n.type;fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:i?"application/json":"text/html"},body:JSON.stringify(t)}).then(function(e){if(!e.ok)throw new Error("Request failed: "+e.status);return e.text()}).then(function(e){var t=n.success||s.util.clobberDocument;t(i?{responseText:e}:e)})["catch"](function(e){if(!s.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)})["finally"](function(){s.loading=!1})},s.postResource=function(e,t){e.path=s.path,e.search=window.location.search,e.state=s.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=s.cache.cart,e.locksmith_json=s.jsonTag,e.locksmith_json_signature=s.jsonTagSignature,s.post("/resource",e,t)},s.ping=function(t){if(!s.isEmbedded){t=t||{};var n=function(){t.reload?s.util.reload():"function"==typeof t.callback&&t.callback()};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!t.spinner,silent:"undefined"==typeof t.silent||t.silent,type:"text",success:function(e){e&&e.responseText?((e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages),e.cart&&s.cache.cart!==e.cart?(s.cache.cart=e.cart,s.cache.saveCart(function(){e.cart&&e.cart.match(/^.+:/)?(t.reload||"function"!=typeof t.callback||t.callback(),s.util.reload()):n()})):n()):console.error("[Locksmith] Invalid result in ping callback:",e)}})}},s.timeoutMonitor=function(){var e=s.cache.cart;s.ping({callback:function(){e!==s.cache.cart||setTimeout(function(){s.timeoutMonitor()},6e4)}})},s.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=["<style>","  .locksmith-ab .locksmith-b { display: none; }","  .locksmith-ab.toggled .locksmith-b { display: flex; }","  .locksmith-ab.toggled .locksmith-a { display: none; }","  .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }","  .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }","  .locksmith-message a { color: inherit; font-weight: bold; }","  .locksmith-message a:hover { color: inherit; opacity: 0.8; }","  a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }","  .locksmith-text { flex-grow: 1; }","  .locksmith-cta { flex-grow: 0; text-align: right; }","  .locksmith-cta button { transform: scale(0.8); transform-origin: left; }","  .locksmith-cta > * { display: block; }","  .locksmith-cta > * + * { margin-top: 10px; }","  .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }","  @media screen and (max-width: 600px) {","    .locksmith-wide-only { display: none !important; }","    .locksmith-flex { padding: 0 15px; }","    .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }","    .locksmith-cta { text-align: left; }","  }","  @media screen and (min-width: 601px) {","    .locksmith-narrow-only { display: none !important; }","  }","</style>"].join("")+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),s.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),s.util.enableActions(t)}}()}();</script>
24
25      
25<script data-locksmith>Locksmith.cache.cart=null</script>
25
26
27  
27<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v346\",\"locked\":false,\"initialized\":true,\"scope\":\"collection\",\"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\":\"collection\",\"theme\":174423703711,\"product\":null,\"collection\":\"shop-9g-fiber\",\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1790917212,\"path\":\"\\\/collections\\\/shop-9g-fiber\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/drinkolipop.com\\\/collections\\\/shop-9g-fiber\",\"customer_id\":null,\"customer_id_signature\":\"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb\",\"cart\":null}";Locksmith.jsonTagSignature="a3ef54eec68b1450e5b9aa6373f952b9bb3335a5f26c9baad92986476ed7aeb2"</script>
27
28  
29  
29<script type="text/javascript" async src="https://na.shgcdn3.com/pixel-collector.js"></script>
29
30  
31
32
33<script defer src="https://cdn.skio.com/scripts/shopify/head/shopify.ba9807f79b5cdb6483d5.js"></script>
33
34    <style>
35      #powrIframeLoader {
36        height: 0px !important;
37        display: none !important;
38      }
39    </style>
40
41    
42
43
44
45
46
47<style>
48  
49  
50
51
52  
53  
54  
55  
56
57  @font-face {
58    font-family: 'Ano';
59    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642) format('woff2'),
60      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff'),
61      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff');
62    font-weight: normal;
63    font-style: normal;
64    font-display: swap;
65  }
66  @font-face {
67    font-family: 'Ano';
68    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641) format('woff2'),
69      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff?v=128512130195275208821773709641) format('woff'),
70      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.ttf?v=10462471749511937761773709641) format('truetype');
71    font-weight: bold;
72    font-style: normal;
73    font-display: swap;
74  }
75  @font-face {
76    font-family: 'Ano';
77    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff2?v=84787568753283342751773709640) format('woff2'),
78      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff?v=93234225392720856311773709640) format('woff'),
79      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.ttf?v=62444619274782219361773709640) format('truetype');
80    font-weight: 900;
81    font-style: normal;
82    font-display: swap;
83  }
84  @font-face {
85    font-family: 'WindsorEF';
86    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641) format('woff2'),
87      url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff?v=110177191338651977801773709641) format('woff');
88    font-weight: 900;
89    font-style: normal;
90    font-display: swap;
91  }
92  @font-face {
93    font-family: 'WindsorEF';
94    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640) format('woff2'),
95      url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff?v=96714348010265649601773709640) format('woff'),
96      url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.ttf?v=176736781895084021861773709643) format('truetype');
97    font-weight: bold;
98    font-style: normal;
99    font-display: swap;
100  }
101
102  :root {
103
104    --font-weight-body--bold: 700;
105    --font-weight-body--bolder: 700;
106    --font-stack-header: Helvetica, Arial, sans-serif;
107    --font-style-header: normal;
108    --font-weight-header: 700;
109    --font-stack-body: Helvetica, Arial, sans-serif;
110    --font-style-body: normal;
111    --font-weight-body: 400;
112    --font-stack-cart-notification: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
113    --font-size-mobile-input: 16px; /* min 16px to prevent zooming */
114
115    --font-size-base: 15;
116    --font-size-header: 26;
117
118    --font-h1-desktop: 35;
119    --font-h1-mobile: 32;
120    --font-h2-desktop: 20;
121    --font-h2-mobile: 18;
122    --font-h3-mobile: 20;
123    --font-h4-desktop: 17;
124    --font-h4-mobile: 15;
125    --font-h4-min-height-mobile: 11;
126    --font-h5-desktop: 15;
127    --font-h5-mobile: 13;
128    --font-h6-desktop: 14;
129    --font-h6-mobile: 12;
130
131    --font-mega-title-large-desktop: 65;
132
133    --font-rich-text-large: 17;
134    --font-rich-text-small: 13;
135
136    --color-text: #3a3a3a;
137    --color-text-shadow: rgba(0,0,0,0.4);
138    --color-body-text: #333232;
139    --color-sale-text: #fa4545;
140    --color-small-button-text-border: #3a3a3a;
141    --color-text-field: rgba(0,0,0,0);
142    --color-text-field-text: #000000;
143    --color-navigation-text: #3a3a3a;
144
145    --color-btn-primary: #3a3a3a;
146    --color-btn-primary-darken: #212121;
147    --color-btn-primary-transparent: rgba(58, 58, 58, 0.8);
148    --color-btn-primary-text: #ffffff;
149
150    --color-body: #ffffff;
151    --color-bg: #ffffff;
152    --color-drawer-background: rgba(0, 0, 0, 0.6);
153    --color-bg-alt: rgba(51, 50, 50, 0.05);
154
155    --color-link: var(--color-body-text);
156    --opacity-link-hover: 0.6;
157
158    --color-overlay-title-text: #ffffff;
159    --color-image-overlay: #685858;
160    --opacity-image-overlay: 0.4;
161    --hover-overlay-opacity: 0.8;
162
163    --color-text-focus:#606060;
164    --color-overlay-text-focus:#e6e6e6;
165    --color-btn-primary-focus:#606060;
166    --color-btn-social-focus:#d2d2d2;
167    --color-small-button-text-border-focus:#606060;
168    --predictive-search-focus:#e6e6e6;
169
170    --transition-duration-fast: 100ms;
171    --transition-duration: 250ms;
172    --transition-duration-slow: 400ms;
173    --transition-link-hover: var(--transition-duration-fast) cubic-bezier(0.44, 0.13, 
1730.48, 0.87);
174    --transition-drawer: all var(--transition-duration-slow) cubic-bezier(0.29, 0.63, 0.44, 1);
175
176    --color-disabled: #f4f4f4;
177    --color-disabled-border: #f4f4f4;
178    --color-error: #d20000;
179    --color-error-message-list: #651818;
180    --color-error-bg: #fff8f8;
181    --color-success: #1F873D;
182    --color-success-bg: #f8fff9;
183
184    --color-grey: #B5C1BF;
185    --color-dark-green: #14433D;
186
187    --color-border: #ebebeb;
188    --color-border-form: #cccccc;
189    --color-border-form-darken: #b3b3b3;
190
191    --color-form-text: #333;
192    --color-error-input-text: var(--color-error);
193    --input-padding-top-bottom: 10px;
194    --input-padding-left-right: 18px;
195    --input-padding-top-bottom-small: 8px;
196    --input-padding-left-right-small: 15px;
197    --input-group-height: 46px;
198    --input-group-height-small: 42px;
199    --input-border-width: 1px;
200
201    --color-facebook: #3b5998;
202    --color-twitter: #00aced;
203    --color-pinterest: #cb2027;
204
205    --color-slideshow-arrows: #000;
206    --color-slideshow-dots: #fff;
207
208    --width-site: 1200px;
209    --gutter-site: 55px;
210    --gutter-site-mobile: 22px;
211    --section-spacing: 55px;
212    --section-spacing-small: 35px;
213    --border-radius: 2px;
214    --icon-size: 20px;
215    --connected-submit-size: calc(var(--icon-size) * 2.5);
216
217    --footer-spacing-extra-small: 5px;
218    --footer-spacing-small: 15px;
219    --footer-wrapper-spacing: 18px;
220    --footer-hr-bottom-spacing: 20px;
221    --footer-spacing-medium: 25px;
222    --footer-spacing-large: 45px;
223
224    --z-index-base: 1;
225    --z-index-dropdown: 7;
226    --z-index-sub-nav: 8;
227    --z-index-drawer: 9;
228    --z-index-mobile-nav: 11;
229    --z-index-search-bar: 999;
230    --z-index-predictive-search-wrapper: 1000;
231    --z-index-skip-to-content: 10000; /* really high to be safe of app markup */
232
233    --color-giftcard-tooltip-fallback: #333;
234    --color-giftcard-light: #fff;
235    --color-giftcard-tooltip: rgba(0, 0, 0, 0.9);
236    --color-giftcard-disabled: #999;
237    --color-giftcard-small-text: #b3b3b3;
238    --color-giftcard-shadow: rgba(0, 0, 0, 0.1);
239    --color-giftcard-print-bg: #fff;
240    --color-giftcard-print: #000;
241    --color-giftcard-bg: #e95e61;
242    --z-index-giftcard-image: 2;
243    --z-index-giftcard-corners: 3;
244    --z-index-giftcard-tooltip: 4;
245    --z-index-giftcard-code: 5;
246
247    /*================ Product video ================*/
248    /* Create an appropriate poster background color based on background color and brightness */
249    --color-video-bg: #f2f2f2;
250
251    --video-height-small: 475px;
252    --video-height-medium: 650px;
253    --video-height-large: 775px;
254
255    --z-index-video-image: 1;
256    --z-index-video: 2;
257    --z-index-video-text: 3;
258    --z-index-video-controls: 4;
259    --z-index-video-loader: 5;
260
261    --video-button-wrapper-size: 50px;
262    --video-pause-button-size: 34px;
263    --video-close-button-size: 30px;
264    --video-loader-size: 2.875rem;
265
266    --color-video-controls: #fff;
267    --color-video-controls-background: #000;
268
269    --ease-transition: cubic-bezier(0.44, 0.13, 0.48, 0.87);
270    --transition-controls-video: color 0.2s var(--ease-transition), background-color 0.2s var(--ease-transition);
271
272
273
274    --svg-select-icon: url(//drinkolipop.com/cdn/shop/t/1366/assets/ico-select.svg?v=29003672709104678581773709785);
275    --slick-img-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/ajax-loader.gif?v=41356863302472015721773709641);   
276    --home-banner-new-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-banner-new-wave.png?v=1623156746");
277    --home-blue-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-blue-wave.png?v=1773705965");
278    --story-hero-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-hero-wave.png?v=1773706032");
279    --story-mission-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-mission-wave.png?v=1773706074");
280    --home-bluedark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-bluedark-wave.png?v=1773706124");
281    --home-yellowdark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-yellowdark-wave.png?v=1773706165");
282    --check-symbol-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/check-symbol.svg?v=64434976676356328551773709640);
283    --arrow-down-green-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-green.svg?v=150330452122212680781773709642);
284    --arrow-up-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-up-white.svg?v=167673162154222429001773709643);
285    --arrow-down-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-white.svg?v=68322919614181549641773709643);
286    --preview-card-url: url(//drinkolipop.com/cdn/shop/products/1DigitalGiftCard-WEB-080422-AM_200x.png?v=1767277571);
287    --wave-image-curve-up-left: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-left.svg?v=142377189923728873181773709642);
288    --wave-image-curve-up-right: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-right.svg?v=115639462512050186531773709642);
289  }
290
291    
292  .rebuy-cart__flyout-item-discount-message.promo-sidecart {
293    color: #008168
294  }
295</style>
296
297<style>
298  .tippy-box[data-placement^='top'] > .tippy-svg-arrow {
299    bottom: 0;
300  }
301  .tippy-box[data-placement^='top'] > .tippy-svg-arrow:after,
302  .tippy-box[data-placement^='top'] > .tippy-svg-arrow > svg {
303    top: 16px;
304    transform: rotate(180deg);
305  }
306  .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow {
307    top: 0;
308  }
309  .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow > svg {
310    bottom: 16px;
311  }
312  .tippy-box[data-placement^='left'] > .tippy-svg-arrow {
313    right: 0;
314  }
315  .tippy-box[data-placement^='left'] > .tippy-svg-arrow:after,
316  .tippy-box[data-placement^='left'] > .tippy-svg-arrow > svg {
317    transform: rotate(90deg);
318    top: calc(50% - 3px);
319    left: 11px;
320  }
321  .tippy-box[data-placement^='right'] > .tippy-svg-arrow {
322    left: 0;
323  }
324  .tippy-box[data-placement^='right'] > .tippy-svg-arrow:after,
325  .tippy-box[data-placement^='right'] > .tippy-svg-arrow > svg {
326    transform: rotate(-90deg);
327    top: calc(50% - 3px);
328    right: 11px;
329  }
330  .tippy-svg-arrow {
331    width: 16px;
332    height: 16px;
333    fill: #333;
334    text-align: initial;
335  }
336  .tippy-svg-arrow,
337  .tippy-svg-arrow > svg {
338    position: absolute;
339  }
340  .tippy-box[data-animation='fade'][data-state='hidden'] {
341    opacity: 0;
342  }
343  [data-tippy-root] {
344    max-width: calc(100vw - 10px);
345  }
346  .tippy-box {
347    position: relative;
348    background-color: #333;
349    color: #fff;
350    border-radius: 4px;
351    font-size: 14px;
352    line-height: 1.4;
353    white-space: normal;
354    outline: 0;
355    transition-property: transform, visibility, opacity;
356  }
357  .tippy-box[data-placement^='top'] > .tippy-arrow {
358    bottom: 0;
359  }
360  .tippy-box[data-placement^='top'] > .tippy-arrow:before {
361    bottom: -7px;
362    left: 0;
363    border-width: 8px 8px 0;
364    border-top-color: initial;
365    transform-origin: center top;
366  }
367  .tippy-box[data-placement^='bottom'] > .tippy-arrow {
368    top: 0;
369  }
370  .tippy-box[data-placement^='bottom'] > .tippy-arrow:before {
371    top: -7px;
372    left: 0;
373    border-width: 0 8px 8px;
374    border-bottom-color: initial;
375    transform-origin: center bottom;
376  }
377  .tippy-box[data-placement^='left'] > .tippy-arrow {
378    right: 0;
379  }
380  .tippy-box[data-placement^='left'] > .tippy-arrow:before {
381    border-width: 8px 0 8px 8px;
382    border-left-color: initial;
383    right: -7px;
384    transform-origin: center left;
385  }
386  .tippy-box[data-placement^='right'] > .tippy-arrow {
387    left: 0;
388  }
389  .tippy-box[data-placement^='right'] > .tippy-arrow:before {
390    left: -7px;
391    border-width: 8px 8px 8px 0;
392    border-right-color: initial;
393    transform-origin: center right;
394  }
395  .tippy-box[data-inertia][data-state='visible'] {
396    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
397  }
398  .tippy-arrow {
399    width: 16px;
400    height: 16px;
401    color: #333;
402  }
403  .tippy-arrow:before {
404    content: '';
405    position: absolute;
406    border-color: transparent;
407    border-style: solid;
408  }
409  .tippy-content {
410    position: relative;
411    padding: 5px 9px;
412    z-index: 1;
413  }
414
415  .tippy-box,
416  .tippy-content {
417    @apply tw-border-hunter-green tw-bg-hunter-green tw-font-body tw-text-white;
418    font-size: 12px;
419    font-weight: 600 !important;
420    border-radius: 15px !important;
421    background: #14433d;
422  }
423
424  .tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before {
425    border-top-color: #14433d;
426  }
427  .tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before {
428    border-bottom-color: #14433d;
429  }
430  .tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before {
431    border-left-color: #14433d;
432  }
433  .tippy-box[data-theme~='custom'][data-placement^='right'] > .tippy-arrow::before {
434    border-right-color: #14433d;
435  }
436</style>
437
438<style>
439  .slide-loaded img {
440    display: block;
441  }
442</style>
443
444
445<link href="//drinkolipop.com/cdn/shop/t/1366/assets/tailwind.css?v=130264924762967316861787148487" rel="stylesheet" type="text/css" media="all" />
446<link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.css?v=114477275443962221041790797154" rel="stylesheet" type="text/css" media="all" />
447
448    
449  
449<script>
450    window.Shopify = window.Shopify || {theme: {id: 174423703711, role: 'main' } };
451    window._template = {
452      directory: "",
453      name: "collection",
454      suffix: ""
455    };
456  </script>
456<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" async></script>
456
457
458
459    
460
461<script>
462  function getCookie(name) {
463    var dc = document.cookie;
464    var prefix = name + '=';
465    var begin = dc.indexOf('; ' + prefix);
466    if (begin == -1) {
467      begin = dc.indexOf(prefix);
468      if (begin != 0) return null;
469    } else {
470      begin += 2;
471      var end = document.cookie.indexOf(';', begin);
472      if (end == -1) {
473        end = dc.length;
474      }
475    }
476    // because unescape has been deprecated, replaced with decodeURI
477    //return unescape(dc.substring(begin + prefix.length, end));
478    return decodeURI(dc.substring(begin + prefix.length, end));
479  }
480
481  function toggleCart() {
482    var myCookie = getCookie('minicart');
483
484    if (myCookie == null) {
485    } else {
486      document.querySelectorAll('[js-header-cart-toggle]')[0].click();
487      document.cookie = 'minicart=open; max-age=-1; path=/;';
488    }
489  }
490
491  window.onload = toggleCart;
492</script>
492
493
494
495    <meta name="google-site-verification" content="629g7SNvjCz_F6-IHLE0Lgn-c8Wivr46zePptazfpDU">
496    <meta name="google-site-verification" content="RIGsAM1gz6RkUJV0cpvpleCzCBKvBdiyRF5vjkg555I">
497    <meta charset="utf-8">
498    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
499    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
500    <meta name="theme-color" content="#3a3a3a">
501    <meta name="facebook-domain-verification" content="pybjwio482kbh6cnks3fufwjx6jg1y">
502    <link rel="canonical" href="https://drinkolipop.com/collections/shop-9g-fiber">
503    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
504    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642" as="font" type="font/woff2" crossorigin>
505    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641" as="font" type="font/woff2" crossorigin>
506    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641" as="font" type="font/woff2" crossorigin>
507    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640" as="font" type="font/woff2" crossorigin>
508
509    
510    
511<link rel="shortcut icon" href="//drinkolipop.com/cdn/shop/files/favicon_32x32.png?v=1613174610" type="image/png"><title>OLIPOP 9g Fiber Line</title>
512
513<meta name="description" content="Our original, refrigerated formula with a higher-fiber option for those looking to get more out of every sip.">
514<!-- /snippets/social-meta-tags.liquid -->
515
516
517
518
519
520
521
522<meta property="og:site_name" content="OLIPOP">
523<meta property="og:url" content="https://drinkolipop.com/collections/shop-9g-fiber"><meta property="og:title" content="9g Fiber">
524<meta property="og:type" content="product.group">
525<meta property="og:description" content="Our original, refrigerated formula with a higher-fiber option for those looking to get more out of every sip.">
526
527
528
529
530
531  <meta name="twitter:site" content="@drinkolipop">
532
533<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="9g Fiber">
534<meta name="twitter:description" content="Our original, refrigerated formula with a higher-fiber option for those looking to get more out of every sip.">
535
536<link href="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641" as="script" rel="preload">
537    <link href="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" as="script" rel="preload">
538    <link href="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" as="script" rel="preload">
539    <link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" as="script" rel="preload">
540
541    
541<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641"></script>
541
542    
542<script src="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" async="async"></script>
542
543    
543<script src="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" async="async"></script>
543
544    
544<script src="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" defer="defer"></script>
544
545
546    
547
548
549
550  
551
552
553  
554
555  
556  
557
558
559<style data-shopify>
560  :root{
561    --flavor-color-overlay: ;
562    --flavor-color-100: ;
563    --flavor-color-200: ;
564    --flavor-color-300: ;
565    
566    --flavor-color-selector: ;
567    
568  }
569</style>
570
571
572    <link
573      rel="preload"
574      href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"
575      as="style"
576      onload="this.onload=null;this.rel='stylesheet'"
577    >
578    <noscript>
579      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css">
580    </noscript>
581
582    
583
584    
584<script>
585  var theme = {
586    breakpoints: {
587      medium: 750,
588      large: 990,
589      widescreen: 1400
590    },
591    strings: {
592      addToCart: "Add to Cart",
593      soldOut: "Sold out",
594      unavailable: "Unavailable",
595      regularPrice: "Regular price",
596      salePrice: "Sale price",
597      sale: "Sale",
598      fromLowestPrice: "Translation missing: en.products.product.from_lowest_price",
599      vendor: "Vendor",
600      showMore: "Show More",
601      showLess: "Show Less",
602      searchFor: "Search for",
603      addressError: "Error looking up that address",
604      addressNoResults: "No results for that address",
605      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.",
606      authError: "There was a problem authenticating your Google Maps account.",
607      newWindow: "Opens in a new window.",
608      external: "Opens external website.",
609      newWindowExternal: "Opens external website in a new window.",
610      removeLabel: "Remove [product]",
611      update: "Update",
612      quantity: "Quantity",
613      discountedTotal: "Discounted total",
614      regularTotal: "Regular total",
615      priceColumn: "See Price column for discount details.",
616      quantityMinimumMessage: "Quantity must be 1 or more",
617      cartError: "There was an error while updating your cart. Please try again.",
618      removedItemMessage: "Removed \u003cspan class=\"cart__removed-product-details\"\u003e([quantity]) [link]\u003c\/span\u003e from your cart.",
619      unitPrice: "Unit price",
620      unitPriceSeparator: "per",
621      oneCartCount: "1 item",
622      otherCartCount: "[count] items",
623      quantityLabel: "Quantity: [count]",
624      products: "Products",
625      loading: "Loading",
626      number_of_results: "[result_number] of [results_count]",
627      number_of_results_found: "[results_count] results found",
628      one_result_found: "1 result found"
629    },
630    moneyFormat: "${{amount}}",
631    moneyFormatWithCurrency: "${{amount}} USD",
632    settings: {
633      predictiveSearchEnabled: true,
634      predictiveSearchShowPrice: false,
635      predictiveSearchShowVendor: false
636    }
637  }
638
639  document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
640</script>
640
641
642
643    
644  
644<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
644<meta name="google-site-verification" content="AyZS0I17j-RAsaWg3fqLOEn7aOAY0CZl3vMq1XulJa8">
645<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/3466100806/digital_wallets/dialog">
646<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">
647<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/shop-9g-fiber.atom" />
648<link rel="alternate" type="application/json+oembed" href="https://drinkolipop.com/collections/shop-9g-fiber.oembed">
649<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5986484383"></script>
649
650<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
651<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 651
651
652<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 652
652
653<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 653
653
654<script>var Shopify = Shopify || {};
655Shopify.shop = "olipop-store.myshopify.com";
656Shopify.locale = "en";
657Shopify.currency = {"active":"USD","rate":"1.0"};
658Shopify.country = "US";
659Shopify.theme = {"name":"Production | ehouse","id":174423703711,"schema_name":"Olipop","schema_version":"1.0","theme_store_id":null,"role":"main"};
660Shopify.theme.handle = "null";
661Shopify.theme.style = {"id":null,"handle":null};
662Shopify.cdnHost = "drinkolipop.com/cdn";
663Shopify.routes = Shopify.routes || {};
664Shopify.routes.root = "/";
665Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
666Shopify.SignInWithShop = Shopify.SignInWithShop || {};
667Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
668Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 668
668
669<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 669
669
670<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 670
670
671<script>
672  window.ShopifyPay = window.ShopifyPay || {};
673  window.ShopifyPay.apiHost = "shop.app\/pay";
674  window.ShopifyPay.redirectState = null;
675</script>
vendor: 1 bytes, line 675
675
676<script>
677  window.Shopify = window.Shopify || {};
678  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
679  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
680  window.Shopify.SignInWithShop.eligible = true;
681</script>
vendor: 1 bytes, line 681
681
682<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 682
682
683<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 683
683
684<script type="module">
685  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
686
687  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
688
689</script>
vendor: 1 bytes, line 689
689
690<script>
691  window.Shopify = window.Shopify || {};
692  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
693  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"]};
694</script>
vendor: 1 bytes, line 694
694
695<script>(function() {
696  var isLoaded = false;
697  function asyncLoad() {
698    if (isLoaded) return;
699    isLoaded = true;
700    var urls = ["\/\/www.powr.io\/powr.js?powr-token=olipop-store.myshopify.com\u0026external-type=shopify\u0026shop=olipop-store.myshopify.com","https:\/\/superfiliate-cdn.com\/storefront.js?shop=olipop-store.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCBRTCW1BSVKV4RDGWD144S?source=shopify1click\u0026shop=olipop-store.myshopify.com","https:\/\/bundle.dyn-rev.app\/loader.js?g_cvt_id=606b3ec6-434e-4406-977a-2f31d50b593d\u0026shop=olipop-store.myshopify.com","\/\/cdn.shopify.com\/proxy\/7977e5caf48a8fd2886cb5ce33b3bc6fa81e666114b459b42428caf354afed59\/apps.bazaarvoice.com\/deployments\/olipop\/main_site\/production\/en_US\/bv.js?shop=olipop-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/services.nofraud.com\/js\/device.js?shop=olipop-store.myshopify.com","https:\/\/shopify-extension.getredo.com\/main.js?widget_id=jmio6aqkm5hqvde\u0026shop=olipop-store.myshopify.com","\/\/backinstock.useamp.com\/widget\/18397_1783059051.js?category=bis\u0026v=6\u0026shop=olipop-store.myshopify.com"];
701    for (var i = 0; i < urls.length; i++) {
702      var s = document.createElement('script');
703      s.type = 'text/javascript';
704      s.async = true;
705      s.src = urls[i];
706      var x = document.getElementsByTagName('script')[0];
707      x.parentNode.insertBefore(s, x);
708    }
709  };
710  if(window.attachEvent) {
711    window.attachEvent('onload', asyncLoad);
712  } else {
713    window.addEventListener('load', asyncLoad, false);
714  }
715})();</script>
vendor: 1 bytes, line 715
715
716<script id="__st">var __st={"a":3466100806,"offset":-25200,"reqid":"20224f21-9933-4a69-992b-4355250241fe-1790917212","pageurl":"drinkolipop.com\/collections\/shop-9g-fiber","u":"f70ba207fff7","p":"collection","rtyp":"collection","rid":641654685855};</script>
vendor: 1 bytes, line 716
716
717<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 717
717
718<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 718
718
719<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 719
719
720<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>
720<script crossorigin="anonymous" defer="defer" src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 720
720
721<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 721
721
722<script>
723  window.Shopify = window.Shopify || {};
724  window.Shopify.MCP = window.Shopify.MCP || {};
725  window.Shopify.MCP.enabled = true;
726  window.Shopify.MCP.shop = "olipop-store.myshopify.com";
727  window.Shopify.MCP.mcpEndpoint = "https:\/\/drinkolipop.com\/api\/mcp";
728  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"]}}];
729</script>
vendor: 1 bytes, line 729
729
730<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=");})();
731</script>
vendor: 1 bytes, line 731
731
732<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)}};
733</script>
vendor: 1 bytes, line 733
733
734<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
735  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);
736</script>
vendor: 1 bytes, line 736
736
737<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})}}));
738</script>
738
739<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">
740<style id="shopify-accelerated-checkout-cart">
741        #shopify-buyer-consent {
742  margin-top: 1em;
743  display: inline-block;
744  width: 100%;
745}
746
747#shopify-buyer-consent.hidden {
748  display: none;
749}
750
751#shopify-subscription-policy-button {
752  background: none;
753  border: none;
754  padding: 0;
755  text-decoration: underline;
756  font-size: inherit;
757  cursor: pointer;
758}
759
760#shopify-subscription-policy-button::before {
761  box-shadow: none;
762}
763
764      </style>
765
766<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
766
767  
768
769
770
771
772
773  
773<script type="text/javascript">
774    
775      window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}};
776    
777    window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || {
778      currency: "USD",
779      currency_symbol: "$",
780      decimal_separator: ".",
781      thousands_separator: ",",
782      decimal_places: 2,
783      currency_symbol_location: "left"
784    };
785  </script>
785
786
787
788
789    
790    
791
792<script type="text/javascript">
793  
794    window.SHG_CUSTOMER = null;
795  
796</script>
796
797
798
799
800
801
802
803
804    
804<script type="text/javascript">
805  (function (a, b, c, d, e, f, g) {
806    e['ire_o'] = c;
807    e[c] =
808      e[c] ||
809      function () {
810        (e[c].a = e[c].a || []).push(arguments);
811      };
812    f = d.createElement(b);
813    g = d.getElementsByTagName(b)[0];
814    f.async = 1;
815    f.src = a;
816    g.parentNode.insertBefore(f, g);
817  })('https://utt.impactcdn.com/A2662258-414b-48e3-94ab-d5cc41204ee91.js', 'script', 'ire', document, window);
818</script>
818
819
820    
821
822
823    
824
825<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js"></script>
825
826
827<script type="text/javascript">
828  var _learnq = _learnq || [];
829
830  
831    var page_item = {
832      "Page": "olipop-9g-fiber-line",
833      "Path": "/collections/shop-9g-fiber"
834    };
835    _learnq.push(["track", "Viewed Page", page_item]);
836
837  
838</script>
838
839
840
841    
842
843    
844
845    
846
847    
848    
849    
850      
850<script src="https://shop.basketful.co/basketful.js" defer async></script>
850
851    
852    
852<script src="//drinkolipop.com/cdn/shop/t/1366/assets/manifest.min.js?v=124651888751126447011773709641" type="text/javascript"></script>
vendor: 1 bytes, line 852
852
853<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.min.js?v=32262416620800875671773709641" type="text/javascript"></script>
vendor: 1 bytes, line 853
853
854<script src="//drinkolipop.com/cdn/shop/t/1366/assets/app.min.js?v=89531106029643191081787148487" type="text/javascript"></script>
854
855
856    
857  
857<script type="text/javascript">
858    (function (c, l, a, r, i, t, y) {
859      c[a] =
860        c[a] ||
861        function () {
862          (c[a].q = c[a].q || []).push(arguments);
863        };
864      t = l.createElement(r);
865      t.async = 1;
866      t.src = 'https://www.clarity.ms/tag/' + i;
867      y = l.getElementsByTagName(r)[0];
868      y.parentNode.insertBefore(t, y);
869    })(window, document, 'clarity', 'script', 'm5uhteaodo');
870  </script>
870
871
872
873    
874  
874<script type="text/javascript" async="true" src="https://d334twvzz0qrmj.cloudfront.net/70a0ac8d.js"></script>
874
875  
875<script>
876    document.addEventListener('DOMContentLoaded', () => {
877      if (window?.gtag) {
878        window.gtag('event', 'BrandlockTest', { bl_ea: 'BrandlockTest', bl_el: 'BrandlockTest' });
879        window.gtag('event', 'BrandlockTest', { bl_ea: 'HijackShopper-ON', bl_el: 'Test' });
880      }
881    });
882  </script>
882
883
884
885    
886<!-- BEGIN app block: shopify://apps/intelligems-a-b-testing/blocks/intelligems-script/fa83b64c-0c77-4c0c-b4b2-b94b42f5ef19 -->
886<script>
887  window._template = {
888    directory: "",
889    name: "collection",
890    suffix: ""
891  };
892  window.__productIdFromTemplate = null;
893  window.__plpCollectionIdFromTemplate = 641654685855;
894  window.igProductData = (function() {
895    const data = {};data["10910759354527"] = {
896          productId: 10910759354527,
897          handle: "caramel-apple",
898          tags: [],
899          collectionIds: [641654685855,290783363231,290552184991,264194719903,301283410079,294313492639,300700958879,641687879839],
900          inventory: 15140,
901          lowestVariantPrice: 3599
902        };data["5871016640671"] = {
903          productId: 5871016640671,
904          handle: "blackberry-vanilla",
905          tags: [],
906          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,641688699039,300700958879,280185536671],
907          inventory: 36881,
908          lowestVariantPrice: 3599
909        };data["7478573498527"] = {
910          productId: 7478573498527,
911          handle: "crisp-apple",
912          tags: ["upc-850027702193"],
913          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,640712409247,280185536671],
914          inventory: 74144,
915          lowestVariantPrice: 3599
916        };data["6866436948127"] = {
917          productId: 6866436948127,
918          handle: "classic-grape",
919          tags: ["upc-860003223390"],
920          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671],
921          inventory: 43035,
922          lowestVariantPrice: 3599
923        };data["4350717460544"] = {
924          productId: 4350717460544,
925          handle: "classic-root-beer",
926          tags: ["spo-enabled","upc-860439001067"],
927          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671],
928          inventory: 41848,
929          lowestVariantPrice: 3599
930        };data["3818023125062"] = {
931          productId: 3818023125062,
932          handle: "vintage-cola",
933          tags: ["upc-860439001005"],
934          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,640712409247,280185536671],
935          inventory: 44151,
936          lowestVariantPrice: 3599
937        };data["7413651636383"] = {
938          productId: 7413651636383,
939          handle: "cream-soda",
940          tags: ["upc-850027702186"],
941          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640798195871,640796360863,300700958879,275530711199,640712409247,280185536671],
942          inventory: 62355,
943          lowestVariantPrice: 3599
944        };data["3818021027910"] = {
945          productId: 3818021027910,
946          handle: "strawberry-vanilla",
947          tags: ["product::strawberry-vanilla","spo-disabled","upc-860439001012"],
948          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671],
949          inventory: 86031,
950          lowestVariantPrice: 3599
951        };data["7502145421471"] = {
952          productId: 7502145421471,
953          handle: "cherry-cola",
954          tags: ["upc-850027702261"],
955          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640798195871,640796360863,300700958879,275530711199,640712409247,280185536671],
956          inventory: 49257,
957          lowestVariantPrice: 3599
958        };data["6604538577055"] = {
959          productId: 6604538577055,
960          handle: "orange-cream",
961          tags: [],
962          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640798195871,640796360863,300700958879,275530711199,280185536671],
963          inventory: 50198,
964          lowestVariantPrice: 3599
965        };data["9247375851679"] = {
966          productId: 9247375851679,
967          handle: "peaches-and-cream",
968          tags: [],
969          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671],
970          inventory: 41427,
971          lowestVariantPrice: 3599
972        };data["9038878015647"] = {
973          productId: 9038878015647,
974          handle: "ginger-ale",
975          tags: [],
976          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,640712409247,280185536671],
977          inventory: 31440,
978          lowestVariantPrice: 3599
979        };data["5538631712927"] = {
980          productId: 5538631712927,
981          handle: "orange-squeeze",
982          tags: ["spo-enabled","upc-860439001081"],
983          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,280185536671],
984          inventory: 49568,
985          lowestVariantPrice: 3599
986        };data["9407865061535"] = {
987          productId: 9407865061535,
988          handle: "citrus-rush",
989          tags: [],
990          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,640712409247,280185536671],
991          inventory: 13990,
992          lowestVariantPrice: 3599
993        };data["7413651832991"] = {
994          productId: 7413651832991,
995          handle: "doctor-goodwin",
996          tags: ["rebuy-30-off","upc-850027702209"],
997          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671,301084442783],
998          inventory: 28280,
999          lowestVariantPrice: 3599
1000        };data["4452820189248"] = {
1001          productId: 4452820189248,
1002          handle: "cherry-vanilla",
1003          tags: ["spo-enabled","upc-860003223307"],
1004          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,280185536671],
1005          inventory: 7799,
1006          lowestVariantPrice: 3599
1007        };data["3818021912646"] = {
1008          productId: 3818021912646,
1009          handle: "ginger-lemon",
1010          tags: ["spo-disabled","upc-860439001029"],
1011          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671],
1012          inventory: 18413,
1013          lowestVariantPrice: 3599
1014        };data["7323931246751"] = {
1015          productId: 7323931246751,
1016          handle: "tropical-punch",
1017          tags: ["spo-enabled","upc-850027702049"],
1018          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671],
1019          inventory: 32890,
1020          lowestVariantPrice: 3599
1021        };data["7612616376479"] = {
1022          productId: 7612616376479,
1023          handle: "lemon-lime",
1024          tags: ["Faire-Lemon-Lime","rebuy-30-off","upc-850027702285"],
1025          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671,301084442783],
1026          inventory: 24206,
1027          lowestVariantPrice: 3599
1028        };data["7682917990559"] = {
1029          productId: 7682917990559,
1030          handle: "watermelon-lime",
1031          tags: ["upc-850027702360"],
1032          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671],
1033          inventory: 16758,
1034          lowestVariantPrice: 3599
1035        };data["7401847029919"] = {
1036          productId: 7401847029919,
1037          handle: "banana-cream",
1038          tags: ["upc-85002770224"],
1039          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671],
1040          inventory: 23159,
1041          lowestVariantPrice: 3599
1042        };return data;
1043  })();
1044</script>
1044
1045
1046<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" data-em-disable async></script>
1046
1047
1048
1049<!-- END app block --><!-- BEGIN app block: shopify://apps/keepcart-coupon-protect/blocks/keepcart/6c9b264a-3284-48f2-a6f6-2836be6ada2a -->
1050
1051
1052
1053
1054<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/vars.generated.js" defer="defer"></script>
1054
1055
1056  
1056<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-catalog.min.js" defer="defer"></script>
1056
1057
1058<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-deferred.min.js" defer="defer"></script>
1058
1059
1060
1061  <style>
1062    #kc-discount-banner {
1063      
1064        --kc-banner-bg: #1a1a1a;
1065      
1066      
1067        --kc-banner-color: #f5f5f5;
1068      
1069      --kc-banner-font-size: 15px;
1070      --kc-banner-font: Helvetica, Arial, sans-serif;
1071    }
1072    
1073  </style>
1074  
1074<script>
1075    window.__KC_BANNER_CONFIG__ = {
1076      position: "bottom",
1077      autoHide: 7,
1078      animate: true,
1079      message: "Discount [code] applied - [value] off your order!"
1080    };
1081  </script>
1081
1082
1083
1084
1085<!-- END app block --><!-- BEGIN app block: shopify://apps/wyllo-formerly-nofraud/blocks/nf_device/5c2706cf-d458-49c5-a6fa-4fb6b79ce2b4 -->
1085<script async src="https://services.nofraud.com/js/device.js?shop=olipop-store.myshopify.com" type="application/javascript"></script>
1085
1086
1087
1088<!-- 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 />
1089<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
1090<script>
1091/* >> TriplePixel :: start*/
1092window.TriplePixelData={TripleName:"olipop-store.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{  }},search:"",collection:"641654685855",cart:"",template:"collection",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);
1093/* << TriplePixel :: end*/
1094</script>
1094
1095
1096
1097
1098<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 -->
1099
1100
1101
1102<script type="module" dynamic>
1103  const configUrl = "/a/elevar/static/configs/3bd4c3efadb9bd7b389600baaae057f8a9972102/config.js";
1104  const config = (await import(configUrl)).default;
1105  const scriptUrl = config.script_src_app_theme_embed;
1106
1107  if (scriptUrl) {
1108    const { handler } = await import(scriptUrl);
1109
1110    await handler(
1111      config,
1112      {
1113        cartData: {
1114  marketId: "3724869791",
1115  localeCountryCode:"US",
1116  attributes:{},
1117  cartTotal: "0.0",
1118  currencyCode:"USD",
1119  items: []
1120}
1121,
1122        user: {
1123  cartTotal: "0.0",
1124  currencyCode:"USD",
1125  customer: {},
1126}
1127,
1128        isOnCartPage:false,
1129        collectionView:{
1130    currencyCode:"USD",
1131    items: [{id:"OP-CRA-12",name:"Caramel Apple",
1132          brand:"OLIPOP",
1133          category:"9g Fiber",
1134          variant:"12 Pack",
1135          price: "35.99",
1136          productId: "10910759354527",
1137          variantId: "62787700621471",
1138          handle:"caramel-apple",
1139          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1788145122"},{id:"OP-BBV-12",name:"Blackberry Vanilla",
1140          brand:"OLIPOP",
1141          category:"9g Fiber",
1142          variant:"12 Pack",
1143          price: "35.99",
1144          productId: "5871016640671",
1145          variantId: "37114287784095",
1146          handle:"blackberry-vanilla",
1147          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162450"},{id:"OP-CA-12",name:"Crisp Apple",
1148          brand:"OLIPOP",
1149          category:"9g Fiber",
1150          variant:"12 Pack",
1151          price: "35.99",
1152          productId: "7478573498527",
1153          variantId: "42468536975519",
1154          handle:"crisp-apple",
1155          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/crisp-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163593"},{id:"OP-GR-12",name:"Classic Grape",
1156          brand:"OLIPOP",
1157          category:"9g Fiber",
1158          variant:"12 Pack",
1159          price: "35.99",
1160          productId: "6866436948127",
1161          variantId: "40304921542815",
1162          handle:"classic-grape",
1163          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-grape-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163040"},{id:"OP-RB-12",name:"Classic Root Beer",
1164          brand:"OLIPOP",
1165          category:"9g Fiber",
1166          variant:"12 Pack",
1167          price: "35.99",
1168          productId: "4350717460544",
1169          variantId: "31199447679040",
1170          handle:"classic-root-beer",
1171          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161742"},{id:"OP-VC-12",name:"Vintage Cola",
1172          brand:"OLIPOP",
1173          category:"9g Fiber",
1174          variant:"12 Pack",
1175          price: "35.99",
1176          productId: "3818023125062",
1177          variantId: "30315238260806",
1178          handle:"vintage-cola",
1179          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/vintage-cola-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161590"},{id:"OP-CS-12",name:"Cream Soda",
1180          brand:"OLIPOP",
1181          category:"9g Fiber",
1182          variant:"12 Pack",
1183          price: "35.99",
1184          productId: "7413651636383",
1185          variantId: "42284980666527",
1186          handle:"cream-soda",
1187          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/cream-soda-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163263"},{id:"OP-SV-12",name:"Strawberry Vanilla",
1188          brand:"OLIPOP",
1189          category:"9g Fiber",
1190          variant:"12 Pack",
1191          price: "35.99",
1192          productId: "3818021027910",
1193          variantId: "30315220959302",
1194          handle:"strawberry-vanilla",
1195          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?v=1779161007"},{id:"OP-CHC-12",name:"Cherry Cola",
1196          brand:"OLIPOP",
1197          category:"9g Fiber",
1198          variant:"12 Pack",
1199          price: "35.99",
1200          productId: "7502145421471",
1201          variantId: "42533620777119",
1202          handle:"cherry-cola",
1203          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?v=1779163770"},{id:"OP-OC-12",name:"Orange Cream",
1204          brand:"OLIPOP",
1205          category:"9g Fiber",
1206          variant:"12 Pack",
1207          price: "35.99",
1208          productId: "6604538577055",
1209          variantId: "39569001578655",
1210          handle:"orange-cream",
1211          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162789"},{id:"OP-PC-12",name:"Peaches \u0026 Cream",
1212          brand:"OLIPOP",
1213          category:"9g Fiber",
1214          variant:"12 Pack",
1215          price: "35.99",
1216          productId: "9247375851679",
1217          variantId: "45259076501663",
1218          handle:"peaches-and-cream",
1219          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779165117"},{id:"OP-GA-12",name:"Ginger Ale",
1220          brand:"OLIPOP",
1221          category:"9g Fiber",
1222          variant:"12 Pack",
1223          price: "35.99",
1224          productId: "9038878015647",
1225          variantId: "44438423208095",
1226          handle:"ginger-ale",
1227          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-ale-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779164857"},{id:"OP-OS-12",name:"Orange Squeeze",
1228          brand:"OLIPOP",
1229          category:"9g Fiber",
1230          variant:"12 Pack",
1231          price: "35.99",
1232          productId: "5538631712927",
1233          variantId: "35768781111455",
1234          handle:"orange-squeeze",
1235          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162264"},{id:"OP-RR-12",name:"Citrus Rush",
1236          brand:"OLIPOP",
1237          category:"9g Fiber",
1238          variant:"12 Pack",
1239          price: "35.99",
1240          productId: "9407865061535",
1241          variantId: "46054342066335",
1242          handle:"citrus-rush",
1243          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/citrus-rush-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779196248"},{id:"OP-DG-12",name:"Doctor Goodwin",
1244          brand:"OLIPOP",
1245          category:"9g Fiber",
1246          variant:"12 Pack",
1247          price: "35.99",
1248          productId: "7413651832991",
1249          variantId: "42284985188511",
1250          handle:"doctor-goodwin",
1251          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163486"},{id:"OP-CV-12",name:"Cherry Vanilla",
1252          brand:"OLIPOP",
1253          category:"9g Fiber",
1254          variant:"12 Pack",
1255          price: "35.99",
1256          productId: "4452820189248",
1257          variantId: "31667872464960",
1258          handle:"cherry-vanilla",
1259          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162208"},{id:"OP-GL-12",name:"Ginger Lemon",
1260          brand:"OLIPOP",
1261          category:"9g Fiber",
1262          variant:"12 Pack",
1263          price: "35.99",
1264          productId: "3818021912646",
1265          variantId: "30315236851782",
1266          handle:"ginger-lemon",
1267          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161268"},{id:"OP-TP-12",name:"Tropical Punch",
1268          brand:"OLIPOP",
1269          category:"9g Fiber",
1270          variant:"12 Pack",
1271          price: "35.99",
1272          productId: "7323931246751",
1273          variantId: "41922380824735",
1274          handle:"tropical-punch",
1275          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/tropical-punch-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163155"},{id:"OP-LL-12",name:"Lemon Lime",
1276          brand:"OLIPOP",
1277          category:"9g Fiber",
1278          variant:"12 Pack",
1279          price: "35.99",
1280          productId: "7612616376479",
1281          variantId: "42897487429791",
1282          handle:"lemon-lime",
1283          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/lemon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163931"},{id:"OP-WL-12",name:"Watermelon Lime",
1284          brand:"OLIPOP",
1285          category:"9g Fiber",
1286          variant:"12 Pack",
1287          price: "35.99",
1288          productId: "7682917990559",
1289          variantId: "43069390880927",
1290          handle:"watermelon-lime",
1291          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/products\/Olipop_WL_Can_front_1.png?v=1745469054"},{id:"OP-BC-12",name:"Banana Cream",
1292          brand:"OLIPOP",
1293          category:"9g Fiber",
1294          variant:"12 Pack",
1295          price: "35.99",
1296          productId: "7401847029919",
1297          variantId: "42237531390111",
1298          handle:"banana-cream",
1299          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779155708"},]
1300  },
1301        searchResultsView:null,
1302        productView:null,
1303      }
1304    );
1305  }
1306</script>
1306
1307
1308
1309<!-- END app block --><!-- BEGIN app block: shopify://apps/videowise-video-commerce/blocks/script_embed/b48d6c0c-3e3f-4791-a9ab-a5ab7ec82f4d -->
1310
1311
1312
1313
1314<link
1315  rel="preload"
1316  as="style"
1317  onload="this.onload=null;this.rel='stylesheet'"
1318  href="https://assets.videowise.com/style.css.gz"
1319  id="videowise-style-css">
1320<script
1321  defer
1322  src="https://assets.videowise.com/vendors.js.gz"
1323  id="videowise-vendors-js"></script>
vendor: 1 bytes, line 1323
1323
1324<script
1325  defer
1326  src="https://assets.videowise.com/client.js.gz"
1327  id="videowise-client-js"></script>
1327
1328
1329<link rel="dns-prefetch" href="https://assets.videowise.com/" />
1330
1331<link rel="dns-prefetch" href="https://cdn2.videowise.com/" />
1332
1333<link rel="dns-prefetch" href="https://api-cdn.videowise.com/" />
1334
1335<link rel="dns-prefetch" href="https://images.videowise.com/" />
1336
1337<link rel="dns-prefetch" href="https://cdn.videowise.com/" />
1338
1339<!-- END app block --><!-- BEGIN app block: shopify://apps/attributepro/blocks/cart_attributes/e1a73f15-800a-4f25-9c6e-952ac434f07b -->
vendor: 7,991 bytes, lines 1339-1341
1339<script>
1340var xhook=function(){"use strict";const e=(e,t)=>Array.prototype.slice.call(e,t);let t=null;"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?t=self:"undefined"!=typeof global?t=global:window&&(t=window);const n=t,o=t.document,r=["load","loadend","loadstart"],s=["progress","abort","error","timeout"],a=e=>["returnValue","totalSize","position"].includes(e),i=function(e,t){for(let n in e){if(a(n))continue;const o=e[n];try{t[n]=o}catch(e){}}return t},c=function(e,t,n){const o=e=>function(o){const r={};for(let e in o){if(a(e))continue;const s=o[e];r[e]=s===t?n:s}return n.dispatchEvent(e,r)};for(let r of Array.from(e))n._has(r)&&(t[`on${r}`]=o(r))},u=function(e){if(o&&null!=o.createEventObject){const t=o.createEventObject();return t.type=e,t}try{return new Event(e)}catch(t){return{type:e}}},l=function(t){let n={};const o=e=>n[e]||[],r={addEventListener:function(e,t,r){n[e]=o(e),n[e].indexOf(t)>=0||(r=void 0===r?n[e].length:r,n[e].splice(r,0,t))},removeEventListener:function(e,t){if(void 0===e)return void(n={});void 0===t&&(n[e]=[]);const r=o(e).indexOf(t);-1!==r&&o(e).splice(r,1)},dispatchEvent:function(){const n=e(arguments),s=n.shift();t||(n[0]=i(n[0],u(s)),Object.defineProperty(n[0],"target",{writable:!1,value:this}));const a=r[`on${s}`];a&&a.apply(r,n);const c=o(s).concat(o("*"));for(let e=0;e<c.length;e++){c[e].apply(r,n)}},_has:e=>!(!n[e]&&!r[`on${e}`])};return t&&(r.listeners=t=>e(o(t)),r.on=r.addEventListener,r.off=r.removeEventListener,r.fire=r.dispatchEvent,r.once=function(e,t){var n=function(){return r.off(e,n),t.apply(null,arguments)};return r.on(e,n)},r.destroy=()=>n={}),r};var f=function(e,t){switch(typeof e){case"object":return n=e,Object.entries(n).map((([e,t])=>`${e.toLowerCase()}: ${t}`)).join("\r\n");case"string":return function(e,t){const n=e.split("\r\n");null==t&&(t={});for(let e of n)if(/([^:]+):\s*(.+)/.test(e)){const e=null!=RegExp.$1?RegExp.$1.toLowerCase():void 0,n=RegExp.$2;null==t[e]&&(t[e]=n)}return t}(e,t)}var n;return[]};const d=l(!0),p=e=>void 0===e?null:e,h=n.XMLHttpRequest,y=function(){const e=new h,t={};let n,o,a,u=null;var y=0;const v=function(){if(a.status=u||e.status,-1!==u&&(a.statusText=e.statusText),-1===u);else{const t=f(e.getAllResponseHeaders());for(let e in t){const n=t[e];if(!a.headers[e]){const t=e.toLowerCase();a.headers[t]=n}}}},b=function(){x.status=a.status,x.statusText=a.statusText},g=function(){n||x.dispatchEvent("load",{}),x.dispatchEvent("loadend",{}),n&&(x.readyState=0)},E=function(e){for(;e>y&&y<4;)x.readyState=++y,1===y&&x.dispatchEvent("loadstart",{}),2===y&&b(),4===y&&(b(),"text"in a&&(x.responseText=a.text),"xml"in a&&(x.responseXML=a.xml),"data"in a&&(x.response=a.data),"finalUrl"in a&&(x.responseURL=a.finalUrl)),x.dispatchEvent("readystatechange",{}),4===y&&(!1===t.async?g():setTimeout(g,0))},m=function(e){if(4!==e)return void E(e);const n=d.listeners("after");var o=function(){if(n.length>0){const e=n.shift();2===e.length?(e(t,a),o()):3===e.length&&t.async?e(t,a,o):o()}else E(4)};o()};var x=l();t.xhr=x,e.onreadystatechange=function(t){try{2===e.readyState&&v()}catch(e){}4===e.readyState&&(o=!1,v(),function(){if(e.responseType&&"text"!==e.responseType)"document"===e.responseType?(a.xml=e.responseXML,a.data=e.responseXML):a.data=e.response;else{a.text=e.responseText,a.data=e.responseText;try{a.xml=e.responseXML}catch(e){}}"responseURL"in e&&(a.finalUrl=e.responseURL)}()),m(e.readyState)};const w=function(){n=!0};x.addEventListener("error",w),x.addEventListener("timeout",w),x.addEventListener("abort",w),x.addEventListener("progress",(function(t){y<3?m(3):e.readyState<=3&&x.dispatchEvent("readystatechange",{})})),"withCredentials"in e&&(x.withCredentials=!1),x.status=0;for(let e of Array.from(s.concat(r)))x[`on${e}`]=null;if(x.open=function(e,r,s,i,c){y=0,n=!1,o=!1,t.headers={},t.headerNames={},t.status=0,t.method=e,t.url=r,t.async=!1!==s,t.user=i,t.pass=c,a={},a.headers={},m(1)},x.send=function(n){let u,l;for(u of["type","timeout","withCredentials"])l="type"===u?"responseType":u,l in x&&(t[u]=x[l]);t.body=n;const f=d.listeners("before");var p=function(){if(!f.length)return function(){for(u of(c(s,e,x),x.upload&&c(s.concat(r),e.upload,x.upload),o=!0,e.open(t.method,t.url,t.async,t.user,t.pass),["type","timeout","withCredentials"]))l="type"===u?"responseType":u,u in t&&(e[l]=t[u]);for(let n in t.headers){const o=t.headers[n];n&&e.setRequestHeader(n,o)}e.send(t.body)}();const n=function(e){if("object"==typeof e&&("number"==typeof e.status||"number"==typeof a.status))return i(e,a),"data"in e||(e.data=e.response||e.text),void m(4);p()};n.head=function(e){i(e,a),m(2)},n.progress=function(e){i(e,a),m(3)};const d=f.shift();1===d.length?n(d(t)):2===d.length&&t.async?d(t,n):n()};p()},x.abort=function(){u=-1,o?e.abort():x.dispatchEvent("abort",{})},x.setRequestHeader=function(e,n){const o=null!=e?e.toLowerCase():void 0,r=t.headerNames[o]=t.headerNames[o]||e;t.headers[r]&&(n=t.headers[r]+", "+n),t.headers[r]=n},x.getResponseHeader=e=>p(a.headers[e?e.toLowerCase():void 0]),x.getAllResponseHeaders=()=>p(f(a.headers)),e.overrideMimeType&&(x.overrideMimeType=function(){e.overrideMimeType.apply(e,arguments)}),e.upload){let e=l();x.upload=e,t.upload=e}return x.UNSENT=0,x.OPENED=1,x.HEADERS_RECEIVED=2,x.LOADING=3,x.DONE=4,x.response="",x.responseText="",x.responseXML=null,x.readyState=0,x.statusText="",x};y.UNSENT=0,y.OPENED=1,y.HEADERS_RECEIVED=2,y.LOADING=3,y.DONE=4;var v={patch(){h&&(n.XMLHttpRequest=y)},unpatch(){h&&(n.XMLHttpRequest=h)},Native:h,Xhook:y};function b(e,t,n,o){return new(n||(n=Promise))((function(r,s){function a(e){try{c(o.next(e))}catch(e){s(e)}}function i(e){try{c(o.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,i)}c((o=o.apply(e,t||[])).next())}))}const g=n.fetch;function E(e){return e instanceof Headers?m([...e.entries()]):Array.isArray(e)?m(e):e}function m(e){return e.reduce(((e,[t,n])=>(e[t]=n,e)),{})}const x=function(e,t={headers:{}}){let n=Object.assign(Object.assign({},t),{isFetch:!0});if(e instanceof Request){const o=function(e){let t={};return["method","headers","body","mode","credentials","cache","redirect","referrer","referrerPolicy","integrity","keepalive","signal","url"].forEach((n=>t[n]=e[n])),t}(e),r=Object.assign(Object.assign({},E(o.headers)),E(n.headers));n=Object.assign(Object.assign(Object.assign({},o),t),{headers:r,acceptedRequest:!0})}else n.url=e;const o=d.listeners("before"),r=d.listeners("after");return new Promise((function(t,s){let a=t;const i=function(e){if(!r.length)return a(e);const t=r.shift();return 2===t.length?(t(n,e),i(e)):3===t.length?t(n,e,i):i(e)},c=function(e){if(void 0!==e){const n=new Response(e.body||e.text,e);return t(n),void i(n)}u()},u=function(){if(!o.length)return void l();const e=o.shift();return 1===e.length?c(e(n)):2===e.length?e(n,c):void 0},l=()=>b(this,void 0,void 0,(function*(){const{url:t,isFetch:o,acceptedRequest:r}=n,c=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}(n,["url","isFetch","acceptedRequest"]);return e instanceof Request&&c.body instanceof ReadableStream&&(c.body=yield new Response(c.body).text()),g(t,c).then((e=>i(e))).catch((function(e){return a=s,i(e),s(e)}))}));u()}))};var w={patch(){g&&(n.fetch=x)},unpatch(){g&&(n.fetch=g)},Native:g,Xhook:x};const O=d;return O.EventEmitter=l,O.before=function(e,t){if(e.length<1||e.length>2)throw"invalid hook";return O.on("before",e,t)},O.after=function(e,t){if(e.length<2||e.length>3)throw"invalid hook";return O.on("after",e,t)},O.enable=function(){v.patch(),w.patch()},O.disable=function(){v.unpatch(),w.unpatch()},O.XMLHttpRequest=v.Native,O.fetch=w.Native,O.headers=f,O.enable(),O}();
1341</script>
vendor: 1 bytes, line 1341
1341
vendor: 14,012 bytes, lines 1342-1790
1342<script>
1343;(function(root, factory) {
1344  if (typeof define === "function" && define.amd) {
1345    define(factory);
1346  } else if (typeof exports === "object") {
1347    module.exports = factory();
1348  } else {
1349    root.jsonLogic = factory();
1350  }
1351}(this, function() {
1352  "use strict";
1353  /* globals console:false */
1354
1355  if ( ! Array.isArray) {
1356    Array.isArray = function(arg) {
1357      return Object.prototype.toString.call(arg) === "[object Array]";
1358    };
1359  }
1360
1361  /**
1362   * Return an array that contains no duplicates (original not modified)
1363   * @param  {array} array   Original reference array
1364   * @return {array}         New array with no duplicates
1365   */
1366  function arrayUnique(array) {
1367    var a = [];
1368    for (var i=0, l=array.length; i<l; i++) {
1369      if (a.indexOf(array[i]) === -1) {
1370        a.push(array[i]);
1371      }
1372    }
1373    return a;
1374  }
1375
1376  var jsonLogic = {};
1377  var operations = {
1378    "==": function(a, b) {
1379      return a == b;
1380    },
1381    "===": function(a, b) {
1382      return a === b;
1383    },
1384    "!=": function(a, b) {
1385      return a != b;
1386    },
1387    "!==": function(a, b) {
1388      return a !== b;
1389    },
1390    ">": function(a, b) {
1391      return a > b;
1392    },
1393    ">=": function(a, b) {
1394      return a >= b;
1395    },
1396    "<": function(a, b, c) {
1397      return (c === undefined) ? a < b : (a < b) && (b < c);
1398    },
1399    "<=": function(a, b, c) {
1400      return (c === undefined) ? a <= b : (a <= b) && (b <= c);
1401    },
1402    "!!": function(a) {
1403      return jsonLogic.truthy(a);
1404    },
1405    "!": function(a) {
1406      return !jsonLogic.truthy(a);
1407    },
1408    "%": function(a, b) {
1409      return a % b;
1410    },
1411    "log": function(a) {
1412      console.log(a); return a;
1413    },
1414    "in": function(a, b) {
1415      if (!b || typeof b.indexOf === "undefined") return false;
1416      return (b.indexOf(a) !== -1);
1417    },
1418    "cat": function() {
1419      return Array.prototype.join.call(arguments, "");
1420    },
1421    "substr": function(source, start, end) {
1422      if (end < 0) {
1423        // JavaScript doesn't support negative end, this emulates PHP behavior
1424        var temp = String(source).substr(start);
1425        return temp.substr(0, temp.length + end);
1426      }
1427      return String(source).substr(start, end);
1428    },
1429    "+": function() {
1430      return Array.prototype.reduce.call(arguments, function(a, b) {
1431        return parseFloat(a, 10) + parseFloat(b, 10);
1432      }, 0);
1433    },
1434    "*": function() {
1435      return Array.prototype.reduce.call(arguments, function(a, b) {
1436        return parseFloat(a, 10) * parseFloat(b, 10);
1437      });
1438    },
1439    "-": function(a, b) {
1440      if (b === undefined) {
1441        return -a;
1442      } else {
1443        return a - b;
1444      }
1445    },
1446    "/": function(a, b) {
1447      return a / b;
1448    },
1449    "min": function() {
1450      return Math.min.apply(this, arguments);
1451    },
1452    "max": function() {
1453      return Math.max.apply(this, arguments);
1454    },
1455    "merge": function() {
1456      return Array.prototype.reduce.call(arguments, function(a, b) {
1457        return a.concat(b);
1458      }, []);
1459    },
1460    "var": function(a, b) {
1461      var not_found = (b === undefined) ? null : b;
1462      var data = this;
1463      if (typeof a === "undefined" || a==="" || a===null) {
1464        return data;
1465      }
1466      var sub_props = String(a).split(".");
1467      for (var i = 0; i < sub_props.length; i++) {
1468        if (data === null || data === undefined) {
1469          return not_found;
1470        }
1471        // Descending into data
1472        data = data[sub_props[i]];
1473        if (data === undefined) {
1474          return not_found;
1475        }
1476      }
1477      return data;
1478    },
1479    "missing": function() {
1480      /*
1481      Missing can receive many keys as many arguments, like {"missing:[1,2]}
1482      Missing can also receive *one* argument that is an array of keys,
1483      which typically happens if it's actually acting on the output of another command
1484      (like 'if' or 'merge')
1485      */
1486
1487      var missing = [];
1488      var keys = Array.isArray(arguments[0]) ? arguments[0] : arguments;
1489
1490      for (var i = 0; i < keys.length; i++) {
1491        var key = keys[i];
1492        var value = jsonLogic.apply({"var": key}, this);
1493        if (value === null || value === "") {
1494          missing.push(key);
1495        }
1496      }
1497
1498      return missing;
1499    },
1500    "missing_some": function(need_count, options) {
1501      // missing_some takes two arguments, how many (minimum) items must be present, and an array of keys (just like 'missing') to check for presence.
1502      var are_missing = jsonLogic.apply({"missing": options}, this);
1503
1504      if (options.length - are_missing.length >= need_count) {
1505        return [];
1506      } else {
1507        return are_missing;
1508      }
1509    },
1510  };
1511
1512  jsonLogic.is_logic = function(logic) {
1513    return (
1514      typeof logic === "object" && // An object
1515      logic !== null && // but not null
1516      ! Array.isArray(logic) && // and not an array
1517      Object.keys(logic).length === 1 // with exactly one key
1518    );
1519  };
1520
1521  /*
1522  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.
1523
1524  Spec and rationale here: http://jsonlogic.com/truthy
1525  */
1526  jsonLogic.truthy = function(value) {
1527    if (Array.isArray(value) && value.length === 0) {
1528      return false;
1529    }
1530    return !! value;
1531  };
1532
1533
1534  jsonLogic.get_operator = function(logic) {
1535    return Object.keys(logic)[0];
1536  };
1537
1538  jsonLogic.get_values = function(logic) {
1539    return logic[jsonLogic.get_operator(logic)];
1540  };
1541
1542  jsonLogic.apply = function(logic, data) {
1543    // Does this array contain logic? Only one way to find out.
1544    if (Array.isArray(logic)) {
1545      return logic.map(function(l) {
1546        return jsonLogic.apply(l, data);
1547      });
1548    }
1549    // You've recursed to a primitive, stop!
1550    if ( ! jsonLogic.is_logic(logic) ) {
1551      return logic;
1552    }
1553
1554    var op = jsonLogic.get_operator(logic);
1555    var values = logic[op];
1556    var i;
1557    var current;
1558    var scopedLogic;
1559    var scopedData;
1560    var initial;
1561
1562    // easy syntax for unary operators, like {"var" : "x"} instead of strict {"var" : ["x"]}
1563    if ( ! Array.isArray(values)) {
1564      values = [values];
1565    }
1566
1567    // 'if', 'and', and 'or' violate the normal rule of depth-first calculating consequents, let each manage recursion as needed.
1568    if (op === "if" || op == "?:") {
1569      /* 'if' should be called with a odd number of parameters, 3 or greater
1570      This works on the pattern:
1571      if( 0 ){ 1 }else{ 2 };
1572      if( 0 ){ 1 }else if( 2 ){ 3 }else{ 4 };
1573      if( 0 ){ 1 }else if( 2 ){ 3 }else if( 4 ){ 5 }else{ 6 };
1574
1575      The implementation is:
1576      For pairs of values (0,1 then 2,3 then 4,5 etc)
1577      If the first evaluates truthy, evaluate and return the second
1578      If the first evaluates falsy, jump to the next pair (e.g, 0,1 to 2,3)
1579      given one parameter, evaluate and return it. (it's an Else and all the If/ElseIf were false)
1580      given 0 parameters, return NULL (not great practice, but there was no Else)
1581      */
1582      for (i = 0; i < values.length - 1; i += 2) {
1583        if ( jsonLogic.truthy( jsonLogic.apply(values[i], data) ) ) {
1584          return jsonLogic.apply(values[i+1], data);
1585        }
1586      }
1587      if (values.length === i+1) {
1588        return jsonLogic.apply(values[i], data);
1589      }
1590      return null;
1591    } else if (op === "and") { // Return first falsy, or last
1592      for (i=0; i < values.length; i+=1) {
1593        current = jsonLogic.apply(values[i], data);
1594        if ( ! jsonLogic.truthy(current)) {
1595          return current;
1596        }
1597      }
1598      return current; // Last
1599    } else if (op === "or") {// Return first truthy, or last
1600      for (i=0; i < values.length; i+=1) {
1601        current = jsonLogic.apply(values[i], data);
1602        if ( jsonLogic.truthy(current) ) {
1603          return current;
1604        }
1605      }
1606      return current; // Last
1607    } else if (op === "filter") {
1608      scopedData = jsonLogic.apply(values[0], data);
1609      scopedLogic = values[1];
1610
1611      if ( ! Array.isArray(scopedData)) {
1612        return [];
1613      }
1614      // Return only the elements from the array in the first argument,
1615      // that return truthy when passed to the logic in the second argument.
1616      // For parity with JavaScript, reindex the returned array
1617      return scopedData.filter(function(datum) {
1618        return jsonLogic.truthy( jsonLogic.apply(scopedLogic, datum));
1619      });
1620    } else if (op === "map") {
1621      scopedData = jsonLogic.apply(values[0], data);
1622      scopedLogic = values[1];
1623
1624      if ( ! Array.isArray(scopedData)) {
1625        return [];
1626      }
1627
1628      return scopedData.map(function(datum) {
1629        return jsonLogic.apply(scopedLogic, datum);
1630      });
1631    } else if (op === "reduce") {
1632      scopedData = jsonLogic.apply(values[0], data);
1633      scopedLogic = values[1];
1634      initial = typeof values[2] !== "undefined" ? values[2] : null;
1635
1636      if ( ! Array.isArray(scopedData)) {
1637        return initial;
1638      }
1639
1640      return scopedData.reduce(
1641        function(accumulator, current) {
1642          return jsonLogic.apply(
1643            scopedLogic,
1644            {current: current, accumulator: accumulator}
1645          );
1646        },
1647        initial
1648      );
1649    } else if (op === "all") {
1650      scopedData = jsonLogic.apply(values[0], data);
1651      scopedLogic = values[1];
1652      // All of an empty set is false. Note, some and none have correct fallback after the for loop
1653      if ( ! Array.isArray(scopedData) || ! scopedData.length) {
1654        return false;
1655      }
1656      for (i=0; i < scopedData.length; i+=1) {
1657        if ( ! jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) {
1658          return false; // First falsy, short circuit
1659        }
1660      }
1661      return true; // All were truthy
1662    } else if (op === "none") {
1663      scopedData = jsonLogic.apply(values[0], data);
1664      scopedLogic = values[1];
1665
1666      if ( ! Array.isArray(scopedData) || ! scopedData.length) {
1667        return true;
1668      }
1669      for (i=0; i < scopedData.length; i+=1) {
1670        if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) {
1671          return false; // First truthy, short circuit
1672        }
1673      }
1674      return true; // None were truthy
1675    } else if (op === "some") {
1676      scopedData = jsonLogic.apply(values[0], data);
1677      scopedLogic = values[1];
1678
1679      if ( ! Array.isArray(scopedData) || ! scopedData.length) {
1680        return false;
1681      }
1682      for (i=0; i < scopedData.length; i+=1) {
1683        if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) {
1684          return true; // First truthy, short circuit
1685        }
1686      }
1687      return false; // None were truthy
1688    }
1689
1690    // Everyone else gets immediate depth-first recursion
1691    values = values.map(function(val) {
1692      return jsonLogic.apply(val, data);
1693    });
1694
1695
1696    // The operation is called with "data" bound to its "this" and "values" passed as arguments.
1697    // Structured commands like % or > can name formal arguments while flexible commands (like missing or merge) can operate on the pseudo-array arguments
1698    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments
1699    if (operations.hasOwnProperty(op) && typeof operations[op] === "function") {
1700      return operations[op].apply(data, values);
1701    } else if (op.indexOf(".") > 0) { // Contains a dot, and not in the 0th position
1702      var sub_ops = String(op).split(".");
1703      var operation = operations;
1704      for (i = 0; i < sub_ops.length; i++) {
1705        if (!operation.hasOwnProperty(sub_ops[i])) {
1706          throw new Error("Unrecognized operation " + op +
1707            " (failed at " + sub_ops.slice(0, i+1).join(".") + ")");
1708        }
1709        // Descending into operations
1710        operation = operation[sub_ops[i]];
1711      }
1712
1713      return operation.apply(data, values);
1714    }
1715
1716    throw new Error("Unrecognized operation " + op );
1717  };
1718
1719  jsonLogic.uses_data = function(logic) {
1720    var collection = [];
1721
1722    if (jsonLogic.is_logic(logic)) {
1723      var op = jsonLogic.get_operator(logic);
1724      var values = logic[op];
1725
1726      if ( ! Array.isArray(values)) {
1727        values = [values];
1728      }
1729
1730      if (op === "var") {
1731        // This doesn't cover the case where the arg to var is itself a rule.
1732        collection.push(values[0]);
1733      } else {
1734        // Recursion!
1735        values.forEach(function(val) {
1736          collection.push.apply(collection, jsonLogic.uses_data(val) );
1737        });
1738      }
1739    }
1740
1741    return arrayUnique(collection);
1742  };
1743
1744  jsonLogic.add_operation = function(name, code) {
1745    operations[name] = code;
1746  };
1747
1748  jsonLogic.rm_operation = function(name) {
1749    delete operations[name];
1750  };
1751
1752  jsonLogic.rule_like = function(rule, pattern) {
1753    // console.log("Is ". JSON.stringify(rule) . " like " . JSON.stringify(pattern) . "?");
1754    if (pattern === rule) {
1755      return true;
1756    } // TODO : Deep object equivalency?
1757    if (pattern === "@") {
1758      return true;
1759    } // Wildcard!
1760    if (pattern === "number") {
1761      return (typeof rule === "number");
1762    }
1763    if (pattern === "string") {
1764      return (typeof rule === "string");
1765    }
1766    if (pattern === "array") {
1767      // !logic test might be superfluous in JavaScript
1768      return Array.isArray(rule) && ! jsonLogic.is_logic(rule);
1769    }
1770
1771    if (jsonLogic.is_logic(pattern)) {
1772      if (jsonLogic.is_logic(rule)) {
1773        var pattern_op = jsonLogic.get_operator(pattern);
1774        var rule_op = jsonLogic.get_operator(rule);
1775
1776        if (pattern_op === "@" || pattern_op === rule_op) {
1777          // echo "\nOperators match, go deeper\n";
1778          return jsonLogic.rule_like(
1779            jsonLogic.get_values(rule, false),
1780            jsonLogic.get_values(pattern, false)
1781          );
1782        }
1783      }
1784      return false; // pattern is logic, rule isn't, can't be eq
1785    }
1786
1787    if (Array.isArray(pattern)) {
1788      if (Array.isArray(rule)) {
1789        if (pattern.length !== rule.length) {
1790          return false;
1791        }
1792        /*
1793          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)
1794        */
1795        for (var i = 0; i < pattern.length; i += 1) {
1796          // If any fail, we fail
1797          if ( ! jsonLogic.rule_like(rule[i], pattern[i])) {
1798            return false;
1799          }
1800        }
1801        return true; // If they *all* passed, we pass
1802      } else {
1803        return false; // Pattern is array, rule isn't
1804      }
1805    }
1806
1807    // Not logic, not array, not a === match for rule.
1808    return false;
1809  };
1810
1811  return jsonLogic;
1812}));
1813</script>
1813<!-- BEGIN app snippet: properties_mapping -->
1813<script>
1814const ap_Config = {
1815    page_title: "OLIPOP 9g Fiber Line",
1816    cart: {
1817      checkout_charge_amount: 0,
1818      item_count: 0,
1819      note: null,
1820      total_discount: 0,
1821      total_price: 0,
1822    },
1823    date: new Date().toISOString().split('T')[0],
1824    date_time: new Date().toISOString(),
1825    localization : {
1826      country: {
1827        iso_code: "US",
1828        currency: {
1829          symbol: "$"
1830        }
1831      },
1832      market: {
1833        handle: 'us',
1834        id: 3724869791
1835      }
1836    },
1837    customer: {
1838      b2b: null,
1839      current_company: {        
1840        name: null      
1841      },
1842      email: null,
1843      last_order: {
1844        id: null
1845      }
1846    },
1847    shop: {
1848      address:{
1849        address1: "360 Grand Ave #259",
1850        address2: "",
1851        city: "Oakland",
1852        country: "United States",
1853        province: "California",
1854        province_code: "CA",
1855      }
1856    },
1857}
1858</script>
1858<!-- END app snippet -->
1858<script type="module">
1859  const ROOT_URL = typeof window.Shopify.routes.root == "undefined" ? "/" : window.Shopify.routes.root;
1860  const getInterpolatedValue = (value) => {
1861    if(!window.cartAttributesConfig.isUltimate) return value;
1862    const tagPattern = /\{\{([^\}]+)\}\}/g;
1863    let interpolatedValue = value;
1864    let match;
1865    while ((match = tagPattern.exec(value)) !== null) {
1866      const path = match[1].trim().split('.');
1867      let context = ap_Config;
1868      for (const segment of path) {
1869        console.log("segment", segment);
1870        if (context.hasOwnProperty(segment)) {
1871          context = context[segment];
1872        } else {
1873          console.error(`Path segment '${segment}' not found in context.`);
1874          context = undefined;
1875          break;
1876        }
1877      }
1878      if (context !== undefined) {
1879        interpolatedValue = interpolatedValue.replace(new RegExp(match[0].replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), context);
1880      }
1881    }
1882    return interpolatedValue;
1883  }
1884
1885  
1886  
1887    console.log("Not ultimate");
1888  
1889  window.cartAttributesConfig = {
1890    
1891    
1892    metaobjects: [],
1893  }
1894  let FLAG = false
1895
1896  let logCart = false
1897
1898  const customerCountry = "US"
1899  const market = 3724869791
1900  
1901
1902  xhook.after(async function (request, response) {
1903    if (!request.url.toString().match(/cart\/add/) && !request.url.toString().match(/cart\/change/)) return
1904    if (FLAG === true) return
1905    if (!window.cartAttributesConfig.metaobjects?.length) return
1906    if (response.status === 200){
1907      const ATTRIBUTES = {};
1908      const MODIFIED_ITEMS = new Set(); // Track which items were actually modified by rules
1909      const PRODUCT_ATTRIBUTES = {};
1910      let cart = await fetch(window.origin + "/cart.json").then(res => res.json());
1911      for(const {id, properties} of cart.items) {
1912        PRODUCT_ATTRIBUTES[id] = properties;
1913      }
1914      const productsInCartReq = cart.items.map(async (item) => await fetch(window.origin + `/products/${item.handle}.json`).then(res => res.json()) );
1915      const productsInCart = await Promise.all(productsInCartReq);
1916      const tagsInCart = productsInCart.map(product => product.product.tags.split(", ")).flat();
1917
1918      const collectionsInCart = []
1919
1920      window.cartAttributesConfig.metaobjects?.forEach((metaobject, i) => {
1921
1922        if (metaobject.debug) {
1923          console.log("TAGS in cart: ", tagsInCart);
1924          console.log("COLLECTIONS in cart: ", collectionsInCart);
1925          console.log("Cart pre_script")
1926          console.log(cart)
1927
1928          metaobject.debug && console.log(metaobject);
1929          logCart = true;
1930        }
1931
1932        if (metaobject.active == true) {
1933          metaobject.debug && console.log(metaobject.title + " is included in the textArea");
1934          const cartWithAdditionalFields = {
1935            ...cart,
1936            tagsInCart: tagsInCart,
1937            collectionsInCart: collectionsInCart,
1938            customerCountry: customerCountry,
1939            market: `gid://shopify/Market/${market}`
1940        }
1941          // If rule truthy
1942          if (window.jsonLogic.apply(metaobject.rules, cartWithAdditionalFields)) {
1943            metaobject.debug && console.log("Rule is truthy. We're adding its attributes");
1944
1945            if (metaobject.target !== "product") { // Add Cart attr
1946              metaobject.attributes.forEach(a => {
1947                let interpolatedValue = getInterpolatedValue(a.value)
1948                ATTRIBUTES[a.key] = interpolatedValue;
1949              });
1950            }
1951
1952            if (metaobject.target !== "cart") { // Add Product attr
1953              console.log("This is our metaobject and its products: ", metaobject);
1954
1955              const project_attr = {};
1956              metaobject.attributes.forEach(a => {
1957                let interpolatedValue = getInterpolatedValue(a.value)
1958                project_attr[a.key] = interpolatedValue;
1959              });
1960              metaobject.products.forEach(product => {
1961                const id = product.id.split("/").at(-1);
1962                PRODUCT_ATTRIBUTES[id] = { ...PRODUCT_ATTRIBUTES[id], ...project_attr };
1963                MODIFIED_ITEMS.add(id);
1964              });
1965            }
1966
1967          // If rule not truthy
1968          } else {
1969            metaobject.debug && console.log("Rule is not truthy. We're invalidating its attributes");
1970
1971            if (metaobject.target !== "product") { //Cleanup for Cart
1972              metaobject.attributes.forEach((a, i) => {
1973                if (cart.attributes[a.key] !== undefined && !metaobject.keep) {
1974                  ATTRIBUTES[a.key] = null;
1975                }
1976              });
1977            }
1978
1979
1980            else if (metaobject.target !== "cart" && !metaobject.keep) { //Cleanup for Products
1981
1982              metaobject.products.forEach(product => {
1983                const id = product.id.split("/").at(-1);
1984                metaobject.attributes.forEach(a => {
1985                  if (PRODUCT_ATTRIBUTES[id]?.[a.key] !== undefined) {
1986                    delete PRODUCT_ATTRIBUTES[id][a.key];
1987                    MODIFIED_ITEMS.add(id);
1988                  }
1989                });
1990              });
1991
1992            }
1993
1994          }
1995        }
1996        metaobject.debug && console.log("Cart attributes to push: ", ATTRIBUTES);
1997        if(metaobject.debug){
1998          console.log(i+1+"* METAOBJ ATTRIBUTES: ", JSON.parse(JSON.stringify(PRODUCT_ATTRIBUTES)));
1999        }
2000      });
2001
2002      // Only send /cart/change.js for items that were actually modified by rules
2003      // AND whose desired properties differ from what's already on the cart line
2004      const itemsToUpdate = cart.items.filter(item => {
2005        if (!MODIFIED_ITEMS.has(String(item.id))) return false;
2006        const desired = PRODUCT_ATTRIBUTES[item.id] || {};
2007        const current = item.properties || {};
2008        // Check if every desired key/value already matches the current properties
2009        const desiredKeys = Object.keys(desired);
2010        const currentKeys = Object.keys(current);
2011        if (desiredKeys.length !== currentKeys.length) return true;
2012        for (const key of desiredKeys) {
2013          if (String(desired[key]) !== String(current[key])) return true;
2014        }
2015        return false; // All properties already match, no need to update
2016      });
2017      if (itemsToUpdate.length > 0) {
2018        FLAG = true;
2019        await Promise.all(itemsToUpdate.map(item => {
2020          const attributes = PRODUCT_ATTRIBUTES[item.id];
2021          return fetch(ROOT_URL + "cart/change.js", {
2022            method: 'POST',
2023            headers: {
2024              'Content-Type': 'application/json'
2025            },
2026            body: JSON.stringify({
2027              id: item.key,
2028              properties: attributes,
2029              quantity: item.quantity
2030            })
2031          }).catch(err => console.error(err));
2032        }));
2033        FLAG = false;
2034      }
2035
2036      // Only send /cart/update.js when we actually have attributes to set/clear
2037      const hasCartAttributes = Object.keys(ATTRIBUTES).length > 0;
2038      if (hasCartAttributes) {
2039        fetch(ROOT_URL + 'cart/update.js', {
2040          method: 'POST',
2041          headers: {
2042            'Content-Type': 'application/json'
2043          },
2044          body: JSON.stringify({attributes: ATTRIBUTES})
2045        })
2046        .then((res) => res.json())
2047        .then(data => {
2048          logCart && console.log("cartResult",data);
2049          return data
2050        })
2051        .catch((error) => {
2052          console.error('Error:', error);
2053        });
2054      }
2055
2056    }
2057  });
2058</script>
2058
2059
2060
2061
2062<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
2063
2064
2065
2066
2067
2068
2069
2070
2071
2072
2073
2074
2075  
2075<script async src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js?company_id=PbvgDc"></script>
2075
2076  
2076<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>
2076
2077
2078  
2079
2080
2081
2082
2083  
2083<script>
2084    window.klaviyoReviewsProductDesignMode = false
2085  </script>
2085
2086
2087
2088
2089
2090
2091
2092
2093
2094
2095<!-- 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">
2096<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Website_-_Social_-_Share_-_V1.png?v=1639521624" />
2097<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" />
2098<meta property="og:image:width" content="2400" />
2099<meta property="og:image:height" content="1256" />
2100<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2101<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: "collection"};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 2101
2101
2102<script>
2103  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
2104</script>
vendor: 1 bytes, line 2104
2104
2105<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}
2105).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 3466100806,storefrontBaseUrl: "https://drinkolipop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://drinkolipop.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"901611679","configuration":"{\"pixelCode\":\"C4AK431U9OSI64EC9TKG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"887685279","configuration":"{\"advertiser\":\"drinkolipop\",\"userId\":\"161265b2-c678-45dd-8b10-b16b276c7094\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1cebf922bdc3d51912d7eaa3af89b41d","type":"APP","apiClientId":39871250433,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"883064991","configuration":"{\"tenantId\":\"dfb51de3-94ea-4014-9527-37b52b8377ea\", \"shop\":\"olipop-store.myshopify.com\", \"datasourceId\":\"613a349b-c3fe-459e-a8c2-74250377f6c7\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"480ec4c467668a19b56bc858d759ef88","type":"APP","apiClientId":4294333,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
2105,"dataSharingState":"unrestricted"},{"id":"855900319","configuration":"{\"Enabled\":\"false\",\"UpdatedAt\":\"2026-05-28T20:32:13.756Z\",\"DeveloperPreview\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7913f49eba866a6cbbe1bb85b5400251","type":"APP","apiClientId":34646425601,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"844464287","configuration":"{\"trackingKey\":\"olipop-store-stayai-web-pixel\",\"enabled\":\"true\",\"collectorUrl\":\"https:\\\/\\\/pixel.retextion.com\",\"version\":\"1\",\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"94457fdfcf80b0033e88e322893e2b49","type":"APP","apiClientId":5859381,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"843415711","configuration":"{\"config_url\": \"https:\/\/shopify-gtm-suite.getelevar.com\/configs\/3bd4c3efadb9bd7b389600baaae057f8a9972102\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7ae63d00911d5ee26809bf1e3232d852","type":"APP","apiClientId":2509311,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"795934879","configuration":"{\"accountID\":\"PbvgDc\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"746881183","configuration":"{\"accountID\":\"1552\",\"micrositeDomain\":\"drinkolipop.superfiliate.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9fae8f5cb0b9c97477ac364bb3772a0c","type":"APP","apiClientId":4862993,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"740360351","configuration":"{\"shopUrl\":\"olipop-store.myshopify.com\",\"apiUrl\":\"https:\\\/\\\/services.nofraud.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0cf396a0daab06a8120b15747f89a0e3","type":"APP","apiClientId":1380557,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"651690143","configuration":"{\"shopId\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"601063583","configuration":"{\"accountID\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f89c26283dd9bc8e535e14315f3aed","type":"APP","apiClientId":198303350785,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"566689951","configuration":"{\"shopID\":\"3466100806\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"661cb915019a6836503f79bf7365ed06","type":"APP","apiClientId":37840257025,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"562888863","configuration":"{\"locale\":\"en_US\",\"client\":\"olipop\",\"environment\":\"production\",\"deployment_zone\":\"main_site\",\"use_external_ids\":\"false\",\"use_variants\":\"false\",\"external_id_attribute\":\"default\",\"storefront_api_key\":\"none\",\"product_metafield_key\":\"none\",\"product_metafield_namespace\":\"none\",\"multi_locale_enabled\":\"false\",\"locale_mapping\":\"{}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"bf601cbef12079fa1ab77422415f1989","type":"APP","apiClientId":1888040,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"306348191","configuration":"{\"site_id\":\"18c223ec-1eb0-462b-ae0c-008c2e8cc450\",\"analytics_endpoint\"
2105:\"https:\\\/\\\/na.shgcdn3.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"695709fc3f146fa50a25299517a954f2","type":"APP","apiClientId":1158168,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"216826015","configuration":"{\"pixel_id\":\"452900448865909\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"113672351","configuration":"{\"tagID\":\"2612465282190\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"44695711","configuration":"{\"shopId\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31536d5a2ef62c1887054e49fd58dba0","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"33783967","configuration":"{\"campaignID\":\"12980\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/b01a0964f6e01eccad6be51da55ef1e9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4d2ae310e7f99f154f33560b5c81cfa9","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"26509471","configuration":"{\"myshopifyDomain\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"16089247","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ORION"},{"id":"22773919","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Microsoft Clarity"},{"id":"30048415","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"BrandLock Supplementary Pixel"},{"id":"33226911","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Videowise Pixel"},{"id":"143556767","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Reddit Pixel"}
2105,{"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":"
210510910759354527","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":"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":"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":"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":"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":"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":"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}]}],"purchasingCompany":null},},"https://drinkolipop.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"174423703711","themePublished":"true","eventMetadataId":"6f3e6446-08d8-4fed-bcba-2b684ff9c8d2","pageType":"collection","resourceId":"641654685855","shopId":"3466100806","storefrontBaseUrl":"https:\/\/drinkolipop.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"641654685855\",\"title\":\"9g Fiber\",\"productVariants\":[{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Caramel Apple\",\"vendor\":\"OLIPOP\",\"id\":\"10910759354527\",\"untranslatedTitle\":\"Caramel Apple\",\"url\":\"\/products\/caramel-apple\",\"type\":\"9g Fiber\"},\"id\":\"62787700588703\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1788145122\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Blackberry Vanilla\",\"vendor\":\"OLIPOP\",\"id\":\"5871016640671\",\"untranslatedTitle\":\"Blackberry Vanilla\",\"url\":\"\/products\/blackberry-vanilla\",\"type\":\"9g Fiber\"},\"id\":\"62826927587487\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162450\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Crisp Apple\",\"vendor\":\"OLIPOP\",\"id\":\"7478573498527\",\"untranslatedTitle\":\"Crisp Apple\",\"url\":\"\/products\/crisp-apple\",\"type\":\"9g Fiber\"},\"id\":\"62455896703135\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/crisp-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163593\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Classic Grape\",\"vendor\":\"OLIPOP\",\"id\":\"6866436948127\",\"untranslatedTitle\":\"Classic Grape\",\"url\":\"\/products\/classic-grape\",\"type\":\"9g Fiber\"},\"id\":\"62455895720095\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-grape-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163040\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Classic Root Beer\",\"vendor\":\"OLIPOP\",\"id\":\"4350717460544\",\"untranslatedTitle\":\"Classic Root Beer\",\"url\":\"\/products\/classic-root-beer\",\"type\":\"9g Fiber\"},\"id\":\"62455896539295\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161742\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Vintage Cola\",\"vendor\":\"OLIPOP\",\"id\":\"3818023125062\",\"untranslatedTitle\":\"Vintage Cola\",\"url\":\"\/products\/vintage-cola\",\"type\":\"9g Fiber\"},\"id\":\"62455936123039\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/vintage-cola-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161590\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cream Soda\",\"vendor\":\"OLIPOP\",\"id\":\"7413651636383\",\"untranslatedTitle\":\"Cream Soda\",\"url\":\"\/products\/cream-soda\",\"type\":\"9g Fiber\"},\"id\":\"62455900995743\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/cream-soda-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163263\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Strawberry Vanilla\",\"vendor\":\"OLIPOP\",\"id\":\"3818021027910\",\"untranslatedTitle\":\"Strawberry Vanilla\",\"url\":\"\/products\/strawberry-vanilla\",\"type\":\"9g Fiber\"},\"id\":\"62455931535519\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?v=1779161007\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cherry Cola\",\"vendor\":\"OLIPOP\",\"id\":\"7502145421471\",\"untranslatedTitle\":\"Cherry Cola\",\"url\":\"\/products\/cherry-cola\",\"type\":\"9g Fiber\"},\"id\":\"62455884611743\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?v=1779163770\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Orange Cream\",\"vendor\":\"OLIPOP\",\"id\":\"6604538577055\",\"untranslatedTitle\":\"Orange Cream\",\"url\":\"\/products\/orange-cream\",\"type\":\"9g Fiber\"},\"id\":\"62455923474591\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162789\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Peaches \u0026 Cream\",\"vendor\":\"OLIPOP\",\"id\":\"9247375851679\",\"untranslatedTitle\":\"Peaches \u0026 Cream\",\"url\":\"\/products\/peaches-and-cream\",\"type\":\"9g Fiber\"},\"id\":\"62455929503903\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779165117\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Ginger Ale\",\"vendor\":\"OLIPOP\",\"id\":\"9038878015647\",\"untranslatedTitle\":\"Ginger Ale\",\"url\":\"\/products\/ginger-ale\",\"type\":\"9g Fiber\"},\"id\":\"62455920001183\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-ale-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779164857\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Orange Squeeze\",\"vendor\":\"OLIPOP\",\"id\":\"5538631712927\",\"untranslatedTitle\":\"Orange Squeeze\",\"url\":\"\/products\/orange-squeeze\",\"type\":\"9g Fiber\"},\"id\":\"62455928127647\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162264\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Citrus Rush\",\"vendor\":\"OLIPOP\",\"id\":\"9407865061535\",\"untranslatedTitle\":\"Citrus Rush\",\"url\":\"\/products\/citrus-rush\",\"type\":\"9g Fiber\"},\"id\":\"62455931175071\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/citrus-rush-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779196248\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Doctor Goodwin\",\"vendor\":\"OLIPOP\",\"id\":\"7413651832991\",\"untranslatedTitle\":\"Doctor Goodwin\",\"url\":\"\/products\/doctor-goodwin\",\"type\":\"9g Fiber\"}
2105,\"id\":\"62455904272543\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163486\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cherry Vanilla\",\"vendor\":\"OLIPOP\",\"id\":\"4452820189248\",\"untranslatedTitle\":\"Cherry Vanilla\",\"url\":\"\/products\/cherry-vanilla\",\"type\":\"9g Fiber\"},\"id\":\"62455895425183\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162208\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Ginger Lemon\",\"vendor\":\"OLIPOP\",\"id\":\"3818021912646\",\"untranslatedTitle\":\"Ginger Lemon\",\"url\":\"\/products\/ginger-lemon\",\"type\":\"9g Fiber\"},\"id\":\"62455921377439\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161268\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Tropical Punch\",\"vendor\":\"OLIPOP\",\"id\":\"7323931246751\",\"untranslatedTitle\":\"Tropical Punch\",\"url\":\"\/products\/tropical-punch\",\"type\":\"9g Fiber\"},\"id\":\"62455935631519\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/tropical-punch-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163155\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Lemon Lime\",\"vendor\":\"OLIPOP\",\"id\":\"7612616376479\",\"untranslatedTitle\":\"Lemon Lime\",\"url\":\"\/products\/lemon-lime\",\"type\":\"9g Fiber\"},\"id\":\"62454514024607\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/lemon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163931\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Watermelon Lime\",\"vendor\":\"OLIPOP\",\"id\":\"7682917990559\",\"untranslatedTitle\":\"Watermelon Lime\",\"url\":\"\/products\/watermelon-lime\",\"type\":\"9g Fiber\"},\"id\":\"62455936680095\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779164501\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Banana Cream\",\"vendor\":\"OLIPOP\",\"id\":\"7401847029919\",\"untranslatedTitle\":\"Banana Cream\",\"url\":\"\/products\/banana-cream\",\"type\":\"9g Fiber\"},\"id\":\"62454327967903\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779155708\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"}]}}]]"});})();</script>
2105<script>
2106  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
2107  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
2108  window.ShopifyAnalytics.meta.currency = 'USD';
2109  var meta = {"products":[{"id":10910759354527,"gid":"gid:\/\/shopify\/Product\/10910759354527","vendor":"OLIPOP","type":"9g Fiber","handle":"caramel-apple","variants":[{"id":62787700588703,"price":3599,"name":"Caramel Apple - 1 Can","public_title":"1 Can","sku":null},{"id":62787700621471,"price":3599,"name":"Caramel Apple - 12 Pack","public_title":"12 Pack","sku":"OP-CRA-12"}],"remote":false},{"id":5871016640671,"gid":"gid:\/\/shopify\/Product\/5871016640671","vendor":"OLIPOP","type":"9g Fiber","handle":"blackberry-vanilla","variants":[{"id":62826927587487,"price":3599,"name":"Blackberry Vanilla - 1 Can","public_title":"1 Can","sku":null},{"id":37114287784095,"price":3599,"name":"Blackberry Vanilla - 12 Pack","public_title":"12 Pack","sku":"OP-BBV-12"}],"remote":false},{"id":7478573498527,"gid":"gid:\/\/shopify\/Product\/7478573498527","vendor":"OLIPOP","type":"9g Fiber","handle":"crisp-apple","variants":[{"id":6245
21095896703135,"price":3599,"name":"Crisp Apple - 1 Can","public_title":"1 Can","sku":null},{"id":62793030074527,"price":3599,"name":"Crisp Apple - 4 Pack","public_title":"4 Pack","sku":null},{"id":42468536975519,"price":3599,"name":"Crisp Apple - 12 Pack","public_title":"12 Pack","sku":"OP-CA-12"}],"remote":false},{"id":6866436948127,"gid":"gid:\/\/shopify\/Product\/6866436948127","vendor":"OLIPOP","type":"9g Fiber","handle":"classic-grape","variants":[{"id":62455895720095,"price":3599,"name":"Classic Grape - 1 Can","public_title":"1 Can","sku":null},{"id":62455895752863,"price":3599,"name":"Classic Grape - 4 Pack","public_title":"4 Pack","sku":null},{"id":62455895785631,"price":3599,"name":"Classic Grape - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":40304921542815,"price":3599,"name":"Classic Grape - 12 Pack","public_title":"12 Pack","sku":"OP-GR-12"}],"remote":false},{"id":4350717460544,"gid":"gid:\/\/shopify\/Product\/4350717460544","vendor":"OLIPOP","type":"9g Fiber","handle":"classic-root-beer","variants":[{"id":6245
21095896539295,"price":3599,"name":"Classic Root Beer - 1 Can","public_title":"1 Can","sku":null},{"id":62455896572063,"price":3599,"name":"Classic Root Beer - 4 Pack","public_title":"4 Pack","sku":null},{"id":31199447679040,"price":3599,"name":"Classic Root Beer - 12 Pack","public_title":"12 Pack","sku":"OP-RB-12"}],"remote":false},{"id":3818023125062,"gid":"gid:\/\/shopify\/Product\/3818023125062","vendor":"OLIPOP","type":"9g Fiber","handle":"vintage-cola","variants":[{"id":62455936123039,"price":3599,"name":"Vintage Cola - 1 Can","public_title":"1 Can","sku":null},{"id":62455936155807,"price":3599,"name":"Vintage Cola - 4 Pack","public_title":"4 Pack","sku":null},{"id":62455936188575,"price":3599,"name":"Vintage Cola - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":30315238260806,"price":3599,"name":"Vintage Cola - 12 Pack","public_title":"12 Pack","sku":"OP-VC-12"}],"remote":false},{"id":7413651636383,"gid":"gid:\/\/shopify\/Product\/7413651636383","vendor":"OLIPOP","type":"9g Fiber","handle":"cream-soda","variants":[{"id":6245
21095900995743,"price":3599,"name":"Cream Soda - 1 Can","public_title":"1 Can","sku":null},{"id":62455901028511,"price":3599,"name":"Cream Soda - 4 Pack","public_title":"4 Pack","sku":null},{"id":42284980666527,"price":3599,"name":"Cream Soda - 12 Pack","public_title":"12 Pack","sku":"OP-CS-12"}],"remote":false},{"id":3818021027910,"gid":"gid:\/\/shopify\/Product\/3818021027910","vendor":"OLIPOP","type":"9g Fiber","handle":"strawberry-vanilla","variants":[{"id":62455931535519,"price":3599,"name":"Strawberry Vanilla - 1 Can","public_title":"1 Can","sku":null},{"id":62455931568287,"price":3599,"name":"Strawberry Vanilla - 4 Pack","public_title":"4 Pack","sku":null},{"id":62455931601055,"price":3599,"name":"Strawberry Vanilla - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":30315220959302,"price":3599,"name":"Strawberry Vanilla - 12 Pack","public_title":"12 Pack","sku":"OP-SV-12"}],"remote":false},{"id":7502145421471,"gid":"gid:\/\/shopify\/Product\/7502145421471","vendor":"OLIPOP","type":"9g Fiber","handle":"cherry-cola","variants":[{"id":6245
21095884611743,"price":3599,"name":"Cherry Cola - 1 Can","public_title":"1 Can","sku":null},{"id":62455884644511,"price":3599,"name":"Cherry Cola - 4 Pack","public_title":"4 Pack","sku":null},{"id":42533620777119,"price":3599,"name":"Cherry Cola - 12 Pack","public_title":"12 Pack","sku":"OP-CHC-12"}],"remote":false},{"id":6604538577055,"gid":"gid:\/\/shopify\/Product\/6604538577055","vendor":"OLIPOP","type":"9g Fiber","handle":"orange-cream","variants":[{"id":62455923474591,"price":3599,"name":"Orange Cream - 1 Can","public_title":"1 Can","sku":null},{"id":62468454645919,"price":3599,"name":"Orange Cream - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":39569001578655,"price":3599,"name":"Orange Cream - 12 Pack","public_title":"12 Pack","sku":"OP-OC-12"}],"remote":false},{"id":9247375851679,"gid":"gid:\/\/shopify\/Product\/9247375851679","vendor":"OLIPOP","type":"9g Fiber","handle":"peaches-and-cream","variants":[{"id":62455929503903,"price":3599,"name":"Peaches \u0026 Cream - 1 Can","public_title":"1 Can","sku":null},{"id":45259076501663,"price":3599,"name":"Peaches \u0026 Cream - 12 Pack","public_title":"12 Pack","sku":"OP-PC-12"}],"remote":false},{"id":9038878015647,"gid":"gid:\/\/shopify\/Product\/9038878015647","vendor":"OLIPOP","type":"9g Fiber","handle":"ginger-ale","variants":[{"id":6245
21095920001183,"price":3599,"name":"Ginger Ale - 1 Can","public_title":"1 Can","sku":null},{"id":62455920033951,"price":3599,"name":"Ginger Ale - 4 Pack","public_title":"4 Pack","sku":null},{"id":62455920066719,"price":3599,"name":"Ginger Ale - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":44438423208095,"price":3599,"name":"Ginger Ale - 12 Pack","public_title":"12 Pack","sku":"OP-GA-12"}],"remote":false},{"id":5538631712927,"gid":"gid:\/\/shopify\/Product\/5538631712927","vendor":"OLIPOP","type":"9g Fiber","handle":"orange-squeeze","variants":[{"id":62455928127647,"price":3599,"name":"Orange Squeeze - 1 Can","public_title":"1 Can","sku":null},{"id":35768781111455,"price":3599,"name":"Orange Squeeze - 12 Pack","public_title":"12 Pack","sku":"OP-OS-12"}],"remote":false},{"id":9407865061535,"gid":"gid:\/\/shopify\/Product\/9407865061535","vendor":"OLIPOP","type":"9g Fiber","handle":"citrus-rush","variants":[{"id":62455931175071,"price":3599,"name":"Citrus Rush - 1 Can","public_title":"1 Can","sku":null},{"id":62468471816351,"price":3599,"name":"Citrus Rush - 4 Pack","public_title":"4 Pack","sku":null},{"id":46054342066335,"price":3599,"name":"Citrus Rush - 12 Pack","public_title":"12 Pack","sku":"OP-RR-12"}],"remote":false},{"id":7413651832991,"gid":"gid:\/\/shopify\/Product\/7413651832991","vendor":"OLIPOP","type":"9g Fiber","handle":"doctor-goodwin","variants":[{"id":6245
21095904272543,"price":3599,"name":"Doctor Goodwin - 1 Can","public_title":"1 Can","sku":null},{"id":42284985188511,"price":3599,"name":"Doctor Goodwin - 12 Pack","public_title":"12 Pack","sku":"OP-DG-12"}],"remote":false},{"id":4452820189248,"gid":"gid:\/\/shopify\/Product\/4452820189248","vendor":"OLIPOP","type":"9g Fiber","handle":"cherry-vanilla","variants":[{"id":62455895425183,"price":3599,"name":"Cherry Vanilla - 1 Can","public_title":"1 Can","sku":null},{"id":31667872464960,"price":3599,"name":"Cherry Vanilla - 12 Pack","public_title":"12 Pack","sku":"OP-CV-12"}],"remote":false},{"id":3818021912646,"gid":"gid:\/\/shopify\/Product\/3818021912646","vendor":"OLIPOP","type":"9g Fiber","handle":"ginger-lemon","variants":[{"id":62455921377439,"price":3599,"name":"Ginger Lemon - 1 Can","public_title":"1 Can","sku":null},{"id":30315236851782,"price":3599,"name":"Ginger Lemon - 12 Pack","public_title":"12 Pack","sku":"OP-GL-12"}],"remote":false},{"id":7323931246751,"gid":"gid:\/\/shopify\/Product\/7323931246751","vendor":"OLIPOP","type":"9g Fiber","handle":"tropical-punch","variants":[{"id":6245
21095935631519,"price":3599,"name":"Tropical Punch - 1 Can","public_title":"1 Can","sku":null},{"id":41922380824735,"price":3599,"name":"Tropical Punch - 12 Pack","public_title":"12 Pack","sku":"OP-TP-12"}],"remote":false},{"id":7612616376479,"gid":"gid:\/\/shopify\/Product\/7612616376479","vendor":"OLIPOP","type":"9g Fiber","handle":"lemon-lime","variants":[{"id":62454514024607,"price":3599,"name":"Lemon Lime - 1 Can","public_title":"1 Can","sku":null},{"id":62454514057375,"price":3599,"name":"Lemon Lime - 4 Pack","public_title":"4 Pack","sku":null},{"id":42897487429791,"price":3599,"name":"Lemon Lime - 12 Pack","public_title":"12 Pack","sku":"OP-LL-12"}],"remote":false},{"id":7682917990559,"gid":"gid:\/\/shopify\/Product\/7682917990559","vendor":"OLIPOP","type":"9g Fiber","handle":"watermelon-lime","variants":[{"id":62455936680095,"price":3599,"name":"Watermelon Lime - 1 Can","public_title":"1 Can","sku":null},{"id":43069390880927,"price":3599,"name":"Watermelon Lime - 12 Pack","public_title":"12 Pack","sku":"OP-WL-12"}],"remote":false},{"id":7401847029919,"gid":"gid:\/\/shopify\/Product\/7401847029919","vendor":"OLIPOP","type":"9g Fiber","handle":"banana-cream","variants":[{"id":62454327967903,"price":3599,"name":"Banana Cream - 1 Can","public_title":"1 Can","sku":null},{"id":42237531390111,"price":3599,"name":"Banana Cream - 12 Pack","public_title":"12 Pack","sku":"OP-BC-12"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":641654685855,"requestId":"20224f21-9933-4a69-992b-4355250241fe-1790917212"}};
2110  for (var attr in meta) {
2111    window.ShopifyAnalytics.meta[attr] = meta[attr];
2112  }
2113</script>
vendor: 1 bytes, line 2113
2113
2114<script class="analytics">
2115  (function () {
2116    var customDocumentWrite = function(content) {
2117      var jquery = null;
2118
2119      if (window.jQuery) {
2120        jquery = window.jQuery;
2121      } else if (window.Checkout && window.Checkout.$) {
2122        jquery = window.Checkout.$;
2123      }
2124
2125      if (jquery) {
2126        jquery('body').append(content);
2127      }
2128    };
2129
2130    var hasLoggedConversion = function(token) {
2131      if (token) {
2132        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
2133      }
2134      return false;
2135    }
2136
2137    var setCookieIfConversion = function(token) {
2138      if (token) {
2139        var twoMonthsFromNow = new Date(Date.now());
2140        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
2141
2142        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
2143      }
2144    }
2145
2146    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
2147    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
2148    if (trekkie.integrations) {
2149      return;
2150    }
2151    trekkie.methods = [
2152      'identify',
2153      'page',
2154      'ready',
2155      'track',
2156      'trackForm',
2157      'trackLink'
2158    ];
2159    trekkie.factory = function(method) {
2160      return function() {
2161        var args = Array.prototype.slice.call(arguments);
2162        args.unshift(method);
2163        trekkie.push(args);
2164        if (method == 'track' || method == 'page') {
2165          var pageUrl;
2166          try {
2167            pageUrl = window.location.href;
2168          } catch (e) {}
2169          var pageReferrer;
2170          try {
2171            pageReferrer = document.referrer;
2172          } catch (e) {}
2173          try {
2174            if (window.__TREKKIE_SHIM_QUEUE == null) {
2175              window.__TREKKIE_SHIM_QUEUE = [];
2176            }
2177            window.__TREKKIE_SHIM_QUEUE.push({
2178              from: 'trekkie-stub',
2179              method: method,
2180              args: args.slice(1),
2181              pageContext: {
2182                url: pageUrl,
2183                referrer: pageReferrer
2184              }
2185            });
2186          } catch (e) {
2187            // no-op
2188          }
2189        }
2190        return trekkie;
2191      };
2192    };
2193    for (var i = 0; i < trekkie.methods.length; i++) {
2194      var key = trekkie.methods[i];
2195      trekkie[key] = trekkie.factory(key);
2196    }
2197    trekkie.load = function(config) {
2198      trekkie.config = config || {};
2199      trekkie.config.initialDocumentCookie = document.cookie;
2200      var first = document.getElementsByTagName('script')[0];
2201var script = document.createElement('script');
2202script.type = 'text/javascript';
2203script.onerror = function(e) {
2204  var scriptFallback = document.createElement('script');
2205  scriptFallback.type = 'text/javascript';
2206  scriptFallback.onerror = function(error) {
2207          var Monorail = {
2208      produce: function produce(monorailDomain, schemaId, payload) {
2209        var currentMs = new Date().getTime();
2210        var event = {
2211          schema_id: schemaId,
2212          payload: payload,
2213          metadata: {
2214            event_created_at_ms: currentMs,
2215            event_sent_at_ms: currentMs
2216          }
2217        };
2218        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
2219      },
2220      sendRequest: function sendRequest(endpointUrl, payload) {
2221        // Try the sendBeacon API
2222        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
2223          var blobData = new window.Blob([payload], {
2224            type: 'text/plain'
2225          });
2226
2227          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
2228            return true;
2229          } // sendBeacon was not successful
2230
2231        } // XHR beacon
2232
2233        var xhr = new XMLHttpRequest();
2234
2235        try {
2236          xhr.open('POST', endpointUrl);
2237          xhr.setRequestHeader('Content-Type', 'text/plain');
2238          xhr.send(payload);
2239        } catch (e) {
2240          console.log(e);
2241        }
2242
2243        return false;
2244      },
2245      isIos12: function isIos12() {
2246        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
2247      }
2248    };
2249    Monorail.produce('monorail-edge.shopifysvc.com',
2250      'trekkie_storefront_load_errors/1.1',
2251      {shop_id: 3466100806,
2252      theme_id: 174423703711,
2253      app_name: "storefront",
2254      context_url: window.location.href,
2255      source_url: "//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
2256
2257  };
2258  scriptFallback.async = true;
2259  scriptFallback.src = '//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
2260  first.parentNode.insertBefore(scriptFallback, first);
2261};
2262script.async = true;
2263script.src = '//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
2264first.parentNode.insertBefore(script, first);
2265
2266    };
2267    trekkie.load(
2268      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":3466100806,"isMerchantRequest":null,"themeId":174423703711,"themeCityHash":"7083827932800446141","contentLanguage":"en","currency":"USD","eventMetadataId":"6f3e6446-08d8-4fed-bcba-2b684ff9c8d2"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
2269    );
2270
2271    var loaded = false;
2272    trekkie.ready(function() {
2273      if (loaded) return;
2274      loaded = true;
2275
2276      window.ShopifyAnalytics.lib = window.trekkie;
2277
2278      var originalDocumentWrite = document.write;
2279      document.write = customDocumentWrite;
2280      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2281      document.write = originalDocumentWrite;
2282
2283      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2284      var token = match? match[1]: undefined;
2285      if (!hasLoggedConversion(token)) {
2286        setCookieIfConversion(token);
2287        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: shop-9g-fiber","collectionName":"shop-9g-fiber","collectionId":641654685855,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
2288      }
2289    });
2290
2291    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":641654685855,"requestId":"20224f21-9933-4a69-992b-4355250241fe-1790917212","shopifyEmitted":true});
2292
2293    var eventsListenerScript = document.createElement('script');
2294    eventsListenerScript.async = true;
2295    eventsListenerScript.src = "//drinkolipop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2296    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2297})();</script>
2297
2298  
2298<script>
2299  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
2300    window.ga = function ga() {
2301      (window.ga.q = window.ga.q || []).push(arguments);
2302      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2303        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
2304      }
2305      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.");
2306    };
2307    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2308      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
2309    }
2310  }
2311</script>
vendor: 1 bytes, line 2311
2311
2312<script
2313  defer
2314  src="https://drinkolipop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
2315  data-application="storefront-renderer"
2316  data-shop-id="3466100806"
2317  data-render-region="gcp-us-central1"
2318  data-page-type="collection"
2319  data-theme-instance-id="174423703711"
2320  data-theme-name="Olipop"
2321  data-theme-version="1.0"
2322  data-monorail-region="shop_domain"
2323  data-resource-timing-sampling-rate="10"
2324  data-shs="true"
2325  data-shs-beacon="true"
2326  data-shs-export-with-fetch="true"
2327  data-shs-logs-sample-rate="1"
2328  data-shs-beacon-endpoint="https://drinkolipop.com/api/collect"
2329></script>
2329
2330<meta name="shopify-y" content="c5a768b3-ec9b-4397-be45-fee1479bf834" data-expiration="1822474812000"><meta name="shopify-s" content="e4e30027-9e10-4368-afc7-ed0dd812913c" data-expiration="1790919012000"><meta name="new-cookie-storage-activated" content="t">
2331</head><body
2332    id="olipop-9g-fiber-line"
2333    data-template="collection"
2334    data-suffix=""
2335    data-header-type="primary"
2336    class="page-olipop-9g-fiber-line template-shop-9g-fiber template-collection cmn-pages tw-scroll-smooth  "
2337    style="background: var(--flavor-color-100); height:unset; padding: 0;"
2338  >
2339
2340    <nav aria-label="Skip links">
2341      <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a>
2342      <a class="in-page-link visually-hidden skip-link" href="/pages/accessibility">Accessibility Statement</a>
2343    </nav>
2344
2345    
2346
2347    
2348    <div js-overlay class="overlay tw-z-40"></div>
2349
2350    
2351
2352<section id="shopify-section-header">
2353      <!-- BEGIN sections: header-group -->
2354<div id="shopify-section-sections--24009558556831__promotion-banner" class="shopify-section shopify-section-group-header-group">
2355
2356<div
2357  data-component="promotionBanner"
2358  data-store-discounts="[]"
2359>
2360  
2361    
2362    
2363    <div
2364      data-promotion-banner
2365      data-promotion-url=""
2366      data-promotion-discount="GOBLUE"
2367      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2368      style="background: #fdda79;"
2369    >
2370      <div
2371        role="group"
2372        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2373      >
2374        <div
2375          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2376          style="color: #14433d !important;"
2377        >
2378          Your 20% off discount code <strong>GOBLUE</strong> will auto-apply at checkout.
2379        </div>
2380      </div>
2381
2382      <div
2383        style="background: #fdda79;"
2384        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2385      >
2386        <svg
2387          width="10"
2388          height="10"
2389          viewBox="0 0 18 18"
2390          fill="#14433d"
2391          data-icon-close
2392          class="tw-cursor-pointer"
2393        >
2394          <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"/>
2395        </svg>
2396      </div>
2397    </div>
2398  
2399    
2400    
2401    <div
2402      data-promotion-banner
2403      data-promotion-url=""
2404      data-promotion-discount="30RESUB"
2405      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2406      style="background: #fdda79;"
2407    >
2408      <div
2409        role="group"
2410        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2411      >
2412        <div
2413          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2414          style="color: #14433d !important;"
2415        >
2416          30% off subscriptions when you resubscribe with code <strong>30RESUB</strong>.
2417        </div>
2418      </div>
2419
2420      <div
2421        style="background: #fdda79;"
2422        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2423      >
2424        <svg
2425          width="10"
2426          height="10"
2427          viewBox="0 0 18 18"
2428          fill="#14433d"
2429          data-icon-close
2430          class="tw-cursor-pointer"
2431        >
2432          <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"/>
2433        </svg>
2434      </div>
2435    </div>
2436  
2437    
2438    
2439    <div
2440      data-promotion-banner
2441      data-promotion-url=""
2442      data-promotion-discount="SHIRLEY30"
2443      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2444      style="background: #fdda79;"
2445    >
2446      <div
2447        role="group"
2448        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2449      >
2450        <div
2451          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2452          style="color: #14433d !important;"
2453        >
2454          30% off Shirley &amp; Friends with code <strong>SHIRLEY30</strong> will auto-apply at checkout.
2455        </div>
2456      </div>
2457
2458      <div
2459        style="background: #fdda79;"
2460        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2461      >
2462        <svg
2463          width="10"
2464          height="10"
2465          viewBox="0 0 18 18"
2466          fill="#14433d"
2467          data-icon-close
2468          class="tw-cursor-pointer"
2469        >
2470          <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"/>
2471        </svg>
2472      </div>
2473    </div>
2474  
2475    
2476    
2477    <div
2478      data-promotion-banner
2479      data-promotion-url=""
2480      data-promotion-discount="PUNCH20"
2481      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2482      style="background: #fdda79;"
2483    >
2484      <div
2485        role="group"
2486        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2487      >
2488        <div
2489          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2490          style="color: #14433d !important;"
2491        >
2492          20% off Tropical Punch with code <strong>PUNCH20</strong> will auto-apply at checkout.
2493        </div>
2494      </div>
2495
2496      <div
2497        style="background: #fdda79;"
2498        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2499      >
2500        <svg
2501          width="10"
2502          height="10"
2503          viewBox="0 0 18 18"
2504          fill="#14433d"
2505          data-icon-close
2506          class="tw-cursor-pointer"
2507        >
2508          <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"/>
2509        </svg>
2510      </div>
2511    </div>
2512  
2513    
2514    
2515    <div
2516      data-promotion-banner
2517      data-promotion-url=""
2518      data-promotion-discount="DREAMY15"
2519      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2520      style="background: #fdda79;"
2521    >
2522      <div
2523        role="group"
2524        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2525      >
2526        <div
2527          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2528          style="color: #14433d !important;"
2529        >
2530          Your 15% off discount code <strong>DREAMY15</strong> will auto-apply at checkout.
2531        </div>
2532      </div>
2533
2534      <div
2535        style="background: #fdda79;"
2536        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2537      >
2538        <svg
2539          width="10"
2540          height="10"
2541          viewBox="0 0 18 18"
2542          fill="#14433d"
2543          data-icon-close
2544          class="tw-cursor-pointer"
2545        >
2546          <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"/>
2547        </svg>
2548      </div>
2549    </div>
2550  
2551    
2552    
2553    <div
2554      data-promotion-banner
2555      data-promotion-url=""
2556      data-promotion-discount="EARLY30"
2557      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2558      style="background: #fdda79;"
2559    >
2560      <div
2561        role="group"
2562        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2563      >
2564        <div
2565          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2566          style="color: #14433d !important;"
2567        >
2568          Early access 30% off with code <strong>EARLY30</strong> will auto-apply at checkout!
2569        </div>
2570      </div>
2571
2572      <div
2573        style="background: #fdda79;"
2574        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2575      >
2576        <svg
2577          width="10"
2578          height="10"
2579          viewBox="0 0 18 18"
2580          fill="#14433d"
2581          data-icon-close
2582          class="tw-cursor-pointer"
2583        >
2584          <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"/>
2585        </svg>
2586      </div>
2587    </div>
2588  
2589    
2590    
2591    <div
2592      data-promotion-banner
2593      data-promotion-url=""
2594      data-promotion-discount="WELCOME15"
2595      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2596      style="background: #fdda79;"
2597    >
2598      <div
2599        role="group"
2600        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2601      >
2602        <div
2603          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2604          style="color: #14433d !important;"
2605        >
2606          Your 15% off discount code <strong>WELCOME15</strong> will auto-apply at checkout.
2607        </div>
2608      </div>
2609
2610      <div
2611        style="background: #fdda79;"
2612        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2613      >
2614        <svg
2615          width="10"
2616          height="10"
2617          viewBox="0 0 18 18"
2618          fill="#14433d"
2619          data-icon-close
2620          class="tw-cursor-pointer"
2621        >
2622          <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"/>
2623        </svg>
2624      </div>
2625    </div>
2626  
2627    
2628    
2629    <div
2630      data-promotion-banner
2631      data-promotion-url=""
2632      data-promotion-discount="SIPSMART"
2633      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2634      style="background: #fdda79;"
2635    >
2636      <div
2637        role="group"
2638        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2639      >
2640        <div
2641          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2642          style="color: #14433d !important;"
2643        >
2644          Your 20% off discount code <strong>SIPSMART</strong> will auto-apply at checkout.
2645        </div>
2646      </div>
2647
2648      <div
2649        style="background: #fdda79;"
2650        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2651      >
2652        <svg
2653          width="10"
2654          height="10"
2655          viewBox="0 0 18 18"
2656          fill="#14433d"
2657          data-icon-close
2658          class="tw-cursor-pointer"
2659        >
2660          <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"/>
2661        </svg>
2662      </div>
2663    </div>
2664  
2665    
2666    
2667    <div
2668      data-promotion-banner
2669      data-promotion-url=""
2670      data-promotion-discount="APRIL20"
2671      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2672      style="background: #fdda79;"
2673    >
2674      <div
2675        role="group"
2676        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2677      >
2678        <div
2679          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2680          style="color: #14433d !important;"
2681        >
2682          Your 20% off discount code <strong>APRIL20</strong> will auto-apply at checkout.
2683        </div>
2684      </div>
2685
2686      <div
2687        style="background: #fdda79;"
2688        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2689      >
2690        <svg
2691          width="10"
2692          height="10"
2693          viewBox="0 0 18 18"
2694          fill="#14433d"
2695          data-icon-close
2696          class="tw-cursor-pointer"
2697        >
2698          <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"/>
2699        </svg>
2700      </div>
2701    </div>
2702  
2703    
2704    
2705    <div
2706      data-promotion-banner
2707      data-promotion-url=""
2708      data-promotion-discount="YETI20"
2709      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2710      style="background: #fdda79;"
2711    >
2712      <div
2713        role="group"
2714        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2715      >
2716        <div
2717          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2718          style="color: #14433d !important;"
2719        >
2720          20% off Winter Seasonal Cans with discount code <strong> YETI20</strong> auto-applies at checkout.
2721        </div>
2722      </div>
2723
2724      <div
2725        style="background: #fdda79;"
2726        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2727      >
2728        <svg
2729          width="10"
2730          height="10"
2731          viewBox="0 0 18 18"
2732          fill="#14433d"
2733          data-icon-close
2734          class="tw-cursor-pointer"
2735        >
2736          <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"/>
2737        </svg>
2738      </div>
2739    </div>
2740  
2741    
2742    
2743    <div
2744      data-promotion-banner
2745      data-promotion-url=""
2746      data-promotion-discount="PHLY20"
2747      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2748      style="background: #fdda79;"
2749    >
2750      <div
2751        role="group"
2752        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2753      >
2754        <div
2755          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2756          style="color: #14433d !important;"
2757        >
2758          Your 20% off discount code <strong>PHLY20</strong> will auto-apply at checkout.
2759        </div>
2760      </div>
2761
2762      <div
2763        style="background: #fdda79;"
2764        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2765      >
2766        <svg
2767          width="10"
2768          height="10"
2769          viewBox="0 0 18 18"
2770          fill="#14433d"
2771          data-icon-close
2772          class="tw-cursor-pointer"
2773        >
2774          <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"/>
2775        </svg>
2776      </div>
2777    </div>
2778  
2779    
2780    
2781    <div
2782      data-promotion-banner
2783      data-promotion-url=""
2784      data-promotion-discount="CITIUS25"
2785      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2786      style="background: #fdda79;"
2787    >
2788      <div
2789        role="group"
2790        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2791      >
2792        <div
2793          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2794          style="color: #14433d !important;"
2795        >
2796          Your 25% off discount code <strong>CITIUS25</strong> will auto-apply at checkout.
2797        </div>
2798      </div>
2799
2800      <div
2801        style="background: #fdda79;"
2802        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2803      >
2804        <svg
2805          width="10"
2806          height="10"
2807          viewBox="0 0 18 18"
2808          fill="#14433d"
2809          data-icon-close
2810          class="tw-cursor-pointer"
2811        >
2812          <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"/>
2813        </svg>
2814      </div>
2815    </div>
2816  
2817    
2818    
2819    <div
2820      data-promotion-banner
2821      data-promotion-url=""
2822      data-promotion-discount="SERVED20"
2823      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2824      style="background: #fdda79;"
2825    >
2826      <div
2827        role="group"
2828        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2829      >
2830        <div
2831          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2832          style="color: #14433d !important;"
2833        >
2834          Your 20% off discount code <strong>SERVED20</strong> will auto-apply at checkout.
2835        </div>
2836      </div>
2837
2838      <div
2839        style="background: #fdda79;"
2840        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2841      >
2842        <svg
2843          width="10"
2844          height="10"
2845          viewBox="0 0 18 18"
2846          fill="#14433d"
2847          data-icon-close
2848          class="tw-cursor-pointer"
2849        >
2850          <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"/>
2851        </svg>
2852      </div>
2853    </div>
2854  
2855    
2856    
2857    <div
2858      data-promotion-banner
2859      data-promotion-url=""
2860      data-promotion-discount="TWG20"
2861      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2862      style="background: #fdda79;"
2863    >
2864      <div
2865        role="group"
2866        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2867      >
2868        <div
2869          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2870          style="color: #14433d !important;"
2871        >
2872          Your 20% off discount code <strong>TWG20</strong> will auto-apply at checkout.
2873        </div>
2874      </div>
2875
2876      <div
2877        style="background: #fdda79;"
2878        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2879      >
2880        <svg
2881          width="10"
2882          height="10"
2883          viewBox="0 0 18 18"
2884          fill="#14433d"
2885          data-icon-close
2886          class="tw-cursor-pointer"
2887        >
2888          <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"/>
2889        </svg>
2890      </div>
2891    </div>
2892  
2893    
2894    
2895    <div
2896      data-promotion-banner
2897      data-promotion-url=""
2898      data-promotion-discount="FLYQUEST20"
2899      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2900      style="background: #fdda79;"
2901    >
2902      <div
2903        role="group"
2904        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2905      >
2906        <div
2907          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2908          style="color: #14433d !important;"
2909        >
2910          Your 20% off discount code <strong>FLYQUEST20</strong> will auto-apply at checkout.
2911        </div>
2912      </div>
2913
2914      <div
2915        style="background: #fdda79;"
2916        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2917      >
2918        <svg
2919          width="10"
2920          height="10"
2921          viewBox="0 0 18 18"
2922          fill="#14433d"
2923          data-icon-close
2924          class="tw-cursor-pointer"
2925        >
2926          <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"/>
2927        </svg>
2928      </div>
2929    </div>
2930  
2931    
2932    
2933    <div
2934      data-promotion-banner
2935      data-promotion-url=""
2936      data-promotion-discount="BUZZIN15"
2937      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2938      style="background: #fdda79;"
2939    >
2940      <div
2941        role="group"
2942        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2943      >
2944        <div
2945          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2946          style="color: #14433d !important;"
2947        >
2948          Your 15% off discount code <strong>BUZZIN15</strong> will auto-apply at checkout.
2949        </div>
2950      </div>
2951
2952      <div
2953        style="background: #fdda79;"
2954        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2955      >
2956        <svg
2957          width="10"
2958          height="10"
2959          viewBox="0 0 18 18"
2960          fill="#14433d"
2961          data-icon-close
2962          class="tw-cursor-pointer"
2963        >
2964          <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"/>
2965        </svg>
2966      </div>
2967    </div>
2968  
2969    
2970    
2971    <div
2972      data-promotion-banner
2973      data-promotion-url=""
2974      data-promotion-discount="OLIPOPTEXT15"
2975      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2976      style="background: #fdda79;"
2977    >
2978      <div
2979        role="group"
2980        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2981      >
2982        <div
2983          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2984          style="color: #14433d !important;"
2985        >
2986          Your 15% off discount code <strong>OLIPOPTEXT15</strong> will auto-apply at checkout.
2987        </div>
2988      </div>
2989
2990      <div
2991        style="background: #fdda79;"
2992        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2993      >
2994        <svg
2995          width="10"
2996          height="10"
2997          viewBox="0 0 18 18"
2998          fill="#14433d"
2999          data-icon-close
3000          class="tw-cursor-pointer"
3001        >
3002          <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"/>
3003        </svg>
3004      </div>
3005    </div>
3006  
3007    
3008    
3009    <div
3010      data-promotion-banner
3011      data-promotion-url=""
3012      data-promotion-discount="BRACKET20"
3013      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3014      style="background: #fdda79;"
3015    >
3016      <div
3017        role="group"
3018        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3019      >
3020        <div
3021          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3022          style="color: #14433d !important;"
3023        >
3024          Your 20% off discount code <strong>BRACKET20</strong> will auto-apply at checkout.
3025        </div>
3026      </div>
3027
3028      <div
3029        style="background: #fdda79;"
3030        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3031      >
3032        <svg
3033          width="10"
3034          height="10"
3035          viewBox="0 0 18 18"
3036          fill="#14433d"
3037          data-icon-close
3038          class="tw-cursor-pointer"
3039        >
3040          <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"/>
3041        </svg>
3042      </div>
3043    </div>
3044  
3045    
3046    
3047    <div
3048      data-promotion-banner
3049      data-promotion-url=""
3050      data-promotion-discount="NEW20"
3051      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3052      style="background: #fdda79;"
3053    >
3054      <div
3055        role="group"
3056        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3057      >
3058        <div
3059          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3060          style="color: #14433d !important;"
3061        >
3062          Your 20% off discount code <strong>NEW20</strong> will auto-apply at checkout.
3063        </div>
3064      </div>
3065
3066      <div
3067        style="background: #fdda79;"
3068        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3069      >
3070        <svg
3071          width="10"
3072          height="10"
3073          viewBox="0 0 18 18"
3074          fill="#14433d"
3075          data-icon-close
3076          class="tw-cursor-pointer"
3077        >
3078          <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"/>
3079        </svg>
3080      </div>
3081    </div>
3082  
3083    
3084    
3085    <div
3086      data-promotion-banner
3087      data-promotion-url=""
3088      data-promotion-discount="FULLFLAVOR20"
3089      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3090      style="background: #fdda79;"
3091    >
3092      <div
3093        role="group"
3094        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3095      >
3096        <div
3097          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3098          style="color: #14433d !important;"
3099        >
3100          Your discount code <strong>FULLFLAVOR20</strong> will auto-apply at checkout.
3101        </div>
3102      </div>
3103
3104      <div
3105        style="background: #fdda79;"
3106        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3107      >
3108        <svg
3109          width="10"
3110          height="10"
3111          viewBox="0 0 18 18"
3112          fill="#14433d"
3113          data-icon-close
3114          class="tw-cursor-pointer"
3115        >
3116          <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"/>
3117        </svg>
3118      </div>
3119    </div>
3120  
3121    
3122    
3123    <div
3124      data-promotion-banner
3125      data-promotion-url=""
3126      data-promotion-discount="BDAY20"
3127      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3128      style="background: #fdda79;"
3129    >
3130      <div
3131        role="group"
3132        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3133      >
3134        <div
3135          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3136          style="color: #14433d !important;"
3137        >
3138          Your discount code <strong>BDAY20</strong> will auto-apply at checkout.
3139        </div>
3140      </div>
3141
3142      <div
3143        style="background: #fdda79;"
3144        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3145      >
3146        <svg
3147          width="10"
3148          height="10"
3149          viewBox="0 0 18 18"
3150          fill="#14433d"
3151          data-icon-close
3152          class="tw-cursor-pointer"
3153        >
3154          <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"/>
3155        </svg>
3156      </div>
3157    </div>
3158  
3159    
3160    
3161    <div
3162      data-promotion-banner
3163      data-promotion-url=""
3164      data-promotion-discount="HOLIDAY20"
3165      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3166      style="background: #fdda79;"
3167    >
3168      <div
3169        role="group"
3170        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3171      >
3172        <div
3173          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3174          style="color: #14433d !important;"
3175        >
3176          Your discount code <strong>HOLIDAY20</strong> will auto-apply at checkout.
3177        </div>
3178      </div>
3179
3180      <div
3181        style="background: #fdda79;"
3182        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3183      >
3184        <svg
3185          width="10"
3186          height="10"
3187          viewBox="0 0 18 18"
3188          fill="#14433d"
3189          data-icon-close
3190          class="tw-cursor-pointer"
3191        >
3192          <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"/>
3193        </svg>
3194      </div>
3195    </div>
3196  
3197    
3198    
3199    <div
3200      data-promotion-banner
3201      data-promotion-url=""
3202      data-promotion-discount="FULLFLAVOR10"
3203      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3204      style="background: #fdda79;"
3205    >
3206      <div
3207        role="group"
3208        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3209      >
3210        <div
3211          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3212          style="color: #14433d !important;"
3213        >
3214          Your discount code <strong>FULLFLAVOR10</strong> will auto-apply at checkout.
3215        </div>
3216      </div>
3217
3218      <div
3219        style="background: #fdda79;"
3220        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3221      >
3222        <svg
3223          width="10"
3224          height="10"
3225          viewBox="0 0 18 18"
3226          fill="#14433d"
3227          data-icon-close
3228          class="tw-cursor-pointer"
3229        >
3230          <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"/>
3231        </svg>
3232      </div>
3233    </div>
3234  
3235    
3236    
3237    <div
3238      data-promotion-banner
3239      data-promotion-url=""
3240      data-promotion-discount="THIRTYSUB"
3241      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3242      style="background: #fdda79;"
3243    >
3244      <div
3245        role="group"
3246        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3247      >
3248        <div
3249          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3250          style="color: #14433d !important;"
3251        >
3252          Your discount code <strong>THIRTYSUB</strong> will auto-apply at checkout.
3253        </div>
3254      </div>
3255
3256      <div
3257        style="background: #fdda79;"
3258        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3259      >
3260        <svg
3261          width="10"
3262          height="10"
3263          viewBox="0 0 18 18"
3264          fill="#14433d"
3265          data-icon-close
3266          class="tw-cursor-pointer"
3267        >
3268          <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"/>
3269        </svg>
3270      </div>
3271    </div>
3272  
3273</div>
3274
3275
3276</div><div id="shopify-section-sections--24009558556831__announcement-banner" class="shopify-section shopify-section-group-header-group">
3277    <announcement-bar class="section-announcement-bar tw-relative tw-z-50 tw-block">
3278      <slider-container
3279        data-key="slider__sections--24009558556831__announcement-banner"
3280        role="region"
3281        aria-label="Announcement"
3282        data-slider-loop
3283        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] "
3284        style="background: #5A0C3C;"
3285      ><div role="group" aria-label="1 of 2" class="keen-slider__slide tw-relative tw-z-10 tw-flex !tw-w-auto tw-items-center tw-justify-center tw-py-[4px] tw-text-center tw-transition-opacity tw-duration-150 tw-ease-linear sm:tw-flex-row " style="opacity: 0;">            <div              class="tw-flex tw-items-center tw-w-full tw-justify-center tw-px-[8px] md:tw-px-[20px] md:tw-w-fit tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4] "              id="message-1"              style="color: #ffffff !important;"            ><p class="tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4]" style="color: #ffffff !important;">                <div class="tw-block md:tw-hidden">                  <strong>Sweet, refreshing, &amp; unmistakably celebratory. <br><a href="https://drinkolipop.com/products/pomegranate-sparkle"><strong>Shop Pomegranate Sparkle</strong></a></strong>                 </div>                <div class="tw-hidden md:tw-block">                  <strong>Sweet, refreshing, &amp; unmistakably celebratory. <a href="https://drinkolipop.com/products/pomegranate-sparkle"><strong>Shop Pomegranate Sparkle</strong></a></strong>                 </div>              </p></div>                      </div><div role="group" aria-label="2 of 2" class="keen-slider__slide tw-relative tw-z-10 tw-flex !tw-w-auto tw-items-center tw-justify-center tw-py-[4px] tw-text-center tw-transition-opacity tw-duration-150 tw-ease-linear sm:tw-flex-row " style="opacity: 0;">            <div              class="tw-flex tw-items-center tw-w-full tw-justify-center tw-px-[8px] md:tw-px-[20px] md:tw-w-fit tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4] "              id="message-2"              style="color: #ffffff !important;"            ><p class="tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4]" style="color: #ffffff !important;">                <div class="tw-block md:tw-hidden">                  <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong>                 </div>                <div class="tw-hidden md:tw-block">                  <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong>                 </div>              </p></div>                      </div></slider-container>
3286
3287      
3288        <slider-controls
3289          data-key="slider__sections--24009558556831__announcement-banner"
3290          class="tw-absolute tw-top-0 tw-flex tw-h-full tw-w-full tw-items-center tw-justify-between tw-px-4"
3291        >
3292          <control-prev
3293            role="button"
3294            aria-label="Previous Slide"
3295            tabindex="0"
3296            data-action="prev"
3297            class="tw-z-30 tw-block tw-cursor-pointer"
3298          >
3299            <svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3300              <path d="M6 1L2 5L6 9" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>
3301            </svg>
3302          </control-prev>
3303
3304          <control-next
3305            role="button"
3306            aria-label="Next Slide"
3307            tabindex="0"
3308            data-action="next"
3309            class="tw-z-30 tw-block tw-cursor-pointer"
3310          >
3311            <svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3312              <path d="M1 1L5 5L1 9" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>
3313            </svg>
3314          </control-next>
3315        </slider-controls>
3316      
3317    </announcement-bar>
3318  
3319
3320  
3321    
3322  
3323    
3324  
3325<style>
3326  .section-announcement-bar .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{
3327    padding-top: 4px;
3328  }
3329</style>
3330</div><div id="shopify-section-sections--24009558556831__header" class="shopify-section shopify-section-group-header-group">
3331
3332<div
3333  id="SearchDrawer"
3334  class="search-bar drawer drawer--top"
3335  role="dialog"
3336  aria-modal="true"
3337  aria-label="Search"
3338  data-predictive-search-drawer
3339>
3340  <div class="search-bar__interior">
3341    <div class="search-form__container" data-search-form-container>
3342      <form class="search-form search-bar__form" action="/search" method="get" role="search">
3343        <div class="search-form__input-wrapper">
3344          <input
3345            type="text"
3346            name="q"
3347            placeholder="Search"
3348            role="combobox"
3349            aria-autocomplete="list"
3350            aria-owns="predictive-search-results"
3351            aria-expanded="false"
3352            aria-label="Search"
3353            aria-haspopup="listbox"
3354            class="search-form__input search-bar__input"
3355            data-predictive-search-drawer-input
3356          >
3357          <input type="hidden" name="options[prefix]" value="last" aria-hidden="true">
3358          <div
3359            class="predictive-search-wrapper predictive-search-wrapper--drawer"
3360            data-predictive-search-mount="drawer"
3361          ></div>
3362        </div>
3363
3364        <button
3365          class="search-bar__submit search-form__submit"
3366          type="submit"
3367          data-search-form-submit
3368        >
3369          Liquid error (snippets/search-drawer line 38): include usage is not allowed in this context
3370          <span class="icon__fallback-text">Submit</span>
3371        </button>
3372      </form>
3373
3374      <div class="search-bar__actions">
3375        <button type="button" class="btn--link search-bar__close js-drawer-close">
3376          Liquid error (snippets/search-drawer line 45): include usage is not allowed in this context
3377          <span class="icon__fallback-text">Close search</span>
3378        </button>
3379      </div>
3380    </div>
3381  </div>
3382</div>
3383
3384
3385<header
3386  data-section-id="sections--24009558556831__header"
3387  data-section-type="header"
3388  class="header-wrapper tw-group tw-relative tw-z-50"
3389  js-header-wrapper
3390  color-theme="transparent"
3391  data-component="megaMenu"
3392>
3393  <div class="top-header" data-section-id="sections--24009558556831__header" data-section-type="header-section" data-header-section>
3394    <div js-header class="header">
3395      <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]">
3396        <!-- Left Menu -->
3397        <div class="tw-col-span-2 tw-block tw-self-center tw-justify-self-start tw-leading-none">
3398          <div class="site-header__mobile-toolbar tw-flex tw-items-center tw-gap-[20px] lg:tw-hidden">
3399            <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">
3400              <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">
3401  <path
3402    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"
3403    fill="currentColor"
3404  />
3405</svg>
3406</span>
3407              <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">
3408  <path
3409    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"
3410    fill="currentColor"
3411  />
3412</svg>
3413</span>
3414            </button>
3415            <a
3416              href="/pages/store-locator"
3417              class="site-header__icon site-header__find-in-store"
3418              aria-label="Find a store"
3419            >
3420              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3421  <path
3422    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 
342213.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"
3423    fill="currentColor"
3424  />
3425</svg>
3426
3427            </a>
3428          </div>
3429
3430          <nav id="AccessibleNav" aria-label="Desktop Menu">
3431            
3432
3433<ul class="site-nav list--inline" id="SiteNav">
3434  
3435
3436      <li
3437        class="site-nav--has-dropdown"
3438        data-child-list-handle="shop"
3439        data-has-dropdowns
3440      >
3441        
3442          <a
3443            href="/collections/drinks"
3444            class="site-nav__link tw-bg-transparent"
3445            
3446            aria-expanded="false"
3447            aria-controls="site-nav-menu-dropdown-shop"
3448          >
3449            <span class="site-nav__label">Shop</span>
3450          </a>
3451        
3452      </li>
3453    
3454  
3455
3456      <li
3457        class="site-nav--has-dropdown"
3458        data-child-list-handle="learn"
3459        data-has-dropdowns
3460      >
3461        
3462          <button
3463            class="site-nav__link tw-bg-transparent"
3464            type="button"
3465            aria-expanded="false"
3466            aria-controls="site-nav-menu-dropdown-learn"
3467          >
3468            <span class="site-nav__label">Learn</span>
3469          </button>
3470        
3471      </li>
3472    
3473  
3474
3475      <li
3476        
3477      >
3478        <a
3479          href="/pages/subscription"
3480          class="site-nav__link"
3481          
3482        >
3483          <span class="site-nav__label">Subscribe</span>
3484        </a>
3485      </li>
3486    
3487  
3488</ul>
3489
3490          </nav>
3491        </div>
3492        <!-- ./End Left Menu -->
3493
3494        <!-- Header Logo -->
3495        <div class="tw-col-span-1 tw-flex tw-justify-center tw-self-center tw-leading-none" role="region" aria-label="Site logo">
3496          
3497
3498
3499  <div class="h2 site-header__logo tw-h-[40px] tw-w-[102px] tw-shrink-0 lg:tw-h-10 lg:tw-w-[117px]">
3500    
3501<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>
3502        <img
3503          class="lazyload js"
3504          src="//drinkolipop.com/cdn/shop/files/OlipopLogo_1.png?v=1778767782"
3505          alt="OLIPOP"
3506          width="102"
3507          height="40"
3508        >
3509      </a>
3510    
3511  </div>
3512
3513
3514        </div>
3515        <!-- ./End Header Logo -->
3516
3517        <!-- Right Menu -->
3518        <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">
3519          
3520            <nav aria-label="Desktop Right Menu">
3521            <ul class="site-nav list--inline tw-hidden lg:tw-block">
3522              
3523<li
3524                  
3525                >
3526                  <a
3527                    href="/pages/store-locator"
3528                    class="site-nav__link"
3529                    
3530                  >
3531                    <span class="site-nav__label">Find a store</span>
3532                  </a>
3533                </li>
3534              
3535            </ul>
3536            </nav>
3537          
3538
3539          <div class="site-header__icons site-header__icons--plus" role="region" aria-label="Account and cart">
3540            <div class="site-header__icons-wrapper">
3541              
3542                <div class="tw-block">
3543                  
3544                    <a href="/account/login" class="site-header__icon site-header__account nav-link">
3545                      <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">
3546  <path
3547    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"
3548    fill="#034638"
3549  />
3550</svg>
3551</span>
3552                      <span class="icon__fallback-text">Log in</span>
3553                    </a>
3554                  
3555                </div>
3556              
3557
3558              <div class="cart-btns tw-relative">
3559                <div class="tw-hidden md:tw-block">
3560                  <a
3561                    target="_self"
3562                    href="/cart"
3563                    aria-label="Open Cart"
3564                    class="header__button header-cart-toggle site-header__icon site-header__cart tw-relative"
3565                    js-header-cart-toggle
3566                  >
3567                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3568  <path
3569    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"
3570    fill="#034638"
3571  />
3572</svg>
3573
3574                  </a>
3575                </div>
3576                <div class="md:tw-hidden">
3577                  <a href="/cart" class="header__button site-header__icon site-header__cart tw-relative">
3578                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3579  <path
3580    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
3580C20.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"
3581    fill="#034638"
3582  />
3583</svg>
3584
3585                  </a>
3586                </div>
3587                <div
3588  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"
3589  data-component="cartToggle"
3590  
3591    style="display: none;"
3592  
3593>
3594  <span class="tw-sr-only">items in cart</span>
3595  <span class="cart-item-count-badge__value" aria-live="polite">0</span>
3596</div>
3597
3598<style>
3599  .cart-item-count-badge {
3600    right: -3px;
3601  }
3602
3603  @media screen and (min-width: 750px) {
3604    .cart-item-count-badge {
3605      top: -6px;
3606      right: 4px;
3607    }
3608  }
3609
3610  @media screen and (min-width: 1183px) {
3611    .cart-item-count-badge {
3612      top: 5px;
3613      right: 7px;
3614    }
3615  }
3616</style>
3617
3618              </div>
3619            </div>
3620            <button
3621              type="button"
3622              class="site-header__mobile-menu-close-btn header__button tw-shrink-0 tw-bg-transparent tw-p-0"
3623              js-mobile-menu-close
3624              aria-label="Close menu"
3625            >
3626              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3627  <path
3628    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"
3629    fill="currentColor"
3630  />
3631</svg>
3632
3633            </button>
3634          </div>
3635        </div>
3636        <!-- ./End Right Menu -->
3637      </div>
3638
3639      
3640      
3641
3642    </div>
3643
3644    <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">
3645  
3646
3647
3648
3649    
3650      
3651        
3652
3653<div
3654  class="site-nav-dropdown__menu--shop site-nav-dropdown__menu tw-mx-auto tw-w-full tw-min-h-0"
3655  id="site-nav-menu-dropdown-shop"
3656  tabindex="-1"
3657>
3658  <button type="button" class="site-nav-dropdown-close">Close menu Shop</button>
3659
3660  <div
3661    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]"
3662  >
3663    <aside
3664      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"
3665    >
3666      <nav class="site-nav-dropdown__category-nav tw-flex tw-min-h-0 tw-flex-col tw-overflow-y-auto" aria-label="Shop categories">
3667            <div
3668              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3669              data-handle="nav-dropdown-9g-fiber-line"
3670            >
3671              <button
3672                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"
3673                type="button"
3674                aria-expanded="true"
3675              >
3676                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3677                  9g fiber line
3678                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3679  xmlns="http://www.w3.org/2000/svg"
3680  width="24"
3681  height="24"
3682  viewBox="0 0 24 24"
3683  fill="none"
3684  aria-hidden="true"
3685  focusable="false"
3686  role="presentation"
3687  class="icon icon-chevron-three-right"
3688>
3689  <path
3690    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"
3691    fill="#034638"
3692  />
3693</svg>
3694</span>
3695                </span>
3696              </button>
3697            </div>
3698          
3699
3700            <div
3701              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3702              data-handle="nav-dropdown-6g-fiber-line"
3703            >
3704              <button
3705                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"
3706                type="button"
3707                aria-expanded="false"
3708              >
3709                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3710                  6g fiber line
3711                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3712  xmlns="http://www.w3.org/2000/svg"
3713  width="24"
3714  height="24"
3715  viewBox="0 0 24 24"
3716  fill="none"
3717  aria-hidden="true"
3718  focusable="false"
3719  role="presentation"
3720  class="icon icon-chevron-three-right"
3721>
3722  <path
3723    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"
3724    fill="#034638"
3725  />
3726</svg>
3727</span>
3728                </span>
3729              </button>
3730            </div>
3731          
3732
3733            <div
3734              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3735              data-handle="nav-dropdown-minis"
3736            >
3737              <button
3738                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"
3739                type="button"
3740                aria-expanded="false"
3741              >
3742                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3743                  MINIs
3744                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3745  xmlns="http://www.w3.org/2000/svg"
3746  width="24"
3747  height="24"
3748  viewBox="0 0 24 24"
3749  fill="none"
3750  aria-hidden="true"
3751  focusable="false"
3752  role="presentation"
3753  class="icon icon-chevron-three-right"
3754>
3755  <path
3756    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
375664 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"
3757    fill="#034638"
3758  />
3759</svg>
3760</span>
3761                </span>
3762              </button>
3763            </div>
3764          
3765
3766            <div
3767              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3768              data-handle="nav-dropdown-limited-edition-flavors"
3769            >
3770              <button
3771                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"
3772                type="button"
3773                aria-expanded="false"
3774              >
3775                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3776                  Limited edition flavors
3777                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3778  xmlns="http://www.w3.org/2000/svg"
3779  width="24"
3780  height="24"
3781  viewBox="0 0 24 24"
3782  fill="none"
3783  aria-hidden="true"
3784  focusable="false"
3785  role="presentation"
3786  class="icon icon-chevron-three-right"
3787>
3788  <path
3789    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"
3790    fill="#034638"
3791  />
3792</svg>
3793</span>
3794                </span>
3795              </button>
3796            </div>
3797          
3798
3799            <div
3800              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3801              data-handle="nav-dropdown-variety-packs"
3802            >
3803              <button
3804                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"
3805                type="button"
3806                aria-expanded="false"
3807              >
3808                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3809                  Variety packs
3810                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3811  xmlns="http://www.w3.org/2000/svg"
3812  width="24"
3813  height="24"
3814  viewBox="0 0 24 24"
3815  fill="none"
3816  aria-hidden="true"
3817  focusable="false"
3818  role="presentation"
3819  class="icon icon-chevron-three-right"
3820>
3821  <path
3822    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"
3823    fill="#034638"
3824  />
3825</svg>
3826</span>
3827                </span>
3828              </button>
3829            </div>
3830          
3831</nav>
3832
3833      <div class="site-nav-dropdown__links-footer">
3834        <a
3835          href="/collections/drinks"
3836          class="site-nav-dropdown__footer-shop-all dropdown-btn"
3837        >
3838          Shop All
3839        </a>
3840      </div>
3841    </aside>
3842
3843    <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]">
3844      
3845
3846          <div
3847            id="nav-dropdown-9g-fiber-line"
3848            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"
3849          >
3850            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
3851              <header class="site-nav-dropdown__subnav-header tw-pl-1">
3852                <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">
3853                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
3854                    <h2 class="site-nav-dropdown__subnav-title">
3855                      
3856                        Shop 9g fiber
3857                      
3858                    </h2>
3859                    
3860                      <div class="site-nav-dropdown__category-headline">
3861                        <div class="site-nav-dropdown__category-headline-text rte">
3862                          <span class="metafield-single_line_text_field">Keep refrigerated</span>
3863                        </div>
3864                        
3865                          <span class="site-nav-dropdown__category-headline-icon" aria-hidden="true">
3866                            <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">
3867                          </span>
3868                        
3869                      </div>
3870                    
3871                    
3872                      <div class="site-nav-dropdown__category-description rte">
3873                        <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span>
3874                      </div>
3875                    
3876                  </div>
3877                  <a
3878                    class="site-nav-dropdown__shop-all-outline"
3879                    href="/collections/shop-9g-fiber"
3880                  > 
3881                    
3882                      Shop All 9g Fiber
3883                    
3884                  </a>
3885                </div>
3886              </header>
3887
3888              <div
3889                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]"
3890                data-nav-carousel
3891              >
3892                <div
3893                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
3894                  aria-hidden="false"
3895                >
3896                  <button
3897                    type="button"
3898                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
3899                    aria-label="Show previous products"
3900                  >
3901<svg
3902  xmlns="http://www.w3.org/2000/svg"
3903  width="24"
3904  height="24"
3905  viewBox="0 0 24 24"
3906  fill="none"
3907  class="site-nav-dropdown__carousel-arrow-svg"
3908  aria-hidden="true"
3909  focusable="false"
3910>
3911  <path
3912    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"
3913    fill="currentColor"
3914  />
3915</svg>
3916</button>
3917                  <button
3918                    type="button"
3919                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
3920                    aria-label="Show next products"
3921                  >
3922<svg
3923  xmlns="http://www.w3.org/2000/svg"
3924  width="24"
3925  height="24"
3926  viewBox="0 0 24 24"
3927  fill="none"
3928  class="site-nav-dropdown__carousel-arrow-svg"
3929  aria-hidden="true"
3930  focusable="false"
3931>
3932  <path
3933    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
39330.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"
3934    fill="currentColor"
3935  />
3936</svg>
3937</button>
3938                </div>
3939                <div
3940                  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"
3941                  data-carousel-track
3942                  tabindex="0"
3943                  role="region"
3944                  aria-roledescription="carousel"
3945                  aria-label="9g fiber line products"
3946                >
3947                  <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">
3948                    
3949                    
3950
3951                    
3952
3953                    
3954
3955
3956                      
3957
3958                      
3959
3960                      
3961                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3962                          <a
3963                            href="/products/caramel-apple"
3964                            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"
3965                            
3966                          >
3967                            <span class="site-nav-dropdown__product-card-media">
3968                              
3969                                <div
3970    class="product-badge product-badge--nav product-badge--short-text"
3971    role="status"
3972    aria-label="New"
3973  >
3974    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
3975      <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"/>
3976    </svg>
3977    <span class="product-badge__text" style="color: #034638;">New</span>
3978  </div>
3979                              
3980
3981                              
3982                                
3983                                  
3984                                  
3985                              
3986                              
3987                              
3988                              <img
3989                                class="site-nav-dropdown__product-card-img nav-product-hero"
3990                                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"
3991                                width="136"
3992                                height="181"
3993                                alt="Caramel Apple"
3994                                loading="lazy"
3995                                decoding="async"
3996                              >
3997                              
3998                            </span>
3999                            <span class="site-nav-dropdown__product-card-label">
4000                              
4001                                Caramel Apple
4002                              
4003                            </span>
4004                          </a>
4005                        </li>
4006                      
4007                    
4008
4009
4010                      
4011
4012                      
4013
4014                      
4015                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4016                          <a
4017                            href="/products/blackberry-vanilla"
4018                            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"
4019                            
4020                          >
4021                            <span class="site-nav-dropdown__product-card-media">
4022                              
4023
4024                              
4025                                
4026                                  
4027                                  
4028                              
4029                              
4030                              
4031                              <img
4032                                class="site-nav-dropdown__product-card-img nav-product-hero"
4033                                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"
4034                                width="136"
4035                                height="181"
4036                                alt="Blackberry Vanilla"
4037                                loading="lazy"
4038                                decoding="async"
4039                              >
4040                              
4041                            </span>
4042                            <span class="site-nav-dropdown__product-card-label">
4043                              
4044                                Blackberry Vanilla
4045                              
4046                            </span>
4047                          </a>
4048                        </li>
4049                      
4050                    
4051
4052
4053                      
4054
4055                      
4056
4057                      
4058                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4059                          <a
4060                            href="/products/crisp-apple"
4061                            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"
4062                            
4063                          >
4064                            <span class="site-nav-dropdown__product-card-media">
4065                              
4066
4067                              
4068                                
4069                                  
4070                                  
4071                              
4072                              
4073                              
4074                              <img
4075                                class="site-nav-dropdown__product-card-img nav-product-hero"
4076                                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"
4077                                width="136"
4078                                height="181"
4079                                alt="Crisp Apple"
4080                                loading="lazy"
4081                                decoding="async"
4082                              >
4083                              
4084                            </span>
4085                            <span class="site-nav-dropdown__product-card-label">
4086                              
4087                                Crisp Apple
4088                              
4089                            </span>
4090                          </a>
4091                        </li>
4092                      
4093                    
4094
4095
4096                      
4097
4098                      
4099
4100                      
4101                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4102                          <a
4103                            href="/products/classic-grape"
4104                            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"
4105                            
4106                          >
4107                            <span class="site-nav-dropdown__product-card-media">
4108                              
4109
4110                              
4111                                
4112                                  
4113                                  
4114                              
4115                              
4116                              
4117                              <img
4118                                class="site-nav-dropdown__product-card-img nav-product-hero"
4119                                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"
4120                                width="136"
4121                                height="181"
4122                                alt="Classic Grape"
4123                                loading="lazy"
4124                                decoding="async"
4125                              >
4126                              
4127                            </span>
4128                            <span class="site-nav-dropdown__product-card-label">
4129                              
4130                                Classic Grape
4131                              
4132                            </span>
4133                          </a>
4134                        </li>
4135                      
4136                    
4137
4138
4139                      
4140
4141                      
4142
4143                      
4144                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4145                          <a
4146                            href="/products/classic-root-beer"
4147                            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"
4148                            
4149                          >
4150                            <span class="site-nav-dropdown__product-card-media">
4151                              
4152
4153                              
4154                                
4155                                  
4156                                  
4157                              
4158                              
4159                              
4160                              <img
4161                                class="site-nav-dropdown__product-card-img nav-product-hero"
4162                                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"
4163                                width="136"
4164                                height="181"
4165                                alt="Classic Root Beer"
4166                                loading="lazy"
4167                                decoding="async"
4168                              >
4169                              
4170                            </span>
4171                            <span class="site-nav-dropdown__product-card-label">
4172                              
4173                                Classic Root Beer
4174                              
4175                            </span>
4176                          </a>
4177                        </li>
4178                      
4179                    
4180
4181
4182                      
4183
4184                      
4185
4186                      
4187                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4188                          <a
4189                            href="/products/vintage-cola"
4190                            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"
4191                            
4192                          >
4193                            <span class="site-nav-dropdown__product-card-media">
4194                              
4195
4196                              
4197                                
4198                                  
4199                                  
4200                              
4201                              
4202                              
4203                              <img
4204                                class="site-nav-dropdown__product-card-img nav-product-hero"
4205                                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"
4206                                width="136"
4207                                height="181"
4208                                alt="Vintage Cola"
4209                                loading="lazy"
4210                                decoding="async"
4211                              >
4212                              
4213                            </span>
4214                            <span class="site-nav-dropdown__product-card-label">
4215                              
4216                                Vintage Cola
4217                              
4218                            </span>
4219                          </a>
4220                        </li>
4221                      
4222                    
4223
4224
4225                      
4226
4227                      
4228
4229                      
4230                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4231                          <a
4232                            href="/products/cream-soda"
4233                            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"
4234                            
4235                          >
4236                            <span class="site-nav-dropdown__product-card-media">
4237                              
4238
4239                              
4240                                
4241                                  
4242                                  
4243                              
4244                              
4245                              
4246                              <img
4247                                class="site-nav-dropdown__product-card-img nav-product-hero"
4248                                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"
4249                                width="136"
4250                                height="181"
4251                                alt="Cream Soda"
4252                                loading="lazy"
4253                                decoding="async"
4254                              >
4255                              
4256                            </span>
4257                            <span class="site-nav-dropdown__product-card-label">
4258                              
4259                                Cream Soda
4260                              
4261                            </span>
4262                          </a>
4263                        </li>
4264                      
4265                    
4266
4267
4268                      
4269
4270                      
4271
4272                      
4273                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4274                          <a
4275                            href="/products/strawberry-vanilla"
4276                            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"
4277                            
4278                          >
4279                            <span class="site-nav-dropdown__product-card-media">
4280                              
4281
4282                              
4283                                
4284                                  
4285                                  
4286                              
4287                              
4288                              
4289                              <img
4290                                class="site-nav-dropdown__product-card-img nav-product-hero"
4291                                src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272"
4292                                width="136"
4293                                height="181"
4294                                alt="Strawberry Vanilla"
4295                                loading="lazy"
4296                                decoding="async"
4297                              >
4298                              
4299                            </span>
4300                            <span class="site-nav-dropdown__product-card-label">
4301                              
4302                                Strawberry Vanilla
4303                              
4304                            </span>
4305                          </a>
4306                        </li>
4307                      
4308                    
4309
4310
4311                      
4312
4313                      
4314
4315                      
4316                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4317                          <a
4318                            href="/products/cherry-cola"
4319                            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"
4320                            
4321                          >
4322                            <span class="site-nav-dropdown__product-card-media">
4323                              
4324
4325                              
4326                                
4327                                  
4328                                  
4329                              
4330                              
4331                              
4332                              <img
4333                                class="site-nav-dropdown__product-card-img nav-product-hero"
4334                                src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272"
4335                                width="136"
4336                                height="181"
4337                                alt="Cherry Cola"
4338                                loading="lazy"
4339                                decoding="async"
4340                              >
4341                              
4342                            </span>
4343                            <span class="site-nav-dropdown__product-card-label">
4344                              
4345                                Cherry Cola
4346                              
4347                            </span>
4348                          </a>
4349                        </li>
4350                      
4351                    
4352
4353
4354                      
4355
4356                      
4357
4358                      
4359                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4360                          <a
4361                            href="/products/orange-cream"
4362                            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"
4363                            
4364                          >
4365                            <span class="site-nav-dropdown__product-card-media">
4366                              
4367
4368                              
4369                                
4370                                  
4371                                  
4372                              
4373                              
4374                              
4375                              <img
4376                                class="site-nav-dropdown__product-card-img nav-product-hero"
4377                                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"
4378                                width="136"
4379                                height="181"
4380                                alt="Orange Cream"
4381                                loading="lazy"
4382                                decoding="async"
4383                              >
4384                              
4385                            </span>
4386                            <span class="site-nav-dropdown__product-card-label">
4387                              
4388                                Orange Cream
4389                              
4390                            </span>
4391                          </a>
4392                        </li>
4393                      
4394                    
4395
4396
4397                      
4398
4399                      
4400
4401                      
4402                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4403                          <a
4404                            href="/products/peaches-and-cream"
4405                            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"
4406                            
4407                          >
4408                            <span class="site-nav-dropdown__product-card-media">
4409                              
4410
4411                              
4412                                
4413                                  
4414                                  
4415                              
4416                              
4417                              
4418                              <img
4419                                class="site-nav-dropdown__product-card-img nav-product-hero"
4420                                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"
4421                                width="136"
4422                                height="181"
4423                                alt="Peaches & Cream"
4424                                loading="lazy"
4425                                decoding="async"
4426                              >
4427                              
4428                            </span>
4429                            <span class="site-nav-dropdown__product-card-label">
4430                              
4431                                Peaches &amp; Cream
4432                              
4433                            </span>
4434                          </a>
4435                        </li>
4436                      
4437                    
4438
4439
4440                      
4441
4442                      
4443
4444                      
4445                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4446                          <a
4447                            href="/products/orange-squeeze"
4448                            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"
4449                            
4450                          >
4451                            <span class="site-nav-dropdown__product-card-media">
4452                              
4453
4454                              
4455                                
4456                                  
4457                                  
4458                              
4459                              
4460                              
4461                              <img
4462                                class="site-nav-dropdown__product-card-img nav-product-hero"
4463                                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"
4464                                width="136"
4465                                height="181"
4466                                alt="Orange Squeeze"
4467                                loading="lazy"
4468                                decoding="async"
4469                              >
4470                              
4471                            </span>
4472                            <span class="site-nav-dropdown__product-card-label">
4473                              
4474                                Orange Squeeze
4475                              
4476                            </span>
4477                          </a>
4478                        </li>
4479                      
4480                    
4481
4482
4483                      
4484
4485                      
4486
4487                      
4488                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4489                          <a
4490                            href="/products/ginger-ale"
4491                            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"
4492                            
4493                          >
4494                            <span class="site-nav-dropdown__product-card-media">
4495                              
4496
4497                              
4498                                
4499                                  
4500                                  
4501                              
4502                              
4503                              
4504                              <img
4505                                class="site-nav-dropdown__product-card-img nav-product-hero"
4506                                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"
4507                                width="136"
4508                                height="181"
4509                                alt="Ginger Ale"
4510                                loading="lazy"
4511                                decoding="async"
4512                              >
4513                              
4514                            </span>
4515                            <span class="site-nav-dropdown__product-card-label">
4516                              
4517                                Ginger Ale
4518                              
4519                            </span>
4520                          </a>
4521                        </li>
4522                      
4523                    
4524
4525
4526                      
4527
4528                      
4529
4530                      
4531                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4532                          <a
4533                            href="/products/citrus-rush"
4534                            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"
4535                            
4536                          >
4537                            <span class="site-nav-dropdown__product-card-media">
4538                              
4539
4540                              
4541                                
4542                                  
4543                                  
4544                              
4545                              
4546                              
4547                              <img
4548                                class="site-nav-dropdown__product-card-img nav-product-hero"
4549                                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"
4550                                width="136"
4551                                height="181"
4552                                alt="Citrus Rush"
4553                                loading="lazy"
4554                                decoding="async"
4555                              >
4556                              
4557                            </span>
4558                            <span class="site-nav-dropdown__product-card-label">
4559                              
4560                                Ridge Rush
4561                              
4562                            </span>
4563                          </a>
4564                        </li>
4565                      
4566                    
4567
4568
4569                      
4570
4571                      
4572
4573                      
4574                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4575                          <a
4576                            href="/products/doctor-goodwin"
4577                            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"
4578                            
4579                          >
4580                            <span class="site-nav-dropdown__product-card-media">
4581                              
4582
4583                              
4584                                
4585                                  
4586                                  
4587                              
4588                              
4589                              
4590                              <img
4591                                class="site-nav-dropdown__product-card-img nav-product-hero"
4592                                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"
4593                                width="136"
4594                                height="181"
4595                                alt="Doctor Goodwin"
4596                                loading="lazy"
4597                                decoding="async"
4598                              >
4599                              
4600                            </span>
4601                            <span class="site-nav-dropdown__product-card-label">
4602                              
4603                                Doctor Goodwin
4604                              
4605                            </span>
4606                          </a>
4607                        </li>
4608                      
4609                    
4610
4611
4612                      
4613
4614                      
4615
4616                      
4617                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4618                          <a
4619                            href="/products/cherry-vanilla"
4620                            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"
4621                            
4622                          >
4623                            <span class="site-nav-dropdown__product-card-media">
4624                              
4625
4626                              
4627                                
4628                                  
4629                                  
4630                              
4631                              
4632                              
4633                              <img
4634                                class="site-nav-dropdown__product-card-img nav-product-hero"
4635                                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"
4636                                width="136"
4637                                height="181"
4638                                alt="Cherry Vanilla"
4639                                loading="lazy"
4640                                decoding="async"
4641                              >
4642                              
4643                            </span>
4644                            <span class="site-nav-dropdown__product-card-label">
4645                              
4646                                Cherry Vanilla
4647                              
4648                            </span>
4649                          </a>
4650                        </li>
4651                      
4652                    
4653
4654
4655                      
4656
4657                      
4658
4659                      
4660                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4661                          <a
4662                            href="/products/tropical-punch"
4663                            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"
4664                            
4665                          >
4666                            <span class="site-nav-dropdown__product-card-media">
4667                              
4668
4669                              
4670                                
4671                                  
4672                                  
4673                              
4674                              
4675                              
4676                              <img
4677                                class="site-nav-dropdown__product-card-img nav-product-hero"
4678                                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"
4679                                width="136"
4680                                height="181"
4681                                alt="Tropical Punch"
4682                                loading="lazy"
4683                                decoding="async"
4684                              >
4685                              
4686                            </span>
4687                            <span class="site-nav-dropdown__product-card-label">
4688                              
4689                                Tropical Punch
4690                              
4691                            </span>
4692                          </a>
4693                        </li>
4694                      
4695                    
4696
4697
4698                      
4699
4700                      
4701
4702                      
4703                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4704                          <a
4705                            href="/products/lemon-lime"
4706                            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"
4707                            
4708                          >
4709                            <span class="site-nav-dropdown__product-card-media">
4710                              
4711
4712                              
4713                                
4714                                  
4715                                  
4716                              
4717                              
4718                              
4719                              <img
4720                                class="site-nav-dropdown__product-card-img nav-product-hero"
4721                                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"
4722                                width="136"
4723                                height="181"
4724                                alt="Lemon Lime"
4725                                loading="lazy"
4726                                decoding="async"
4727                              >
4728                              
4729                            </span>
4730                            <span class="site-nav-dropdown__product-card-label">
4731                              
4732                                Lemon Lime
4733                              
4734                            </span>
4735                          </a>
4736                        </li>
4737                      
4738                    
4739
4740
4741                      
4742
4743                      
4744
4745                      
4746                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4747                          <a
4748                            href="/products/ginger-lemon"
4749                            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"
4750                            
4751                          >
4752                            <span class="site-nav-dropdown__product-card-media">
4753                              
4754
4755                              
4756                                
4757                                  
4758                                  
4759                              
4760                              
4761                              
4762                              <img
4763                                class="site-nav-dropdown__product-card-img nav-product-hero"
4764                                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"
4765                                width="136"
4766                                height="181"
4767                                alt="Ginger Lemon"
4768                                loading="lazy"
4769                                decoding="async"
4770                              >
4771                              
4772                            </span>
4773                            <span class="site-nav-dropdown__product-card-label">
4774                              
4775                                Ginger Lemon
4776                              
4777                            </span>
4778                          </a>
4779                        </li>
4780                      
4781                    
4782
4783
4784                      
4785
4786                      
4787
4788                      
4789                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4790                          <a
4791                            href="/products/watermelon-lime"
4792                            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"
4793                            
4794                          >
4795                            <span class="site-nav-dropdown__product-card-media">
4796                              
4797
4798                              
4799                                
4800                                  
4801                                  
4802                              
4803                              
4804                              
4805                              <img
4806                                class="site-nav-dropdown__product-card-img nav-product-hero"
4807                                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"
4808                                width="136"
4809                                height="181"
4810                                alt="Watermelon Lime"
4811                                loading="lazy"
4812                                decoding="async"
4813                              >
4814                              
4815                            </span>
4816                            <span class="site-nav-dropdown__product-card-label">
4817                              
4818                                Watermelon Lime
4819                              
4820                            </span>
4821                          </a>
4822                        </li>
4823                      
4824                    
4825
4826
4827                      
4828
4829                      
4830
4831                      
4832                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4833                          <a
4834                            href="/products/banana-cream"
4835                            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"
4836                            
4837                          >
4838                            <span class="site-nav-dropdown__product-card-media">
4839                              
4840
4841                              
4842                                
4843                                  
4844                                  
4845                              
4846                              
4847                              
4848                              <img
4849                                class="site-nav-dropdown__product-card-img nav-product-hero"
4850                                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"
4851                                width="136"
4852                                height="181"
4853                                alt="Banana Cream"
4854                                loading="lazy"
4855                                decoding="async"
4856                              >
4857                              
4858                            </span>
4859                            <span class="site-nav-dropdown__product-card-label">
4860                              
4861                                Banana Cream
4862                              
4863                            </span>
4864                          </a>
4865                        </li>
4866                      
4867                    
4868                  </ul>
4869                </div>
4870              </div>
4871            </div>
4872          </div>
4873        
4874      
4875
4876          <div
4877            id="nav-dropdown-6g-fiber-line"
4878            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"
4879          >
4880            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
4881              <header class="site-nav-dropdown__subnav-header tw-pl-1">
4882                <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">
4883                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
4884                    <h2 class="site-nav-dropdown__subnav-title">
4885                      
4886                        Shop 6g fiber
4887                      
4888                    </h2>
4889                    
4890                      <div class="site-nav-dropdown__category-headline">
4891                        <div class="site-nav-dropdown__category-headline-text rte">
4892                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
4893                        </div>
4894                        
4895                      </div>
4896                    
4897                    
4898                      <div class="site-nav-dropdown__category-description rte">
4899                        <span class="metafield-multi_line_text_field">Same great taste &amp; digestive support, in a lower‑fiber, store‑anywhere format.</span>
4900                      </div>
4901                    
4902                  </div>
4903                  <a
4904                    class="site-nav-dropdown__shop-all-outline"
4905                    href="/collections/shop-6g-fiber"
4906                  > 
4907                    
4908                      Shop All 6g Fiber
4909                    
4910                  </a>
4911                </div>
4912              </header>
4913
4914              <div
4915                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]"
4916                data-nav-carousel
4917              >
4918                <div
4919                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
4920                  aria-hidden="false"
4921                >
4922                  <button
4923                    type="button"
4924                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
4925                    aria-label="Show previous products"
4926                  >
4927<svg
4928  xmlns="http://www.w3.org/2000/svg"
4929  width="24"
4930  height="24"
4931  viewBox="0 0 24 24"
4932  fill="none"
4933  class="site-nav-dropdown__carousel-arrow-svg"
4934  aria-hidden="true"
4935  focusable="false"
4936>
4937  <path
4938    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"
4939    fill="currentColor"
4940  />
4941</svg>
4942</button>
4943                  <button
4944                    type="button"
4945                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
4946                    aria-label="Show next products"
4947                  >
4948<svg
4949  xmlns="http://www.w3.org/2000/svg"
4950  width="24"
4951  height="24"
4952  viewBox="0 0 24 24"
4953  fill="none"
4954  class="site-nav-dropdown__carousel-arrow-svg"
4955  aria-hidden="true"
4956  focusable="false"
4957>
4958  <path
4959    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
49590.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"
4960    fill="currentColor"
4961  />
4962</svg>
4963</button>
4964                </div>
4965                <div
4966                  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"
4967                  data-carousel-track
4968                  tabindex="0"
4969                  role="region"
4970                  aria-roledescription="carousel"
4971                  aria-label="6g fiber line products"
4972                >
4973                  <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">
4974                    
4975                    
4976
4977                    
4978
4979                    
4980
4981
4982                      
4983
4984                      
4985
4986                      
4987                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4988                          <a
4989                            href="/products/pomegranate-sparkle"
4990                            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"
4991                            
4992                          >
4993                            <span class="site-nav-dropdown__product-card-media">
4994                              
4995                                <div
4996    class="product-badge product-badge--nav product-badge--short-text"
4997    role="status"
4998    aria-label="New"
4999  >
5000    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5001      <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"/>
5002    </svg>
5003    <span class="product-badge__text" style="color: #034638;">New</span>
5004  </div>
5005                              
5006
5007                              
5008                                
5009                                  
5010                                  
5011                              
5012                              
5013                              
5014                              <img
5015                                class="site-nav-dropdown__product-card-img nav-product-hero"
5016                                src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272"
5017                                width="136"
5018                                height="181"
5019                                alt="Pomegranate Sparkle"
5020                                loading="lazy"
5021                                decoding="async"
5022                              >
5023                              
5024                            </span>
5025                            <span class="site-nav-dropdown__product-card-label">
5026                              
5027                                Pomegranate Sparkle
5028                              
5029                            </span>
5030                          </a>
5031                        </li>
5032                      
5033                    
5034
5035
5036                      
5037
5038                      
5039
5040                      
5041                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5042                          <a
5043                            href="/products/raspberry-sherbet"
5044                            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"
5045                            
5046                          >
5047                            <span class="site-nav-dropdown__product-card-media">
5048                              
5049                                <div
5050    class="product-badge product-badge--nav"
5051    role="status"
5052    aria-label="Limited"
5053  >
5054    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5055      <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"/>
5056    </svg>
5057    <span class="product-badge__text" style="color: #034638;">Limited</span>
5058  </div>
5059                              
5060
5061                              
5062                                
5063                                  
5064                                  
5065                              
5066                              
5067                              
5068                              <img
5069                                class="site-nav-dropdown__product-card-img nav-product-hero"
5070                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
5071                                width="136"
5072                                height="181"
5073                                alt="Raspberry Sherbet"
5074                                loading="lazy"
5075                                decoding="async"
5076                              >
5077                              
5078                            </span>
5079                            <span class="site-nav-dropdown__product-card-label">
5080                              
5081                                Raspberry Sherbet
5082                              
5083                            </span>
5084                          </a>
5085                        </li>
5086                      
5087                    
5088
5089
5090                      
5091
5092                      
5093
5094                      
5095                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5096                          <a
5097                            href="/products/shirley-temple"
5098                            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"
5099                            
5100                          >
5101                            <span class="site-nav-dropdown__product-card-media">
5102                              
5103                                <div
5104    class="product-badge product-badge--nav"
5105    role="status"
5106    aria-label="Limited"
5107  >
5108    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5109      <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"/>
5110    </svg>
5111    <span class="product-badge__text" style="color: #034638;">Limited</span>
5112  </div>
5113                              
5114
5115                              
5116                                
5117                                  
5118                                  
5119                              
5120                              
5121                              
5122                              <img
5123                                class="site-nav-dropdown__product-card-img nav-product-hero"
5124                                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"
5125                                width="136"
5126                                height="181"
5127                                alt="Shirley Temple"
5128                                loading="lazy"
5129                                decoding="async"
5130                              >
5131                              
5132                            </span>
5133                            <span class="site-nav-dropdown__product-card-label">
5134                              
5135                                Shirley Temple
5136                              
5137                            </span>
5138                          </a>
5139                        </li>
5140                      
5141                    
5142
5143
5144                      
5145
5146                      
5147
5148                      
5149                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5150                          <a
5151                            href="/products/spongebob-pineapple-paradise"
5152                            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"
5153                            
5154                          >
5155                            <span class="site-nav-dropdown__product-card-media">
5156                              
5157                                <div
5158    class="product-badge product-badge--nav"
5159    role="status"
5160    aria-label="Limited"
5161  >
5162    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5163      <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
516303 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"/>
5164    </svg>
5165    <span class="product-badge__text" style="color: #034638;">Limited</span>
5166  </div>
5167                              
5168
5169                              
5170                                
5171                                  
5172                                  
5173                              
5174                              
5175                              
5176                              <img
5177                                class="site-nav-dropdown__product-card-img nav-product-hero"
5178                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
5179                                width="136"
5180                                height="181"
5181                                alt="Pineapple Paradise"
5182                                loading="lazy"
5183                                decoding="async"
5184                              >
5185                              
5186                            </span>
5187                            <span class="site-nav-dropdown__product-card-label">
5188                              
5189                                Pineapple Paradise
5190                              
5191                            </span>
5192                          </a>
5193                        </li>
5194                      
5195                    
5196
5197
5198                      
5199
5200                      
5201
5202                      
5203                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5204                          <a
5205                            href="/products/crisp-apple-6g-fiber"
5206                            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"
5207                            
5208                          >
5209                            <span class="site-nav-dropdown__product-card-media">
5210                              
5211
5212                              
5213                                
5214                                  
5215                                  
5216                              
5217                              
5218                              
5219                              <img
5220                                class="site-nav-dropdown__product-card-img nav-product-hero"
5221                                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"
5222                                width="136"
5223                                height="181"
5224                                alt="Crisp Apple"
5225                                loading="lazy"
5226                                decoding="async"
5227                              >
5228                              
5229                            </span>
5230                            <span class="site-nav-dropdown__product-card-label">
5231                              
5232                                Crisp Apple
5233                              
5234                            </span>
5235                          </a>
5236                        </li>
5237                      
5238                    
5239
5240
5241                      
5242
5243                      
5244
5245                      
5246                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5247                          <a
5248                            href="/products/classic-grape-6g-fiber"
5249                            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"
5250                            
5251                          >
5252                            <span class="site-nav-dropdown__product-card-media">
5253                              
5254
5255                              
5256                                
5257                                  
5258                                  
5259                              
5260                              
5261                              
5262                              <img
5263                                class="site-nav-dropdown__product-card-img nav-product-hero"
5264                                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"
5265                                width="136"
5266                                height="181"
5267                                alt="Classic Grape"
5268                                loading="lazy"
5269                                decoding="async"
5270                              >
5271                              
5272                            </span>
5273                            <span class="site-nav-dropdown__product-card-label">
5274                              
5275                                Classic Grape
5276                              
5277                            </span>
5278                          </a>
5279                        </li>
5280                      
5281                    
5282
5283
5284                      
5285
5286                      
5287
5288                      
5289                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5290                          <a
5291                            href="/products/vintage-cola-6g-fiber"
5292                            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"
5293                            
5294                          >
5295                            <span class="site-nav-dropdown__product-card-media">
5296                              
5297
5298                              
5299                                
5300                                  
5301                                  
5302                              
5303                              
5304                              
5305                              <img
5306                                class="site-nav-dropdown__product-card-img nav-product-hero"
5307                                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"
5308                                width="136"
5309                                height="181"
5310                                alt="Vintage Cola"
5311                                loading="lazy"
5312                                decoding="async"
5313                              >
5314                              
5315                            </span>
5316                            <span class="site-nav-dropdown__product-card-label">
5317                              
5318                                Vintage Cola
5319                              
5320                            </span>
5321                          </a>
5322                        </li>
5323                      
5324                    
5325
5326
5327                      
5328
5329                      
5330
5331                      
5332                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5333                          <a
5334                            href="/products/classic-root-beer-6g-fiber"
5335                            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"
5336                            
5337                          >
5338                            <span class="site-nav-dropdown__product-card-media">
5339                              
5340
5341                              
5342                                
5343                                  
5344                                  
5345                              
5346                              
5347                              
5348                              <img
5349                                class="site-nav-dropdown__product-card-img nav-product-hero"
5350                                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"
5351                                width="136"
5352                                height="181"
5353                                alt="Classic Root Beer"
5354                                loading="lazy"
5355                                decoding="async"
5356                              >
5357                              
5358                            </span>
5359                            <span class="site-nav-dropdown__product-card-label">
5360                              
5361                                Classic Root Beer
5362                              
5363                            </span>
5364                          </a>
5365                        </li>
5366                      
5367                    
5368
5369
5370                      
5371
5372                      
5373
5374                      
5375                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5376                          <a
5377                            href="/products/cream-soda-6g-fiber"
5378                            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"
5379                            
5380                          >
5381                            <span class="site-nav-dropdown__product-card-media">
5382                              
5383
5384                              
5385                                
5386                                  
5387                                  
5388                              
5389                              
5390                              
5391                              <img
5392                                class="site-nav-dropdown__product-card-img nav-product-hero"
5393                                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"
5394                                width="136"
5395                                height="181"
5396                                alt="Cream Soda"
5397                                loading="lazy"
5398                                decoding="async"
5399                              >
5400                              
5401                            </span>
5402                            <span class="site-nav-dropdown__product-card-label">
5403                              
5404                                Cream Soda
5405                              
5406                            </span>
5407                          </a>
5408                        </li>
5409                      
5410                    
5411
5412
5413                      
5414
5415                      
5416
5417                      
5418                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5419                          <a
5420                            href="/products/strawberry-vanilla-6g-fiber"
5421                            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"
5422                            
5423                          >
5424                            <span class="site-nav-dropdown__product-card-media">
5425                              
5426
5427                              
5428                                
5429                                  
5430                                  
5431                              
5432                              
5433                              
5434                              <img
5435                                class="site-nav-dropdown__product-card-img nav-product-hero"
5436                                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"
5437                                width="136"
5438                                height="181"
5439                                alt="Strawberry Vanilla"
5440                                loading="lazy"
5441                                decoding="async"
5442                              >
5443                              
5444                            </span>
5445                            <span class="site-nav-dropdown__product-card-label">
5446                              
5447                                Strawberry Vanilla
5448                              
5449                            </span>
5450                          </a>
5451                        </li>
5452                      
5453                    
5454
5455
5456                      
5457
5458                      
5459
5460                      
5461                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5462                          <a
5463                            href="/products/cherry-cola-6g-fiber"
5464                            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"
5465                            
5466                          >
5467                            <span class="site-nav-dropdown__product-card-media">
5468                              
5469
5470                              
5471                                
5472                                  
5473                                  
5474                              
5475                              
5476                              
5477                              <img
5478                                class="site-nav-dropdown__product-card-img nav-product-hero"
5479                                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"
5480                                width="136"
5481                                height="181"
5482                                alt="Cherry Cola"
5483                                loading="lazy"
5484                                decoding="async"
5485                              >
5486                              
5487                            </span>
5488                            <span class="site-nav-dropdown__product-card-label">
5489                              
5490                                Cherry Cola
5491                              
5492                            </span>
5493                          </a>
5494                        </li>
5495                      
5496                    
5497
5498
5499                      
5500
5501                      
5502
5503                      
5504                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5505                          <a
5506                            href="/products/citrus-rush-6g-fiber"
5507                            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"
5508                            
5509                          >
5510                            <span class="site-nav-dropdown__product-card-media">
5511                              
5512
5513                              
5514                                
5515                                  
5516                                  
5517                              
5518                              
5519                              
5520                              <img
5521                                class="site-nav-dropdown__product-card-img nav-product-hero"
5522                                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"
5523                                width="136"
5524                                height="181"
5525                                alt="Citrus Rush"
5526                                loading="lazy"
5527                                decoding="async"
5528                              >
5529                              
5530                            </span>
5531                            <span class="site-nav-dropdown__product-card-label">
5532                              
5533                                Citrus Rush
5534                              
5535                            </span>
5536                          </a>
5537                        </li>
5538                      
5539                    
5540
5541
5542                      
5543
5544                      
5545
5546                      
5547                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5548                          <a
5549                            href="/products/ginger-ale-6g-fiber"
5550                            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"
5551                            
5552                          >
5553                            <span class="site-nav-dropdown__product-card-media">
5554                              
5555
5556                              
5557                                
5558                                  
5559                                  
5560                              
5561                              
5562                              
5563                              <img
5564                                class="site-nav-dropdown__product-card-img nav-product-hero"
5565                                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"
5566                                width="136"
5567                                height="181"
5568                                alt="Ginger Ale"
5569                                loading="lazy"
5570                                decoding="async"
5571                              >
5572                              
5573                            </span>
5574                            <span class="site-nav-dropdown__product-card-label">
5575                              
5576                                Ginger Ale
5577                              
5578                            </span>
5579                          </a>
5580                        </li>
5581                      
5582                    
5583
5584
5585                      
5586
5587                      
5588
5589                      
5590                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5591                          <a
5592                            href="/products/lemon-lime-6g-fiber"
5593                            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"
5594                            
5595                          >
5596                            <span class="site-nav-dropdown__product-card-media">
5597                              
5598
5599                              
5600                                
5601                                  
5602                                  
5603                              
5604                              
5605                              
5606                              <img
5607                                class="site-nav-dropdown__product-card-img nav-product-hero"
5608                                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"
5609                                width="136"
5610                                height="181"
5611                                alt="Lemon Lime"
5612                                loading="lazy"
5613                                decoding="async"
5614                              >
5615                              
5616                            </span>
5617                            <span class="site-nav-dropdown__product-card-label">
5618                              
5619                                Lemon Lime
5620                              
5621                            </span>
5622                          </a>
5623                        </li>
5624                      
5625                    
5626                  </ul>
5627                </div>
5628              </div>
5629            </div>
5630          </div>
5631        
5632      
5633
5634          <div
5635            id="nav-dropdown-minis"
5636            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"
5637          >
5638            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
5639              <header class="site-nav-dropdown__subnav-header tw-pl-1">
5640                <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">
5641                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
5642                    <h2 class="site-nav-dropdown__subnav-title">
5643                      
5644                        Shop MINIs
5645                      
5646                    </h2>
5647                    
5648                      <div class="site-nav-dropdown__category-headline">
5649                        <div class="site-nav-dropdown__category-headline-text rte">
5650                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
5651                        </div>
5652                        
5653                      </div>
5654                    
5655                    
5656                      <div class="site-nav-dropdown__category-description rte">
5657                        <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>
5658                      </div>
5659                    
5660                  </div>
5661                  <a
5662                    class="site-nav-dropdown__shop-all-outline"
5663                    href="/collections/olipop-minis"
5664                  > 
5665                    
5666                      Shop All MINIs
5667                    
5668                  </a>
5669                </div>
5670              </header>
5671
5672              <div
5673                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]"
5674                data-nav-carousel
5675              >
5676                <div
5677                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
5678                  aria-hidden="false"
5679                >
5680                  <button
5681                    type="button"
5682                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
5683                    aria-label="Show previous products"
5684                  >
5685<svg
5686  xmlns="http://www.w3.org/2000/svg"
5687  width="24"
5688  height="24"
5689  viewBox="0 0 24 24"
5690  fill="none"
5691  class="site-nav-dropdown__carousel-arrow-svg"
5692  aria-hidden="true"
5693  focusable="false"
5694>
5695  <path
5696    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
56960.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"
5697    fill="currentColor"
5698  />
5699</svg>
5700</button>
5701                  <button
5702                    type="button"
5703                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
5704                    aria-label="Show next products"
5705                  >
5706<svg
5707  xmlns="http://www.w3.org/2000/svg"
5708  width="24"
5709  height="24"
5710  viewBox="0 0 24 24"
5711  fill="none"
5712  class="site-nav-dropdown__carousel-arrow-svg"
5713  aria-hidden="true"
5714  focusable="false"
5715>
5716  <path
5717    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"
5718    fill="currentColor"
5719  />
5720</svg>
5721</button>
5722                </div>
5723                <div
5724                  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"
5725                  data-carousel-track
5726                  tabindex="0"
5727                  role="region"
5728                  aria-roledescription="carousel"
5729                  aria-label="MINIs products"
5730                >
5731                  <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">
5732                    
5733                    
5734
5735                    
5736
5737                    
5738
5739
5740                      
5741
5742                      
5743
5744                      
5745                        <li class="minis-tile tw-w-[136px] tw-flex-shrink-0">
5746                          <a
5747                            href="/products/strawberry-vanilla-minis"
5748                            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"
5749                            
5750                          >
5751                            <span class="site-nav-dropdown__product-card-media">
5752                              
5753
5754                              
5755                                
5756                                  
5757                                  
5758                              
5759                              
5760                              
5761                              <img
5762                                class="site-nav-dropdown__product-card-img nav-product-hero"
5763                                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"
5764                                width="136"
5765                                height="181"
5766                                alt="Strawberry Vanilla"
5767                                loading="lazy"
5768                                decoding="async"
5769                              >
5770                              
5771                            </span>
5772                            <span class="site-nav-dropdown__product-card-label">
5773                              
5774                                Strawberry Vanilla
5775                              
5776                            </span>
5777                          </a>
5778                        </li>
5779                      
5780                    
5781
5782
5783                      
5784
5785                      
5786
5787                      
5788                        <li class="minis-tile tw-w-[136px] tw-flex-shrink-0">
5789                          <a
5790                            href="/products/classic-grape-minis"
5791                            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"
5792                            
5793                          >
5794                            <span class="site-nav-dropdown__product-card-media">
5795                              
5796
5797                              
5798                                
5799                                  
5800                                  
5801                              
5802                              
5803                              
5804                              <img
5805                                class="site-nav-dropdown__product-card-img nav-product-hero"
5806                                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"
5807                                width="136"
5808                                height="181"
5809                                alt="Classic Grape"
5810                                loading="lazy"
5811                                decoding="async"
5812                              >
5813                              
5814                            </span>
5815                            <span class="site-nav-dropdown__product-card-label">
5816                              
5817                                Classic Grape
5818                              
5819                            </span>
5820                          </a>
5821                        </li>
5822                      
5823                    
5824
5825
5826                      
5827
5828                      
5829
5830                      
5831                        <li class="minis-tile tw-w-[136px] tw-flex-shrink-0">
5832                          <a
5833                            href="/products/crisp-apple-minis"
5834                            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"
5835                            
5836                          >
5837                            <span class="site-nav-dropdown__product-card-media">
5838                              
5839
5840                              
5841                                
5842                                  
5843                                  
5844                              
5845                              
5846                              
5847                              <img
5848                                class="site-nav-dropdown__product-card-img nav-product-hero"
5849                                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"
5850                                width="136"
5851                                height="181"
5852                                alt="Crisp Apple"
5853                                loading="lazy"
5854                                decoding="async"
5855                              >
5856                              
5857                            </span>
5858                            <span class="site-nav-dropdown__product-card-label">
5859                              
5860                                Crisp Apple
5861                              
5862                            </span>
5863                          </a>
5864                        </li>
5865                      
5866                    
5867
5868
5869                      
5870
5871                      
5872
5873                      
5874                        <li class="minis-tile tw-w-[136px] tw-flex-shrink-0">
5875                          <a
5876                            href="/products/vintage-cola-minis"
5877                            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"
5878                            
5879                          >
5880                            <span class="site-nav-dropdown__product-card-media">
5881                              
5882
5883                              
5884                                
5885                                  
5886                                  
5887                              
5888                              
5889                              
5890                              <img
5891                                class="site-nav-dropdown__product-card-img nav-product-hero"
5892                                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"
5893                                width="136"
5894                                height="181"
5895                                alt="Vintage Cola"
5896                                loading="lazy"
5897                                decoding="async"
5898                              >
5899                              
5900                            </span>
5901                            <span class="site-nav-dropdown__product-card-label">
5902                              
5903                                Vintage Cola
5904                              
5905                            </span>
5906                          </a>
5907                        </li>
5908                      
5909                    
5910
5911
5912                      
5913
5914                      
5915
5916                      
5917                        <li class="minis-tile tw-w-[136px] tw-flex-shrink-0">
5918                          <a
5919                            href="/products/ginger-ale-minis"
5920                            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"
5921                            
5922                          >
5923                            <span class="site-nav-dropdown__product-card-media">
5924                              
5925
5926                              
5927                                
5928                                  
5929                                  
5930                              
5931                              
5932                              
5933                              <img
5934                                class="site-nav-dropdown__product-card-img nav-product-hero"
5935                                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"
5936                                width="136"
5937                                height="181"
5938                                alt="Ginger Ale"
5939                                loading="lazy"
5940                                decoding="async"
5941                              >
5942                              
5943                            </span>
5944                            <span class="site-nav-dropdown__product-card-label">
5945                              
5946                                Ginger Ale
5947                              
5948                            </span>
5949                          </a>
5950                        </li>
5951                      
5952                    
5953
5954
5955                      
5956
5957                      
5958
5959                      
5960                        <li class="minis-tile tw-w-[136px] tw-flex-shrink-0">
5961                          <a
5962                            href="/products/orange-cream-minis"
5963                            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"
5964                            
5965                          >
5966                            <span class="site-nav-dropdown__product-card-media">
5967                              
5968
5969                              
5970                                
5971                                  
5972                                  
5973                              
5974                              
5975                              
5976                              <img
5977                                class="site-nav-dropdown__product-card-img nav-product-hero"
5978                                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"
5979                                width="136"
5980                                height="181"
5981                                alt="Orange Cream"
5982                                loading="lazy"
5983                                decoding="async"
5984                              >
5985                              
5986                            </span>
5987                            <span class="site-nav-dropdown__product-card-label">
5988                              
5989                                Orange Cream
5990                              
5991                            </span>
5992                          </a>
5993                        </li>
5994                      
5995                    
5996                  </ul>
5997                </div>
5998              </div>
5999            </div>
6000          </div>
6001        
6002      
6003
6004          <div
6005            id="nav-dropdown-limited-edition-flavors"
6006            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"
6007          >
6008            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
6009              <header class="site-nav-dropdown__subnav-header tw-pl-1">
6010                <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">
6011                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
6012                    <h2 class="site-nav-dropdown__subnav-title">
6013                      
6014                        Shop limited edition flavors
6015                      
6016                    </h2>
6017                    
6018                      <div class="site-nav-dropdown__category-headline">
6019                        <div class="site-nav-dropdown__category-headline-text rte">
6020                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
6021                        </div>
6022                        
6023                      </div>
6024                    
6025                    
6026                      <div class="site-nav-dropdown__category-description rte">
6027                        <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span>
6028                      </div>
6029                    
6030                  </div>
6031                  <a
6032                    class="site-nav-dropdown__shop-all-outline"
6033                    href="/collections/shop-limited-edition"
6034                  > 
6035                    
6036                      Shop All Limited Edition Flavors
6037                    
6038                  </a>
6039                </div>
6040              </header>
6041
6042              <div
6043                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]"
6044                data-nav-carousel
6045              >
6046                <div
6047                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
6048                  aria-hidden="false"
6049                >
6050                  <button
6051                    type="button"
6052                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
6053                    aria-label="Show previous products"
6054                  >
6055<svg
6056  xmlns="http://www.w3.org/2000/svg"
6057  width="24"
6058  height="24"
6059  viewBox="0 0 24 24"
6060  fill="none"
6061  class="site-nav-dropdown__carousel-arrow-svg"
6062  aria-hidden="true"
6063  focusable="false"
6064>
6065  <path
6066    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"
6067    fill="currentColor"
6068  />
6069</svg>
6070</button>
6071                  <button
6072                    type="button"
6073                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
6074                    aria-label="Show next products"
6075                  >
6076<svg
6077  xmlns="http://www.w3.org/2000/svg"
6078  width="24"
6079  height="24"
6080  viewBox="0 0 24 24"
6081  fill="none"
6082  class="site-nav-dropdown__carousel-arrow-svg"
6083  aria-hidden="true"
6084  focusable="false"
6085>
6086  <path
6087    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"
6088    fill="currentColor"
6089  />
6090</svg>
6091</button>
6092                </div>
6093                <div
6094                  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"
6095                  data-carousel-track
6096                  tabindex="0"
6097                  role="region"
6098                  aria-roledescription="carousel"
6099                  aria-label="Limited edition flavors products"
6100                >
6101                  <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">
6102                    
6103                    
6104
6105                    
6106
6107                    
6108
6109
6110                      
6111
6112                      
6113
6114                      
6115                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
6116                          <a
6117                            href="/products/pomegranate-sparkle"
6118                            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"
6119                            
6120                          >
6121                            <span class="site-nav-dropdown__product-card-media">
6122                              
6123                                <div
6124    class="product-badge product-badge--nav product-badge--short-text"
6125    role="status"
6126    aria-label="New"
6127  >
6128    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
6129      <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"/>
6130    </svg>
6131    <span class="product-badge__text" style="color: #034638;">New</span>
6132  </div>
6133                              
6134
6135                              
6136                                
6137                                  
6138                                  
6139                              
6140                              
6141                              
6142                              <img
6143                                class="site-nav-dropdown__product-card-img nav-product-hero"
6144                                src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272"
6145                                width="136"
6146                                height="181"
6147                                alt="Pomegranate Sparkle"
6148                                loading="lazy"
6149                                decoding="async"
6150                              >
6151                              
6152                            </span>
6153                            <span class="site-nav-dropdown__product-card-label">
6154                              
6155                                Pomegranate Sparkle
6156                              
6157                            </span>
6158                          </a>
6159                        </li>
6160                      
6161                    
6162
6163
6164                      
6165
6166                      
6167
6168                      
6169                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
6170                          <a
6171                            href="/products/caramel-apple"
6172                            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"
6173                            
6174                          >
6175                            <span class="site-nav-dropdown__product-card-media">
6176                              
6177                                <div
6178    class="product-badge product-badge--nav product-badge--short-text"
6179    role="status"
6180    aria-label="New"
6181  >
6182    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
6183      <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
618303 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"/>
6184    </svg>
6185    <span class="product-badge__text" style="color: #034638;">New</span>
6186  </div>
6187                              
6188
6189                              
6190                                
6191                                  
6192                                  
6193                              
6194                              
6195                              
6196                              <img
6197                                class="site-nav-dropdown__product-card-img nav-product-hero"
6198                                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"
6199                                width="136"
6200                                height="181"
6201                                alt="Caramel Apple"
6202                                loading="lazy"
6203                                decoding="async"
6204                              >
6205                              
6206                            </span>
6207                            <span class="site-nav-dropdown__product-card-label">
6208                              
6209                                Caramel Apple
6210                              
6211                            </span>
6212                          </a>
6213                        </li>
6214                      
6215                    
6216
6217
6218                      
6219
6220                      
6221
6222                      
6223                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
6224                          <a
6225                            href="/products/raspberry-sherbet"
6226                            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"
6227                            
6228                          >
6229                            <span class="site-nav-dropdown__product-card-media">
6230                              
6231                                <div
6232    class="product-badge product-badge--nav"
6233    role="status"
6234    aria-label="Limited"
6235  >
6236    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
6237      <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"/>
6238    </svg>
6239    <span class="product-badge__text" style="color: #034638;">Limited</span>
6240  </div>
6241                              
6242
6243                              
6244                                
6245                                  
6246                                  
6247                              
6248                              
6249                              
6250                              <img
6251                                class="site-nav-dropdown__product-card-img nav-product-hero"
6252                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
6253                                width="136"
6254                                height="181"
6255                                alt="Raspberry Sherbet"
6256                                loading="lazy"
6257                                decoding="async"
6258                              >
6259                              
6260                            </span>
6261                            <span class="site-nav-dropdown__product-card-label">
6262                              
6263                                Raspberry Sherbet
6264                              
6265                            </span>
6266                          </a>
6267                        </li>
6268                      
6269                    
6270
6271
6272                      
6273
6274                      
6275
6276                      
6277                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
6278                          <a
6279                            href="/products/shirley-temple"
6280                            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"
6281                            
6282                          >
6283                            <span class="site-nav-dropdown__product-card-media">
6284                              
6285                                <div
6286    class="product-badge product-badge--nav"
6287    role="status"
6288    aria-label="Limited"
6289  >
6290    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
6291      <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"/>
6292    </svg>
6293    <span class="product-badge__text" style="color: #034638;">Limited</span>
6294  </div>
6295                              
6296
6297                              
6298                                
6299                                  
6300                                  
6301                              
6302                              
6303                              
6304                              <img
6305                                class="site-nav-dropdown__product-card-img nav-product-hero"
6306                                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"
6307                                width="136"
6308                                height="181"
6309                                alt="Shirley Temple"
6310                                loading="lazy"
6311                                decoding="async"
6312                              >
6313                              
6314                            </span>
6315                            <span class="site-nav-dropdown__product-card-label">
6316                              
6317                                Shirley Temple
6318                              
6319                            </span>
6320                          </a>
6321                        </li>
6322                      
6323                    
6324
6325
6326                      
6327
6328                      
6329
6330                      
6331                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
6332                          <a
6333                            href="/products/spongebob-pineapple-paradise"
6334                            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"
6335                            
6336                          >
6337                            <span class="site-nav-dropdown__product-card-media">
6338                              
6339                                <div
6340    class="product-badge product-badge--nav"
6341    role="status"
6342    aria-label="Limited"
6343  >
6344    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
6345      <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"/>
6346    </svg>
6347    <span class="product-badge__text" style="color: #034638;">Limited</span>
6348  </div>
6349                              
6350
6351                              
6352                                
6353                                  
6354                                  
6355                              
6356                              
6357                              
6358                              <img
6359                                class="site-nav-dropdown__product-card-img nav-product-hero"
6360                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
6361                                width="136"
6362                                height="181"
6363                                alt="Pineapple Paradise"
6364                                loading="lazy"
6365                                decoding="async"
6366                              >
6367                              
6368                            </span>
6369                            <span class="site-nav-dropdown__product-card-label">
6370                              
6371                                Pineapple Paradise
6372                              
6373                            </span>
6374                          </a>
6375                        </li>
6376                      
6377                    
6378                  </ul>
6379                </div>
6380              </div>
6381            </div>
6382          </div>
6383        
6384      
6385
6386          <div
6387            id="nav-dropdown-variety-packs"
6388            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"
6389          >
6390            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
6391              <header class="site-nav-dropdown__subnav-header tw-pl-1">
6392                <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">
6393                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
6394                    <h2 class="site-nav-dropdown__subnav-title">
6395                      
6396                        Shop variety packs
6397                      
6398                    </h2>
6399                    
6400                      <div class="site-nav-dropdown__category-headline">
6401                        <div class="site-nav-dropdown__category-headline-text rte">
6402                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
6403                        </div>
6404                        
6405                      </div>
6406                    
6407                    
6408                      <div class="site-nav-dropdown__category-description rte">
6409                        <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy &amp; fun way to discover your favorites.</span>
6410                      </div>
6411                    
6412                  </div>
6413                  <a
6414                    class="site-nav-dropdown__shop-all-outline"
6415                    href="/collections/variety-packs"
6416                  > 
6417                    
6418                      Shop All Variety Packs
6419                    
6420                  </a>
6421                </div>
6422              </header>
6423
6424              <div
6425                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]"
6426                data-nav-carousel
6427              >
6428                <div
6429                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
6430                  aria-hidden="false"
6431                >
6432                  <button
6433                    type="button"
6434                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
6435                    aria-label="Show previous products"
6436                  >
6437<svg
6438  xmlns="http://www.w3.org/2000/svg"
6439  width="24"
6440  height="24"
6441  viewBox="0 0 24 24"
6442  fill="none"
6443  class="site-nav-dropdown__carousel-arrow-svg"
6444  aria-hidden="true"
6445  focusable="false"
6446>
6447  <path
6448    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"
6449    fill="currentColor"
6450  />
6451</svg>
6452</button>
6453                  <button
6454                    type="button"
6455                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
6456                    aria-label="Show next products"
6457                  >
6458<svg
6459  xmlns="http://www.w3.org/2000/svg"
6460  width="24"
6461  height="24"
6462  viewBox="0 0 24 24"
6463  fill="none"
6464  class="site-nav-dropdown__carousel-arrow-svg"
6465  aria-hidden="true"
6466  focusable="false"
6467>
6468  <path
6469    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"
6470    fill="currentColor"
6471  />
6472</svg>
6473</button>
6474                </div>
6475                <div
6476                  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"
6477                  data-carousel-track
6478                  tabindex="0"
6479                  role="region"
6480                  aria-roledescription="carousel"
6481                  aria-label="Variety packs products"
6482                >
6483                  <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">
6484                    
6485                    
6486
6487                    
6488
6489                    
6490
6491
6492                      
6493
6494                      
6495
6496                      
6497                        <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0">
6498                          <a
6499                            href="/products/classic-soda-variety-pack"
6500                            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"
6501                            
6502                          >
6503                            <span class="site-nav-dropdown__product-card-media">
6504                              
6505
6506                              
6507                                
6508                                  
6509                                  
6510                              
6511                              
6512                              
6513                              <img
6514                                class="site-nav-dropdown__product-card-img nav-product-hero"
6515                                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"
6516                                width="136"
6517                                height="181"
6518                                alt="Classic Soda Variety Pack"
6519                                loading="lazy"
6520                                decoding="async"
6521                              >
6522                              
6523                            </span>
6524                            <span class="site-nav-dropdown__product-card-label">
6525                              
6526                                Classic Soda
6527                              
6528                            </span>
6529                          </a>
6530                        </li>
6531                      
6532                    
6533
6534
6535                      
6536
6537                      
6538
6539                      
6540                        <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0">
6541                          <a
6542                            href="/products/fruity-fun-variety-pack"
6543                            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"
6544                            
6545                          >
6546                            <span class="site-nav-dropdown__product-card-media">
6547                              
6548
6549                              
6550                                
6551                                  
6552                                  
6553                              
6554                              
6555                              
6556                              <img
6557                                class="site-nav-dropdown__product-card-img nav-product-hero"
6558                                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"
6559                                width="136"
6560                                height="181"
6561                                alt="Fruity Fun Variety Pack"
6562                                loading="lazy"
6563                                decoding="async"
6564                              >
6565                              
6566                            </span>
6567                            <span class="site-nav-dropdown__product-card-label">
6568                              
6569                                Fruity Fun
6570                              
6571                            </span>
6572                          </a>
6573                        </li>
6574                      
6575                    
6576
6577
6578                      
6579
6580                      
6581
6582                      
6583                        <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0">
6584                          <a
6585                            href="/products/favorites-variety-pack"
6586                            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"
6587                            
6588                          >
6589                            <span class="site-nav-dropdown__product-card-media">
6590                              
6591
6592                              
6593                                
6594                                  
6595                                  
6596                              
6597                              
6598                              
6599                              <img
6600                                class="site-nav-dropdown__product-card-img nav-product-hero"
6601                                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"
6602                                width="136"
6603                                height="181"
6604                                alt="Favorites Variety Pack"
6605                                loading="lazy"
6606                                decoding="async"
6607                              >
6608                              
6609                            </span>
6610                            <span class="site-nav-dropdown__product-card-label">
6611                              
6612                                Favorites
6613                              
6614                            </span>
6615                          </a>
6616                        </li>
6617                      
6618                    
6619                  </ul>
6620                </div>
6621              </div>
6622            </div>
6623          </div>
6624        
6625      
6626    </div>
6627  </div>
6628</div>
6629
6630<style>
6631  .variety-packs-tile {
6632    margin: 0;
6633  }
6634
6635  .site-nav-dropdown__links-footer {
6636    padding-top: 2rem;
6637    align-items:  flex-start;
6638  }
6639
6640  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active {
6641    border-bottom-width: 0;
6642    border-right-width: 0;
6643    border-top-width: 0;
6644  }
6645
6646  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):hover {
6647    background-color: #ffffff;
6648    border-color: #F3E4CD;
6649    border-right-width: 0;
6650  }
6651
6652  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):not(:first-child):not(:last-child),
6653  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) {
6654    margin-top: -1px;
6655    margin-bottom: -1px;
6656  }
6657
6658  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) {
6659    margin-top: 0 !important;
6660    margin-bottom: 0 !important;
6661  }
6662
6663  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):first-child,
6664  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child {
6665    margin-bottom: 0;
6666  }
6667
6668  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):last-child,
6669  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child {
6670    margin-top: 0;
6671  }
6672
6673  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child {
6674    margin-bottom: 1px !important;
6675  }
6676
6677  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child {
6678    margin-top: 1px !important;
6679  }
6680</style>
6681
6682      
6683    
6684  
6685
6686
6687
6688    
6689      
6690        
6691
6692
6693
6694
6695<div
6696  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"
6697  id="site-nav-menu-dropdown-learn"
6698  tabindex="-1"
6699>
6700  <button type="button" class="site-nav-dropdown-close">Close menu Learn</button>
6701
6702  <ul
6703    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]"
6704    style="grid-template-columns: repeat(4, minmax(0, 1fr));"
6705    role="list"
6706  >
6707    
6708
6709
6710      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6711        <a
6712          href="/pages/our-story"
6713          class="site-nav-dropdown__learn-cta"
6714          
6715        >
6716          <span class="site-nav-dropdown__learn-cta-media">
6717            
6718              <img
6719                src="https://cld.accentuate.io/24019238982/1638801318213/c0ee66b559596ef206e3bb3c0e6f9336.png?v=1739204938752&options=w_400"
6720                alt="Our story"
6721                class="site-nav-dropdown__learn-cta-img"
6722                width="184"
6723                height="175"
6724                loading="lazy"
6725                decoding="async"
6726              >
6727            
6728          </span>
6729          <span class="site-nav-dropdown__learn-cta-label">Our story</span>
6730        </a>
6731      </li>
6732    
6733
6734
6735      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6736        <a
6737          href="/pages/ingredients"
6738          class="site-nav-dropdown__learn-cta"
6739          
6740        >
6741          <span class="site-nav-dropdown__learn-cta-media">
6742            
6743              <img
6744                src="https://cld.accentuate.io/24019206214/1638801420395/Ingredients_v2.png?v=1644954098882&options=w_400"
6745                alt="Ingredients"
6746                class="site-nav-dropdown__learn-cta-img"
6747                width="184"
6748                height="175"
6749                loading="lazy"
6750                decoding="async"
6751              >
6752            
6753          </span>
6754          <span class="site-nav-dropdown__learn-cta-label">Ingredients</span>
6755        </a>
6756      </li>
6757    
6758
6759
6760      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6761        <a
6762          href="/pages/digestive-health"
6763          class="site-nav-dropdown__learn-cta"
6764          
6765        >
6766          <span class="site-nav-dropdown__learn-cta-media">
6767            
6768              <img
6769                src="https://cld.accentuate.io/25773441094/1638801408530/d629d13dc396e78ebfce3023f74d4eac.png?v=1739204218145&options=w_400"
6770                alt="Digestive health"
6771                class="site-nav-dropdown__learn-cta-img"
6772                width="184"
6773                height="175"
6774                loading="lazy"
6775                decoding="async"
6776              >
6777            
6778          </span>
6779          <span class="site-nav-dropdown__learn-cta-label">Digestive health</span>
6780        </a>
6781      </li>
6782    
6783
6784
6785      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6786        <a
6787          href="/pages/fiber-education"
6788          class="site-nav-dropdown__learn-cta"
6789          
6790        >
6791          <span class="site-nav-dropdown__learn-cta-media">
6792            
6793              <img
6794                src="https://cld.accentuate.io/97731313823/1778795013671/Fiber-Education-nav_cp.png?v=1778795013671&options=w_400"
6795                alt="Fiber education"
6796                class="site-nav-dropdown__learn-cta-img"
6797                width="184"
6798                height="175"
6799                loading="lazy"
6800                decoding="async"
6801              >
6802            
6803          </span>
6804          <span class="site-nav-dropdown__learn-cta-label">Fiber education</span>
6805        </a>
6806      </li>
6807    
6808  </ul>
6809</div>
6810      
6811    
6812  
6813
6814
6815
6816    
6817  
6818</div>
6819
6820  </div>
6821  
6822
6823
6824
6825  
6826    
6827
6828  
6829    
6830
6831  
6832  
6833
6834    
6835      
6836
6837    
6838      
6839
6840
6841  
6842
6843    
6844  
6845
6846    
6847  
6848
6849
6850
6851
6852
6853
6854  
6855  
6856  
6857
6858    
6859  
6860  
6861    
6862    
6863
6864        
6865  
6866  
6867  
6868
6869
6870
6871
6872
6873
6874<div
6875  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"
6876  js-mobile-menu
6877>
6878  <div
6879    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"
6880    data-mobile-menu-dismiss
6881    aria-hidden="true"
6882  ></div>
6883
6884  <div
6885    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)]"
6886    role="dialog"
6887    aria-modal="true"
6888    aria-labelledby="mobile-menu-tablist-label"
6889    js-mobile-menu-panel
6890    tabindex="-1"
6891  >
6892    <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">
6893      <h2 id="mobile-menu-tablist-label" class="tw-sr-only">Site menu</h2>
6894
6895      
6896        <div
6897          class="mobile-menu__tabs tw-flex tw-shrink-0 tw-flex-col"
6898          role="tablist"
6899          aria-label="Shop or Learn"
6900        >
6901          <div class="mobile-menu__tab-toggle tw-flex tw-flex-1">
6902            <button
6903              type="button"
6904              class="mobile-menu__tab mobile-menu__tab--shop is-selected tw-flex-1 tw-border-0"
6905              role="tab"
6906              id="mobile-tab-shop"
6907              aria-selected="true"
6908              aria-controls="mobile-panel-shop"
6909              tabindex="0"
6910              data-mobile-tab="shop"
6911            >
6912              Shop
6913            </button>
6914            <button
6915              type="button"
6916              class="mobile-menu__tab mobile-menu__tab--learn tw-flex-1 tw-border-0"
6917              role="tab"
6918              id="mobile-tab-learn"
6919              aria-selected="false"
6920              aria-controls="mobile-panel-learn"
6921              tabindex="-1"
6922              data-mobile-tab="learn"
6923            >
6924              Learn
6925            </button>
6926          </div>
6927        </div>
6928      
6929
6930      <div class="mobile-menu__panels tw-min-h-0 tw-flex-1 tw-overflow-y-auto tw-overscroll-contain">
6931        <div
6932          id="mobile-panel-shop"
6933          class="mobile-menu__tabpanel"
6934          role="tabpanel"
6935          
6936            aria-labelledby="mobile-tab-shop"
6937            tabindex="0"
6938          
6939          data-mobile-panel="shop"
6940        >
6941          
6942
6943
6944
6945
6946
6947  <div class="mobile-menu__shop-body">
6948
6949      
6950      
6951
6952      
6953      
6954        <details
6955          id="mobile-shop-acc-1"
6956          class="mobile-menu__accordion"
6957          
6958            open
6959          
6960        >
6961          <summary class="mobile-menu__accordion-summary">
6962            <span class="mobile-menu__accordion-summary-text">
6963              <span class="mobile-menu__accordion-title">
6964                9g fiber line
6965              </span>
6966            </span>
6967            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
6968              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
6969                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
6970  <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"/>
6971</svg>
6972
6973              </span>
6974              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
6975                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
6976  <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"/>
6977</svg>
6978
6979              </span>
6980            </span>
6981          </summary>
6982
6983          <div class="mobile-menu__accordion-panel">
6984            
6985              <div class="mobile-menu__category-headline">
6986                <div class="mobile-menu__category-headline-text rte">
6987                  <span class="metafield-single_line_text_field">Keep refrigerated</span>
6988                </div>
6989                
6990                  <span class="mobile-menu__category-headline-icon" aria-hidden="true">
6991                    <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">
6992                  </span>
6993                
6994              </div>
6995            
6996            
6997              <div class="mobile-menu__category-description rte">
6998                <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span>
6999              </div>
7000            
7001
7002            <div
7003              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
7004              tabindex="0"
7005              role="region"
7006              aria-roledescription="carousel"
7007              aria-label="9g fiber line — products"
7008            >
7009              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
7010                
7011
7012                
7013                
7014
7015                  
7016                  
7017
7018                    
7019
7020                    
7021
7022                    
7023                      
7024                      <li class="mobile-menu__product-tile">
7025                        <a
7026                          href="/products/caramel-apple"
7027                          class="mobile-menu__product-card"
7028                          
7029                        >
7030                          <span class="mobile-menu__product-card-media">
7031                            
7032                              <div
7033    class="product-badge product-badge--nav product-badge--short-text"
7034    role="status"
7035    aria-label="New"
7036  >
7037    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
7038      <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"/>
7039    </svg>
7040    <span class="product-badge__text" style="color: #034638;">New</span>
7041  </div>
7042                            
7043                            
7044                            
7045                              
7046                                
7047                                
7048                            
7049                            
7050                            
7051                              <img
7052                                class="mobile-menu__product-img"
7053                                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"
7054                                width="136"
7055                                height="181"
7056                                alt="Caramel Apple"
7057                                loading="lazy"
7058                                decoding="async"
7059                              >
7060                            
7061                          </span>
7062                          <span class="mobile-menu__product-card-label">Caramel Apple</span>
7063                        </a>
7064                      </li>
7065                    
7066                  
7067                
7068
7069                  
7070                  
7071
7072                    
7073
7074                    
7075
7076                    
7077                      
7078                      <li class="mobile-menu__product-tile">
7079                        <a
7080                          href="/products/blackberry-vanilla"
7081                          class="mobile-menu__product-card"
7082                          
7083                        >
7084                          <span class="mobile-menu__product-card-media">
7085                            
7086                            
7087                            
7088                              
7089                                
7090                                
7091                            
7092                            
7093                            
7094                              <img
7095                                class="mobile-menu__product-img"
7096                                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"
7097                                width="136"
7098                                height="181"
7099                                alt="Blackberry Vanilla"
7100                                loading="lazy"
7101                                decoding="async"
7102                              >
7103                            
7104                          </span>
7105                          <span class="mobile-menu__product-card-label">Blackberry Vanilla</span>
7106                        </a>
7107                      </li>
7108                    
7109                  
7110                
7111
7112                  
7113                  
7114
7115                    
7116
7117                    
7118
7119                    
7120                      
7121                      <li class="mobile-menu__product-tile">
7122                        <a
7123                          href="/products/crisp-apple"
7124                          class="mobile-menu__product-card"
7125                          
7126                        >
7127                          <span class="mobile-menu__product-card-media">
7128                            
7129                            
7130                            
7131                              
7132                                
7133                                
7134                            
7135                            
7136                            
7137                              <img
7138                                class="mobile-menu__product-img"
7139                                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"
7140                                width="136"
7141                                height="181"
7142                                alt="Crisp Apple"
7143                                loading="lazy"
7144                                decoding="async"
7145                              >
7146                            
7147                          </span>
7148                          <span class="mobile-menu__product-card-label">Crisp Apple </span>
7149                        </a>
7150                      </li>
7151                    
7152                  
7153                
7154
7155                  
7156                  
7157
7158                    
7159
7160                    
7161
7162                    
7163                      
7164                      <li class="mobile-menu__product-tile">
7165                        <a
7166                          href="/products/classic-grape"
7167                          class="mobile-menu__product-card"
7168                          
7169                        >
7170                          <span class="mobile-menu__product-card-media">
7171                            
7172                            
7173                            
7174                              
7175                                
7176                                
7177                            
7178                            
7179                            
7180                              <img
7181                                class="mobile-menu__product-img"
7182                                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"
7183                                width="136"
7184                                height="181"
7185                                alt="Classic Grape"
7186                                loading="lazy"
7187                                decoding="async"
7188                              >
7189                            
7190                          </span>
7191                          <span class="mobile-menu__product-card-label">Classic Grape</span>
7192                        </a>
7193                      </li>
7194                    
7195                  
7196                
7197
7198                  
7199                  
7200
7201                    
7202
7203                    
7204
7205                    
7206                      
7207                      <li class="mobile-menu__product-tile">
7208                        <a
7209                          href="/products/classic-root-beer"
7210                          class="mobile-menu__product-card"
7211                          
7212                        >
7213                          <span class="mobile-menu__product-card-media">
7214                            
7215                            
7216                            
7217                              
7218                                
7219                                
7220                            
7221                            
7222                            
7223                              <img
7224                                class="mobile-menu__product-img"
7225                                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"
7226                                width="136"
7227                                height="181"
7228                                alt="Classic Root Beer"
7229                                loading="lazy"
7230                                decoding="async"
7231                              >
7232                            
7233                          </span>
7234                          <span class="mobile-menu__product-card-label">Classic Root Beer</span>
7235                        </a>
7236                      </li>
7237                    
7238                  
7239                
7240
7241                  
7242                  
7243
7244                    
7245
7246                    
7247
7248                    
7249                      
7250                      <li class="mobile-menu__product-tile">
7251                        <a
7252                          href="/products/vintage-cola"
7253                          class="mobile-menu__product-card"
7254                          
7255                        >
7256                          <span class="mobile-menu__product-card-media">
7257                            
7258                            
7259                            
7260                              
7261                                
7262                                
7263                            
7264                            
7265                            
7266                              <img
7267                                class="mobile-menu__product-img"
7268                                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"
7269                                width="136"
7270                                height="181"
7271                                alt="Vintage Cola"
7272                                loading="lazy"
7273                                decoding="async"
7274                              >
7275                            
7276                          </span>
7277                          <span class="mobile-menu__product-card-label">Vintage Cola</span>
7278                        </a>
7279                      </li>
7280                    
7281                  
7282                
7283
7284                  
7285                  
7286
7287                    
7288
7289                    
7290
7291                    
7292                      
7293                      <li class="mobile-menu__product-tile">
7294                        <a
7295                          href="/products/cream-soda"
7296                          class="mobile-menu__product-card"
7297                          
7298                        >
7299                          <span class="mobile-menu__product-card-media">
7300                            
7301                            
7302                            
7303                              
7304                                
7305                                
7306                            
7307                            
7308                            
7309                              <img
7310                                class="mobile-menu__product-img"
7311                                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"
7312                                width="136"
7313                                height="181"
7314                                alt="Cream Soda"
7315                                loading="lazy"
7316                                decoding="async"
7317                              >
7318                            
7319                          </span>
7320                          <span class="mobile-menu__product-card-label">Cream Soda</span>
7321                        </a>
7322                      </li>
7323                    
7324                  
7325                
7326
7327                  
7328                  
7329
7330                    
7331
7332                    
7333
7334                    
7335                      
7336                      <li class="mobile-menu__product-tile">
7337                        <a
7338                          href="/products/strawberry-vanilla"
7339                          class="mobile-menu__product-card"
7340                          
7341                        >
7342                          <span class="mobile-menu__product-card-media">
7343                            
7344                            
7345                            
7346                              
7347                                
7348                                
7349                            
7350                            
7351                            
7352                              <img
7353                                class="mobile-menu__product-img"
7354                                src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272"
7355                                width="136"
7356                                height="181"
7357                                alt="Strawberry Vanilla"
7358                                loading="lazy"
7359                                decoding="async"
7360                              >
7361                            
7362                          </span>
7363                          <span class="mobile-menu__product-card-label">Strawberry Vanilla</span>
7364                        </a>
7365                      </li>
7366                    
7367                  
7368                
7369
7370                  
7371                  
7372
7373                    
7374
7375                    
7376
7377                    
7378                      
7379                      <li class="mobile-menu__product-tile">
7380                        <a
7381                          href="/products/cherry-cola"
7382                          class="mobile-menu__product-card"
7383                          
7384                        >
7385                          <span class="mobile-menu__product-card-media">
7386                            
7387                            
7388                            
7389                              
7390                                
7391                                
7392                            
7393                            
7394                            
7395                              <img
7396                                class="mobile-menu__product-img"
7397                                src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272"
7398                                width="136"
7399                                height="181"
7400                                alt="Cherry Cola"
7401                                loading="lazy"
7402                                decoding="async"
7403                              >
7404                            
7405                          </span>
7406                          <span class="mobile-menu__product-card-label">Cherry Cola</span>
7407                        </a>
7408                      </li>
7409                    
7410                  
7411                
7412
7413                  
7414                  
7415
7416                    
7417
7418                    
7419
7420                    
7421                      
7422                      <li class="mobile-menu__product-tile">
7423                        <a
7424                          href="/products/orange-cream"
7425                          class="mobile-menu__product-card"
7426                          
7427                        >
7428                          <span class="mobile-menu__product-card-media">
7429                            
7430                            
7431                            
7432                              
7433                                
7434                                
7435                            
7436                            
7437                            
7438                              <img
7439                                class="mobile-menu__product-img"
7440                                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"
7441                                width="136"
7442                                height="181"
7443                                alt="Orange Cream"
7444                                loading="lazy"
7445                                decoding="async"
7446                              >
7447                            
7448                          </span>
7449                          <span class="mobile-menu__product-card-label">Orange Cream</span>
7450                        </a>
7451                      </li>
7452                    
7453                  
7454                
7455
7456                  
7457                  
7458
7459                    
7460
7461                    
7462
7463                    
7464                      
7465                      <li class="mobile-menu__product-tile">
7466                        <a
7467                          href="/products/peaches-and-cream"
7468                          class="mobile-menu__product-card"
7469                          
7470                        >
7471                          <span class="mobile-menu__product-card-media">
7472                            
7473                            
7474                            
7475                              
7476                                
7477                                
7478                            
7479                            
7480                            
7481                              <img
7482                                class="mobile-menu__product-img"
7483                                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"
7484                                width="136"
7485                                height="181"
7486                                alt="Peaches &amp; Cream"
7487                                loading="lazy"
7488                                decoding="async"
7489                              >
7490                            
7491                          </span>
7492                          <span class="mobile-menu__product-card-label">Peaches &amp; Cream</span>
7493                        </a>
7494                      </li>
7495                    
7496                  
7497                
7498
7499                  
7500                  
7501
7502                    
7503
7504                    
7505
7506                    
7507                      
7508                      <li class="mobile-menu__product-tile">
7509                        <a
7510                          href="/products/orange-squeeze"
7511                          class="mobile-menu__product-card"
7512                          
7513                        >
7514                          <span class="mobile-menu__product-card-media">
7515                            
7516                            
7517                            
7518                              
7519                                
7520                                
7521                            
7522                            
7523                            
7524                              <img
7525                                class="mobile-menu__product-img"
7526                                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"
7527                                width="136"
7528                                height="181"
7529                                alt="Orange Squeeze"
7530                                loading="lazy"
7531                                decoding="async"
7532                              >
7533                            
7534                          </span>
7535                          <span class="mobile-menu__product-card-label">Orange Squeeze</span>
7536                        </a>
7537                      </li>
7538                    
7539                  
7540                
7541
7542                  
7543                  
7544
7545                    
7546
7547                    
7548
7549                    
7550                      
7551                      <li class="mobile-menu__product-tile">
7552                        <a
7553                          href="/products/ginger-ale"
7554                          class="mobile-menu__product-card"
7555                          
7556                        >
7557                          <span class="mobile-menu__product-card-media">
7558                            
7559                            
7560                            
7561                              
7562                                
7563                                
7564                            
7565                            
7566                            
7567                              <img
7568                                class="mobile-menu__product-img"
7569                                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"
7570                                width="136"
7571                                height="181"
7572                                alt="Ginger Ale"
7573                                loading="lazy"
7574                                decoding="async"
7575                              >
7576                            
7577                          </span>
7578                          <span class="mobile-menu__product-card-label">Ginger Ale</span>
7579                        </a>
7580                      </li>
7581                    
7582                  
7583                
7584
7585                  
7586                  
7587
7588                    
7589
7590                    
7591
7592                    
7593                      
7594                      <li class="mobile-menu__product-tile">
7595                        <a
7596                          href="/products/citrus-rush"
7597                          class="mobile-menu__product-card"
7598                          
7599                        >
7600                          <span class="mobile-menu__product-card-media">
7601                            
7602                            
7603                            
7604                              
7605                                
7606                                
7607                            
7608                            
7609                            
7610                              <img
7611                                class="mobile-menu__product-img"
7612                                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"
7613                                width="136"
7614                                height="181"
7615                                alt="Citrus Rush"
7616                                loading="lazy"
7617                                decoding="async"
7618                              >
7619                            
7620                          </span>
7621                          <span class="mobile-menu__product-card-label">Citrus Rush</span>
7622                        </a>
7623                      </li>
7624                    
7625                  
7626                
7627
7628                  
7629                  
7630
7631                    
7632
7633                    
7634
7635                    
7636                      
7637                      <li class="mobile-menu__product-tile">
7638                        <a
7639                          href="/products/doctor-goodwin"
7640                          class="mobile-menu__product-card"
7641                          
7642                        >
7643                          <span class="mobile-menu__product-card-media">
7644                            
7645                            
7646                            
7647                              
7648                                
7649                                
7650                            
7651                            
7652                            
7653                              <img
7654                                class="mobile-menu__product-img"
7655                                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"
7656                                width="136"
7657                                height="181"
7658                                alt="Doctor Goodwin"
7659                                loading="lazy"
7660                                decoding="async"
7661                              >
7662                            
7663                          </span>
7664                          <span class="mobile-menu__product-card-label">Doctor Goodwin</span>
7665                        </a>
7666                      </li>
7667                    
7668                  
7669                
7670
7671                  
7672                  
7673
7674                    
7675
7676                    
7677
7678                    
7679                      
7680                      <li class="mobile-menu__product-tile">
7681                        <a
7682                          href="/products/cherry-vanilla"
7683                          class="mobile-menu__product-card"
7684                          
7685                        >
7686                          <span class="mobile-menu__product-card-media">
7687                            
7688                            
7689                            
7690                              
7691                                
7692                                
7693                            
7694                            
7695                            
7696                              <img
7697                                class="mobile-menu__product-img"
7698                                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"
7699                                width="136"
7700                                height="181"
7701                                alt="Cherry Vanilla"
7702                                loading="lazy"
7703                                decoding="async"
7704                              >
7705                            
7706                          </span>
7707                          <span class="mobile-menu__product-card-label">Cherry Vanilla </span>
7708                        </a>
7709                      </li>
7710                    
7711                  
7712                
7713
7714                  
7715                  
7716
7717                    
7718
7719                    
7720
7721                    
7722                      
7723                      <li class="mobile-menu__product-tile">
7724                        <a
7725                          href="/products/tropical-punch"
7726                          class="mobile-menu__product-card"
7727                          
7728                        >
7729                          <span class="mobile-menu__product-card-media">
7730                            
7731                            
7732                            
7733                              
7734                                
7735                                
7736                            
7737                            
7738                            
7739                              <img
7740                                class="mobile-menu__product-img"
7741                                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"
7742                                width="136"
7743                                height="181"
7744                                alt="Tropical Punch"
7745                                loading="lazy"
7746                                decoding="async"
7747                              >
7748                            
7749                          </span>
7750                          <span class="mobile-menu__product-card-label">Tropical Punch</span>
7751                        </a>
7752                      </li>
7753                    
7754                  
7755                
7756
7757                  
7758                  
7759
7760                    
7761
7762                    
7763
7764                    
7765                      
7766                      <li class="mobile-menu__product-tile">
7767                        <a
7768                          href="/products/lemon-lime"
7769                          class="mobile-menu__product-card"
7770                          
7771                        >
7772                          <span class="mobile-menu__product-card-media">
7773                            
7774                            
7775                            
7776                              
7777                                
7778                                
7779                            
7780                            
7781                            
7782                              <img
7783                                class="mobile-menu__product-img"
7784                                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"
7785                                width="136"
7786                                height="181"
7787                                alt="Lemon Lime"
7788                                loading="lazy"
7789                                decoding="async"
7790                              >
7791                            
7792                          </span>
7793                          <span class="mobile-menu__product-card-label">Lemon Lime</span>
7794                        </a>
7795                      </li>
7796                    
7797                  
7798                
7799
7800                  
7801                  
7802
7803                    
7804
7805                    
7806
7807                    
7808                      
7809                      <li class="mobile-menu__product-tile">
7810                        <a
7811                          href="/products/ginger-lemon"
7812                          class="mobile-menu__product-card"
7813                          
7814                        >
7815                          <span class="mobile-menu__product-card-media">
7816                            
7817                            
7818                            
7819                              
7820                                
7821                                
7822                            
7823                            
7824                            
7825                              <img
7826                                class="mobile-menu__product-img"
7827                                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"
7828                                width="136"
7829                                height="181"
7830                                alt="Ginger Lemon"
7831                                loading="lazy"
7832                                decoding="async"
7833                              >
7834                            
7835                          </span>
7836                          <span class="mobile-menu__product-card-label">Ginger Lemon</span>
7837                        </a>
7838                      </li>
7839                    
7840                  
7841                
7842
7843                  
7844                  
7845
7846                    
7847
7848                    
7849
7850                    
7851                      
7852                      <li class="mobile-menu__product-tile">
7853                        <a
7854                          href="/products/watermelon-lime"
7855                          class="mobile-menu__product-card"
7856                          
7857                        >
7858                          <span class="mobile-menu__product-card-media">
7859                            
7860                            
7861                            
7862                              
7863                                
7864                                
7865                            
7866                            
7867                            
7868                              <img
7869                                class="mobile-menu__product-img"
7870                                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"
7871                                width="136"
7872                                height="181"
7873                                alt="Watermelon Lime"
7874                                loading="lazy"
7875                                decoding="async"
7876                              >
7877                            
7878                          </span>
7879                          <span class="mobile-menu__product-card-label">Watermelon Lime</span>
7880                        </a>
7881                      </li>
7882                    
7883                  
7884                
7885
7886                  
7887                  
7888
7889                    
7890
7891                    
7892
7893                    
7894                      
7895                      <li class="mobile-menu__product-tile">
7896                        <a
7897                          href="/products/banana-cream"
7898                          class="mobile-menu__product-card"
7899                          
7900                        >
7901                          <span class="mobile-menu__product-card-media">
7902                            
7903                            
7904                            
7905                              
7906                                
7907                                
7908                            
7909                            
7910                            
7911                              <img
7912                                class="mobile-menu__product-img"
7913                                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"
7914                                width="136"
7915                                height="181"
7916                                alt="Banana Cream"
7917                                loading="lazy"
7918                                decoding="async"
7919                              >
7920                            
7921                          </span>
7922                          <span class="mobile-menu__product-card-label">Banana Cream</span>
7923                        </a>
7924                      </li>
7925                    
7926                  
7927                
7928
7929                
7930                
7931              </ul>
7932            </div>
7933
7934            <div class="mobile-menu__shop-all-category">
7935              
7936                <a class="mobile-menu__btn-outline" href="/collections/shop-9g-fiber">Shop All 9g Fiber</a>
7937              
7938            </div>
7939          </div>
7940        </details>
7941      
7942    
7943
7944      
7945      
7946
7947      
7948      
7949        <details
7950          id="mobile-shop-acc-2"
7951          class="mobile-menu__accordion"
7952          
7953        >
7954          <summary class="mobile-menu__accordion-summary">
7955            <span class="mobile-menu__accordion-summary-text">
7956              <span class="mobile-menu__accordion-title">
7957                6g fiber line
7958              </span>
7959            </span>
7960            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
7961              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
7962                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
7963  <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"/>
7964</svg>
7965
7966              </span>
7967              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
7968                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
7969  <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"/>
7970</svg>
7971
7972              </span>
7973            </span>
7974          </summary>
7975
7976          <div class="mobile-menu__accordion-panel">
7977            
7978              <div class="mobile-menu__category-headline">
7979                <div class="mobile-menu__category-headline-text rte">
7980                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
7981                </div>
7982                
7983              </div>
7984            
7985            
7986              <div class="mobile-menu__category-description rte">
7987                <span class="metafield-multi_line_text_field">Same great taste &amp; digestive support, in a lower‑fiber, store‑anywhere format.</span>
7988              </div>
7989            
7990
7991            <div
7992              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
7993              tabindex="0"
7994              role="region"
7995              aria-roledescription="carousel"
7996              aria-label="6g fiber line — products"
7997            >
7998              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
7999                
8000
8001                
8002                
8003
8004                  
8005                  
8006
8007                    
8008
8009                    
8010
8011                    
8012                      
8013                      <li class="mobile-menu__product-tile">
8014                        <a
8015                          href="/products/pomegranate-sparkle"
8016                          class="mobile-menu__product-card"
8017                          
8018                        >
8019                          <span class="mobile-menu__product-card-media">
8020                            
8021                              <div
8022    class="product-badge product-badge--nav product-badge--short-text"
8023    role="status"
8024    aria-label="New"
8025  >
8026    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8027      <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"/>
8028    </svg>
8029    <span class="product-badge__text" style="color: #034638;">New</span>
8030  </div>
8031                            
8032                            
8033                            
8034                              
8035                                
8036                                
8037                            
8038                            
8039                            
8040                              <img
8041                                class="mobile-menu__product-img"
8042                                src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272"
8043                                width="136"
8044                                height="181"
8045                                alt="Pomegranate Sparkle"
8046                                loading="lazy"
8047                                decoding="async"
8048                              >
8049                            
8050                          </span>
8051                          <span class="mobile-menu__product-card-label">Pomegranate Sparkle</span>
8052                        </a>
8053                      </li>
8054                    
8055                  
8056                
8057
8058                  
8059                  
8060
8061                    
8062
8063                    
8064
8065                    
8066                      
8067                      <li class="mobile-menu__product-tile">
8068                        <a
8069                          href="/products/raspberry-sherbet"
8070                          class="mobile-menu__product-card"
8071                          
8072                        >
8073                          <span class="mobile-menu__product-card-media">
8074                            
8075                              <div
8076    class="product-badge product-badge--nav"
8077    role="status"
8078    aria-label="Limited"
8079  >
8080    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8081      <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"/>
8082    </svg>
8083    <span class="product-badge__text" style="color: #034638;">Limited</span>
8084  </div>
8085                            
8086                            
8087                            
8088                              
8089                                
8090                                
8091                            
8092                            
8093                            
8094                              <img
8095                                class="mobile-menu__product-img"
8096                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
8097                                width="136"
8098                                height="181"
8099                                alt="Raspberry Sherbet"
8100                                loading="lazy"
8101                                decoding="async"
8102                              >
8103                            
8104                          </span>
8105                          <span class="mobile-menu__product-card-label">Raspberry Sherbet</span>
8106                        </a>
8107                      </li>
8108                    
8109                  
8110                
8111
8112                  
8113                  
8114
8115                    
8116
8117                    
8118
8119                    
8120                      
8121                      <li class="mobile-menu__product-tile">
8122                        <a
8123                          href="/products/shirley-temple"
8124                          class="mobile-menu__product-card"
8125                          
8126                        >
8127                          <span class="mobile-menu__product-card-media">
8128                            
8129                              <div
8130    class="product-badge product-badge--nav"
8131    role="status"
8132    aria-label="Limited"
8133  >
8134    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8135      <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
813503 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"/>
8136    </svg>
8137    <span class="product-badge__text" style="color: #034638;">Limited</span>
8138  </div>
8139                            
8140                            
8141                            
8142                              
8143                                
8144                                
8145                            
8146                            
8147                            
8148                              <img
8149                                class="mobile-menu__product-img"
8150                                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"
8151                                width="136"
8152                                height="181"
8153                                alt="Shirley Temple"
8154                                loading="lazy"
8155                                decoding="async"
8156                              >
8157                            
8158                          </span>
8159                          <span class="mobile-menu__product-card-label">Shirley Temple</span>
8160                        </a>
8161                      </li>
8162                    
8163                  
8164                
8165
8166                  
8167                  
8168
8169                    
8170
8171                    
8172
8173                    
8174                      
8175                      <li class="mobile-menu__product-tile">
8176                        <a
8177                          href="/products/spongebob-pineapple-paradise"
8178                          class="mobile-menu__product-card"
8179                          
8180                        >
8181                          <span class="mobile-menu__product-card-media">
8182                            
8183                              <div
8184    class="product-badge product-badge--nav"
8185    role="status"
8186    aria-label="Limited"
8187  >
8188    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8189      <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"/>
8190    </svg>
8191    <span class="product-badge__text" style="color: #034638;">Limited</span>
8192  </div>
8193                            
8194                            
8195                            
8196                              
8197                                
8198                                
8199                            
8200                            
8201                            
8202                              <img
8203                                class="mobile-menu__product-img"
8204                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
8205                                width="136"
8206                                height="181"
8207                                alt="Pineapple Paradise"
8208                                loading="lazy"
8209                                decoding="async"
8210                              >
8211                            
8212                          </span>
8213                          <span class="mobile-menu__product-card-label">Pineapple Paradise</span>
8214                        </a>
8215                      </li>
8216                    
8217                  
8218                
8219
8220                  
8221                  
8222
8223                    
8224
8225                    
8226
8227                    
8228                      
8229                      <li class="mobile-menu__product-tile">
8230                        <a
8231                          href="/products/crisp-apple-6g-fiber"
8232                          class="mobile-menu__product-card"
8233                          
8234                        >
8235                          <span class="mobile-menu__product-card-media">
8236                            
8237                            
8238                            
8239                              
8240                                
8241                                
8242                            
8243                            
8244                            
8245                              <img
8246                                class="mobile-menu__product-img"
8247                                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"
8248                                width="136"
8249                                height="181"
8250                                alt="Crisp Apple"
8251                                loading="lazy"
8252                                decoding="async"
8253                              >
8254                            
8255                          </span>
8256                          <span class="mobile-menu__product-card-label">Crisp Apple</span>
8257                        </a>
8258                      </li>
8259                    
8260                  
8261                
8262
8263                  
8264                  
8265
8266                    
8267
8268                    
8269
8270                    
8271                      
8272                      <li class="mobile-menu__product-tile">
8273                        <a
8274                          href="/products/classic-grape-6g-fiber"
8275                          class="mobile-menu__product-card"
8276                          
8277                        >
8278                          <span class="mobile-menu__product-card-media">
8279                            
8280                            
8281                            
8282                              
8283                                
8284                                
8285                            
8286                            
8287                            
8288                              <img
8289                                class="mobile-menu__product-img"
8290                                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"
8291                                width="136"
8292                                height="181"
8293                                alt="Classic Grape"
8294                                loading="lazy"
8295                                decoding="async"
8296                              >
8297                            
8298                          </span>
8299                          <span class="mobile-menu__product-card-label">Classic Grape</span>
8300                        </a>
8301                      </li>
8302                    
8303                  
8304                
8305
8306                  
8307                  
8308
8309                    
8310
8311                    
8312
8313                    
8314                      
8315                      <li class="mobile-menu__product-tile">
8316                        <a
8317                          href="/products/vintage-cola-6g-fiber"
8318                          class="mobile-menu__product-card"
8319                          
8320                        >
8321                          <span class="mobile-menu__product-card-media">
8322                            
8323                            
8324                            
8325                              
8326                                
8327                                
8328                            
8329                            
8330                            
8331                              <img
8332                                class="mobile-menu__product-img"
8333                                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"
8334                                width="136"
8335                                height="181"
8336                                alt="Vintage Cola"
8337                                loading="lazy"
8338                                decoding="async"
8339                              >
8340                            
8341                          </span>
8342                          <span class="mobile-menu__product-card-label">Vintage Cola</span>
8343                        </a>
8344                      </li>
8345                    
8346                  
8347                
8348
8349                  
8350                  
8351
8352                    
8353
8354                    
8355
8356                    
8357                      
8358                      <li class="mobile-menu__product-tile">
8359                        <a
8360                          href="/products/classic-root-beer-6g-fiber"
8361                          class="mobile-menu__product-card"
8362                          
8363                        >
8364                          <span class="mobile-menu__product-card-media">
8365                            
8366                            
8367                            
8368                              
8369                                
8370                                
8371                            
8372                            
8373                            
8374                              <img
8375                                class="mobile-menu__product-img"
8376                                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"
8377                                width="136"
8378                                height="181"
8379                                alt="Classic Root Beer"
8380                                loading="lazy"
8381                                decoding="async"
8382                              >
8383                            
8384                          </span>
8385                          <span class="mobile-menu__product-card-label">Classic Root Beer</span>
8386                        </a>
8387                      </li>
8388                    
8389                  
8390                
8391
8392                  
8393                  
8394
8395                    
8396
8397                    
8398
8399                    
8400                      
8401                      <li class="mobile-menu__product-tile">
8402                        <a
8403                          href="/products/cream-soda-6g-fiber"
8404                          class="mobile-menu__product-card"
8405                          
8406                        >
8407                          <span class="mobile-menu__product-card-media">
8408                            
8409                            
8410                            
8411                              
8412                                
8413                                
8414                            
8415                            
8416                            
8417                              <img
8418                                class="mobile-menu__product-img"
8419                                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"
8420                                width="136"
8421                                height="181"
8422                                alt="Cream Soda"
8423                                loading="lazy"
8424                                decoding="async"
8425                              >
8426                            
8427                          </span>
8428                          <span class="mobile-menu__product-card-label">Cream Soda</span>
8429                        </a>
8430                      </li>
8431                    
8432                  
8433                
8434
8435                  
8436                  
8437
8438                    
8439
8440                    
8441
8442                    
8443                      
8444                      <li class="mobile-menu__product-tile">
8445                        <a
8446                          href="/products/strawberry-vanilla-6g-fiber"
8447                          class="mobile-menu__product-card"
8448                          
8449                        >
8450                          <span class="mobile-menu__product-card-media">
8451                            
8452                            
8453                            
8454                              
8455                                
8456                                
8457                            
8458                            
8459                            
8460                              <img
8461                                class="mobile-menu__product-img"
8462                                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"
8463                                width="136"
8464                                height="181"
8465                                alt="Strawberry Vanilla"
8466                                loading="lazy"
8467                                decoding="async"
8468                              >
8469                            
8470                          </span>
8471                          <span class="mobile-menu__product-card-label">Strawberry Vanilla</span>
8472                        </a>
8473                      </li>
8474                    
8475                  
8476                
8477
8478                  
8479                  
8480
8481                    
8482
8483                    
8484
8485                    
8486                      
8487                      <li class="mobile-menu__product-tile">
8488                        <a
8489                          href="/products/cherry-cola-6g-fiber"
8490                          class="mobile-menu__product-card"
8491                          
8492                        >
8493                          <span class="mobile-menu__product-card-media">
8494                            
8495                            
8496                            
8497                              
8498                                
8499                                
8500                            
8501                            
8502                            
8503                              <img
8504                                class="mobile-menu__product-img"
8505                                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"
8506                                width="136"
8507                                height="181"
8508                                alt="Cherry Cola"
8509                                loading="lazy"
8510                                decoding="async"
8511                              >
8512                            
8513                          </span>
8514                          <span class="mobile-menu__product-card-label">Cherry Cola</span>
8515                        </a>
8516                      </li>
8517                    
8518                  
8519                
8520
8521                  
8522                  
8523
8524                    
8525
8526                    
8527
8528                    
8529                      
8530                      <li class="mobile-menu__product-tile">
8531                        <a
8532                          href="/products/citrus-rush-6g-fiber"
8533                          class="mobile-menu__product-card"
8534                          
8535                        >
8536                          <span class="mobile-menu__product-card-media">
8537                            
8538                            
8539                            
8540                              
8541                                
8542                                
8543                            
8544                            
8545                            
8546                              <img
8547                                class="mobile-menu__product-img"
8548                                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"
8549                                width="136"
8550                                height="181"
8551                                alt="Citrus Rush"
8552                                loading="lazy"
8553                                decoding="async"
8554                              >
8555                            
8556                          </span>
8557                          <span class="mobile-menu__product-card-label">Citrus Rush</span>
8558                        </a>
8559                      </li>
8560                    
8561                  
8562                
8563
8564                  
8565                  
8566
8567                    
8568
8569                    
8570
8571                    
8572                      
8573                      <li class="mobile-menu__product-tile">
8574                        <a
8575                          href="/products/ginger-ale-6g-fiber"
8576                          class="mobile-menu__product-card"
8577                          
8578                        >
8579                          <span class="mobile-menu__product-card-media">
8580                            
8581                            
8582                            
8583                              
8584                                
8585                                
8586                            
8587                            
8588                            
8589                              <img
8590                                class="mobile-menu__product-img"
8591                                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"
8592                                width="136"
8593                                height="181"
8594                                alt="Ginger Ale"
8595                                loading="lazy"
8596                                decoding="async"
8597                              >
8598                            
8599                          </span>
8600                          <span class="mobile-menu__product-card-label">Ginger Ale</span>
8601                        </a>
8602                      </li>
8603                    
8604                  
8605                
8606
8607                  
8608                  
8609
8610                    
8611
8612                    
8613
8614                    
8615                      
8616                      <li class="mobile-menu__product-tile">
8617                        <a
8618                          href="/products/lemon-lime-6g-fiber"
8619                          class="mobile-menu__product-card"
8620                          
8621                        >
8622                          <span class="mobile-menu__product-card-media">
8623                            
8624                            
8625                            
8626                              
8627                                
8628                                
8629                            
8630                            
8631                            
8632                              <img
8633                                class="mobile-menu__product-img"
8634                                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"
8635                                width="136"
8636                                height="181"
8637                                alt="Lemon Lime"
8638                                loading="lazy"
8639                                decoding="async"
8640                              >
8641                            
8642                          </span>
8643                          <span class="mobile-menu__product-card-label">Lemon Lime</span>
8644                        </a>
8645                      </li>
8646                    
8647                  
8648                
8649
8650                
8651                
8652              </ul>
8653            </div>
8654
8655            <div class="mobile-menu__shop-all-category">
8656              
8657                <a class="mobile-menu__btn-outline" href="/collections/shop-6g-fiber">Shop All 6g Fiber</a>
8658              
8659            </div>
8660          </div>
8661        </details>
8662      
8663    
8664
8665      
8666      
8667
8668      
8669      
8670        <details
8671          id="mobile-shop-acc-3"
8672          class="mobile-menu__accordion"
8673          
8674        >
8675          <summary class="mobile-menu__accordion-summary">
8676            <span class="mobile-menu__accordion-summary-text">
8677              <span class="mobile-menu__accordion-title">
8678                MINIs
8679              </span>
8680            </span>
8681            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
8682              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
8683                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8684  <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"/>
8685</svg>
8686
8687              </span>
8688              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
8689                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8690  <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"/>
8691</svg>
8692
8693              </span>
8694            </span>
8695          </summary>
8696
8697          <div class="mobile-menu__accordion-panel">
8698            
8699              <div class="mobile-menu__category-headline">
8700                <div class="mobile-menu__category-headline-text rte">
8701                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
8702                </div>
8703                
8704              </div>
8705            
8706            
8707              <div class="mobile-menu__category-description rte">
8708                <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>
8709              </div>
8710            
8711
8712            <div
8713              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
8714              tabindex="0"
8715              role="region"
8716              aria-roledescription="carousel"
8717              aria-label="MINIs — products"
8718            >
8719              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
8720                
8721
8722                
8723                
8724
8725                  
8726                  
8727
8728                    
8729
8730                    
8731
8732                    
8733                      
8734                      <li class="mobile-menu__product-tile">
8735                        <a
8736                          href="/products/strawberry-vanilla-minis"
8737                          class="mobile-menu__product-card"
8738                          
8739                        >
8740                          <span class="mobile-menu__product-card-media">
8741                            
8742                            
8743                            
8744                              
8745                                
8746                                
8747                            
8748                            
8749                            
8750                              <img
8751                                class="mobile-menu__product-img"
8752                                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"
8753                                width="136"
8754                                height="181"
8755                                alt="Strawberry Vanilla"
8756                                loading="lazy"
8757                                decoding="async"
8758                              >
8759                            
8760                          </span>
8761                          <span class="mobile-menu__product-card-label">Strawberry Vanilla</span>
8762                        </a>
8763                      </li>
8764                    
8765                  
8766                
8767
8768                  
8769                  
8770
8771                    
8772
8773                    
8774
8775                    
8776                      
8777                      <li class="mobile-menu__product-tile">
8778                        <a
8779                          href="/products/classic-grape-minis"
8780                          class="mobile-menu__product-card"
8781                          
8782                        >
8783                          <span class="mobile-menu__product-card-media">
8784                            
8785                            
8786                            
8787                              
8788                                
8789                                
8790                            
8791                            
8792                            
8793                              <img
8794                                class="mobile-menu__product-img"
8795                                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"
8796                                width="136"
8797                                height="181"
8798                                alt="Classic Grape"
8799                                loading="lazy"
8800                                decoding="async"
8801                              >
8802                            
8803                          </span>
8804                          <span class="mobile-menu__product-card-label">Classic Grape</span>
8805                        </a>
8806                      </li>
8807                    
8808                  
8809                
8810
8811                  
8812                  
8813
8814                    
8815
8816                    
8817
8818                    
8819                      
8820                      <li class="mobile-menu__product-tile">
8821                        <a
8822                          href="/products/crisp-apple-minis"
8823                          class="mobile-menu__product-card"
8824                          
8825                        >
8826                          <span class="mobile-menu__product-card-media">
8827                            
8828                            
8829                            
8830                              
8831                                
8832                                
8833                            
8834                            
8835                            
8836                              <img
8837                                class="mobile-menu__product-img"
8838                                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"
8839                                width="136"
8840                                height="181"
8841                                alt="Crisp Apple"
8842                                loading="lazy"
8843                                decoding="async"
8844                              >
8845                            
8846                          </span>
8847                          <span class="mobile-menu__product-card-label">Crisp Apple</span>
8848                        </a>
8849                      </li>
8850                    
8851                  
8852                
8853
8854                  
8855                  
8856
8857                    
8858
8859                    
8860
8861                    
8862                      
8863                      <li class="mobile-menu__product-tile">
8864                        <a
8865                          href="/products/vintage-cola-minis"
8866                          class="mobile-menu__product-card"
8867                          
8868                        >
8869                          <span class="mobile-menu__product-card-media">
8870                            
8871                            
8872                            
8873                              
8874                                
8875                                
8876                            
8877                            
8878                            
8879                              <img
8880                                class="mobile-menu__product-img"
8881                                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"
8882                                width="136"
8883                                height="181"
8884                                alt="Vintage Cola"
8885                                loading="lazy"
8886                                decoding="async"
8887                              >
8888                            
8889                          </span>
8890                          <span class="mobile-menu__product-card-label">Vintage Cola</span>
8891                        </a>
8892                      </li>
8893                    
8894                  
8895                
8896
8897                  
8898                  
8899
8900                    
8901
8902                    
8903
8904                    
8905                      
8906                      <li class="mobile-menu__product-tile">
8907                        <a
8908                          href="/products/ginger-ale-minis"
8909                          class="mobile-menu__product-card"
8910                          
8911                        >
8912                          <span class="mobile-menu__product-card-media">
8913                            
8914                            
8915                            
8916                              
8917                                
8918                                
8919                            
8920                            
8921                            
8922                              <img
8923                                class="mobile-menu__product-img"
8924                                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"
8925                                width="136"
8926                                height="181"
8927                                alt="Ginger Ale"
8928                                loading="lazy"
8929                                decoding="async"
8930                              >
8931                            
8932                          </span>
8933                          <span class="mobile-menu__product-card-label">Ginger Ale</span>
8934                        </a>
8935                      </li>
8936                    
8937                  
8938                
8939
8940                  
8941                  
8942
8943                    
8944
8945                    
8946
8947                    
8948                      
8949                      <li class="mobile-menu__product-tile">
8950                        <a
8951                          href="/products/orange-cream-minis"
8952                          class="mobile-menu__product-card"
8953                          
8954                        >
8955                          <span class="mobile-menu__product-card-media">
8956                            
8957                            
8958                            
8959                              
8960                                
8961                                
8962                            
8963                            
8964                            
8965                              <img
8966                                class="mobile-menu__product-img"
8967                                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"
8968                                width="136"
8969                                height="181"
8970                                alt="Orange Cream"
8971                                loading="lazy"
8972                                decoding="async"
8973                              >
8974                            
8975                          </span>
8976                          <span class="mobile-menu__product-card-label">Orange Cream</span>
8977                        </a>
8978                      </li>
8979                    
8980                  
8981                
8982
8983                
8984                
8985              </ul>
8986            </div>
8987
8988            <div class="mobile-menu__shop-all-category">
8989              
8990                <a class="mobile-menu__btn-outline" href="/collections/olipop-minis">Shop All MINIs</a>
8991              
8992            </div>
8993          </div>
8994        </details>
8995      
8996    
8997
8998      
8999      
9000
9001      
9002      
9003        <details
9004          id="mobile-shop-acc-4"
9005          class="mobile-menu__accordion"
9006          
9007        >
9008          <summary class="mobile-menu__accordion-summary">
9009            <span class="mobile-menu__accordion-summary-text">
9010              <span class="mobile-menu__accordion-title">
9011                Limited edition flavors 
9012              </span>
9013            </span>
9014            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
9015              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
9016                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
9017  <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"/>
9018</svg>
9019
9020              </span>
9021              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
9022                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
9023  <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"/>
9024</svg>
9025
9026              </span>
9027            </span>
9028          </summary>
9029
9030          <div class="mobile-menu__accordion-panel">
9031            
9032              <div class="mobile-menu__category-headline">
9033                <div class="mobile-menu__category-headline-text rte">
9034                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
9035                </div>
9036                
9037              </div>
9038            
9039            
9040              <div class="mobile-menu__category-description rte">
9041                <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span>
9042              </div>
9043            
9044
9045            <div
9046              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
9047              tabindex="0"
9048              role="region"
9049              aria-roledescription="carousel"
9050              aria-label="Limited edition flavors  — products"
9051            >
9052              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
9053                
9054
9055                
9056                
9057
9058                  
9059                  
9060
9061                    
9062
9063                    
9064
9065                    
9066                      
9067                      <li class="mobile-menu__product-tile">
9068                        <a
9069                          href="/products/pomegranate-sparkle"
9070                          class="mobile-menu__product-card"
9071                          
9072                        >
9073                          <span class="mobile-menu__product-card-media">
9074                            
9075                              <div
9076    class="product-badge product-badge--nav product-badge--short-text"
9077    role="status"
9078    aria-label="New"
9079  >
9080    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
9081      <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"/>
9082    </svg>
9083    <span class="product-badge__text" style="color: #034638;">New</span>
9084  </div>
9085                            
9086                            
9087                            
9088                              
9089                                
9090                                
9091                            
9092                            
9093                            
9094                              <img
9095                                class="mobile-menu__product-img"
9096                                src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272"
9097                                width="136"
9098                                height="181"
9099                                alt="Pomegranate Sparkle"
9100                                loading="lazy"
9101                                decoding="async"
9102                              >
9103                            
9104                          </span>
9105                          <span class="mobile-menu__product-card-label">Pomegranate Sparkle</span>
9106                        </a>
9107                      </li>
9108                    
9109                  
9110                
9111
9112                  
9113                  
9114
9115                    
9116
9117                    
9118
9119                    
9120                      
9121                      <li class="mobile-menu__product-tile">
9122                        <a
9123                          href="/products/caramel-apple"
9124                          class="mobile-menu__product-card"
9125                          
9126                        >
9127                          <span class="mobile-menu__product-card-media">
9128                            
9129                              <div
9130    class="product-badge product-badge--nav product-badge--short-text"
9131    role="status"
9132    aria-label="New"
9133  >
9134    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
9135      <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"/>
9136    </svg>
9137    <span class="product-badge__text" style="color: #034638;">New</span>
9138  </div>
9139                            
9140                            
9141                            
9142                              
9143                                
9144                                
9145                            
9146                            
9147                            
9148                              <img
9149                                class="mobile-menu__product-img"
9150                                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"
9151                                width="136"
9152                                height="181"
9153                                alt="Caramel Apple"
9154                                loading="lazy"
9155                                decoding="async"
9156                              >
9157                            
9158                          </span>
9159                          <span class="mobile-menu__product-card-label">Caramel Apple</span>
9160                        </a>
9161                      </li>
9162                    
9163                  
9164                
9165
9166                  
9167                  
9168
9169                    
9170
9171                    
9172
9173                    
9174                      
9175                      <li class="mobile-menu__product-tile">
9176                        <a
9177                          href="/products/raspberry-sherbet"
9178                          class="mobile-menu__product-card"
9179                          
9180                        >
9181                          <span class="mobile-menu__product-card-media">
9182                            
9183                              <div
9184    class="product-badge product-badge--nav"
9185    role="status"
9186    aria-label="Limited"
9187  >
9188    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
9189      <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
918903 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"/>
9190    </svg>
9191    <span class="product-badge__text" style="color: #034638;">Limited</span>
9192  </div>
9193                            
9194                            
9195                            
9196                              
9197                                
9198                                
9199                            
9200                            
9201                            
9202                              <img
9203                                class="mobile-menu__product-img"
9204                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
9205                                width="136"
9206                                height="181"
9207                                alt="Raspberry Sherbet"
9208                                loading="lazy"
9209                                decoding="async"
9210                              >
9211                            
9212                          </span>
9213                          <span class="mobile-menu__product-card-label">Raspberry Sherbet</span>
9214                        </a>
9215                      </li>
9216                    
9217                  
9218                
9219
9220                  
9221                  
9222
9223                    
9224
9225                    
9226
9227                    
9228                      
9229                      <li class="mobile-menu__product-tile">
9230                        <a
9231                          href="/products/shirley-temple"
9232                          class="mobile-menu__product-card"
9233                          
9234                        >
9235                          <span class="mobile-menu__product-card-media">
9236                            
9237                              <div
9238    class="product-badge product-badge--nav"
9239    role="status"
9240    aria-label="Limited"
9241  >
9242    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
9243      <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"/>
9244    </svg>
9245    <span class="product-badge__text" style="color: #034638;">Limited</span>
9246  </div>
9247                            
9248                            
9249                            
9250                              
9251                                
9252                                
9253                            
9254                            
9255                            
9256                              <img
9257                                class="mobile-menu__product-img"
9258                                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"
9259                                width="136"
9260                                height="181"
9261                                alt="Shirley Temple"
9262                                loading="lazy"
9263                                decoding="async"
9264                              >
9265                            
9266                          </span>
9267                          <span class="mobile-menu__product-card-label">Shirley Temple</span>
9268                        </a>
9269                      </li>
9270                    
9271                  
9272                
9273
9274                  
9275                  
9276
9277                    
9278
9279                    
9280
9281                    
9282                      
9283                      <li class="mobile-menu__product-tile">
9284                        <a
9285                          href="/products/spongebob-pineapple-paradise"
9286                          class="mobile-menu__product-card"
9287                          
9288                        >
9289                          <span class="mobile-menu__product-card-media">
9290                            
9291                              <div
9292    class="product-badge product-badge--nav"
9293    role="status"
9294    aria-label="Limited"
9295  >
9296    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
9297      <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"/>
9298    </svg>
9299    <span class="product-badge__text" style="color: #034638;">Limited</span>
9300  </div>
9301                            
9302                            
9303                            
9304                              
9305                                
9306                                
9307                            
9308                            
9309                            
9310                              <img
9311                                class="mobile-menu__product-img"
9312                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
9313                                width="136"
9314                                height="181"
9315                                alt="Pineapple Paradise"
9316                                loading="lazy"
9317                                decoding="async"
9318                              >
9319                            
9320                          </span>
9321                          <span class="mobile-menu__product-card-label">Pineapple Paradise</span>
9322                        </a>
9323                      </li>
9324                    
9325                  
9326                
9327
9328                
9329                
9330              </ul>
9331            </div>
9332
9333            <div class="mobile-menu__shop-all-category">
9334              
9335                <a class="mobile-menu__btn-outline" href="/collections/shop-limited-edition">Shop All Limited Edition Flavors</a>
9336              
9337            </div>
9338          </div>
9339        </details>
9340      
9341    
9342
9343      
9344      
9345
9346      
9347      
9348        <details
9349          id="mobile-shop-acc-5"
9350          class="mobile-menu__accordion"
9351          
9352        >
9353          <summary class="mobile-menu__accordion-summary">
9354            <span class="mobile-menu__accordion-summary-text">
9355              <span class="mobile-menu__accordion-title">
9356                Variety packs
9357              </span>
9358            </span>
9359            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
9360              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
9361                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
9362  <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"/>
9363</svg>
9364
9365              </span>
9366              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
9367                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
9368  <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"/>
9369</svg>
9370
9371              </span>
9372            </span>
9373          </summary>
9374
9375          <div class="mobile-menu__accordion-panel">
9376            
9377              <div class="mobile-menu__category-headline">
9378                <div class="mobile-menu__category-headline-text rte">
9379                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
9380                </div>
9381                
9382              </div>
9383            
9384            
9385              <div class="mobile-menu__category-description rte">
9386                <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy &amp; fun way to discover your favorites.</span>
9387              </div>
9388            
9389
9390            <div
9391              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
9392              tabindex="0"
9393              role="region"
9394              aria-roledescription="carousel"
9395              aria-label="Variety packs — products"
9396            >
9397              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
9398                
9399
9400                
9401                
9402
9403                  
9404                  
9405
9406                    
9407
9408                    
9409
9410                    
9411                      
9412                      <li class="mobile-menu__product-tile">
9413                        <a
9414                          href="/products/classic-soda-variety-pack"
9415                          class="mobile-menu__product-card"
9416                          
9417                        >
9418                          <span class="mobile-menu__product-card-media">
9419                            
9420                            
9421                            
9422                              
9423                                
9424                                
9425                            
9426                            
9427                            
9428                              <img
9429                                class="mobile-menu__product-img"
9430                                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"
9431                                width="136"
9432                                height="181"
9433                                alt="Classic Soda Variety Pack"
9434                                loading="lazy"
9435                                decoding="async"
9436                              >
9437                            
9438                          </span>
9439                          <span class="mobile-menu__product-card-label">Classic Soda</span>
9440                        </a>
9441                      </li>
9442                    
9443                  
9444                
9445
9446                  
9447                  
9448
9449                    
9450
9451                    
9452
9453                    
9454                      
9455                      <li class="mobile-menu__product-tile">
9456                        <a
9457                          href="/products/fruity-fun-variety-pack"
9458                          class="mobile-menu__product-card"
9459                          
9460                        >
9461                          <span class="mobile-menu__product-card-media">
9462                            
9463                            
9464                            
9465                              
9466                                
9467                                
9468                            
9469                            
9470                            
9471                              <img
9472                                class="mobile-menu__product-img"
9473                                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"
9474                                width="136"
9475                                height="181"
9476                                alt="Fruity Fun Variety Pack"
9477                                loading="lazy"
9478                                decoding="async"
9479                              >
9480                            
9481                          </span>
9482                          <span class="mobile-menu__product-card-label">Fruity Fun</span>
9483                        </a>
9484                      </li>
9485                    
9486                  
9487                
9488
9489                  
9490                  
9491
9492                    
9493
9494                    
9495
9496                    
9497                      
9498                      <li class="mobile-menu__product-tile">
9499                        <a
9500                          href="/products/favorites-variety-pack"
9501                          class="mobile-menu__product-card"
9502                          
9503                        >
9504                          <span class="mobile-menu__product-card-media">
9505                            
9506                            
9507                            
9508                              
9509                                
9510                                
9511                            
9512                            
9513                            
9514                              <img
9515                                class="mobile-menu__product-img"
9516                                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"
9517                                width="136"
9518                                height="181"
9519                                alt="Favorites Variety Pack"
9520                                loading="lazy"
9521                                decoding="async"
9522                              >
9523                            
9524                          </span>
9525                          <span class="mobile-menu__product-card-label">Favorites</span>
9526                        </a>
9527                      </li>
9528                    
9529                  
9530                
9531
9532                
9533                
9534              </ul>
9535            </div>
9536
9537            <div class="mobile-menu__shop-all-category">
9538              
9539                <a class="mobile-menu__btn-outline" href="/collections/variety-packs">Shop All Variety Packs</a>
9540              
9541            </div>
9542          </div>
9543        </details>
9544      
9545    
9546
9547    <div class="mobile-menu__shop-all-footer">
9548      <a class="mobile-menu__btn-primary" href="/collections/drinks">Shop All</a>
9549    </div>
9550  </div>
9551
9552
9553<style>
9554.mobile-menu__category-description {
9555  margin-bottom: 20px;
9556}
9557
9558.mobile-menu__category-description .metafield-multi_line_text_field {
9559  line-height: 160%;
9560  display: block;
9561}
9562
9563.mobile-menu__category-headline {
9564  margin-top: 3px;
9565}
9566</style>
9567
9568          <div class="mobile-menu__utility" role="navigation" aria-label="Quick links">
9569  <div class="mobile-menu__utility-wave" aria-hidden="true"><svg
9570      xmlns="http://www.w3.org/2000/svg"
9571      viewBox="0 0 390 27"
9572      fill="none"
9573      preserveAspectRatio="none"
9574      class="mobile-menu__utility-wave-svg"
9575      focusable="false"
9576    >
9577      <path
9578        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"
9579        fill="#008168"
9580      />
9581    </svg>
9582  </div>
9583
9584  <ul class="mobile-menu__utility-list tw-m-0 tw-list-none">
9585    <li class="mobile-menu__utility-item">
9586      <a class="mobile-menu__utility-link" href="/pages/store-locator">
9587        <span class="mobile-menu__utility-icon" aria-hidden="true">
9588          <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">
9589  <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"/>
9590</svg>
9591
9592        </span>
9593        <span class="mobile-menu__utility-label">Find a Store</span>
9594      </a>
9595    </li>
9596    <li class="mobile-menu__utility-item">
9597      
9598        <a class="mobile-menu__utility-link" href="/account/login">
9599          <span class="mobile-menu__utility-icon" aria-hidden="true">
9600            <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">
9601  <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"/>
9602</svg>
9603
9604          </span>
9605          <span class="mobile-menu__utility-label">Account</span>
9606        </a>
9607      
9608    </li>
9609    <li class="mobile-menu__utility-item">
9610      <a class="mobile-menu__utility-link" href="/pages/contact-us">
9611        <span class="mobile-menu__utility-icon" aria-hidden="true">
9612          <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">
9613  <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"/>
9614</svg>
9615
9616        </span>
9617        <span class="mobile-menu__utility-label">Contact Us</span>
9618      </a>
9619    </li>
9620    <li class="mobile-menu__utility-item">
9621      <a class="mobile-menu__utility-link" href="/pages/track-your-order">
9622        <span class="mobile-menu__utility-icon" aria-hidden="true">
9623          <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">
9624  <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"/>
9625</svg>
9626
9627        </span>
9628        <span class="mobile-menu__utility-label">Track Order</span>
9629      </a>
9630    </li>
9631    <li class="mobile-menu__utility-item">
9632      <a class="mobile-menu__utility-link" href="/pages/olipop-rewards">
9633        <span class="mobile-menu__utility-icon" aria-hidden="true">
9634          <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">
9635  <path d="M12.3488 8.06625L9.1251 6.875L7.9376 3.64875C7.86728 3.45771 7.74005 3.29283 7.57307 3.17637C7.4061 3.0599 7.20743 2.99746 7.00385 2.99746C6.80027 2.99746 6.6016 3.0599 6.43462 3.17637C6.26765 3.29283 6.14042 3.45771 6.0701 3.64875L4.8751 6.875L1.64885 8.0625C1.45781 8.13282 1.29293 8.26005 1.17647 8.42702C1.06 8.594 0.997559 8.79267 0.997559 8.99625C0.997559 9.19983 1.06 9.3985 1.17647 9.56548C1.29293 9.73245 1.45781 9.85968 1.64885 9.93L4.8751 11.125L6.0626 14.3512C6.13292 14.5423 6.26015 14.7072 6.42712 14.8236C6.5941 14.9401 6.79277 15.0025 6.99635 15.0025C7.19993 15.0025 7.3986 14.9401 7.56557 14.8236C7.73255 14.7072 7.85978 14.5423 7.9301 14.3512L9.1251 11.125L12.3513 9.9375C12.5424 9.86718 12.7073 9.73995 12.8237 9.57298C12.9402 9.406 13.0026 9.20733 13.0026 9.00375C13.0026 8.80017 12.9402 8.6015 12.8237 8.43452C12.7073 8.26755 12.5424 8.14032 12.3513 8.07L12.3488 8.06625ZM8.5626 10.2638C8.49473 10.2888 8.4331 10.3282 8.38195 10.3793C8.3308 10.4305 8.29136 10.4921 8.26635 10.56L7.0001 13.9906L5.73635 10.5625C5.71138 10.4939 5.67169 10.4316 5.62008 10.38C5.56847 10.3284 5.50618 10.2887 5.4376 10.2638L2.00947 9L5.4376 7.73625C5.50618 7.71128 5.56847 7.67159 5.62008 7.61998C5.67169 7.56837 5.71138 7.50608 5.73635 7.4375L7.0001 4.00938L8.26385 7.4375C8.28886 7.50537 8.3283 7.567 8.37945 7.61815C8.4306 7.6693 8.49223 7.70874 8.5601 7.73375L11.9907 9L8.5626 10.2638ZM9.0001 2.5C9.0001 2.36739 9.05278 2.24021 9.14655 2.14645C9.24031 2.05268 9.36749 2 9.5001 2H10.5001V1C10.5001 0.867392 10.5528 0.740215 10.6465 0.646447C10.7403 0.552678 10.8675 0.5 11.0001 0.5C11.1327 0.5 11.2599 0.552678 11.3537 0.646447C11.4474 0.740215 11.5001 0.867392 11.5001 1V2H12.5001C12.6327 2 12.7599 2.05268 12.8537 2.14645C12.9474 2.24021 13.0001 2.36739 13.0001 2.5C13.0001 2.63261 12.9474 2.75979 12.8537 2.85355C12.7599 2.94732 12.6327 3 12.5001 3H11.5001V4C11.5001 4.13261 11.4474 4.25979 11.3537 4.35355C11.2599 4.44732 11.1327 4.5 11.0001 4.5C10.8675 4.5 10.7403 4.44732 10.6465 4.35355C10.5528 4.25979 10.5001 4.13261 10.5001 4V3H9.5001C9.36749 3 9.24031 2.94732 9.14655 2.85355C9.05278 2.75979 9.0001 2.63261 9.0001 2.5ZM15.5001 5.5C15.5001 5.63261 15.4474 5.75979 15.3537 5.85355C15.2599 5.94732 15.1327 6 15.0001 6H14.5001V6.5C14.5001 6.63261 14.4474 6.75979 14.3537 6.85355C14.2599 6.94732 14.1327 7 14.0001 7C13.8675 7 13.7403 6.94732 13.6465 6.85355C13.5528 6.75979 13.5001 6.63261 13.5001 6.5V6H13.0001C12.8675 6 12.7403 5.94732 12.6465 5.85355C12.5528 5.75979 12.5001 5.63261 12.5001 5.5C12.5001 5.36739 12.5528 5.24021 12.6465 5.14645C12.7403 5.05268 12.8675 5 13.0001 5H13.5001V4.5C13.5001 4.36739 13.5528 4.24021 13.6465 4.14645C13.7403 4.05268 13.8675 4 14.0001 4C14.1327 4 14.2599 4.05268 14.3537 4.14645C14.4474 4.24021 14.5001 4.36739 14.5001 4.5V5H15.0001C15.1327 5 15.2599 5.05268 15.3537 5.14645C15.4474 5.24021 15.5001 5.36739 15.5001 5.5Z" fill="currentColor"/>
9636</svg>
9637
9638        </span>
9639        <span class="mobile-menu__utility-label">Earn Rewards</span>
9640      </a>
9641    </li>
9642  </ul>
9643</div>
9644
9645<style>
9646  .mobile-menu__utility-list {
9647    padding-bottom: 10.5rem;
9648  }
9649</style>
9650
9651        </div>
9652
9653        
9654          <div
9655            id="mobile-panel-learn"
9656            class="mobile-menu__tabpanel tw-hidden"
9657            role="tabpanel"
9658            aria-labelledby="mobile-tab-learn"
9659            data-mobile-panel="learn"
9660            hidden
9661            tabindex="0"
9662          >
9663            
9664
9665
9666  
9667  <div class="mobile-menu__shop-body">
9668    
9669
9670      
9671      
9672
9673      
9674      <div class="mobile-menu__leaf-row">
9675        <a
9676          href="/pages/our-story"
9677          class="mobile-menu__leaf-link"
9678          
9679        >
9680          <span class="mobile-menu__leaf-title">Our story</span>
9681        </a>
9682      </div>
9683    
9684
9685      
9686      
9687
9688      
9689      <div class="mobile-menu__leaf-row">
9690        <a
9691          href="/pages/ingredients"
9692          class="mobile-menu__leaf-link"
9693          
9694        >
9695          <span class="mobile-menu__leaf-title">Ingredients</span>
9696        </a>
9697      </div>
9698    
9699
9700      
9701      
9702
9703      
9704      <div class="mobile-menu__leaf-row">
9705        <a
9706          href="/pages/digestive-health"
9707          class="mobile-menu__leaf-link"
9708          
9709        >
9710          <span class="mobile-menu__leaf-title">Digestive health</span>
9711        </a>
9712      </div>
9713    
9714
9715      
9716      
9717
9718      
9719      <div class="mobile-menu__leaf-row">
9720        <a
9721          href="/pages/fiber-education"
9722          class="mobile-menu__leaf-link"
9723          
9724        >
9725          <span class="mobile-menu__leaf-title">Fiber education</span>
9726        </a>
9727      </div>
9728    
9729
9730      
9731      
9732
9733      
9734      <div class="mobile-menu__leaf-row">
9735        <a
9736          href="/pages/subscription"
9737          class="mobile-menu__leaf-link"
9738          
9739        >
9740          <span class="mobile-menu__leaf-title">Subscriptions</span>
9741        </a>
9742      </div>
9743    
9744
9745    
9746    
9747  </div>
9748
9749
9750            <div class="mobile-menu__utility" role="navigation" aria-label="Quick links">
9751  <div class="mobile-menu__utility-wave" aria-hidden="true"><svg
9752      xmlns="http://www.w3.org/2000/svg"
9753      viewBox="0 0 390 27"
9754      fill="none"
9755      preserveAspectRatio="none"
9756      class="mobile-menu__utility-wave-svg"
9757      focusable="false"
9758    >
9759      <path
9760        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"
9761        fill="#008168"
9762      />
9763    </svg>
9764  </div>
9765
9766  <ul class="mobile-menu__utility-list tw-m-0 tw-list-none">
9767    <li class="mobile-menu__utility-item">
9768      <a class="mobile-menu__utility-link" href="/pages/store-locator">
9769        <span class="mobile-menu__utility-icon" aria-hidden="true">
9770          <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">
9771  <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"/>
9772</svg>
9773
9774        </span>
9775        <span class="mobile-menu__utility-label">Find a Store</span>
9776      </a>
9777    </li>
9778    <li class="mobile-menu__utility-item">
9779      
9780        <a class="mobile-menu__utility-link" href="/account/login">
9781          <span class="mobile-menu__utility-icon" aria-hidden="true">
9782            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
9782ox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg">
9783  <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"/>
9784</svg>
9785
9786          </span>
9787          <span class="mobile-menu__utility-label">Account</span>
9788        </a>
9789      
9790    </li>
9791    <li class="mobile-menu__utility-item">
9792      <a class="mobile-menu__utility-link" href="/pages/contact-us">
9793        <span class="mobile-menu__utility-icon" aria-hidden="true">
9794          <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">
9795  <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"/>
9796</svg>
9797
9798        </span>
9799        <span class="mobile-menu__utility-label">Contact Us</span>
9800      </a>
9801    </li>
9802    <li class="mobile-menu__utility-item">
9803      <a class="mobile-menu__utility-link" href="/pages/track-your-order">
9804        <span class="mobile-menu__utility-icon" aria-hidden="true">
9805          <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">
9806  <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"/>
9807</svg>
9808
9809        </span>
9810        <span class="mobile-menu__utility-label">Track Order</span>
9811      </a>
9812    </li>
9813    <li class="mobile-menu__utility-item">
9814      <a class="mobile-menu__utility-link" href="/pages/olipop-rewards">
9815        <span class="mobile-menu__utility-icon" aria-hidden="true">
9816          <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">
9817  <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.
981763261 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"/>
9818</svg>
9819
9820        </span>
9821        <span class="mobile-menu__utility-label">Earn Rewards</span>
9822      </a>
9823    </li>
9824  </ul>
9825</div>
9826
9827<style>
9828  .mobile-menu__utility-list {
9829    padding-bottom: 10.5rem;
9830  }
9831</style>
9832
9833          </div>
9834        
9835      </div>
9836    </div>
9837  </div>
9838</div>
9839
9840<script>
9841  $(document).ready(function () {
9842    const $root = $('[js-mobile-menu]');
9843    const $backdrop = $('.mobile-menu__backdrop');
9844    const $panel = $('[js-mobile-menu-panel]');
9845    const $toggle = $('.header__button.mobile-menu-toggle');
9846
9847    function applyMenuGeometry() {
9848      const header = document.getElementById('shopify-section-header');
9849      const el = document.querySelector('[js-mobile-menu]');
9850      if (!header || !el) return;
9851      const h = header.clientHeight;
9852      el.style.top = h + 'px';
9853      el.style.height = 'calc(100vh - ' + h + 'px)';
9854    }
9855
9856    function clearMenuGeometry() {
9857      const el = document.querySelector('[js-mobile-menu]');
9858      if (el) {
9859        el.style.top = '';
9860        el.style.height = '';
9861      }
9862    }
9863
9864    function openMenuVisual() {
9865      $root.addClass('is-active');
9866    }
9867
9868    function closeMenuVisual() {
9869      $root.removeClass('is-active');
9870    }
9871
9872    var mobileMenuClosing = false;
9873
9874    function finalizeMobileMenuClose() {
9875      document.documentElement.classList.remove('stop-scroll');
9876      $('.overlay').removeClass('is-active');
9877      $('.site-header .header__button').removeClass('is-active');
9878      $('.header-wrapper').removeClass('is-mobile-active');
9879      clearMenuGeometry();
9880      mobileMenuClosing = false;
9881      requestAnimationFrame(function () {
9882        requestAnimationFrame(function () {
9883          window.dispatchEvent(new Event('scroll'));
9884        });
9885      });
9886    }
9887
9888    function activateMobileTab(which) {
9889      const $shop = $('.mobile-menu__tab--shop');
9890      const $learn = $('.mobile-menu__tab--learn');
9891      const $shopPanel = $('#mobile-panel-shop');
9892      const $learnPanel = $('#mobile-panel-learn');
9893      if (!$shop.length || !$learn.length) return;
9894      if (which === 'shop') {
9895        $shop.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 });
9896        $learn.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 });
9897        $shopPanel.removeClass('tw-hidden').removeAttr('hidden');
9898        $learnPanel.addClass('tw-hidden').attr('hidden', 'hidden');
9899      } else {
9900        $learn.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 });
9901        $shop.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 });
9902        $learnPanel.removeClass('tw-hidden').removeAttr('hidden');
9903        $shopPanel.addClass('tw-hidden').attr('hidden', 'hidden');
9904      }
9905    }
9906
9907    function resetToShopTab() {
9908      activateMobileTab('shop');
9909    }
9910
9911    $toggle.on('click', function () {
9912      const toggleBtn = this;
9913      const panelEl = document.querySelector('[js-mobile-menu-panel]');
9914      const isOpen = $('.header-wrapper').hasClass('is-mobile-active');
9915
9916      if (!isOpen) {
9917        $('.header-wrapper').addClass('is-mobile-active');
9918        document.documentElement.classList.add('stop-scroll');
9919        $('.overlay').addClass('is-active');
9920        $('.site-header .header__button').addClass('is-active');
9921        applyMenuGeometry();
9922
9923        function revealMenuAndFocus() {
9924          openMenuVisual();
9925          resetToShopTab();
9926          toggleBtn.setAttribute('aria-expanded', 'true');
9927          const wrap = document.querySelector('[js-header-wrapper]');
9928          const toFocus = panelEl ? panelEl.querySelector('.mobile-menu__tab, a, button') : null;
9929          if (wrap && toFocus) {
9930            trapFocus(wrap, toFocus);
9931          }
9932        }
9933
9934        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
9935          revealMenuAndFocus();
9936        } else {
9937          requestAnimationFrame(function () {
9938            requestAnimationFrame(revealMenuAndFocus);
9939          });
9940        }
9941      } else {
9942        if (mobileMenuClosing) {
9943          return;
9944        }
9945        mobileMenuClosing = true;
9946        closeMenuVisual();
9947        toggleBtn.setAttribute('aria-expanded', 'false');
9948        removeTrapFocus();
9949
9950        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
9951          finalizeMobileMenuClose();
9952          return;
9953        }
9954
9955        var closeDone = false;
9956        function doneClosing() {
9957          if (closeDone) return;
9958          closeDone = true;
9959          if (panelEl) {
9960            panelEl.removeEventListener('transitionend', onPanelTransitionEnd);
9961          }
9962          finalizeMobileMenuClose();
9963        }
9964
9965        function onPanelTransitionEnd(e) {
9966          if (e.target !== panelEl || e.propertyName !== 'transform') return;
9967          doneClosing();
9968        }
9969
9970        if (panelEl) {
9971          panelEl.addEventListener('transitionend', onPanelTransitionEnd);
9972        }
9973        window.setTimeout(doneClosing, 400);
9974      }
9975    });
9976
9977    var mobileMenuDesktopMin = 1024;
9978
9979    function closeMobileMenuIfDesktop() {
9980      if (window.innerWidth >= mobileMenuDesktopMin && $toggle.hasClass('is-active')) {
9981        $toggle.trigger('click');
9982      }
9983    }
9984
9985    $(window).on('resize', function () {
9986      closeMobileMenuIfDesktop();
9987      if ($toggle.hasClass('is-active')) {
9988        applyMenuGeometry();
9989      }
9990    });
9991
9992    $backdrop.on('click', function () {
9993      if ($toggle.hasClass('is-active')) {
9994        $toggle.trigger('click');
9995      }
9996    });
9997
9998    $(document).on('keydown.mobileMenu', function (e) {
9999      if (e.key !== 'Escape') return;
10000      if (!$('.header-wrapper').hasClass('is-mobile-active')) return;
10001      e.preventDefault();
10002      if ($toggle.hasClass('is-active')) {
10003        $toggle.trigger('click');
10004      }
10005    });
10006
10007    $('.mobile-menu__tab[data-mobile-tab]').on('click', function () {
10008      activateMobileTab($(this).data('mobile-tab'));
10009    });
10010
10011    $('.mobile-menu__tab[data-mobile-tab]').on('keydown', function (e) {
10012      if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return;
10013      e.preventDefault();
10014      const cur = $(this).data('mobile-tab');
10015      if (e.key === 'ArrowLeft' && cur === 'learn') {
10016        activateMobileTab('shop');
10017        $('.mobile-menu__tab--shop').trigger('focus');
10018      }
10019      if (e.key === 'ArrowRight' && cur === 'shop') {
10020        activateMobileTab('learn');
10021        $('.mobile-menu__tab--learn').trigger('focus');
10022      }
10023    });
10024
10025    $('#nav-icon3').on('click', function () {
10026      $(this).toggleClass('open');
10027    });
10028
10029    $('[js-mobile-menu-close]').on('click', function (e) {
10030      e.preventDefault();
10031      $('#nav-icon3').trigger('click');
10032    });
10033  });
10034</script>
10034
10035</header>
10036
10037<script type="text/javascript">
10038  $(document).ready(function () {
10039    const handleScrollOnHeader = () => {
10040      const y = document.documentElement.scrollTop || document.body.scrollTop;
10041      const $headerWrapper = $('.header-wrapper');
10042      const isTransparent = $headerWrapper.attr('color-theme') === 'transparent';
10043      if (y < 10) {
10044        $headerWrapper.removeClass('is-active');
10045        if (isTransparent) {
10046          $headerWrapper.addClass('tw-bg-transparent');
10047        }
10048      } else {
10049        $headerWrapper.addClass('is-active');
10050        if (isTransparent) {
10051          $headerWrapper.removeClass('tw-bg-transparent');
10052        }
10053      }
10054    };
10055
10056    $(window).on('scroll', handleScrollOnHeader);
10057    handleScrollOnHeader();
10058  });
10059</script>
10059
10060
10061<script type="application/ld+json">
10062  {
10063    "@context": "http://schema.org",
10064    "@type": "Organization",
10065    "name": "OLIPOP",
10066    
10067      
10068      "logo": "https:\/\/drinkolipop.com\/cdn\/shop\/files\/OlipopLogo_1_560x.png?v=1778767782",
10069    
10070    "sameAs": [
10071      "https:\/\/twitter.com\/drinkolipop",
10072      "https:\/\/www.facebook.com\/drinkolipop",
10073      "https:\/\/www.pinterest.com\/drinkolipop\/",
10074      "https:\/\/www.instagram.com\/drinkolipop\/",
10075      "",
10076      "",
10077      "https:\/\/www.youtube.com\/@OLIPOP",
10078      ""
10079    ],
10080    "url": "https:\/\/drinkolipop.com"
10081  }
10082</script>
10082
10083
10084
10085
10086
10087</div>
10088<!-- END sections: header-group -->
10089
10090      
10090<script>
10091        const headerGroup = document.querySelector('#shopify-section-header');
10092        function setHeaderGroupVars() {
10093          document.documentElement.style.setProperty(
10094            '--header-group-bottom-position',
10095            headerGroup.getBoundingClientRect().bottom + 'px'
10096          );
10097        }
10098        setTimeout(setHeaderGroupVars, 1000);
10099        window.addEventListener('resize', setHeaderGroupVars);
10100      </script>
10100
10101    </section>
10102    <div class="page-container drawer-page-content" id="PageContainer" role="main">
10103      <div
10104        class="main-content js-focus-hidden"
10105        id="MainContent"
10106        tabindex="-1"
10107      >
10108        <section id="shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC" class="shopify-section section-collection-hybrid-meta">
10109<style>
10110  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC {
10111    
10112    
10113      --min-height-desktop: unset;
10114      --min-height-tablet: unset;
10115      --min-height-mobile: unset;
10116      --hybrid-header-color: #14433D;
10117      --clp-hero-overlap: var(--site-header-height, 64px);
10118    
10119    --clp-jump-links-bar-height: 56px;
10120    --clp-anchor-offset: 0px;
10121  }
10122
10123  
10124
10125  @media (min-width: 1024px) {
10126    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC {
10127      
10128    }
10129  }
10130
10131  /* Header offset comes from html { scroll-padding-top }. Groups only need jump bar + gap. */
10132  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .collection-group {
10133    scroll-margin-top: 0;
10134  }
10135
10136  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta__group--with-divider {
10137    border-bottom: 1px solid var(--Evergreen-og-vanilla, #F3E4CD);
10138  }
10139
10140  @media screen and (max-width:  750px) {
10141    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta__group--with-divider {
10142      padding-bottom: 1rem !important;
10143      margin-right: 20px;
10144      margin-left: 20px;
10145      padding-right: 0;
10146      padding-left: 0;
10147    }
10148  }
10149
10150  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-link {
10151    display: inline-flex;
10152    align-items: center;
10153    justify-content: center;
10154    flex-shrink: 0;
10155    cursor: pointer;
10156    border-radius: 9999px;
10157    padding: 8px 20px 6px;
10158    font-size: 14px;
10159    font-weight: 600;
10160    line-height: 1.2;
10161    text-decoration: none;
10162    white-space: nowrap;
10163    box-shadow: 0 0 0 1.5px #14433d;
10164    background-color: transparent;
10165    color: #14433d;
10166    transition:
10167      background-color 0.15s ease,
10168      color 0.15s ease,
10169      border-color 0.15s ease;
10170  }
10171
10172  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-link--active {
10173    background-color: #14433d;
10174    color: #fff;
10175    font-weight: 700;
10176    border-color: #14433d;
10177  }
10178
10179  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-link:hover {
10180    background-color: #14433d;
10181    color: #fff;
10182    font-weight: 700;
10183    border-color: #14433d;
10184  }
10185
10186  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.is-stuck .clp-jump-links-scroll {
10187    border-top: 1px solid var(--Evergreen-og-vanilla, #F3E4CD);
10188    background: var(--evergreen-web-vanilla-50, #FFFBF5);
10189    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) inset;
10190  }
10191
10192  /* Pin bar during programmatic scroll so position:sticky cannot engage mid-animation */
10193  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.clp-jump-links--jump-scrolling {
10194    position: fixed !important;
10195    left: 0;
10196    right: 0;
10197    width: 100%;
10198    top: var(--clp-sticky-top, var(--site-header-height, 64px));
10199    z-index: 30;
10200  }
10201
10202  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.clp-jump-links--jump-scrolling .clp-jump-links-scroll {
10203    border-top: 1px solid var(--Evergreen-og-vanilla, #F3E4CD);
10204    background: var(--evergreen-web-vanilla-50, #FFFBF5);
10205    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) inset;
10206  }
10207
10208  /* From top of page: fixed bar stays hidden until scroll has started */
10209  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.clp-jump-links--jump-scrolling.clp-jump-links--jump-scrolling-hidden {
10210    visibility: hidden;
10211    pointer-events: none;
10212  }
10213
10214  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .clp-jump-links-spacer {
10215    display: none;
10216    width: 100%;
10217    pointer-events: none;
10218  }
10219
10220  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .clp-jump-links-spacer.is-active {
10221    display: block;
10222  }
10223
10224  body.clp-jump-links-shadow-active #shopify-section-header .header-wrapper.is-active {
10225    box-shadow: none;
10226  }
10227
10228  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybri
10228d-meta .clp-jump-link:focus-visible {
10229    outline: 2px solid #14433d;
10230    outline-offset: 2px;
10231  }
10232
10233  .collection-hybrid-meta .clp-jump-links-scroll {
10234    -webkit-overflow-scrolling: touch;
10235    scrollbar-width: thin;
10236  }
10237
10238  /* When the jump links don't overflow (mobile only), center them in the scroll viewport. */
10239  @media (max-width: 1023px) {
10240    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links-scroll--centered {
10241      display: flex;
10242      justify-content: center;
10243    }
10244  }
10245
10246  
10247    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero {
10248      margin-top: calc(0px - var(--clp-hero-overlap, var(--site-header-height, 64px)));
10249    }
10250
10251    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__content {
10252      width: 50%;
10253      max-width: 100%;
10254      padding-top: calc(var(--clp-hero-overlap, var(--site-header-height, 64px)) + 8px);
10255      padding-left: 20px;
10256      padding-right: 20px;
10257      gap: 8px;
10258    }
10259
10260    @media (min-width: 1024px) {
10261      #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__content {
10262        max-width: 40%;
10263        padding-top: calc(var(--clp-hero-overlap, var(--site-header-height, 64px)) + 48px);
10264        padding-left: 60px;
10265        padding-right: 0;
10266        gap: 16px;
10267      }
10268    }
10269  
10270
10271  @media (max-width: 767px) {
10272    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__content {
10273      width: 100%;
10274    }
10275  }
10276
10277  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__title {
10278    color: var(--Evergreen-bottle, #034638);
10279    font-size: 56px;
10280    font-style: normal;
10281    font-weight: 800;
10282    line-height: 110%;
10283  }
10284
10285  @media (min-width: 1024px) {
10286    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__title {
10287      font-size: 80px;
10288    }
10289  }
10290
10291  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__description {
10292    color: var(--Evergreen-bottle, #034638);
10293    font-size: 20px;
10294    font-style: normal;
10295    font-weight: 400;
10296    line-height: 180%;
10297  }
10298
10299  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__description p {
10300    color: inherit;
10301    font-size: inherit;
10302    line-height: inherit;
10303    margin: 0;
10304  }
10305
10306  @media (max-width: 767px) {
10307    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__description {
10308      font-size: 16px;
10309    }
10310  }
10311
10312  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__subtitle-pill {
10313    display: inline-flex;
10314    height: 32px;
10315    padding: 8px 16px;
10316    justify-content: center;
10317    align-items: center;
10318    gap: 4px;
10319    border-radius: 48px;
10320    background: var(--Evergreen-web-jade, #008168);
10321    color: #fff;
10322    font-size: 14px;
10323    font-style: normal;
10324    font-weight: 600;
10325    line-height: 1;
10326  }
10327
10328  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__subtitle-icon {
10329    display: inline-block;
10330    width: 16px;
10331    height: 16px;
10332    flex-shrink: 0;
10333    background-color: #fff;
10334    -webkit-mask-image: var(--hero-subtitle-icon-url);
10335    -webkit-mask-position: center;
10336    -webkit-mask-repeat: no-repeat;
10337    -webkit-mask-size: contain;
10338    mask-image: var(--hero-subtitle-icon-url);
10339    mask-position: center;
10340    mask-repeat: no-repeat;
10341    mask-size: contain;
10342  }
10343
10344  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta-empty-hero .collection-hybrid-hero__content {
10345    padding-right: 1.25rem;
10346    padding-bottom: 0;
10347    padding-left: 1.25rem;
10348    display: flex;
10349    align-items: center;
10350    justify-content: center;
10351    margin: 0 auto;
10352    text-align: center;
10353    width: 100%;
10354    max-width: 100%;
10355  }
10356
10357  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta-empty-hero .collection-hybri
10357d-hero__content h1 {
10358    text-align: center;
10359  }
10360
10361  @media (max-width: 1023px) {
10362    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-description-lower {
10363      font-size: 16px;
10364      line-height: 180%;
10365      padding: 40px 30px 0;
10366      display: block;
10367    }
10368  }
10369
10370  @media (min-width: 1024px) {
10371    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-description-lower {
10372      font-size: 18px;
10373      line-height: 180%;
10374      padding: 60px 40px 0px 40px;
10375      display: block;
10376    }
10377  }
10378</style>
10379
10380<div class="collection-hybrid-meta tw-relative" style="background-color: #FFF6EA;">
10381  <div
10382    class="collection-hybrid-hero  collection-hybrid-meta-empty-hero  section-collection-hero tw-relative tw-flex tw-w-full tw-flex-col tw-items-center tw-justify-start  tw-overflow-hidden tw-min-h-[var(--min-height-mobile)] md:tw-min-h-[var(--min-height-tablet)] lg:tw-min-h-[var(--min-height-desktop)] md:tw-items-start "
10383    style="background: #FFF6EA;"
10384  ><div class="tw-max-w-[1440px] tw-mx-auto tw-w-full ">
10385      <div
10386        class="collection-hybrid-hero__content  tw-relative tw-z-[2] tw-flex tw-flex-col tw-items-center tw-self-start tw-text-center md:tw-items-start md:tw-text-left tw-pb-16 lg:tw-pb-20"
10387      ><h1 class="collection-hybrid-hero__title tw-font-display tw-text-center md:tw-text-left ">
10388            9g fiber
10389          </h1><div class=" ">
10390              <span class="collection-hybrid-hero__subtitle-pill"><span>Keep refrigerated</span><span
10391                  class="collection-hybrid-hero__subtitle-icon"
10392                  style="--hero-subtitle-icon-url: url('//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&width=32');"
10393                  aria-hidden="true"
10394                ></span></span>
10395            </div><div class="collection-hybrid-hero__description tw-text-center md:tw-text-left [&_a]:tw-text-hunter-green [&_a]:tw-underline  ">
10396              <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span>
10397            </div></div>
10398    </div>
10399    
10400  </div>
10401
10402  
10403  
10404
10405  <div class="collection-hybrid-meta__list lg:tw-pb-[120px] tw-pb-[60px]" style="background-color: #FFF6EA;"><div class="tw-mx-auto">
10406      <div class=""><div class="collection-group--non-multi collection-group collection-group--first tw-py-[60px] lg:tw-py-[7.5rem] tw-px-5 lg:tw-px-25">
10407            <div class="collection-group-inner tw-mx-auto" style="max-width: 1320px;">
10408              <div class="collection-group-grid tw-pb-10 lg:tw-pb-[10px]">
10409
10410
10411
10412
10413
10414
10415
10416
10417
10418
10419
10420
10421
10422
10423
10424
10425
10426
10427
10428
10429
10430
10431
10432
10433
10434
10435
10436
10437
10438
10439
10440<div
10441  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
10442  style="grid-template-rows: max-content 1fr"
10443>
10444
10445  
10446    <div
10447    class="product-badge product-badge--short-text"
10448    role="status"
10449    aria-label="New"
10450  >
10451    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
10452      <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
1045203 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"/>
10453    </svg>
10454    <span class="product-badge__text" style="color: #034638;">New</span>
10455  </div>
10456  
10457
10458
10459  <!-- Image Container -->
10460  <div class="tw-relative tw-w-full">
10461    <a
10462      href="/products/caramel-apple"
10463      
10464      aria-label="Shop Now- Caramel Apple"
10465      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
10466    >
10467      
10468
10469      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
10470        
10471<img
10472  src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1788145122"
10473  data-srcset="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1788145122 240w,
10474     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1788145122 360w,
10475     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1788145122 540w,
10476     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1788145122 720w,
10477     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1788145122 900w,
10478     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1788145122 1080w,
10479     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1788145122 1296w,
10480     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1788145122 1350w,
10481     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1788145122 1728w,
10482     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1788145122 1920w,
10483     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1788145122 2560w,
10484     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1788145122 3072w
10485  "
10486  data-src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1788145122"
10487  data-optimumx="auto"
10488  data-sizes="auto"
10489  data-parent-fit="contain"
10490  width="100%"
10491  height="100%"
10492  class="lazyload tw-h-full tw-w-full tw-object-contain"
10493  data-aspectratio="0.7556675062972292"
10494  alt="Caramel Apple"
10495  
10496>
10497
10498      </div>
10499
10500      
10501        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
10502          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
10503            <div class="tw-relative tw-h-full tw-w-full">
10504              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
10505                <svg
10506                  class="tw-h-full tw-w-full"
10507                  viewBox="0 0 314 314"
10508                  fill="none"
10509                  xmlns="http://www.w3.org/2000/svg"
10510                  xmlns:xlink="http://www.w3.org/1999/xlink"
10511                  preserveAspectRatio="xMidYMid meet"
10512                >
10513                  <defs>
10514                    <clipPath id="clip-hover-wave-10910759354527-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
10515                      <path
10516                        data-hover-wave-path
10517                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
10518                      />
10519                    </clipPath>
10520                  </defs>
10521                  <image
10522                    href="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_collection-hover_MW.webp?v=1788966694&width=1440"
10523                    xlink:href="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_collection-hover_MW.webp?v=1788966694&width=1440"
10524                    x="0"
10525                    y="0"
10526                    width="314"
10527                    height="314"
10528                    preserveAspectRatio="xMidYMax slice"
10529                    clip-path="url(#clip-hover-wave-10910759354527-template--24009561342111__collection_hybrid_meta_ALe7xC)"
10530                  />
10531                </svg>
10532              </div>
10533            </div>
10534          </div>
10535        </div>
10536      
10537    </a>
10538
10539    
10540      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
10541        
10542          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="62787700621471" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
10543            <input type="hidden" name="id" value="62787700621471">
10544            <input type="hidden" name="quantity" value="1">
10545            <button
10546              type="submit"
10547              name="add"
10548              data-add-to-cart
10549              data-product-card-cta
10550              aria-label="Add 12 Pack- Caramel Apple"
10551              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
10552            >
10553              Add 12 Pack
10554            </button>
10555          </form>
10556        
10557      </div>
10558  </div>
10559  <!-- ./End Image Container -->
10560
10561  <!-- Text Container -->
10562  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
10563    
10564      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
10565        <div
10566          data-bv-show="inline_rating"
10567          data-bv-product-id="10910759354527"
10568          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
10569        ></div>
10570      </div>
10571    
10572
10573    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
10574      
10575        9g Fiber
10576      
10577    </p>
10578
10579    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
10580      <a href="/products/caramel-apple" aria-label="Shop Now- Caramel Apple" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
10580px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
10581        Caramel Apple
10582      </a>
10583    </p>
10584
10585    
10586      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="62787700621471" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
10587        <input type="hidden" name="id" value="62787700621471">
10588        <input type="hidden" name="quantity" value="1">
10589        <button
10590          type="submit"
10591          name="add"
10592          data-add-to-cart
10593          data-product-card-cta
10594          aria-label="Add 12 Pack- Caramel Apple"
10595          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
10596        >
10597          Add 12 Pack
10598        </button>
10599      </form>
10600    
10601  </div>
10602  <!-- ./End Text Container -->
10603</div>
10604
10605
10606
10607
10608
10609
10610
10611
10612
10613
10614
10615
10616
10617
10618
10619
10620
10621
10622
10623
10624
10625
10626
10627
10628
10629
10630
10631
10632
10633
10634
10635
10636
10637<div
10638  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
10639  style="grid-template-rows: max-content 1fr"
10640>
10641
10642  
10643
10644
10645  <!-- Image Container -->
10646  <div class="tw-relative tw-w-full">
10647    <a
10648      href="/products/blackberry-vanilla"
10649      
10650      aria-label="Shop Now- Blackberry Vanilla"
10651      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
10652    >
10653      
10654
10655      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
10656        
10657<img
10658  src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162450"
10659  data-srcset="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162450 240w,
10660     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162450 360w,
10661     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162450 540w,
10662     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162450 720w,
10663     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162450 900w,
10664     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162450 1080w,
10665     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162450 1296w,
10666     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162450 1350w,
10667     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162450 1728w,
10668     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162450 1920w,
10669     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162450 2560w,
10670     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162450 3072w
10671  "
10672  data-src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162450"
10673  data-optimumx="auto"
10674  data-sizes="auto"
10675  data-parent-fit="contain"
10676  width="100%"
10677  height="100%"
10678  class="lazyload tw-h-full tw-w-full tw-object-contain"
10679  data-aspectratio="0.7605263157894737"
10680  alt="Blackberry Vanilla"
10681  
10682>
10683
10684      </div>
10685
10686      
10687        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
10688          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
10689            <div class="tw-relative tw-h-full tw-w-full">
10690              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
10691                <svg
10692                  class="tw-h-full tw-w-full"
10693                  viewBox="0 0 314 314"
10694                  fill="none"
10695                  xmlns="http://www.w3.org/2000/svg"
10696                  xmlns:xlink="http://www.w3.org/1999/xlink"
10697                  preserveAspectRatio="xMidYMid meet"
10698                >
10699                  <defs>
10700                    <clipPath id="clip-hover-wave-5871016640671-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
10701                      <path
10702                        data-hover-wave-path
10703                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
10704                      />
10705                    </clipPath>
10706                  </defs>
10707                  <image
10708                    href="//drinkolipop.com/cdn/shop/files/BV-PDP-Horizontal-Desktop_new_asset.webp?v=1779162608&width=1440"
10709                    xlink:href="//drinkolipop.com/cdn/shop/files/BV-PDP-Horizontal-Desktop_new_asset.webp?v=1779162608&width=1440"
10710                    x="0"
10711                    y="0"
10712                    width="314"
10713                    height="314"
10714                    preserveAspectRatio="xMidYMax slice"
10715                    clip-path="url(#clip-hover-wave-5871016640671-template--24009561342111__collection_hybrid_meta_ALe7xC)"
10716                  />
10717                </svg>
10718              </div>
10719            </div>
10720          </div>
10721        </div>
10722      
10723    </a>
10724
10725    
10726      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
10727        
10728          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="37114287784095" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
10729            <input type="hidden" name="id" value="37114287784095">
10730            <input type="hidden" name="quantity" value="1">
10731            <button
10732              type="submit"
10733              name="add"
10734              data-add-to-cart
10735              data-product-card-cta
10736              aria-label="Add 12 Pack- Blackberry Vanilla"
10737              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
10738            >
10739              Add 12 Pack
10740            </button>
10741          </form>
10742        
10743      </div>
10744  </div>
10745  <!-- ./End Image Container -->
10746
10747  <!-- Text Container -->
10748  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
10749    
10750      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
10751        <div
10752          data-bv-show="inline_rating"
10753          data-bv-product-id="5871016640671"
10754          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
10755        ></div>
10756      </div>
10757    
10758
10759    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
10760      
10761        9g Fiber
10762      
10763    </p>
10764
10765    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
10766      <a href="/products/blackberry-vanilla" aria-label="Shop Now- Blackberry Vanilla" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
10766px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
10767        Blackberry Vanilla
10768      </a>
10769    </p>
10770
10771    
10772      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="37114287784095" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
10773        <input type="hidden" name="id" value="37114287784095">
10774        <input type="hidden" name="quantity" value="1">
10775        <button
10776          type="submit"
10777          name="add"
10778          data-add-to-cart
10779          data-product-card-cta
10780          aria-label="Add 12 Pack- Blackberry Vanilla"
10781          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
10782        >
10783          Add 12 Pack
10784        </button>
10785      </form>
10786    
10787  </div>
10788  <!-- ./End Text Container -->
10789</div>
10790
10791
10792
10793
10794
10795
10796
10797
10798
10799
10800
10801
10802
10803
10804
10805
10806
10807
10808
10809
10810
10811
10812
10813
10814
10815
10816
10817
10818
10819
10820
10821
10822
10823<div
10824  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
10825  style="grid-template-rows: max-content 1fr"
10826>
10827
10828  
10829
10830
10831  <!-- Image Container -->
10832  <div class="tw-relative tw-w-full">
10833    <a
10834      href="/products/crisp-apple"
10835      
10836      aria-label="Shop Now- Crisp Apple"
10837      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
10838    >
10839      
10840
10841      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
10842        
10843<img
10844  src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163593"
10845  data-srcset="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163593 240w,
10846     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163593 360w,
10847     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163593 540w,
10848     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163593 720w,
10849     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163593 900w,
10850     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163593 1080w,
10851     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163593 1296w,
10852     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163593 1350w,
10853     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163593 1728w,
10854     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163593 1920w,
10855     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163593 2560w,
10856     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163593 3072w
10857  "
10858  data-src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163593"
10859  data-optimumx="auto"
10860  data-sizes="auto"
10861  data-parent-fit="contain"
10862  width="100%"
10863  height="100%"
10864  class="lazyload tw-h-full tw-w-full tw-object-contain"
10865  data-aspectratio="0.7605263157894737"
10866  alt="Crisp Apple"
10867  
10868>
10869
10870      </div>
10871
10872      
10873        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
10874          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
10875            <div class="tw-relative tw-h-full tw-w-full">
10876              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
10877                <svg
10878                  class="tw-h-full tw-w-full"
10879                  viewBox="0 0 314 314"
10880                  fill="none"
10881                  xmlns="http://www.w3.org/2000/svg"
10882                  xmlns:xlink="http://www.w3.org/1999/xlink"
10883                  preserveAspectRatio="xMidYMid meet"
10884                >
10885                  <defs>
10886                    <clipPath id="clip-hover-wave-7478573498527-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
10887                      <path
10888                        data-hover-wave-path
10889                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
10890                      />
10891                    </clipPath>
10892                  </defs>
10893                  <image
10894                    href="//drinkolipop.com/cdn/shop/files/PDP-Horizontal_new_asset.png?v=1779076160&width=1440"
10895                    xlink:href="//drinkolipop.com/cdn/shop/files/PDP-Horizontal_new_asset.png?v=1779076160&width=1440"
10896                    x="0"
10897                    y="0"
10898                    width="314"
10899                    height="314"
10900                    preserveAspectRatio="xMidYMax slice"
10901                    clip-path="url(#clip-hover-wave-7478573498527-template--24009561342111__collection_hybrid_meta_ALe7xC)"
10902                  />
10903                </svg>
10904              </div>
10905            </div>
10906          </div>
10907        </div>
10908      
10909    </a>
10910
10911    
10912      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
10913        
10914          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42468536975519" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
10915            <input type="hidden" name="id" value="42468536975519">
10916            <input type="hidden" name="quantity" value="1">
10917            <button
10918              type="submit"
10919              name="add"
10920              data-add-to-cart
10921              data-product-card-cta
10922              aria-label="Add 12 Pack- Crisp Apple"
10923              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
10924            >
10925              Add 12 Pack
10926            </button>
10927          </form>
10928        
10929      </div>
10930  </div>
10931  <!-- ./End Image Container -->
10932
10933  <!-- Text Container -->
10934  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
10935    
10936      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
10937        <div
10938          data-bv-show="inline_rating"
10939          data-bv-product-id="7478573498527"
10940          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
10941        ></div>
10942      </div>
10943    
10944
10945    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
10946      
10947        9g Fiber
10948      
10949    </p>
10950
10951    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
10952      <a href="/products/crisp-apple" aria-label="Shop Now- Crisp Apple" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
10952px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
10953        Crisp Apple
10954      </a>
10955    </p>
10956
10957    
10958      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42468536975519" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
10959        <input type="hidden" name="id" value="42468536975519">
10960        <input type="hidden" name="quantity" value="1">
10961        <button
10962          type="submit"
10963          name="add"
10964          data-add-to-cart
10965          data-product-card-cta
10966          aria-label="Add 12 Pack- Crisp Apple"
10967          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
10968        >
10969          Add 12 Pack
10970        </button>
10971      </form>
10972    
10973  </div>
10974  <!-- ./End Text Container -->
10975</div>
10976
10977
10978
10979
10980
10981
10982
10983
10984
10985
10986
10987
10988
10989
10990
10991
10992
10993
10994
10995
10996
10997
10998
10999
11000
11001
11002
11003
11004
11005
11006
11007
11008
11009<div
11010  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
11011  style="grid-template-rows: max-content 1fr"
11012>
11013
11014  
11015
11016
11017  <!-- Image Container -->
11018  <div class="tw-relative tw-w-full">
11019    <a
11020      href="/products/classic-grape"
11021      
11022      aria-label="Shop Now- Classic Grape"
11023      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
11024    >
11025      
11026
11027      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
11028        
11029<img
11030  src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163040"
11031  data-srcset="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163040 240w,
11032     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163040 360w,
11033     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163040 540w,
11034     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163040 720w,
11035     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163040 900w,
11036     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163040 1080w,
11037     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163040 1296w,
11038     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163040 1350w,
11039     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163040 1728w,
11040     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163040 1920w,
11041     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163040 2560w,
11042     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163040 3072w
11043  "
11044  data-src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163040"
11045  data-optimumx="auto"
11046  data-sizes="auto"
11047  data-parent-fit="contain"
11048  width="100%"
11049  height="100%"
11050  class="lazyload tw-h-full tw-w-full tw-object-contain"
11051  data-aspectratio="0.7605263157894737"
11052  alt="Classic Grape"
11053  
11054>
11055
11056      </div>
11057
11058      
11059        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
11060          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
11061            <div class="tw-relative tw-h-full tw-w-full">
11062              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
11063                <svg
11064                  class="tw-h-full tw-w-full"
11065                  viewBox="0 0 314 314"
11066                  fill="none"
11067                  xmlns="http://www.w3.org/2000/svg"
11068                  xmlns:xlink="http://www.w3.org/1999/xlink"
11069                  preserveAspectRatio="xMidYMid meet"
11070                >
11071                  <defs>
11072                    <clipPath id="clip-hover-wave-6866436948127-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
11073                      <path
11074                        data-hover-wave-path
11075                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
11076                      />
11077                    </clipPath>
11078                  </defs>
11079                  <image
11080                    href="//drinkolipop.com/cdn/shop/files/CG-TOP_new_asset.png?v=1779114686&width=1440"
11081                    xlink:href="//drinkolipop.com/cdn/shop/files/CG-TOP_new_asset.png?v=1779114686&width=1440"
11082                    x="0"
11083                    y="0"
11084                    width="314"
11085                    height="314"
11086                    preserveAspectRatio="xMidYMax slice"
11087                    clip-path="url(#clip-hover-wave-6866436948127-template--24009561342111__collection_hybrid_meta_ALe7xC)"
11088                  />
11089                </svg>
11090              </div>
11091            </div>
11092          </div>
11093        </div>
11094      
11095    </a>
11096
11097    
11098      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
11099        
11100          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="40304921542815" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
11101            <input type="hidden" name="id" value="40304921542815">
11102            <input type="hidden" name="quantity" value="1">
11103            <button
11104              type="submit"
11105              name="add"
11106              data-add-to-cart
11107              data-product-card-cta
11108              aria-label="Add 12 Pack- Classic Grape"
11109              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
11110            >
11111              Add 12 Pack
11112            </button>
11113          </form>
11114        
11115      </div>
11116  </div>
11117  <!-- ./End Image Container -->
11118
11119  <!-- Text Container -->
11120  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
11121    
11122      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
11123        <div
11124          data-bv-show="inline_rating"
11125          data-bv-product-id="6866436948127"
11126          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
11127        ></div>
11128      </div>
11129    
11130
11131    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
11132      
11133        9g Fiber
11134      
11135    </p>
11136
11137    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
11138      <a href="/products/classic-grape" aria-label="Shop Now- Classic Grape" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11138px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
11139        Classic Grape
11140      </a>
11141    </p>
11142
11143    
11144      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="40304921542815" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
11145        <input type="hidden" name="id" value="40304921542815">
11146        <input type="hidden" name="quantity" value="1">
11147        <button
11148          type="submit"
11149          name="add"
11150          data-add-to-cart
11151          data-product-card-cta
11152          aria-label="Add 12 Pack- Classic Grape"
11153          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
11154        >
11155          Add 12 Pack
11156        </button>
11157      </form>
11158    
11159  </div>
11160  <!-- ./End Text Container -->
11161</div>
11162
11163
11164
11165
11166
11167
11168
11169
11170
11171
11172
11173
11174
11175
11176
11177
11178
11179
11180
11181
11182
11183
11184
11185
11186
11187
11188
11189
11190
11191
11192
11193
11194
11195<div
11196  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
11197  style="grid-template-rows: max-content 1fr"
11198>
11199
11200  
11201
11202
11203  <!-- Image Container -->
11204  <div class="tw-relative tw-w-full">
11205    <a
11206      href="/products/classic-root-beer"
11207      
11208      aria-label="Shop Now- Classic Root Beer"
11209      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
11210    >
11211      
11212
11213      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
11214        
11215<img
11216  src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779161742"
11217  data-srcset="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779161742 240w,
11218     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779161742 360w,
11219     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779161742 540w,
11220     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779161742 720w,
11221     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779161742 900w,
11222     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779161742 1080w,
11223     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779161742 1296w,
11224     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779161742 1350w,
11225     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779161742 1728w,
11226     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779161742 1920w,
11227     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779161742 2560w,
11228     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779161742 3072w
11229  "
11230  data-src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779161742"
11231  data-optimumx="auto"
11232  data-sizes="auto"
11233  data-parent-fit="contain"
11234  width="100%"
11235  height="100%"
11236  class="lazyload tw-h-full tw-w-full tw-object-contain"
11237  data-aspectratio="0.7605263157894737"
11238  alt="Classic Root Beer"
11239  
11240>
11241
11242      </div>
11243
11244      
11245        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
11246          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
11247            <div class="tw-relative tw-h-full tw-w-full">
11248              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
11249                <svg
11250                  class="tw-h-full tw-w-full"
11251                  viewBox="0 0 314 314"
11252                  fill="none"
11253                  xmlns="http://www.w3.org/2000/svg"
11254                  xmlns:xlink="http://www.w3.org/1999/xlink"
11255                  preserveAspectRatio="xMidYMid meet"
11256                >
11257                  <defs>
11258                    <clipPath id="clip-hover-wave-4350717460544-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
11259                      <path
11260                        data-hover-wave-path
11261                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
11262                      />
11263                    </clipPath>
11264                  </defs>
11265                  <image
11266                    href="//drinkolipop.com/cdn/shop/products/CRB-BOTTOM1_new_asset.png?v=1779075161&width=1440"
11267                    xlink:href="//drinkolipop.com/cdn/shop/products/CRB-BOTTOM1_new_asset.png?v=1779075161&width=1440"
11268                    x="0"
11269                    y="0"
11270                    width="314"
11271                    height="314"
11272                    preserveAspectRatio="xMidYMax slice"
11273                    clip-path="url(#clip-hover-wave-4350717460544-template--24009561342111__collection_hybrid_meta_ALe7xC)"
11274                  />
11275                </svg>
11276              </div>
11277            </div>
11278          </div>
11279        </div>
11280      
11281    </a>
11282
11283    
11284      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
11285        
11286          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="31199447679040" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
11287            <input type="hidden" name="id" value="31199447679040">
11288            <input type="hidden" name="quantity" value="1">
11289            <button
11290              type="submit"
11291              name="add"
11292              data-add-to-cart
11293              data-product-card-cta
11294              aria-label="Add 12 Pack- Classic Root Beer"
11295              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
11296            >
11297              Add 12 Pack
11298            </button>
11299          </form>
11300        
11301      </div>
11302  </div>
11303  <!-- ./End Image Container -->
11304
11305  <!-- Text Container -->
11306  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
11307    
11308      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
11309        <div
11310          data-bv-show="inline_rating"
11311          data-bv-product-id="4350717460544"
11312          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
11313        ></div>
11314      </div>
11315    
11316
11317    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
11318      
11319        9g Fiber
11320      
11321    </p>
11322
11323    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
11324      <a href="/products/classic-root-beer" aria-label="Shop Now- Classic Root Beer" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11324px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
11325        Classic Root Beer
11326      </a>
11327    </p>
11328
11329    
11330      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="31199447679040" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
11331        <input type="hidden" name="id" value="31199447679040">
11332        <input type="hidden" name="quantity" value="1">
11333        <button
11334          type="submit"
11335          name="add"
11336          data-add-to-cart
11337          data-product-card-cta
11338          aria-label="Add 12 Pack- Classic Root Beer"
11339          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
11340        >
11341          Add 12 Pack
11342        </button>
11343      </form>
11344    
11345  </div>
11346  <!-- ./End Text Container -->
11347</div>
11348
11349
11350
11351
11352
11353
11354
11355
11356
11357
11358
11359
11360
11361
11362
11363
11364
11365
11366
11367
11368
11369
11370
11371
11372
11373
11374
11375
11376
11377
11378
11379
11380
11381<div
11382  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
11383  style="grid-template-rows: max-content 1fr"
11384>
11385
11386  
11387
11388
11389  <!-- Image Container -->
11390  <div class="tw-relative tw-w-full">
11391    <a
11392      href="/products/vintage-cola"
11393      
11394      aria-label="Shop Now- Vintage Cola"
11395      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
11396    >
11397      
11398
11399      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
11400        
11401<img
11402  src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779161590"
11403  data-srcset="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779161590 240w,
11404     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779161590 360w,
11405     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779161590 540w,
11406     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779161590 720w,
11407     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779161590 900w,
11408     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779161590 1080w,
11409     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779161590 1296w,
11410     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779161590 1350w,
11411     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779161590 1728w,
11412     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779161590 1920w,
11413     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779161590 2560w,
11414     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779161590 3072w
11415  "
11416  data-src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779161590"
11417  data-optimumx="auto"
11418  data-sizes="auto"
11419  data-parent-fit="contain"
11420  width="100%"
11421  height="100%"
11422  class="lazyload tw-h-full tw-w-full tw-object-contain"
11423  data-aspectratio="0.7605263157894737"
11424  alt="Vintage Cola"
11425  
11426>
11427
11428      </div>
11429
11430      
11431        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
11432          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
11433            <div class="tw-relative tw-h-full tw-w-full">
11434              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
11435                <svg
11436                  class="tw-h-full tw-w-full"
11437                  viewBox="0 0 314 314"
11438                  fill="none"
11439                  xmlns="http://www.w3.org/2000/svg"
11440                  xmlns:xlink="http://www.w3.org/1999/xlink"
11441                  preserveAspectRatio="xMidYMid meet"
11442                >
11443                  <defs>
11444                    <clipPath id="clip-hover-wave-3818023125062-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
11445                      <path
11446                        data-hover-wave-path
11447                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
11448                      />
11449                    </clipPath>
11450                  </defs>
11451                  <image
11452                    href="//drinkolipop.com/cdn/shop/products/VC-BOTTOM1_new_asset.png?v=1779112097&width=1440"
11453                    xlink:href="//drinkolipop.com/cdn/shop/products/VC-BOTTOM1_new_asset.png?v=1779112097&width=1440"
11454                    x="0"
11455                    y="0"
11456                    width="314"
11457                    height="314"
11458                    preserveAspectRatio="xMidYMax slice"
11459                    clip-path="url(#clip-hover-wave-3818023125062-template--24009561342111__collection_hybrid_meta_ALe7xC)"
11460                  />
11461                </svg>
11462              </div>
11463            </div>
11464          </div>
11465        </div>
11466      
11467    </a>
11468
11469    
11470      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
11471        
11472          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315238260806" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
11473            <input type="hidden" name="id" value="30315238260806">
11474            <input type="hidden" name="quantity" value="1">
11475            <button
11476              type="submit"
11477              name="add"
11478              data-add-to-cart
11479              data-product-card-cta
11480              aria-label="Add 12 Pack- Vintage Cola"
11481              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
11482            >
11483              Add 12 Pack
11484            </button>
11485          </form>
11486        
11487      </div>
11488  </div>
11489  <!-- ./End Image Container -->
11490
11491  <!-- Text Container -->
11492  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
11493    
11494      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
11495        <div
11496          data-bv-show="inline_rating"
11497          data-bv-product-id="3818023125062"
11498          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
11499        ></div>
11500      </div>
11501    
11502
11503    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
11504      
11505        9g Fiber
11506      
11507    </p>
11508
11509    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
11510      <a href="/products/vintage-cola" aria-label="Shop Now- Vintage Cola" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11510px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
11511        Vintage Cola
11512      </a>
11513    </p>
11514
11515    
11516      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315238260806" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
11517        <input type="hidden" name="id" value="30315238260806">
11518        <input type="hidden" name="quantity" value="1">
11519        <button
11520          type="submit"
11521          name="add"
11522          data-add-to-cart
11523          data-product-card-cta
11524          aria-label="Add 12 Pack- Vintage Cola"
11525          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
11526        >
11527          Add 12 Pack
11528        </button>
11529      </form>
11530    
11531  </div>
11532  <!-- ./End Text Container -->
11533</div>
11534
11535
11536
11537
11538
11539
11540
11541
11542
11543
11544
11545
11546
11547
11548
11549
11550
11551
11552
11553
11554
11555
11556
11557
11558
11559
11560
11561
11562
11563
11564
11565
11566
11567<div
11568  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
11569  style="grid-template-rows: max-content 1fr"
11570>
11571
11572  
11573
11574
11575  <!-- Image Container -->
11576  <div class="tw-relative tw-w-full">
11577    <a
11578      href="/products/cream-soda"
11579      
11580      aria-label="Shop Now- Cream Soda"
11581      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
11582    >
11583      
11584
11585      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
11586        
11587<img
11588  src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163263"
11589  data-srcset="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163263 240w,
11590     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163263 360w,
11591     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163263 540w,
11592     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163263 720w,
11593     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163263 900w,
11594     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163263 1080w,
11595     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163263 1296w,
11596     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163263 1350w,
11597     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163263 1728w,
11598     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163263 1920w,
11599     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163263 2560w,
11600     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163263 3072w
11601  "
11602  data-src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163263"
11603  data-optimumx="auto"
11604  data-sizes="auto"
11605  data-parent-fit="contain"
11606  width="100%"
11607  height="100%"
11608  class="lazyload tw-h-full tw-w-full tw-object-contain"
11609  data-aspectratio="0.7605263157894737"
11610  alt="Cream Soda"
11611  
11612>
11613
11614      </div>
11615
11616      
11617        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
11618          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
11619            <div class="tw-relative tw-h-full tw-w-full">
11620              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
11621                <svg
11622                  class="tw-h-full tw-w-full"
11623                  viewBox="0 0 314 314"
11624                  fill="none"
11625                  xmlns="http://www.w3.org/2000/svg"
11626                  xmlns:xlink="http://www.w3.org/1999/xlink"
11627                  preserveAspectRatio="xMidYMid meet"
11628                >
11629                  <defs>
11630                    <clipPath id="clip-hover-wave-7413651636383-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
11631                      <path
11632                        data-hover-wave-path
11633                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
11634                      />
11635                    </clipPath>
11636                  </defs>
11637                  <image
11638                    href="//drinkolipop.com/cdn/shop/products/CS-TOP.png?v=1779075525&width=1440"
11639                    xlink:href="//drinkolipop.com/cdn/shop/products/CS-TOP.png?v=1779075525&width=1440"
11640                    x="0"
11641                    y="0"
11642                    width="314"
11643                    height="314"
11644                    preserveAspectRatio="xMidYMax slice"
11645                    clip-path="url(#clip-hover-wave-7413651636383-template--24009561342111__collection_hybrid_meta_ALe7xC)"
11646                  />
11647                </svg>
11648              </div>
11649            </div>
11650          </div>
11651        </div>
11652      
11653    </a>
11654
11655    
11656      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
11657        
11658          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42284980666527" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
11659            <input type="hidden" name="id" value="42284980666527">
11660            <input type="hidden" name="quantity" value="1">
11661            <button
11662              type="submit"
11663              name="add"
11664              data-add-to-cart
11665              data-product-card-cta
11666              aria-label="Add 12 Pack- Cream Soda"
11667              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
11668            >
11669              Add 12 Pack
11670            </button>
11671          </form>
11672        
11673      </div>
11674  </div>
11675  <!-- ./End Image Container -->
11676
11677  <!-- Text Container -->
11678  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
11679    
11680      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
11681        <div
11682          data-bv-show="inline_rating"
11683          data-bv-product-id="7413651636383"
11684          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
11685        ></div>
11686      </div>
11687    
11688
11689    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
11690      
11691        9g Fiber
11692      
11693    </p>
11694
11695    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
11696      <a href="/products/cream-soda" aria-label="Shop Now- Cream Soda" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11696px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
11697        Cream Soda
11698      </a>
11699    </p>
11700
11701    
11702      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42284980666527" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
11703        <input type="hidden" name="id" value="42284980666527">
11704        <input type="hidden" name="quantity" value="1">
11705        <button
11706          type="submit"
11707          name="add"
11708          data-add-to-cart
11709          data-product-card-cta
11710          aria-label="Add 12 Pack- Cream Soda"
11711          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
11712        >
11713          Add 12 Pack
11714        </button>
11715      </form>
11716    
11717  </div>
11718  <!-- ./End Text Container -->
11719</div>
11720
11721
11722
11723
11724
11725
11726
11727
11728
11729
11730
11731
11732
11733
11734
11735
11736
11737
11738
11739
11740
11741
11742
11743
11744
11745
11746
11747
11748
11749
11750
11751
11752
11753<div
11754  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
11755  style="grid-template-rows: max-content 1fr"
11756>
11757
11758  
11759
11760
11761  <!-- Image Container -->
11762  <div class="tw-relative tw-w-full">
11763    <a
11764      href="/products/strawberry-vanilla"
11765      
11766      aria-label="Shop Now- Strawberry Vanilla"
11767      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
11768    >
11769      
11770
11771      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
11772        
11773<img
11774  src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1x.webp?v=1779161007"
11775  data-srcset="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_480x.webp?v=1779161007 240w,
11776     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_720x.webp?v=1779161007 360w,
11777     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1080x.webp?v=1779161007 540w,
11778     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1440x.webp?v=1779161007 720w,
11779     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1350x.webp?v=1779161007 900w,
11780     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1512x.webp?v=1779161007 1080w,
11781     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1728x.webp?v=1779161007 1296w,
11782     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1920x.webp?v=1779161007 1350w,
11783     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1980x.webp?v=1779161007 1728w,
11784     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_2160x.webp?v=1779161007 1920w,
11785     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_2880x.webp?v=1779161007 2560w,
11786     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_4096x.webp?v=1779161007 3072w
11787  "
11788  data-src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_360x.webp?v=1779161007"
11789  data-optimumx="auto"
11790  data-sizes="auto"
11791  data-parent-fit="contain"
11792  width="100%"
11793  height="100%"
11794  class="lazyload tw-h-full tw-w-full tw-object-contain"
11795  data-aspectratio="0.7605263157894737"
11796  alt="Strawberry Vanilla"
11797  
11798>
11799
11800      </div>
11801
11802      
11803        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
11804          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
11805            <div class="tw-relative tw-h-full tw-w-full">
11806              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
11807                <svg
11808                  class="tw-h-full tw-w-full"
11809                  viewBox="0 0 314 314"
11810                  fill="none"
11811                  xmlns="http://www.w3.org/2000/svg"
11812                  xmlns:xlink="http://www.w3.org/1999/xlink"
11813                  preserveAspectRatio="xMidYMid meet"
11814                >
11815                  <defs>
11816                    <clipPath id="clip-hover-wave-3818021027910-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
11817                      <path
11818                        data-hover-wave-path
11819                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
11820                      />
11821                    </clipPath>
11822                  </defs>
11823                  <image
11824                    href="//drinkolipop.com/cdn/shop/products/SV-TOP.png?v=1750220822&width=1440"
11825                    xlink:href="//drinkolipop.com/cdn/shop/products/SV-TOP.png?v=1750220822&width=1440"
11826                    x="0"
11827                    y="0"
11828                    width="314"
11829                    height="314"
11830                    preserveAspectRatio="xMidYMax slice"
11831                    clip-path="url(#clip-hover-wave-3818021027910-template--24009561342111__collection_hybrid_meta_ALe7xC)"
11832                  />
11833                </svg>
11834              </div>
11835            </div>
11836          </div>
11837        </div>
11838      
11839    </a>
11840
11841    
11842      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
11843        
11844          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315220959302" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
11845            <input type="hidden" name="id" value="30315220959302">
11846            <input type="hidden" name="quantity" value="1">
11847            <button
11848              type="submit"
11849              name="add"
11850              data-add-to-cart
11851              data-product-card-cta
11852              aria-label="Add 12 Pack- Strawberry Vanilla"
11853              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
11854            >
11855              Add 12 Pack
11856            </button>
11857          </form>
11858        
11859      </div>
11860  </div>
11861  <!-- ./End Image Container -->
11862
11863  <!-- Text Container -->
11864  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
11865    
11866      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
11867        <div
11868          data-bv-show="inline_rating"
11869          data-bv-product-id="3818021027910"
11870          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
11871        ></div>
11872      </div>
11873    
11874
11875    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
11876      
11877        9g Fiber
11878      
11879    </p>
11880
11881    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
11882      <a href="/products/strawberry-vanilla" aria-label="Shop Now- Strawberry Vanilla" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11882px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
11883        Strawberry Vanilla
11884      </a>
11885    </p>
11886
11887    
11888      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315220959302" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
11889        <input type="hidden" name="id" value="30315220959302">
11890        <input type="hidden" name="quantity" value="1">
11891        <button
11892          type="submit"
11893          name="add"
11894          data-add-to-cart
11895          data-product-card-cta
11896          aria-label="Add 12 Pack- Strawberry Vanilla"
11897          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
11898        >
11899          Add 12 Pack
11900        </button>
11901      </form>
11902    
11903  </div>
11904  <!-- ./End Text Container -->
11905</div>
11906
11907
11908
11909
11910
11911
11912
11913
11914
11915
11916
11917
11918
11919
11920
11921
11922
11923
11924
11925
11926
11927
11928
11929
11930
11931
11932
11933
11934
11935
11936
11937
11938
11939<div
11940  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
11941  style="grid-template-rows: max-content 1fr"
11942>
11943
11944  
11945
11946
11947  <!-- Image Container -->
11948  <div class="tw-relative tw-w-full">
11949    <a
11950      href="/products/cherry-cola"
11951      
11952      aria-label="Shop Now- Cherry Cola"
11953      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
11954    >
11955      
11956
11957      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
11958        
11959<img
11960  src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1x.webp?v=1779163770"
11961  data-srcset="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_480x.webp?v=1779163770 240w,
11962     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_720x.webp?v=1779163770 360w,
11963     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1080x.webp?v=1779163770 540w,
11964     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1440x.webp?v=1779163770 720w,
11965     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1350x.webp?v=1779163770 900w,
11966     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1512x.webp?v=1779163770 1080w,
11967     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1728x.webp?v=1779163770 1296w,
11968     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1920x.webp?v=1779163770 1350w,
11969     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1980x.webp?v=1779163770 1728w,
11970     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_2160x.webp?v=1779163770 1920w,
11971     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_2880x.webp?v=1779163770 2560w,
11972     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_4096x.webp?v=1779163770 3072w
11973  "
11974  data-src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_360x.webp?v=1779163770"
11975  data-optimumx="auto"
11976  data-sizes="auto"
11977  data-parent-fit="contain"
11978  width="100%"
11979  height="100%"
11980  class="lazyload tw-h-full tw-w-full tw-object-contain"
11981  data-aspectratio="0.7605263157894737"
11982  alt="Cherry Cola"
11983  
11984>
11985
11986      </div>
11987
11988      
11989        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
11990          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
11991            <div class="tw-relative tw-h-full tw-w-full">
11992              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
11993                <svg
11994                  class="tw-h-full tw-w-full"
11995                  viewBox="0 0 314 314"
11996                  fill="none"
11997                  xmlns="http://www.w3.org/2000/svg"
11998                  xmlns:xlink="http://www.w3.org/1999/xlink"
11999                  preserveAspectRatio="xMidYMid meet"
12000                >
12001                  <defs>
12002                    <clipPath id="clip-hover-wave-7502145421471-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
12003                      <path
12004                        data-hover-wave-path
12005                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
12006                      />
12007                    </clipPath>
12008                  </defs>
12009                  <image
12010                    href="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_PDP-AM_new_asset.png?v=1779073740&width=1440"
12011                    xlink:href="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_PDP-AM_new_asset.png?v=1779073740&width=1440"
12012                    x="0"
12013                    y="0"
12014                    width="314"
12015                    height="314"
12016                    preserveAspectRatio="xMidYMax slice"
12017                    clip-path="url(#clip-hover-wave-7502145421471-template--24009561342111__collection_hybrid_meta_ALe7xC)"
12018                  />
12019                </svg>
12020              </div>
12021            </div>
12022          </div>
12023        </div>
12024      
12025    </a>
12026
12027    
12028      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
12029        
12030          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42533620777119" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
12031            <input type="hidden" name="id" value="42533620777119">
12032            <input type="hidden" name="quantity" value="1">
12033            <button
12034              type="submit"
12035              name="add"
12036              data-add-to-cart
12037              data-product-card-cta
12038              aria-label="Add 12 Pack- Cherry Cola"
12039              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
12040            >
12041              Add 12 Pack
12042            </button>
12043          </form>
12044        
12045      </div>
12046  </div>
12047  <!-- ./End Image Container -->
12048
12049  <!-- Text Container -->
12050  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
12051    
12052      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
12053        <div
12054          data-bv-show="inline_rating"
12055          data-bv-product-id="7502145421471"
12056          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
12057        ></div>
12058      </div>
12059    
12060
12061    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
12062      
12063        9g Fiber
12064      
12065    </p>
12066
12067    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
12068      <a href="/products/cherry-cola" aria-label="Shop Now- Cherry Cola" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12068px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
12069        Cherry Cola
12070      </a>
12071    </p>
12072
12073    
12074      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42533620777119" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
12075        <input type="hidden" name="id" value="42533620777119">
12076        <input type="hidden" name="quantity" value="1">
12077        <button
12078          type="submit"
12079          name="add"
12080          data-add-to-cart
12081          data-product-card-cta
12082          aria-label="Add 12 Pack- Cherry Cola"
12083          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
12084        >
12085          Add 12 Pack
12086        </button>
12087      </form>
12088    
12089  </div>
12090  <!-- ./End Text Container -->
12091</div>
12092
12093
12094
12095
12096
12097
12098
12099
12100
12101
12102
12103
12104
12105
12106
12107
12108
12109
12110
12111
12112
12113
12114
12115
12116
12117
12118
12119
12120
12121
12122
12123
12124
12125<div
12126  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
12127  style="grid-template-rows: max-content 1fr"
12128>
12129
12130  
12131
12132
12133  <!-- Image Container -->
12134  <div class="tw-relative tw-w-full">
12135    <a
12136      href="/products/orange-cream"
12137      
12138      aria-label="Shop Now- Orange Cream"
12139      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
12140    >
12141      
12142
12143      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
12144        
12145<img
12146  src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162789"
12147  data-srcset="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162789 240w,
12148     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162789 360w,
12149     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162789 540w,
12150     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162789 720w,
12151     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162789 900w,
12152     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162789 1080w,
12153     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162789 1296w,
12154     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162789 1350w,
12155     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162789 1728w,
12156     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162789 1920w,
12157     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162789 2560w,
12158     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162789 3072w
12159  "
12160  data-src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162789"
12161  data-optimumx="auto"
12162  data-sizes="auto"
12163  data-parent-fit="contain"
12164  width="100%"
12165  height="100%"
12166  class="lazyload tw-h-full tw-w-full tw-object-contain"
12167  data-aspectratio="0.7605263157894737"
12168  alt="Orange Cream"
12169  
12170>
12171
12172      </div>
12173
12174      
12175        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
12176          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
12177            <div class="tw-relative tw-h-full tw-w-full">
12178              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
12179                <svg
12180                  class="tw-h-full tw-w-full"
12181                  viewBox="0 0 314 314"
12182                  fill="none"
12183                  xmlns="http://www.w3.org/2000/svg"
12184                  xmlns:xlink="http://www.w3.org/1999/xlink"
12185                  preserveAspectRatio="xMidYMid meet"
12186                >
12187                  <defs>
12188                    <clipPath id="clip-hover-wave-6604538577055-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
12189                      <path
12190                        data-hover-wave-path
12191                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
12192                      />
12193                    </clipPath>
12194                  </defs>
12195                  <image
12196                    href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal-Desktop_080725_new_asset.webp?v=1779076926&width=1440"
12197                    xlink:href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal-Desktop_080725_new_asset.webp?v=1779076926&width=1440"
12198                    x="0"
12199                    y="0"
12200                    width="314"
12201                    height="314"
12202                    preserveAspectRatio="xMidYMax slice"
12203                    clip-path="url(#clip-hover-wave-6604538577055-template--24009561342111__collection_hybrid_meta_ALe7xC)"
12204                  />
12205                </svg>
12206              </div>
12207            </div>
12208          </div>
12209        </div>
12210      
12211    </a>
12212
12213    
12214      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
12215        
12216          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="39569001578655" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
12217            <input type="hidden" name="id" value="39569001578655">
12218            <input type="hidden" name="quantity" value="1">
12219            <button
12220              type="submit"
12221              name="add"
12222              data-add-to-cart
12223              data-product-card-cta
12224              aria-label="Add 12 Pack- Orange Cream"
12225              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
12226            >
12227              Add 12 Pack
12228            </button>
12229          </form>
12230        
12231      </div>
12232  </div>
12233  <!-- ./End Image Container -->
12234
12235  <!-- Text Container -->
12236  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
12237    
12238      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
12239        <div
12240          data-bv-show="inline_rating"
12241          data-bv-product-id="6604538577055"
12242          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
12243        ></div>
12244      </div>
12245    
12246
12247    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
12248      
12249        9g Fiber
12250      
12251    </p>
12252
12253    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
12254      <a href="/products/orange-cream" aria-label="Shop Now- Orange Cream" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12254px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
12255        Orange Cream
12256      </a>
12257    </p>
12258
12259    
12260      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="39569001578655" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
12261        <input type="hidden" name="id" value="39569001578655">
12262        <input type="hidden" name="quantity" value="1">
12263        <button
12264          type="submit"
12265          name="add"
12266          data-add-to-cart
12267          data-product-card-cta
12268          aria-label="Add 12 Pack- Orange Cream"
12269          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
12270        >
12271          Add 12 Pack
12272        </button>
12273      </form>
12274    
12275  </div>
12276  <!-- ./End Text Container -->
12277</div>
12278
12279
12280
12281
12282
12283
12284
12285
12286
12287
12288
12289
12290
12291
12292
12293
12294
12295
12296
12297
12298
12299
12300
12301
12302
12303
12304
12305
12306
12307
12308
12309
12310
12311<div
12312  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
12313  style="grid-template-rows: max-content 1fr"
12314>
12315
12316  
12317
12318
12319  <!-- Image Container -->
12320  <div class="tw-relative tw-w-full">
12321    <a
12322      href="/products/peaches-and-cream"
12323      
12324      aria-label="Shop Now- Peaches & Cream"
12325      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
12326    >
12327      
12328
12329      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
12330        
12331<img
12332  src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779165117"
12333  data-srcset="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779165117 240w,
12334     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779165117 360w,
12335     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779165117 540w,
12336     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779165117 720w,
12337     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779165117 900w,
12338     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779165117 1080w,
12339     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779165117 1296w,
12340     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779165117 1350w,
12341     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779165117 1728w,
12342     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779165117 1920w,
12343     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779165117 2560w,
12344     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779165117 3072w
12345  "
12346  data-src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779165117"
12347  data-optimumx="auto"
12348  data-sizes="auto"
12349  data-parent-fit="contain"
12350  width="100%"
12351  height="100%"
12352  class="lazyload tw-h-full tw-w-full tw-object-contain"
12353  data-aspectratio="0.7605263157894737"
12354  alt="Peaches &amp; Cream"
12355  
12356>
12357
12358      </div>
12359
12360      
12361        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
12362          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
12363            <div class="tw-relative tw-h-full tw-w-full">
12364              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
12365                <svg
12366                  class="tw-h-full tw-w-full"
12367                  viewBox="0 0 314 314"
12368                  fill="none"
12369                  xmlns="http://www.w3.org/2000/svg"
12370                  xmlns:xlink="http://www.w3.org/1999/xlink"
12371                  preserveAspectRatio="xMidYMid meet"
12372                >
12373                  <defs>
12374                    <clipPath id="clip-hover-wave-9247375851679-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
12375                      <path
12376                        data-hover-wave-path
12377                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
12378                      />
12379                    </clipPath>
12380                  </defs>
12381                  <image
12382                    href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal_v2.webp?v=1746116518&width=1440"
12383                    xlink:href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal_v2.webp?v=1746116518&width=1440"
12384                    x="0"
12385                    y="0"
12386                    width="314"
12387                    height="314"
12388                    preserveAspectRatio="xMidYMax slice"
12389                    clip-path="url(#clip-hover-wave-9247375851679-template--24009561342111__collection_hybrid_meta_ALe7xC)"
12390                  />
12391                </svg>
12392              </div>
12393            </div>
12394          </div>
12395        </div>
12396      
12397    </a>
12398
12399    
12400      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
12401        
12402          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="45259076501663" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
12403            <input type="hidden" name="id" value="45259076501663">
12404            <input type="hidden" name="quantity" value="1">
12405            <button
12406              type="submit"
12407              name="add"
12408              data-add-to-cart
12409              data-product-card-cta
12410              aria-label="Add 12 Pack- Peaches & Cream"
12411              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
12412            >
12413              Add 12 Pack
12414            </button>
12415          </form>
12416        
12417      </div>
12418  </div>
12419  <!-- ./End Image Container -->
12420
12421  <!-- Text Container -->
12422  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
12423    
12424      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
12425        <div
12426          data-bv-show="inline_rating"
12427          data-bv-product-id="9247375851679"
12428          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
12429        ></div>
12430      </div>
12431    
12432
12433    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
12434      
12435        9g Fiber
12436      
12437    </p>
12438
12439    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
12440      <a href="/products/peaches-and-cream" aria-label="Shop Now- Peaches & Cream" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12440px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
12441        Peaches & Cream
12442      </a>
12443    </p>
12444
12445    
12446      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="45259076501663" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
12447        <input type="hidden" name="id" value="45259076501663">
12448        <input type="hidden" name="quantity" value="1">
12449        <button
12450          type="submit"
12451          name="add"
12452          data-add-to-cart
12453          data-product-card-cta
12454          aria-label="Add 12 Pack- Peaches & Cream"
12455          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
12456        >
12457          Add 12 Pack
12458        </button>
12459      </form>
12460    
12461  </div>
12462  <!-- ./End Text Container -->
12463</div>
12464
12465
12466
12467
12468
12469
12470
12471
12472
12473
12474
12475
12476
12477
12478
12479
12480
12481
12482
12483
12484
12485
12486
12487
12488
12489
12490
12491
12492
12493
12494
12495
12496
12497<div
12498  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
12499  style="grid-template-rows: max-content 1fr"
12500>
12501
12502  
12503
12504
12505  <!-- Image Container -->
12506  <div class="tw-relative tw-w-full">
12507    <a
12508      href="/products/ginger-ale"
12509      
12510      aria-label="Shop Now- Ginger Ale"
12511      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
12512    >
12513      
12514
12515      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
12516        
12517<img
12518  src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779164857"
12519  data-srcset="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779164857 240w,
12520     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779164857 360w,
12521     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779164857 540w,
12522     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779164857 720w,
12523     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779164857 900w,
12524     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779164857 1080w,
12525     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779164857 1296w,
12526     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779164857 1350w,
12527     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779164857 1728w,
12528     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779164857 1920w,
12529     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779164857 2560w,
12530     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779164857 3072w
12531  "
12532  data-src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779164857"
12533  data-optimumx="auto"
12534  data-sizes="auto"
12535  data-parent-fit="contain"
12536  width="100%"
12537  height="100%"
12538  class="lazyload tw-h-full tw-w-full tw-object-contain"
12539  data-aspectratio="0.7605263157894737"
12540  alt="Ginger Ale"
12541  
12542>
12543
12544      </div>
12545
12546      
12547        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
12548          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
12549            <div class="tw-relative tw-h-full tw-w-full">
12550              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
12551                <svg
12552                  class="tw-h-full tw-w-full"
12553                  viewBox="0 0 314 314"
12554                  fill="none"
12555                  xmlns="http://www.w3.org/2000/svg"
12556                  xmlns:xlink="http://www.w3.org/1999/xlink"
12557                  preserveAspectRatio="xMidYMid meet"
12558                >
12559                  <defs>
12560                    <clipPath id="clip-hover-wave-9038878015647-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
12561                      <path
12562                        data-hover-wave-path
12563                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
12564                      />
12565                    </clipPath>
12566                  </defs>
12567                  <image
12568                    href="//drinkolipop.com/cdn/shop/files/ginger-ale_GA-PDP-Square1_new_asset.jpg?v=1778729866&width=1440"
12569                    xlink:href="//drinkolipop.com/cdn/shop/files/ginger-ale_GA-PDP-Square1_new_asset.jpg?v=1778729866&width=1440"
12570                    x="0"
12571                    y="0"
12572                    width="314"
12573                    height="314"
12574                    preserveAspectRatio="xMidYMax slice"
12575                    clip-path="url(#clip-hover-wave-9038878015647-template--24009561342111__collection_hybrid_meta_ALe7xC)"
12576                  />
12577                </svg>
12578              </div>
12579            </div>
12580          </div>
12581        </div>
12582      
12583    </a>
12584
12585    
12586      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
12587        
12588          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="44438423208095" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
12589            <input type="hidden" name="id" value="44438423208095">
12590            <input type="hidden" name="quantity" value="1">
12591            <button
12592              type="submit"
12593              name="add"
12594              data-add-to-cart
12595              data-product-card-cta
12596              aria-label="Add 12 Pack- Ginger Ale"
12597              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
12598            >
12599              Add 12 Pack
12600            </button>
12601          </form>
12602        
12603      </div>
12604  </div>
12605  <!-- ./End Image Container -->
12606
12607  <!-- Text Container -->
12608  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
12609    
12610      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
12611        <div
12612          data-bv-show="inline_rating"
12613          data-bv-product-id="9038878015647"
12614          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
12615        ></div>
12616      </div>
12617    
12618
12619    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
12620      
12621        9g Fiber
12622      
12623    </p>
12624
12625    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
12626      <a href="/products/ginger-ale" aria-label="Shop Now- Ginger Ale" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12626px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
12627        Ginger Ale
12628      </a>
12629    </p>
12630
12631    
12632      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="44438423208095" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
12633        <input type="hidden" name="id" value="44438423208095">
12634        <input type="hidden" name="quantity" value="1">
12635        <button
12636          type="submit"
12637          name="add"
12638          data-add-to-cart
12639          data-product-card-cta
12640          aria-label="Add 12 Pack- Ginger Ale"
12641          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
12642        >
12643          Add 12 Pack
12644        </button>
12645      </form>
12646    
12647  </div>
12648  <!-- ./End Text Container -->
12649</div>
12650
12651
12652
12653
12654
12655
12656
12657
12658
12659
12660
12661
12662
12663
12664
12665
12666
12667
12668
12669
12670
12671
12672
12673
12674
12675
12676
12677
12678
12679
12680
12681
12682
12683<div
12684  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
12685  style="grid-template-rows: max-content 1fr"
12686>
12687
12688  
12689
12690
12691  <!-- Image Container -->
12692  <div class="tw-relative tw-w-full">
12693    <a
12694      href="/products/orange-squeeze"
12695      
12696      aria-label="Shop Now- Orange Squeeze"
12697      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
12698    >
12699      
12700
12701      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
12702        
12703<img
12704  src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162264"
12705  data-srcset="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162264 240w,
12706     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162264 360w,
12707     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162264 540w,
12708     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162264 720w,
12709     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162264 900w,
12710     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162264 1080w,
12711     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162264 1296w,
12712     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162264 1350w,
12713     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162264 1728w,
12714     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162264 1920w,
12715     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162264 2560w,
12716     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162264 3072w
12717  "
12718  data-src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162264"
12719  data-optimumx="auto"
12720  data-sizes="auto"
12721  data-parent-fit="contain"
12722  width="100%"
12723  height="100%"
12724  class="lazyload tw-h-full tw-w-full tw-object-contain"
12725  data-aspectratio="0.7605263157894737"
12726  alt="Orange Squeeze"
12727  
12728>
12729
12730      </div>
12731
12732      
12733        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
12734          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
12735            <div class="tw-relative tw-h-full tw-w-full">
12736              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
12737                <svg
12738                  class="tw-h-full tw-w-full"
12739                  viewBox="0 0 314 314"
12740                  fill="none"
12741                  xmlns="http://www.w3.org/2000/svg"
12742                  xmlns:xlink="http://www.w3.org/1999/xlink"
12743                  preserveAspectRatio="xMidYMid meet"
12744                >
12745                  <defs>
12746                    <clipPath id="clip-hover-wave-5538631712927-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
12747                      <path
12748                        data-hover-wave-path
12749                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
12750                      />
12751                    </clipPath>
12752                  </defs>
12753                  <image
12754                    href="//drinkolipop.com/cdn/shop/products/OS-TOP_new_asset.png?v=1779077019&width=1440"
12755                    xlink:href="//drinkolipop.com/cdn/shop/products/OS-TOP_new_asset.png?v=1779077019&width=1440"
12756                    x="0"
12757                    y="0"
12758                    width="314"
12759                    height="314"
12760                    preserveAspectRatio="xMidYMax slice"
12761                    clip-path="url(#clip-hover-wave-5538631712927-template--24009561342111__collection_hybrid_meta_ALe7xC)"
12762                  />
12763                </svg>
12764              </div>
12765            </div>
12766          </div>
12767        </div>
12768      
12769    </a>
12770
12771    
12772      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
12773        
12774          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="35768781111455" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
12775            <input type="hidden" name="id" value="35768781111455">
12776            <input type="hidden" name="quantity" value="1">
12777            <button
12778              type="submit"
12779              name="add"
12780              data-add-to-cart
12781              data-product-card-cta
12782              aria-label="Add 12 Pack- Orange Squeeze"
12783              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
12784            >
12785              Add 12 Pack
12786            </button>
12787          </form>
12788        
12789      </div>
12790  </div>
12791  <!-- ./End Image Container -->
12792
12793  <!-- Text Container -->
12794  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
12795    
12796      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
12797        <div
12798          data-bv-show="inline_rating"
12799          data-bv-product-id="5538631712927"
12800          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
12801        ></div>
12802      </div>
12803    
12804
12805    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
12806      
12807        9g Fiber
12808      
12809    </p>
12810
12811    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
12812      <a href="/products/orange-squeeze" aria-label="Shop Now- Orange Squeeze" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12812px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
12813        Orange Squeeze
12814      </a>
12815    </p>
12816
12817    
12818      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="35768781111455" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
12819        <input type="hidden" name="id" value="35768781111455">
12820        <input type="hidden" name="quantity" value="1">
12821        <button
12822          type="submit"
12823          name="add"
12824          data-add-to-cart
12825          data-product-card-cta
12826          aria-label="Add 12 Pack- Orange Squeeze"
12827          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
12828        >
12829          Add 12 Pack
12830        </button>
12831      </form>
12832    
12833  </div>
12834  <!-- ./End Text Container -->
12835</div>
12836
12837
12838
12839
12840
12841
12842
12843
12844
12845
12846
12847
12848
12849
12850
12851
12852
12853
12854
12855
12856
12857
12858
12859
12860
12861
12862
12863
12864
12865
12866
12867
12868
12869<div
12870  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
12871  style="grid-template-rows: max-content 1fr"
12872>
12873
12874  
12875
12876
12877  <!-- Image Container -->
12878  <div class="tw-relative tw-w-full">
12879    <a
12880      href="/products/citrus-rush"
12881      
12882      aria-label="Shop Now- Citrus Rush"
12883      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
12884    >
12885      
12886
12887      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
12888        
12889<img
12890  src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779196248"
12891  data-srcset="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779196248 240w,
12892     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779196248 360w,
12893     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779196248 540w,
12894     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779196248 720w,
12895     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779196248 900w,
12896     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779196248 1080w,
12897     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779196248 1296w,
12898     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779196248 1350w,
12899     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779196248 1728w,
12900     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779196248 1920w,
12901     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779196248 2560w,
12902     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779196248 3072w
12903  "
12904  data-src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779196248"
12905  data-optimumx="auto"
12906  data-sizes="auto"
12907  data-parent-fit="contain"
12908  width="100%"
12909  height="100%"
12910  class="lazyload tw-h-full tw-w-full tw-object-contain"
12911  data-aspectratio="0.7605263157894737"
12912  alt="Citrus Rush"
12913  
12914>
12915
12916      </div>
12917
12918      
12919        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
12920          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
12921            <div class="tw-relative tw-h-full tw-w-full">
12922              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
12923                <svg
12924                  class="tw-h-full tw-w-full"
12925                  viewBox="0 0 314 314"
12926                  fill="none"
12927                  xmlns="http://www.w3.org/2000/svg"
12928                  xmlns:xlink="http://www.w3.org/1999/xlink"
12929                  preserveAspectRatio="xMidYMid meet"
12930                >
12931                  <defs>
12932                    <clipPath id="clip-hover-wave-9407865061535-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
12933                      <path
12934                        data-hover-wave-path
12935                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
12936                      />
12937                    </clipPath>
12938                  </defs>
12939                  <image
12940                    href="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_OLIPOP_RFG_12oz_CR_GLASSCAN_1x1_new_asset.webp?v=1779114514&width=1440"
12941                    xlink:href="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_OLIPOP_RFG_12oz_CR_GLASSCAN_1x1_new_asset.webp?v=1779114514&width=1440"
12942                    x="0"
12943                    y="0"
12944                    width="314"
12945                    height="314"
12946                    preserveAspectRatio="xMidYMax slice"
12947                    clip-path="url(#clip-hover-wave-9407865061535-template--24009561342111__collection_hybrid_meta_ALe7xC)"
12948                  />
12949                </svg>
12950              </div>
12951            </div>
12952          </div>
12953        </div>
12954      
12955    </a>
12956
12957    
12958      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
12959        
12960          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="46054342066335" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
12961            <input type="hidden" name="id" value="46054342066335">
12962            <input type="hidden" name="quantity" value="1">
12963            <button
12964              type="submit"
12965              name="add"
12966              data-add-to-cart
12967              data-product-card-cta
12968              aria-label="Add 12 Pack- Citrus Rush"
12969              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
12970            >
12971              Add 12 Pack
12972            </button>
12973          </form>
12974        
12975      </div>
12976  </div>
12977  <!-- ./End Image Container -->
12978
12979  <!-- Text Container -->
12980  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
12981    
12982      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
12983        <div
12984          data-bv-show="inline_rating"
12985          data-bv-product-id="9407865061535"
12986          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
12987        ></div>
12988      </div>
12989    
12990
12991    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
12992      
12993        9g Fiber
12994      
12995    </p>
12996
12997    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
12998      <a href="/products/citrus-rush" aria-label="Shop Now- Citrus Rush" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12998px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
12999        Citrus Rush
13000      </a>
13001    </p>
13002
13003    
13004      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="46054342066335" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
13005        <input type="hidden" name="id" value="46054342066335">
13006        <input type="hidden" name="quantity" value="1">
13007        <button
13008          type="submit"
13009          name="add"
13010          data-add-to-cart
13011          data-product-card-cta
13012          aria-label="Add 12 Pack- Citrus Rush"
13013          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
13014        >
13015          Add 12 Pack
13016        </button>
13017      </form>
13018    
13019  </div>
13020  <!-- ./End Text Container -->
13021</div>
13022
13023
13024
13025
13026
13027
13028
13029
13030
13031
13032
13033
13034
13035
13036
13037
13038
13039
13040
13041
13042
13043
13044
13045
13046
13047
13048
13049
13050
13051
13052
13053
13054
13055<div
13056  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
13057  style="grid-template-rows: max-content 1fr"
13058>
13059
13060  
13061
13062
13063  <!-- Image Container -->
13064  <div class="tw-relative tw-w-full">
13065    <a
13066      href="/products/doctor-goodwin"
13067      
13068      aria-label="Shop Now- Doctor Goodwin"
13069      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
13070    >
13071      
13072
13073      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
13074        
13075<img
13076  src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163486"
13077  data-srcset="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163486 240w,
13078     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163486 360w,
13079     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163486 540w,
13080     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163486 720w,
13081     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163486 900w,
13082     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163486 1080w,
13083     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163486 1296w,
13084     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163486 1350w,
13085     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163486 1728w,
13086     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163486 1920w,
13087     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163486 2560w,
13088     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163486 3072w
13089  "
13090  data-src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163486"
13091  data-optimumx="auto"
13092  data-sizes="auto"
13093  data-parent-fit="contain"
13094  width="100%"
13095  height="100%"
13096  class="lazyload tw-h-full tw-w-full tw-object-contain"
13097  data-aspectratio="0.7605263157894737"
13098  alt="Doctor Goodwin"
13099  
13100>
13101
13102      </div>
13103
13104      
13105        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
13106          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
13107            <div class="tw-relative tw-h-full tw-w-full">
13108              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
13109                <svg
13110                  class="tw-h-full tw-w-full"
13111                  viewBox="0 0 314 314"
13112                  fill="none"
13113                  xmlns="http://www.w3.org/2000/svg"
13114                  xmlns:xlink="http://www.w3.org/1999/xlink"
13115                  preserveAspectRatio="xMidYMid meet"
13116                >
13117                  <defs>
13118                    <clipPath id="clip-hover-wave-7413651832991-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
13119                      <path
13120                        data-hover-wave-path
13121                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
13122                      />
13123                    </clipPath>
13124                  </defs>
13125                  <image
13126                    href="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_DG-Hover_new_asset.webp?v=1779133071&width=1440"
13127                    xlink:href="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_DG-Hover_new_asset.webp?v=1779133071&width=1440"
13128                    x="0"
13129                    y="0"
13130                    width="314"
13131                    height="314"
13132                    preserveAspectRatio="xMidYMax slice"
13133                    clip-path="url(#clip-hover-wave-7413651832991-template--24009561342111__collection_hybrid_meta_ALe7xC)"
13134                  />
13135                </svg>
13136              </div>
13137            </div>
13138          </div>
13139        </div>
13140      
13141    </a>
13142
13143    
13144      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
13145        
13146          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42284985188511" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
13147            <input type="hidden" name="id" value="42284985188511">
13148            <input type="hidden" name="quantity" value="1">
13149            <button
13150              type="submit"
13151              name="add"
13152              data-add-to-cart
13153              data-product-card-cta
13154              aria-label="Add 12 Pack- Doctor Goodwin"
13155              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
13156            >
13157              Add 12 Pack
13158            </button>
13159          </form>
13160        
13161      </div>
13162  </div>
13163  <!-- ./End Image Container -->
13164
13165  <!-- Text Container -->
13166  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
13167    
13168      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
13169        <div
13170          data-bv-show="inline_rating"
13171          data-bv-product-id="7413651832991"
13172          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
13173        ></div>
13174      </div>
13175    
13176
13177    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
13178      
13179        9g Fiber
13180      
13181    </p>
13182
13183    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
13184      <a href="/products/doctor-goodwin" aria-label="Shop Now- Doctor Goodwin" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
13184px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
13185        Doctor Goodwin
13186      </a>
13187    </p>
13188
13189    
13190      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42284985188511" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
13191        <input type="hidden" name="id" value="42284985188511">
13192        <input type="hidden" name="quantity" value="1">
13193        <button
13194          type="submit"
13195          name="add"
13196          data-add-to-cart
13197          data-product-card-cta
13198          aria-label="Add 12 Pack- Doctor Goodwin"
13199          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
13200        >
13201          Add 12 Pack
13202        </button>
13203      </form>
13204    
13205  </div>
13206  <!-- ./End Text Container -->
13207</div>
13208
13209
13210
13211
13212
13213
13214
13215
13216
13217
13218
13219
13220
13221
13222
13223
13224
13225
13226
13227
13228
13229
13230
13231
13232
13233
13234
13235
13236
13237
13238
13239
13240
13241<div
13242  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
13243  style="grid-template-rows: max-content 1fr"
13244>
13245
13246  
13247
13248
13249  <!-- Image Container -->
13250  <div class="tw-relative tw-w-full">
13251    <a
13252      href="/products/cherry-vanilla"
13253      
13254      aria-label="Shop Now- Cherry Vanilla"
13255      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
13256    >
13257      
13258
13259      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
13260        
13261<img
13262  src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162208"
13263  data-srcset="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162208 240w,
13264     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162208 360w,
13265     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162208 540w,
13266     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162208 720w,
13267     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162208 900w,
13268     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162208 1080w,
13269     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162208 1296w,
13270     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162208 1350w,
13271     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162208 1728w,
13272     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162208 1920w,
13273     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162208 2560w,
13274     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162208 3072w
13275  "
13276  data-src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162208"
13277  data-optimumx="auto"
13278  data-sizes="auto"
13279  data-parent-fit="contain"
13280  width="100%"
13281  height="100%"
13282  class="lazyload tw-h-full tw-w-full tw-object-contain"
13283  data-aspectratio="0.7605263157894737"
13284  alt="Cherry Vanilla"
13285  
13286>
13287
13288      </div>
13289
13290      
13291        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
13292          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
13293            <div class="tw-relative tw-h-full tw-w-full">
13294              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
13295                <svg
13296                  class="tw-h-full tw-w-full"
13297                  viewBox="0 0 314 314"
13298                  fill="none"
13299                  xmlns="http://www.w3.org/2000/svg"
13300                  xmlns:xlink="http://www.w3.org/1999/xlink"
13301                  preserveAspectRatio="xMidYMid meet"
13302                >
13303                  <defs>
13304                    <clipPath id="clip-hover-wave-4452820189248-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
13305                      <path
13306                        data-hover-wave-path
13307                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
13308                      />
13309                    </clipPath>
13310                  </defs>
13311                  <image
13312                    href="//drinkolipop.com/cdn/shop/products/CV-TOP.png?v=1745469112&width=1440"
13313                    xlink:href="//drinkolipop.com/cdn/shop/products/CV-TOP.png?v=1745469112&width=1440"
13314                    x="0"
13315                    y="0"
13316                    width="314"
13317                    height="314"
13318                    preserveAspectRatio="xMidYMax slice"
13319                    clip-path="url(#clip-hover-wave-4452820189248-template--24009561342111__collection_hybrid_meta_ALe7xC)"
13320                  />
13321                </svg>
13322              </div>
13323            </div>
13324          </div>
13325        </div>
13326      
13327    </a>
13328
13329    
13330      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
13331        
13332          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="31667872464960" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
13333            <input type="hidden" name="id" value="31667872464960">
13334            <input type="hidden" name="quantity" value="1">
13335            <button
13336              type="submit"
13337              name="add"
13338              data-add-to-cart
13339              data-product-card-cta
13340              aria-label="Add 12 Pack- Cherry Vanilla"
13341              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
13342            >
13343              Add 12 Pack
13344            </button>
13345          </form>
13346        
13347      </div>
13348  </div>
13349  <!-- ./End Image Container -->
13350
13351  <!-- Text Container -->
13352  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
13353    
13354      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
13355        <div
13356          data-bv-show="inline_rating"
13357          data-bv-product-id="4452820189248"
13358          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
13359        ></div>
13360      </div>
13361    
13362
13363    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
13364      
13365        9g Fiber
13366      
13367    </p>
13368
13369    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
13370      <a href="/products/cherry-vanilla" aria-label="Shop Now- Cherry Vanilla" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
13370px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
13371        Cherry Vanilla
13372      </a>
13373    </p>
13374
13375    
13376      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="31667872464960" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
13377        <input type="hidden" name="id" value="31667872464960">
13378        <input type="hidden" name="quantity" value="1">
13379        <button
13380          type="submit"
13381          name="add"
13382          data-add-to-cart
13383          data-product-card-cta
13384          aria-label="Add 12 Pack- Cherry Vanilla"
13385          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
13386        >
13387          Add 12 Pack
13388        </button>
13389      </form>
13390    
13391  </div>
13392  <!-- ./End Text Container -->
13393</div>
13394
13395
13396
13397
13398
13399
13400
13401
13402
13403
13404
13405
13406
13407
13408
13409
13410
13411
13412
13413
13414
13415
13416
13417
13418
13419
13420
13421
13422
13423
13424
13425
13426
13427<div
13428  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
13429  style="grid-template-rows: max-content 1fr"
13430>
13431
13432  
13433
13434
13435  <!-- Image Container -->
13436  <div class="tw-relative tw-w-full">
13437    <a
13438      href="/products/ginger-lemon"
13439      
13440      aria-label="Shop Now- Ginger Lemon"
13441      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
13442    >
13443      
13444
13445      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
13446        
13447<img
13448  src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779161268"
13449  data-srcset="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779161268 240w,
13450     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779161268 360w,
13451     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779161268 540w,
13452     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779161268 720w,
13453     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779161268 900w,
13454     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779161268 1080w,
13455     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779161268 1296w,
13456     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779161268 1350w,
13457     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779161268 1728w,
13458     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779161268 1920w,
13459     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779161268 2560w,
13460     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779161268 3072w
13461  "
13462  data-src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779161268"
13463  data-optimumx="auto"
13464  data-sizes="auto"
13465  data-parent-fit="contain"
13466  width="100%"
13467  height="100%"
13468  class="lazyload tw-h-full tw-w-full tw-object-contain"
13469  data-aspectratio="0.7605263157894737"
13470  alt="Ginger Lemon"
13471  
13472>
13473
13474      </div>
13475
13476      
13477        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
13478          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
13479            <div class="tw-relative tw-h-full tw-w-full">
13480              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
13481                <svg
13482                  class="tw-h-full tw-w-full"
13483                  viewBox="0 0 314 314"
13484                  fill="none"
13485                  xmlns="http://www.w3.org/2000/svg"
13486                  xmlns:xlink="http://www.w3.org/1999/xlink"
13487                  preserveAspectRatio="xMidYMid meet"
13488                >
13489                  <defs>
13490                    <clipPath id="clip-hover-wave-3818021912646-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
13491                      <path
13492                        data-hover-wave-path
13493                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
13494                      />
13495                    </clipPath>
13496                  </defs>
13497                  <image
13498                    href="//drinkolipop.com/cdn/shop/products/GL-TOP_new_asset.png?v=1779076580&width=1440"
13499                    xlink:href="//drinkolipop.com/cdn/shop/products/GL-TOP_new_asset.png?v=1779076580&width=1440"
13500                    x="0"
13501                    y="0"
13502                    width="314"
13503                    height="314"
13504                    preserveAspectRatio="xMidYMax slice"
13505                    clip-path="url(#clip-hover-wave-3818021912646-template--24009561342111__collection_hybrid_meta_ALe7xC)"
13506                  />
13507                </svg>
13508              </div>
13509            </div>
13510          </div>
13511        </div>
13512      
13513    </a>
13514
13515    
13516      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
13517        
13518          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315236851782" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
13519            <input type="hidden" name="id" value="30315236851782">
13520            <input type="hidden" name="quantity" value="1">
13521            <button
13522              type="submit"
13523              name="add"
13524              data-add-to-cart
13525              data-product-card-cta
13526              aria-label="Add 12 Pack- Ginger Lemon"
13527              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
13528            >
13529              Add 12 Pack
13530            </button>
13531          </form>
13532        
13533      </div>
13534  </div>
13535  <!-- ./End Image Container -->
13536
13537  <!-- Text Container -->
13538  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
13539    
13540      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
13541        <div
13542          data-bv-show="inline_rating"
13543          data-bv-product-id="3818021912646"
13544          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
13545        ></div>
13546      </div>
13547    
13548
13549    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
13550      
13551        9g Fiber
13552      
13553    </p>
13554
13555    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
13556      <a href="/products/ginger-lemon" aria-label="Shop Now- Ginger Lemon" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
13556px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
13557        Ginger Lemon
13558      </a>
13559    </p>
13560
13561    
13562      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315236851782" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
13563        <input type="hidden" name="id" value="30315236851782">
13564        <input type="hidden" name="quantity" value="1">
13565        <button
13566          type="submit"
13567          name="add"
13568          data-add-to-cart
13569          data-product-card-cta
13570          aria-label="Add 12 Pack- Ginger Lemon"
13571          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
13572        >
13573          Add 12 Pack
13574        </button>
13575      </form>
13576    
13577  </div>
13578  <!-- ./End Text Container -->
13579</div>
13580
13581
13582
13583
13584
13585
13586
13587
13588
13589
13590
13591
13592
13593
13594
13595
13596
13597
13598
13599
13600
13601
13602
13603
13604
13605
13606
13607
13608
13609
13610
13611
13612
13613<div
13614  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
13615  style="grid-template-rows: max-content 1fr"
13616>
13617
13618  
13619
13620
13621  <!-- Image Container -->
13622  <div class="tw-relative tw-w-full">
13623    <a
13624      href="/products/tropical-punch"
13625      
13626      aria-label="Shop Now- Tropical Punch"
13627      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
13628    >
13629      
13630
13631      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
13632        
13633<img
13634  src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163155"
13635  data-srcset="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163155 240w,
13636     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163155 360w,
13637     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163155 540w,
13638     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163155 720w,
13639     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163155 900w,
13640     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163155 1080w,
13641     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163155 1296w,
13642     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163155 1350w,
13643     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163155 1728w,
13644     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163155 1920w,
13645     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163155 2560w,
13646     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163155 3072w
13647  "
13648  data-src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163155"
13649  data-optimumx="auto"
13650  data-sizes="auto"
13651  data-parent-fit="contain"
13652  width="100%"
13653  height="100%"
13654  class="lazyload tw-h-full tw-w-full tw-object-contain"
13655  data-aspectratio="0.7605263157894737"
13656  alt="Tropical Punch"
13657  
13658>
13659
13660      </div>
13661
13662      
13663        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
13664          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
13665            <div class="tw-relative tw-h-full tw-w-full">
13666              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
13667                <svg
13668                  class="tw-h-full tw-w-full"
13669                  viewBox="0 0 314 314"
13670                  fill="none"
13671                  xmlns="http://www.w3.org/2000/svg"
13672                  xmlns:xlink="http://www.w3.org/1999/xlink"
13673                  preserveAspectRatio="xMidYMid meet"
13674                >
13675                  <defs>
13676                    <clipPath id="clip-hover-wave-7323931246751-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
13677                      <path
13678                        data-hover-wave-path
13679                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
13680                      />
13681                    </clipPath>
13682                  </defs>
13683                  <image
13684                    href="//drinkolipop.com/cdn/shop/products/TP-TOP.png?v=1750220378&width=1440"
13685                    xlink:href="//drinkolipop.com/cdn/shop/products/TP-TOP.png?v=1750220378&width=1440"
13686                    x="0"
13687                    y="0"
13688                    width="314"
13689                    height="314"
13690                    preserveAspectRatio="xMidYMax slice"
13691                    clip-path="url(#clip-hover-wave-7323931246751-template--24009561342111__collection_hybrid_meta_ALe7xC)"
13692                  />
13693                </svg>
13694              </div>
13695            </div>
13696          </div>
13697        </div>
13698      
13699    </a>
13700
13701    
13702      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
13703        
13704          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="41922380824735" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
13705            <input type="hidden" name="id" value="41922380824735">
13706            <input type="hidden" name="quantity" value="1">
13707            <button
13708              type="submit"
13709              name="add"
13710              data-add-to-cart
13711              data-product-card-cta
13712              aria-label="Add 12 Pack- Tropical Punch"
13713              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
13714            >
13715              Add 12 Pack
13716            </button>
13717          </form>
13718        
13719      </div>
13720  </div>
13721  <!-- ./End Image Container -->
13722
13723  <!-- Text Container -->
13724  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
13725    
13726      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
13727        <div
13728          data-bv-show="inline_rating"
13729          data-bv-product-id="7323931246751"
13730          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
13731        ></div>
13732      </div>
13733    
13734
13735    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
13736      
13737        9g Fiber
13738      
13739    </p>
13740
13741    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
13742      <a href="/products/tropical-punch" aria-label="Shop Now- Tropical Punch" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
13742px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
13743        Tropical Punch
13744      </a>
13745    </p>
13746
13747    
13748      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="41922380824735" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
13749        <input type="hidden" name="id" value="41922380824735">
13750        <input type="hidden" name="quantity" value="1">
13751        <button
13752          type="submit"
13753          name="add"
13754          data-add-to-cart
13755          data-product-card-cta
13756          aria-label="Add 12 Pack- Tropical Punch"
13757          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
13758        >
13759          Add 12 Pack
13760        </button>
13761      </form>
13762    
13763  </div>
13764  <!-- ./End Text Container -->
13765</div>
13766
13767
13768
13769
13770
13771
13772
13773
13774
13775
13776
13777
13778
13779
13780
13781
13782
13783
13784
13785
13786
13787
13788
13789
13790
13791
13792
13793
13794
13795
13796
13797
13798
13799<div
13800  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
13801  style="grid-template-rows: max-content 1fr"
13802>
13803
13804  
13805
13806
13807  <!-- Image Container -->
13808  <div class="tw-relative tw-w-full">
13809    <a
13810      href="/products/lemon-lime"
13811      
13812      aria-label="Shop Now- Lemon Lime"
13813      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
13814    >
13815      
13816
13817      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
13818        
13819<img
13820  src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163931"
13821  data-srcset="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163931 240w,
13822     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163931 360w,
13823     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163931 540w,
13824     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163931 720w,
13825     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163931 900w,
13826     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163931 1080w,
13827     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163931 1296w,
13828     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163931 1350w,
13829     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163931 1728w,
13830     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163931 1920w,
13831     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163931 2560w,
13832     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163931 3072w
13833  "
13834  data-src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163931"
13835  data-optimumx="auto"
13836  data-sizes="auto"
13837  data-parent-fit="contain"
13838  width="100%"
13839  height="100%"
13840  class="lazyload tw-h-full tw-w-full tw-object-contain"
13841  data-aspectratio="0.7605263157894737"
13842  alt="Lemon Lime"
13843  
13844>
13845
13846      </div>
13847
13848      
13849        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
13850          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
13851            <div class="tw-relative tw-h-full tw-w-full">
13852              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
13853                <svg
13854                  class="tw-h-full tw-w-full"
13855                  viewBox="0 0 314 314"
13856                  fill="none"
13857                  xmlns="http://www.w3.org/2000/svg"
13858                  xmlns:xlink="http://www.w3.org/1999/xlink"
13859                  preserveAspectRatio="xMidYMid meet"
13860                >
13861                  <defs>
13862                    <clipPath id="clip-hover-wave-7612616376479-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
13863                      <path
13864                        data-hover-wave-path
13865                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
13866                      />
13867                    </clipPath>
13868                  </defs>
13869                  <image
13870                    href="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_hover_new_asset.webp?v=1779128875&width=1440"
13871                    xlink:href="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_hover_new_asset.webp?v=1779128875&width=1440"
13872                    x="0"
13873                    y="0"
13874                    width="314"
13875                    height="314"
13876                    preserveAspectRatio="xMidYMax slice"
13877                    clip-path="url(#clip-hover-wave-7612616376479-template--24009561342111__collection_hybrid_meta_ALe7xC)"
13878                  />
13879                </svg>
13880              </div>
13881            </div>
13882          </div>
13883        </div>
13884      
13885    </a>
13886
13887    
13888      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
13889        
13890          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42897487429791" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
13891            <input type="hidden" name="id" value="42897487429791">
13892            <input type="hidden" name="quantity" value="1">
13893            <button
13894              type="submit"
13895              name="add"
13896              data-add-to-cart
13897              data-product-card-cta
13898              aria-label="Add 12 Pack- Lemon Lime"
13899              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
13900            >
13901              Add 12 Pack
13902            </button>
13903          </form>
13904        
13905      </div>
13906  </div>
13907  <!-- ./End Image Container -->
13908
13909  <!-- Text Container -->
13910  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
13911    
13912      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
13913        <div
13914          data-bv-show="inline_rating"
13915          data-bv-product-id="7612616376479"
13916          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
13917        ></div>
13918      </div>
13919    
13920
13921    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
13922      
13923        9g Fiber
13924      
13925    </p>
13926
13927    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
13928      <a href="/products/lemon-lime" aria-label="Shop Now- Lemon Lime" 
13928class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
13929        Lemon Lime
13930      </a>
13931    </p>
13932
13933    
13934      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42897487429791" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
13935        <input type="hidden" name="id" value="42897487429791">
13936        <input type="hidden" name="quantity" value="1">
13937        <button
13938          type="submit"
13939          name="add"
13940          data-add-to-cart
13941          data-product-card-cta
13942          aria-label="Add 12 Pack- Lemon Lime"
13943          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
13944        >
13945          Add 12 Pack
13946        </button>
13947      </form>
13948    
13949  </div>
13950  <!-- ./End Text Container -->
13951</div>
13952
13953
13954
13955
13956
13957
13958
13959
13960
13961
13962
13963
13964
13965
13966
13967
13968
13969
13970
13971
13972
13973
13974
13975
13976
13977
13978
13979
13980
13981
13982
13983
13984
13985<div
13986  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
13987  style="grid-template-rows: max-content 1fr"
13988>
13989
13990  
13991
13992
13993  <!-- Image Container -->
13994  <div class="tw-relative tw-w-full">
13995    <a
13996      href="/products/watermelon-lime"
13997      
13998      aria-label="Shop Now- Watermelon Lime"
13999      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
14000    >
14001      
14002
14003      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
14004        
14005<img
14006  src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779164501"
14007  data-srcset="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779164501 240w,
14008     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779164501 360w,
14009     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779164501 540w,
14010     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779164501 720w,
14011     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779164501 900w,
14012     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779164501 1080w,
14013     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779164501 1296w,
14014     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779164501 1350w,
14015     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779164501 1728w,
14016     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779164501 1920w,
14017     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779164501 2560w,
14018     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779164501 3072w
14019  "
14020  data-src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779164501"
14021  data-optimumx="auto"
14022  data-sizes="auto"
14023  data-parent-fit="contain"
14024  width="100%"
14025  height="100%"
14026  class="lazyload tw-h-full tw-w-full tw-object-contain"
14027  data-aspectratio="0.7605263157894737"
14028  alt="Watermelon Lime"
14029  
14030>
14031
14032      </div>
14033
14034      
14035        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
14036          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
14037            <div class="tw-relative tw-h-full tw-w-full">
14038              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
14039                <svg
14040                  class="tw-h-full tw-w-full"
14041                  viewBox="0 0 314 314"
14042                  fill="none"
14043                  xmlns="http://www.w3.org/2000/svg"
14044                  xmlns:xlink="http://www.w3.org/1999/xlink"
14045                  preserveAspectRatio="xMidYMid meet"
14046                >
14047                  <defs>
14048                    <clipPath id="clip-hover-wave-7682917990559-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
14049                      <path
14050                        data-hover-wave-path
14051                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
14052                      />
14053                    </clipPath>
14054                  </defs>
14055                  <image
14056                    href="//drinkolipop.com/cdn/shop/files/WL_PDP-Right_Image_new_asset.webp?v=1779114827&width=1440"
14057                    xlink:href="//drinkolipop.com/cdn/shop/files/WL_PDP-Right_Image_new_asset.webp?v=1779114827&width=1440"
14058                    x="0"
14059                    y="0"
14060                    width="314"
14061                    height="314"
14062                    preserveAspectRatio="xMidYMax slice"
14063                    clip-path="url(#clip-hover-wave-7682917990559-template--24009561342111__collection_hybrid_meta_ALe7xC)"
14064                  />
14065                </svg>
14066              </div>
14067            </div>
14068          </div>
14069        </div>
14070      
14071    </a>
14072
14073    
14074      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
14075        
14076          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="43069390880927" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
14077            <input type="hidden" name="id" value="43069390880927">
14078            <input type="hidden" name="quantity" value="1">
14079            <button
14080              type="submit"
14081              name="add"
14082              data-add-to-cart
14083              data-product-card-cta
14084              aria-label="Add 12 Pack- Watermelon Lime"
14085              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
14086            >
14087              Add 12 Pack
14088            </button>
14089          </form>
14090        
14091      </div>
14092  </div>
14093  <!-- ./End Image Container -->
14094
14095  <!-- Text Container -->
14096  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
14097    
14098      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
14099        <div
14100          data-bv-show="inline_rating"
14101          data-bv-product-id="7682917990559"
14102          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
14103        ></div>
14104      </div>
14105    
14106
14107    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
14108      
14109        9g Fiber
14110      
14111    </p>
14112
14113    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
14114      <a href="/products/watermelon-lime" aria-label="Shop Now- Watermelon Lime" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
14114px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
14115        Watermelon Lime
14116      </a>
14117    </p>
14118
14119    
14120      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="43069390880927" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
14121        <input type="hidden" name="id" value="43069390880927">
14122        <input type="hidden" name="quantity" value="1">
14123        <button
14124          type="submit"
14125          name="add"
14126          data-add-to-cart
14127          data-product-card-cta
14128          aria-label="Add 12 Pack- Watermelon Lime"
14129          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
14130        >
14131          Add 12 Pack
14132        </button>
14133      </form>
14134    
14135  </div>
14136  <!-- ./End Text Container -->
14137</div>
14138
14139
14140
14141
14142
14143
14144
14145
14146
14147
14148
14149
14150
14151
14152
14153
14154
14155
14156
14157
14158
14159
14160
14161
14162
14163
14164
14165
14166
14167
14168
14169
14170
14171<div
14172  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
14173  style="grid-template-rows: max-content 1fr"
14174>
14175
14176  
14177
14178
14179  <!-- Image Container -->
14180  <div class="tw-relative tw-w-full">
14181    <a
14182      href="/products/banana-cream"
14183      
14184      aria-label="Shop Now- Banana Cream"
14185      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
14186    >
14187      
14188
14189      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
14190        
14191<img
14192  src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779155708"
14193  data-srcset="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779155708 240w,
14194     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779155708 360w,
14195     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779155708 540w,
14196     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779155708 720w,
14197     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779155708 900w,
14198     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779155708 1080w,
14199     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779155708 1296w,
14200     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779155708 1350w,
14201     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779155708 1728w,
14202     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779155708 1920w,
14203     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779155708 2560w,
14204     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779155708 3072w
14205  "
14206  data-src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779155708"
14207  data-optimumx="auto"
14208  data-sizes="auto"
14209  data-parent-fit="contain"
14210  width="100%"
14211  height="100%"
14212  class="lazyload tw-h-full tw-w-full tw-object-contain"
14213  data-aspectratio="0.7605263157894737"
14214  alt="Banana Cream"
14215  
14216>
14217
14218      </div>
14219
14220      
14221        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
14222          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
14223            <div class="tw-relative tw-h-full tw-w-full">
14224              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
14225                <svg
14226                  class="tw-h-full tw-w-full"
14227                  viewBox="0 0 314 314"
14228                  fill="none"
14229                  xmlns="http://www.w3.org/2000/svg"
14230                  xmlns:xlink="http://www.w3.org/1999/xlink"
14231                  preserveAspectRatio="xMidYMid meet"
14232                >
14233                  <defs>
14234                    <clipPath id="clip-hover-wave-7401847029919-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
14235                      <path
14236                        data-hover-wave-path
14237                        d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z"
14238                      />
14239                    </clipPath>
14240                  </defs>
14241                  <image
14242                    href="//drinkolipop.com/cdn/shop/products/5_CollectionspageHoverimage_1120x800_b39089bb-29e7-4038-a323-033b9c629be5_new_asset.png?v=1779072480&width=1440"
14243                    xlink:href="//drinkolipop.com/cdn/shop/products/5_CollectionspageHoverimage_1120x800_b39089bb-29e7-4038-a323-033b9c629be5_new_asset.png?v=1779072480&width=1440"
14244                    x="0"
14245                    y="0"
14246                    width="314"
14247                    height="314"
14248                    preserveAspectRatio="xMidYMax slice"
14249                    clip-path="url(#clip-hover-wave-7401847029919-template--24009561342111__collection_hybrid_meta_ALe7xC)"
14250                  />
14251                </svg>
14252              </div>
14253            </div>
14254          </div>
14255        </div>
14256      
14257    </a>
14258
14259    
14260      <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex">
14261        
14262          <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42237531390111" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100">
14263            <input type="hidden" name="id" value="42237531390111">
14264            <input type="hidden" name="quantity" value="1">
14265            <button
14266              type="submit"
14267              name="add"
14268              data-add-to-cart
14269              data-product-card-cta
14270              aria-label="Add 12 Pack- Banana Cream"
14271              class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
14272            >
14273              Add 12 Pack
14274            </button>
14275          </form>
14276        
14277      </div>
14278  </div>
14279  <!-- ./End Image Container -->
14280
14281  <!-- Text Container -->
14282  <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5">
14283    
14284      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
14285        <div
14286          data-bv-show="inline_rating"
14287          data-bv-product-id="7401847029919"
14288          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
14289        ></div>
14290      </div>
14291    
14292
14293    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
14294      
14295        9g Fiber
14296      
14297    </p>
14298
14299    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
14300      <a href="/products/banana-cream" aria-label="Shop Now- Banana Cream" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
14300px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
14301        Banana Cream
14302      </a>
14303    </p>
14304
14305    
14306      <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42237531390111" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden">
14307        <input type="hidden" name="id" value="42237531390111">
14308        <input type="hidden" name="quantity" value="1">
14309        <button
14310          type="submit"
14311          name="add"
14312          data-add-to-cart
14313          data-product-card-cta
14314          aria-label="Add 12 Pack- Banana Cream"
14315          class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none"
14316        >
14317          Add 12 Pack
14318        </button>
14319      </form>
14320    
14321  </div>
14322  <!-- ./End Text Container -->
14323</div>
14324
14325</div>
14326            </div>
14327          </div></div>
14328    </div>
14329  </div>
14330</div>
14331
14332<script>
14333  document.addEventListener('DOMContentLoaded', () => {
14334    const sectionRoot = document.querySelector('#shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC');
14335    if (!sectionRoot) return;
14336
14337    if (typeof window.initProductCardHoverWaves === 'function') {
14338      window.initProductCardHoverWaves(sectionRoot);
14339    }
14340
14341    const collectionEventName = 'Collection Card Product Add';
14342    const filterAnchorEventName = 'Collection Card Filter Click';
14343    const collectionCard = sectionRoot.querySelectorAll('[data-product-title]');
14344    const filterAnchor = sectionRoot.querySelectorAll('[data-filter-anchor]');
14345
14346    filterAnchor.forEach((el) => {
14347      const anchorLabel = el.textContent.trim();
14348      el.addEventListener('click', () => {
14349        if (window.gtag) {
14350          window.gtag('event', filterAnchorEventName, {
14351            event_detail: `anchor label - ${anchorLabel}`,
14352          });
14353        }
14354        window.igEvents = window.igEvents || [];
14355        window.igEvents.push({
14356          event: filterAnchorEventName,
14357          properties: { anchorLabel },
14358        });
14359      });
14360    });
14361
14362    collectionCard.forEach((el) => {
14363      const productTitle = el.dataset.productTitle;
14364      const cta = el.querySelector("[data-action='add-variant']");
14365      if (!cta) return;
14366      cta.addEventListener('click', () => {
14367        if (window.gtag) {
14368          window.gtag('event', collectionEventName, {
14369            event_detail: `product title - ${productTitle}`,
14370          });
14371        }
14372        window.igEvents = window.igEvents || [];
14373        window.igEvents.push({
14374          event: collectionEventName,
14375          properties: { productTitle },
14376        });
14377      });
14378    });
14379
14380    const jumpBar = sectionRoot.querySelector('.clp-jump-links');
14381    const headerGroup = document.querySelector('#shopify-section-header');
14382    const headerWrapper = headerGroup ? headerGroup.querySelector('.header-wrapper') : null;
14383    const announcementBar = document.querySelector('.section-announcement-bar');
14384    const jumpScrollEl = sectionRoot.querySelector('.clp-jump-links-scroll');
14385    const jumpLinksInnerEl = sectionRoot.querySelector('.clp-jump-links-inner');
14386
14387    const setClpStickyTop = () => {
14388      const headerBottom = headerGroup ? Math.max(0, Math.round(headerGroup.getBoundingClientRect().bottom)) : 0;
14389      const announcementBottom = announcementBar ? Math.max(0, Math.round(announcementBar.getBoundingClientRect().bottom)) : 0;
14390      const stickyTop = Math.max(headerBottom, announcementBottom);
14391      if (stickyTop > 0) {
14392        sectionRoot.style.setProperty('--clp-sticky-top', `${stickyTop}px`);
14393        return;
14394      }
14395      sectionRoot.style.setProperty('--clp-sticky-top', 'var(--site-header-height, 64px)');
14396    };
14397
14398    const setClpHeroOverlap = () => {
14399      const rootStyles = getComputedStyle(document.documentElement);
14400      const fallbackHeaderHeight =
14401        parseFloat(rootStyles.getPropertyValue('--site-header-height').trim()) || 64;
14402
14403      const headerHeight = headerWrapper
14404        ? Math.max(0, Math.round(headerWrapper.getBoundingClientRect().height))
14405        : fallbackHeaderHeight;
14406      // Hero overlap should match the actual header height only.
14407      // This aligns hero background with the HEADER top border (announcement stays above it).
14408      sectionRoot.style.setProperty('--clp-hero-overlap', `${headerHeight}px`);
14409    };
14410
14411    const setClpJumpBarHeight = () => {
14412      if (!jumpBar) return;
14413      sectionRoot.style.setProperty(
14414        '--clp-jump-links-bar-height',
14415        `${Math.round(jumpBar.getBoundingClientRect().height)}px`
14416      );
14417    };
14418
14419    const updateJumpLinksCentering = () => {
14420      if (!jumpScrollEl || !jumpLinksInnerEl) return;
14421      // If the inner content fits, center it within the scroll viewport.
14422      const tolerance = 6; // px (account for rounding + padding)
14423      const isOverflowed = jumpLinksInnerEl.scrollWidth > jumpScrollEl.clientWidth + tolerance;
14424      const isMobile = window.matchMedia('(max-width: 1023px)').matches;
14425      jumpScrollEl.classList.toggle('clp-jump-links-scroll--centered', isMobile && !isOverflowed);
14426      if (isMobile && !isOverflowed) jumpScrollEl.scrollLeft = 0;
14427    };
14428
14429    const readStickyTop = () => {
14430      if (jumpBar) {
14431        const topPx = parseFloat(getComputedStyle(jumpBar).top);
14432        if (!Number.isNaN(topPx)) return topPx;
14433      }
14434      const rootStyles = getComputedStyle(document.documentElement);
14435      const stickyTopRaw =
14436        sectionRoot.style.getPropertyValue('--clp-sticky-top').trim() ||
14437        rootStyles.getPropertyValue('--clp-sticky-top').trim() ||
14438        rootStyles.getPropertyValue('--site-header-height').trim();
14439      return parseFloat(stickyTopRaw) || 0;
14440    };
14441
14442    const updateJumpBarStuckState = () => {
14443      if (!jumpBar || clpJumpScrolling) return;
14444      const stickyTop = readStickyTop();
14445      const rect = jumpBar.getBoundingClientRect();
14446      const isStuck = rect.top <= stickyTop + 1 && rect.bottom > stickyTop + 1;
14447      jumpBar.classList.toggle('is-stuck', isStuck);
14448      document.body.classList.toggle('clp-jump-links-shadow-active', isStuck);
14449    };
14450
14451    const readHeaderBottom = () => {
14452      if (headerGroup) {
14453        const bottom = Math.round(headerGroup.getBoundingClientRect().bottom);
14454        if (bottom > 0) return bottom;
14455      }
14456      const rootStyles = getComputedStyle(document.documentElement);
14457      const fromVar = parseFloat(rootStyles.getPropertyValue('--header-group-bottom-position'));
14458      if (!Number.isNaN(fromVar) && fromVar > 0) return fromVar;
14459      return readStickyTop() || 64;
14460    };
14461
14462    const readJumpBarHeight = () => {
14463      if (!jumpBar) return 0;
14464      const barRaw = sectionRoot.style.getPropertyValue('--clp-jump-links-bar-height').trim() || '';
14465      const fromVar = parseFloat(barRaw);
14466      if (!Number.isNaN(fromVar) && fromVar > 0) return Math.round(fromVar);
14467      return Math.round(jumpBar.getBoundingClientRect().height) || 0;
14468    };
14469
14470    const readAnchorOffset = () => {
14471      const offsetRaw = sectionRoot.style.getPropertyValue('--clp-anchor-offset').trim() || '';
14472      return parseFloat(offsetRaw) || 0;
14473    };
14474
14475    const jumpScrollOffset = () => readHeaderBottom() + readJumpBarHeight() + readAnchorOffset();
14476
14477    let clpSyncActiveLockUntil = 0;
14478    let clpJumpScrollToken = 0;
14479    let clpJumpFinishTimer = null;
14480    let clpInitHashTimer = null;
14481    let clpJumpScrolling = false;
14482    let clpJumpBarRevealTimer = null;
14483
14484    const jumpSpacer = sectionRoot.querySelector('[data-clp-jump-spacer]');
14485
14486    const clearJumpFinishTimer = () => {
14487      if (clpJumpFinishTimer) {
14488        window.clearTimeout(clpJumpFinishTimer);
14489        clpJumpFinishTimer = null;
14490      }
14491    };
14492
14493    const clearJumpBarRevealTimer = () => {
14494      if (clpJumpBarRevealTimer) {
14495        window.clearTimeout(clpJumpBarRevealTimer);
14496        clpJumpBarRevealTimer = null;
14497      }
14498    };
14499
14500    const isJumpBarStuck = () => {
14501      if (!jumpBar) return false;
14502      const stickyTop = readStickyTop();
14503      const rect = jumpBar.getBoundingClientRect();
14504      return rect.top <= stickyTop + 1 && rect.bottom > stickyTop + 1;
14505    };
14506
14507    const lockJumpBarForScroll = ({ delayedReveal = false } = {}) => {
14508      if (!jumpBar) return;
14509      clearJumpBarRevealTimer();
14510      setClpJumpBarHeight();
14511      const barHeight = Math.round(jumpBar.getBoundingClientRect().height);
14512      if (jumpSpacer) {
14513        jumpSpacer.style.height = `${barHeight}px`;
14514        jumpSpacer.classList.add('is-active');
14515      }
14516      jumpBar.classList.add('clp-jump-links--jump-scrolling');
14517      jumpBar.classList.remove('is-stuck');
14518      document.body.classList.add('clp-jump-links-shadow-active');
14519
14520      if (delayedReveal) {
14521        jumpBar.classList.add('clp-jump-links--jump-scrolling-hidden');
14522        clpJumpBarRevealTimer = window.setTimeout(() => {
14523          clpJumpBarRevealTimer = null;
14524          if (!jumpBar.classList.contains('clp-jump-links--jump-scrolling')) return;
14525          jumpBar.classList.remove('clp-jump-links--jump-scrolling-hidden');
14526        }, 300);
14527      } else {
14528        jumpBar.classList.remove('clp-jump-links--jump-scrolling-hidden');
14529      }
14530    };
14531
14532    const unlockJumpBarForScroll = () => {
14533      if (!jumpBar) return;
14534      clearJumpBarRevealTimer();
14535      jumpBar.classList.remove(
14536        'clp-jump-links--jump-scrolling',
14537        'clp-jump-links--jump-scrolling-hidden'
14538      );
14539      if (jumpSpacer) {
14540        jumpSpacer.classList.remove('is-active');
14541        jumpSpacer.style.height = '';
14542      }
14543      updateJumpBarStuckState();
14544    };
14545
14546    setClpStickyTop();
14547    setClpHeroOverlap();
14548    setClpJumpBarHeight();
14549    updateJumpBarStuckState();
14550    updateJumpLinksCentering();
14551    window.addEventListener('resize', () => {
14552      setClpStickyTop();
14553      setClpHeroOverlap();
14554      setClpJumpBarHeight();
14555      updateJumpBarStuckState();
14556      updateJumpLinksCentering();
14557    });
14558    window.addEventListener(
14559      'scroll',
14560      () => {
14561        setClpStickyTop();
14562        updateJumpBarStuckState();
14563      },
14564      { passive: true }
14565    );
14566    if (headerGroup && typeof ResizeObserver !== 'undefined') {
14567      new ResizeObserver(() => {
14568        setClpStickyTop();
14569        setClpHeroOverlap();
14570        updateJumpBarStuckState();
14571      }).observe(headerGroup);
14572    }
14573    if (announcementBar && typeof ResizeObserver !== 'undefined') {
14574      new ResizeObserver(() => {
14575        setClpStickyTop();
14576        setClpHeroOverlap();
14577        updateJumpBarStuckState();
14578      }).observe(announcementBar);
14579    }
14580    if (jumpBar && typeof ResizeObserver !== 'undefined') {
14581      new ResizeObserver(() => {
14582        setClpJumpBarHeight();
14583        updateJumpBarStuckState();
14584        updateJumpLinksCentering();
14585      }).observe(jumpBar);
14586    }
14587    setTimeout(() => {
14588      setClpStickyTop();
14589      setClpHeroOverlap();
14590      setClpJumpBarHeight();
14591      updateJumpBarStuckState();
14592      updateJumpLinksCentering();
14593    }, 300);
14594
14595    const shopAllJump = sectionRoot.querySelector('[data-clp-jump-shop-all]');
14596    const anchorJumpLinks = sectionRoot.querySelectorAll('[data-clp-jump-anchor]');
14597    const jumpTargetEls = Array.from(sectionRoot.querySelectorAll('.collection-group[id]')).filter((el) =>
14598      el.id.startsWith('hybrid-template--24009561342111__collection_hybrid_meta_ALe7xC-')
14599    );
14600
14601    const setJumpActive = (activeAnchor) => {
14602      if (!anchorJumpLinks || !anchorJumpLinks.length) return;
14603      if (shopAllJump) {
14604        shopAllJump.classList.toggle('clp-jump-link--active', !activeAnchor);
14605      }
14606      anchorJumpLinks.forEach((link) => {
14607        const id = (link.getAttribute('data-clp-jump-target') || '').trim();
14608        link.classList.toggle('clp-jump-link--active', Boolean(activeAnchor && id === activeAnchor));
14609      });
14610    };
14611
14612    const activeIdFromScroll = () => {
14613      if (!jumpTargetEls || jumpTargetEls.length === 0) return '';
14614
14615      const line = jumpScrollOffset();
14616      const tolerance = 8;
14617
14618      for (const el of jumpTargetEls) {
14619        const rect = el.getBoundingClientRect();
14620        if (rect.top <= line + tolerance && rect.bottom > line + tolerance) {
14621          return el.id;
14622        }
14623      }
14624
14625      let closest = jumpTargetEls[0];
14626      let closestDistance = Infinity;
14627      jumpTargetEls.forEach((el) => {
14628        const distance = Math.abs(el.getBoundingClientRect().top - line);
14629        if (distance < closestDistance) {
14630          closestDistance = distance;
14631          closest = el;
14632        }
14633      });
14634      return closest.id;
14635    };
14636
14637    const prefersReducedMotion = () =>
14638      window.matchMedia('(prefers-reduced-motion: reduce)').matches;
14639
14640    const finishJumpScroll = (targetId, token, updateHash) => {
14641      if (token !== clpJumpScrollToken) return;
14642      clearJumpFinishTimer();
14643      clpJumpScrolling = false;
14644      unlockJumpBarForScroll();
14645
14646      if (updateHash && window.history && typeof history.replaceState === 'function') {
14647        const nextUrl = `${window.location.pathname}${window.location.search}#${targetId}`;
14648        history.replaceState(null, '', nextUrl);
14649      }
14650
14651      setJumpActive(targetId);
14652      clpSyncActiveLockUntil = Date.now() + 500;
14653    };
14654
14655    const scrollToJumpTarget = (id, { updateHash = true, indexHint = null } = {}) => {
14656      const index =
14657        Number.isInteger(indexHint) && indexHint >= 0 && jumpTargetEls[indexHint]
14658          ? indexHint
14659          : jumpTargetEls.findIndex((el) => el.id === id);
14660      if (index < 0 || !jumpTargetEls[index]) return false;
14661
14662      const target = jumpTargetEls[index];
14663      const targetId = target.id || id;
14664      const token = ++clpJumpScrollToken;
14665
14666      clearJumpFinishTimer();
14667      if (clpInitHashTimer) {
14668        window.clearTimeout(clpInitHashTimer);
14669        clpInitHashTimer = null;
14670      }
14671
14672      setClpStickyTop();
14673      setClpJumpBarHeight();
14674      window.__clpJumpScrollUntil = Date.now() + 5000;
14675      setJumpActive(targetId);
14676
14677      clpJumpScrolling = true;
14678      lockJumpBarForScroll({ delayedReveal: !isJumpBarStuck() });
14679
14680      const runScroll = () => {
14681        if (token !== clpJumpScrollToken) return;
14682
14683        const scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0;
14684        const top = Math.max(0, target.getBoundingClientRect().top + scrollTop - jumpScrollOffset());
14685        const useSmooth = !prefersReducedMotion();
14686
14687        window.scrollTo({ top, left: 0, behavior: useSmooth ? 'smooth' : 'auto' });
14688
14689        clpJumpFinishTimer = window.setTimeout(
14690          () => finishJumpScroll(targetId, token, updateHash),
14691          useSmooth ? 1200 : 80
14692        );
14693      };
14694
14695      requestAnimationFrame(() => {
14696        requestAnimationFrame(runScroll);
14697      });
14698
14699      return true;
14700    };
14701
14702    const applyJumpHashIfAny = () => {
14703      const hashId = window.location.hash ? window.location.hash.slice(1) : '';
14704      if (!hashId || !jumpTargetEls.some((el) => el.id === hashId)) return false;
14705      setJumpActive(hashId);
14706      return true;
14707    };
14708
14709    const syncJumpActiveFromScroll = () => {
14710      if (clpJumpFinishTimer || Date.now() < clpSyncActiveLockUntil) return;
14711      setJumpActive(activeIdFromScroll());
14712    };
14713
14714    const handleJumpLinkActivate = (link, e) => {
14715      if (e) {
14716        e.preventDefault();
14717        e.stopPropagation();
14718        e.stopImmediatePropagation();
14719      }
14720
14721      const id = (link.getAttribute('data-clp-jump-target') || '').trim();
14722      if (!id) return;
14723
14724      const indexHint = parseInt(link.getAttribute('data-clp-jump-index') || '', 10);
14725      scrollToJumpTarget(id, {
14726        indexHint: Number.isNaN(indexHint) ? null : indexHint,
14727      });
14728    };
14729
14730    if (anchorJumpLinks && anchorJumpLinks.length && jumpTargetEls.length) {
14731      sectionRoot.addEventListener(
14732        'click',
14733        (e) => {
14734          const link = e.target.closest('[data-clp-jump-anchor]');
14735          if (!link || !sectionRoot.contains(link)) return;
14736          handleJumpLinkActivate(link, e);
14737        },
14738        true
14739      );
14740
14741      let scrollScheduled = false;
14742      const onScrollOrResize = () => {
14743        if (scrollScheduled || clpJumpFinishTimer || clpJumpScrolling) return;
14744        scrollScheduled = true;
14745        requestAnimationFrame(() => {
14746          scrollScheduled = false;
14747          syncJumpActiveFromScroll();
14748        });
14749      };
14750      window.addEventListener('scroll', onScrollOrResize, { passive: true });
14751      window.addEventListener('resize', () => {
14752        setClpJumpBarHeight();
14753        onScrollOrResize();
14754      });
14755
14756      if (!applyJumpHashIfAny()) syncJumpActiveFromScroll();
14757
14758      clpInitHashTimer = window.setTimeout(() => {
14759        clpInitHashTimer = null;
14760        if (window.__clpJumpScrollUntil && Date.now() < window.__clpJumpScrollUntil) return;
14761        if (!applyJumpHashIfAny()) syncJumpActiveFromScroll();
14762      }, 800);
14763    }
14764  });
14765</script>
14765
14766
14767
14768</section>
14768<script data-locksmith>
14769    var load = function () {
14770
14771          if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) {
14772            Locksmith.ping();
14773          }
14774
14775
14776      Locksmith.util.on('submit', 'locksmith-resource-form', function (event) {
14777        event.preventDefault();
14778        var data = Locksmith.util.serializeForm(event.target);
14779        var options = { spinner: false, container: 'locksmith-content' };
14780        // a form rendered inline (section replacement) must keep that context
14781        // on resubmit: same enclosing container (there may be several on the
14782        // page), and no layout classes or cancel affordance in the re-render
14783        var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]');
14784        if (inlineContainer) {
14785          options.container = inlineContainer;
14786        }
14787        if (event.target.getAttribute('data-locksmith-inline') === 'true') {
14788          options.include_layout_classes = false;
14789        }
14790        Locksmith.postResource(data, options);
14791      });
14792
14793      Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) {
14794        event.preventDefault();
14795        Locksmith.postResource({}, { spinner: true, container: document });
14796      });
14797
14798      Locksmith.submitPasscode = function (passcode) {
14799        Locksmith.postResource(
14800          { passcode: passcode },
14801          { spinner: false, container: 'locksmith-content' }
14802        );
14803      };
14804    };
14805
14806    if (typeof Locksmith !== 'undefined') {
14807      load();
14808    } else {
14809      window.addEventListener('load', load);
14810    }
14811  </script>
14811
14812      </div>
14813
14814      <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>
14815    </div>
14816
14817    <div id="shopify-section-footer" class="shopify-section"><style data-shopify>#shopify-section-footer  {
14818    --image-width: 0px;
14819    --image-width-mobile: 0.0px;
14820    --image-width-secondary: 0px;
14821    --image-width-secondary-mobile: 0.0px;
14822  }
14823
14824  #shopify-section-footer .slice-animation--left {
14825    animation: slice-small 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14826  }
14827
14828  #shopify-section-footer .slice-animation--right {
14829    animation: slice-small-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14830  }
14831
14832  @media (min-width: 750px) {
14833    #shopify-section-footer .slice-animation--left {
14834      animation: slice-medium 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14835    }
14836  }
14837
14838  @media (min-width: 750px) {
14839    #shopify-section-footer .slice-animation--right {
14840      animation: slice-medium-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14841    }
14842  }
14843
14844  @media (min-width: 1024px) {
14845    #shopify-section-footer .slice-animation--left {
14846      animation: slice-large 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14847    }
14848  }
14849
14850  @media (min-width: 1024px) {
14851    #shopify-section-footer .slice-animation--right {
14852      animation: slice-large-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14853    }
14854  }
14855
14856  @media (min-width: 1440px) {
14857    #shopify-section-footer .slice-animation--left {
14858      animation: slice-large-up 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14859    }
14860  }
14861
14862  @media (min-width: 1440px) {
14863    #shopify-section-footer .slice-animation--right {
14864      animation: slice-large-up-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14865    }
14866  }
14867
14868  @media (min-width: 1920px) {
14869    #shopify-section-footer .slice-animation--left {
14870      animation: slice-large-up 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14871    }
14872  }
14873
14874  @media (min-width: 1920px) {
14875    #shopify-section-footer .slice-animation--right {
14876      animation: slice-large-up-right 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14877    }
14878  }
14879
14880  @keyframes slice-large-up {
14881    0%{
14882     transform: translateX(0%)
14883    }
14884    100%{
14885      transform: translateX(calc((100vw - 1320px) / 2));
14886    }
14887  }
14888
14889  @keyframes slice-large-up-right {
14890    0%{
14891      transform: translateX(0%)
14892    }
14893    100%{
14894      transform: translateX(calc((100vw - 1320px) / -2));
14895    }
14896  }
14897
14898  @keyframes slice-large {
14899    0%{
14900     transform: translateX(0%)
14901    }
14902    100%{
14903      transform: translateX(60px)
14904    }
14905  }
14906
14907  @keyframes slice-large-right {
14908    0%{
14909      transform: translateX(0%)
14910    }
14911    100%{
14912      transform: translateX(-60px)
14913    }
14914  }
14915
14916  @keyframes slice-medium {
14917    0%{
14918     transform: translateX(0%)
14919    }
14920    100%{
14921      transform: translateX(20px)
14922    }
14923  }
14924
14925  @keyframes slice-medium-right {
14926    0%{
14927      transform: translateX(0%)
14928    }
14929    100%{
14930      transform: translateX(-20px)
14931    }
14932  }
14933
14934  @keyframes slice-small {
14935    0% {
14936      transform: translateX(0%);
14937    }
14938    100% {
14939      transform: translateX(20px)
14940    }
14941  }
14942
14943  @keyframes slice-small-right {
14944    0% {
14945      transform: translateX(0%);
14946    }
14947    100% {
14948      transform: translateX(-20px)
14949    }
14950  }
14951
14952  footer .klaviyo-form button:hover {
14953    background-color: #E2EB28 !important;
14954  }
14955
14956  .footer-menu h3 {
14957    font-weight: 800;
14958  }
14959
14960  .footer-menu a:hover {
14961    color: #FFFF7D !important;
14962  }
14963
14964  @media screen and (max-width: 750px) {
14965    .footer-link-list li:not(:last-child)::after {
14966      margin-right: 5px;
14967      margin-left: 5px;
14968    }
14969
14970    .footer-link-list {
14971      margin-right: -1rem;
14972      margin-left: -1rem;
14973    }
14974  }</style><footer
14975  class="tw-relative tw-z-10 tw-float-left tw-w-full tw-font-ano"
14976  data-section-id="footer"
14977  data-section-type="footer-section"
14978  style="background-color: #008168;"
14979>
14980  <section class="tw-pointer-events-none tw-relative tw-h-0"><div
14981      class="tw-absolute tw-z-6 tw-w-full tw-bottom-[-100%]"
14982    >
14983      <div
14984        class="wave-separator-svg__curve-up-left tw-h-[98px]"
14985        style="background-color: #008168;"
14986      ></div>
14987    </div>
14988  </section>
14989
14990  
14991
14992
14993  <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">
14994    <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">
14995        <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
14996              class="tw-text-8 lg:tw-text-12  !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla "
14997              id="footer-menu-label-1"
14998            >
14999              Sign up to get 15% off your first order
15000            </h3><klaviyo-form
15001                class="klaviyo-form tw-px-0 tw-pt-4 tw-pb-6 md:tw-py-6 tw-inline-block text-left"
15002                data-klaviyo-list-id="KdQJNU"
15003              >
15004                <form
15005                  method="post"
15006                  action="/contact#contact_form"
15007                  id="contact_form"
15008                  accept-charset="UTF-8"
15009                  class="newsletter-form"
15010                >
15011                  <input type="hidden" name="contact[tags]" value="newsletter">
15012                  <div class="klaviyo-form__wrapper rel">
15013                    <input
15014                      type="email"
15015                      id="KlaviyoForm--footer"
15016                      name="contact[email]"
15017                      value=""
15018                      aria-required="true"
15019                      autocorrect="off"
15020                      autocapitalize="off"
15021                      autocomplete="email"
15022                      required
15023                      placeholder="Your Email Address"
15024                    >
15025                    <label class="visually-hidden" for="KlaviyoForm--footer">Subscribe</label>
15026                    <button
15027                      type="submit"
15028                      name="subscribe"
15029                      id="subscribe"
15030                      aria-label="Subscribe"
15031                    >
15032                      Subscribe
15033                    </button>
15034                  </div>
15035                  
15036                    <div class="klaviyo-form__message klaviyo-form__success hide">
15037                      <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>
15038                    </div>
15039                  
15040
15041                  
15042                    <div class="klaviyo-form__message klaviyo-form__error form-error hide">
15043                      <p>Something went wrong, please try again</p>
15044                    </div>
15045                  
15046                  <div class="klaviyo-form__message klaviyo-form__error-email form-error hide tw-pt-4">
15047                    Please enter a valid email address.
15048                  </div>
15049                </form>
15050              </klaviyo-form>
15051
15052              <nav class="tw-mt-2" aria-label="Social media">
15053    <ul class="social-icons"><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
15054            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.instagram.com/drinkolipop/">
15055              <svg focusable="false" class="icon icon-instagram" role="presentation" viewBox="0 0 512 512">
15056  <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"/>
15057</svg>
15058
15059              <span class="icon__fallback-text">Link to Olipop Instagram</span>
15060            </a>
15061          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
15062            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.tiktok.com/@drinkolipop?lang=en">
15063              <svg width="23" height="26" viewBox="0 0 23 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation">
15064  <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"/>
15065</svg>
15066
15067              <span class="icon__fallback-text">Link to Olipop TikTok</span>
15068            </a>
15069          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
15070            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.facebook.com/drinkolipop">
15071              <svg
15072  width="11"
15073  height="21"
15074  viewBox="0 0 11 21"
15075  fill="none"
15076  xmlns="http://www.w3.org/2000/svg"
15077  class="icon icon-facebook"
15078  role="presentation"
15079>
15080  <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"/>
15081</svg>
15082
15083              <span class="icon__fallback-text">Link to Olipop Facebook</span>
15084            </a>
15085          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
15086            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.linkedin.com/company/olipop-pbc">
15087              <svg class="icon icon-linkedin" width="24" height="24" role="presentation" viewBox="0 0 26 26">
15088  <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 "/>
15089</svg>
15090
15091              <span class="icon__fallback-text">Link to Olipop LinkedIn</span>
15092            </a>
15093          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
15094            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.pinterest.com/drinkolipop/">
15095              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 20 20">
15096  <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"/>
15097</svg>
15098
15099              <span class="icon__fallback-text">Link to Olipop Pinterest</span>
15100            </a>
15101          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
15102            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://twitter.com/drinkolipop">
15103              <svg
15104  width="28"
15105  aria-hidden="true"
15106  focusable="false"
15107  role="presentation"
15108  height="28"
15109  viewBox="0 0 28 28"
15110  class="icon icon-twitter"
15111  fill="none"
15112  xmlns="http://www.w3.org/2000/svg"
15113>
15114  <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"/>
15115</svg>
15116
15117              <span class="icon__fallback-text">Link to Olipop Twitter</span>
15118            </a>
15119          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
15120            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.youtube.com/@OLIPOP">
15121              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" width="24" height="24" viewBox="0 0 24 24">
15122  <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"/>
15123</svg>
15124              <span class="icon__fallback-text">Link to Olipop YouTube</span>
15125            </a>
15126          </li></ul>
15127  </nav>
15128</div>
15129        <div class="footer-menu  tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3
15130              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"
15131              id="footer-menu-label-2"
15132            >
15133              Help
15134            </h3><nav aria-labelledby="footer-menu-label-2">
15135                <ul
15136                  id="footer-menu-items-2"
15137                  class="!tw-block"
15138                  aria-labelledby="footer-menu-label-2"
15139                ><li class="tw-mt-3 first:tw-mt-0">
15140                      <a
15141                        href="/pages/faq"
15142                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15143                        
15144                        
15145                      >
15146                        FAQ
15147                      </a>
15148                    </li><li class="tw-mt-3 first:tw-mt-0">
15149                      <a
15150                        href="/pages/fiber-education"
15151                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15152                        
15153                        
15154                      >
15155                        Fiber Education
15156                      </a>
15157                    </li><li class="tw-mt-3 first:tw-mt-0">
15158                      <a
15159                        href="https://drinkolipop.com/apps/retextion#/login"
15160                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15161                        
15162                        
15163                      >
15164                        Manage Subscriptions
15165                      </a>
15166                    </li><li class="tw-mt-3 first:tw-mt-0">
15167                      <a
15168                        href="https://drinkolipop.com/account/login"
15169                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15170                        
15171                        
15172                      >
15173                        Manage Account
15174                      </a>
15175                    </li><li class="tw-mt-3 first:tw-mt-0">
15176                      <a
15177                        href="/pages/track-your-order"
15178                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15179                        
15180                        
15181                      >
15182                        Track Your Order
15183                      </a>
15184                    </li><li class="tw-mt-3 first:tw-mt-0">
15185                      <a
15186                        href="/pages/satisfactionguarantee"
15187                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15188                        
15189                        
15190                      >
15191                        Satisfaction Guarantee
15192                      </a>
15193                    </li><li class="tw-mt-3 first:tw-mt-0">
15194                      <a
15195                        href="/pages/accessibility"
15196                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15197                        
15198                        
15199                      >
15200                        Accessibility
15201                      </a>
15202                    </li><li class="tw-mt-3 first:tw-mt-0">
15203                      <a
15204                        href="/pages/contact-us"
15205                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15206                        
15207                        
15208                      >
15209                        Contact Us
15210                      </a>
15211                    </li>
15212                </ul>
15213              </nav></div>
15214        <div class="footer-menu  tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3
15215              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"
15216              id="footer-menu-label-3"
15217            >
15218              Company
15219            </h3><nav aria-labelledby="footer-menu-label-3">
15220                <ul
15221                  id="footer-menu-items-3"
15222                  class="!tw-block"
15223                  aria-labelledby="footer-menu-label-3"
15224                ><li class="tw-mt-3 first:tw-mt-0">
15225                      <a
15226                        href="https://drinkolipop.com/pages/olipop-rewards"
15227                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15228                        
15229                        
15230                      >
15231                        Earn Rewards
15232                      </a>
15233                    </li><li class="tw-mt-3 first:tw-mt-0">
15234                      <a
15235                        href="/pages/sustainability"
15236                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15237                        
15238                        
15239                      >
15240                        Sustainability
15241                      </a>
15242                    </li><li class="tw-mt-3 first:tw-mt-0">
15243                      <a
15244                        href="/pages/careers"
15245                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15246                        
15247                        
15248                      >
15249                        Careers
15250                      </a>
15251                    </li><li class="tw-mt-3 first:tw-mt-0">
15252                      <a
15253                        href="/pages/product-quality-and-safety"
15254                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15255                        
15256                        
15257                      >
15258                        Quality &amp; Safety
15259                      </a>
15260                    </li><li class="tw-mt-3 first:tw-mt-0">
15261                      <a
15262                        href="/blogs/digest"
15263                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15264                        
15265                        
15266                      >
15267                        OLIPOP Blog
15268                      </a>
15269                    </li><li class="tw-mt-3 first:tw-mt-0">
15270                      <a
15271                        href="/pages/press"
15272                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15273                        
15274                        
15275                      >
15276                        Press
15277                      </a>
15278                    </li><li class="tw-mt-3 first:tw-mt-0">
15279                      <a
15280                        href="/pages/affiliate-program"
15281                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15282                        
15283                        
15284                      >
15285                        Affiliate Program
15286                      </a>
15287                    </li><li class="tw-mt-3 first:tw-mt-0">
15288                      <a
15289                        href="/pages/rd-program"
15290                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15291                        
15292                        
15293                      >
15294                        Registered Dietitian Program
15295                      </a>
15296                    </li><li class="tw-mt-3 first:tw-mt-0">
15297                      <a
15298                        href="https://drinkolipop-wholesale.com/"
15299                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15300                        
15301                        
15302                          target="_blank"
15303                        
15304                      >
15305                        Wholesale
15306                      </a>
15307                    </li>
15308                </ul>
15309              </nav></div></div>
15310
15311    <div class="tw-mt-10 tw-text-center lg:tw-text-left">
15312      <a
15313        href="https://www.bcorporation.net/en-us/find-a-b-corp/company/olipop/"
15314        target="_blank"
15315        aria-label="Certified corporation link"
15316      ><svg
15317  width="48"
15318  height="80"
15319  viewBox="0 0 48 80"
15320  fill="none"
15321  aria-hidden="true"
15322  focusable="false"
15323  role="presentation"
15324>
15325  <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
15325M46.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
153255 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
153257 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"/>
15326</svg>
15327</a>
15328    </div>
15329
15330    <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">
15331      <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">
15332        &copy; 2026 Olipop, Inc. All Rights Reserved
15333      </div>
15334      
15335        <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">
15336          
15337<li class="tw-flex tw-items-center">
15338              <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>
15339            </li>
15340          
15341<li class="tw-flex tw-items-center">
15342              <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>
15343            </li>
15344          
15345<li class="tw-flex tw-items-center">
15346              <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>
15347            </li>
15348          
15349<li class="tw-flex tw-items-center">
15350              <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>
15351            </li>
15352          
15353        </ul>
15354      
15355    </div>
15356  </div>
15357</footer>
15358
15359
15360</div>
15361
15362    
15363<script>
15364  (function () {
15365    if (window.__productCardHoverWaveScriptLoaded) return;
15366    window.__productCardHoverWaveScriptLoaded = true;
15367
15368    var CARD_SIZE = 314;
15369    var DURATION_MS = 700;
15370    var clipIdCounter = 0;
15371    var delegationBound = false;
15372
15373    function clamp(value, min, max) {
15374      return Math.max(min, Math.min(max, value));
15375    }
15376
15377    function easeOutCubic(t) {
15378      return 1 - Math.pow(1 - t, 3);
15379    }
15380
15381    function lerp(start, end, t) {
15382      return start + (end - start) * t;
15383    }
15384
15385    function wavePathForReveal(revealPx) {
15386      var reveal = clamp(revealPx, 0, CARD_SIZE);
15387      var offset = CARD_SIZE - reveal;
15388      var progress = reveal / CARD_SIZE;
15389      var fadeStart = 0.84;
15390      var fadeProgress = clamp((progress - fadeStart) / (1 - fadeStart), 0, 1);
15391      var fadeEased = easeOutCubic(fadeProgress);
15392
15393      var y0 = lerp(4.4565 + offset, offset, fadeEased);
15394      var c1y = lerp(4.41899 + offset, offset, fadeEased);
15395      var c2y = lerp(-13.1434 + offset, offset, fadeEased);
15396      var c3y = lerp(26.0583 + offset, offset, fadeEased);
15397      var c4y = lerp(65.2601 + offset, offset, fadeEased);
15398      var c5y = lerp(0.456482 + offset, offset, fadeEased);
15399      var endY = lerp(0.456482 + offset, offset, fadeEased);
15400
15401      return (
15402        'M314 314H0.000422459L0.00012756 ' +
15403        y0 +
15404        'C-0.0456402 ' +
15405        c1y +
15406        ' 62.4 ' +
15407        c2y +
15408        ' 157 ' +
15409        c3y +
15410        'C251.6 ' +
15411        c4y +
15412        ' 314 ' +
15413        c5y +
15414        ' 314 ' +
15415        endY +
15416        'V314Z'
15417      );
15418    }
15419
15420    function ensureUniqueClipPath(card) {
15421      var clipPath = card.querySelector('clipPath');
15422      var image = card.querySelector('image[clip-path]');
15423      if (!clipPath || !image) return;
15424
15425      if (clipPath.dataset.hoverWaveClipBound === 'true') return;
15426
15427      var existingId = clipPath.getAttribute('id');
15428      if (existingId) {
15429        var matches = document.querySelectorAll('[id="' + CSS.escape(existingId) + '"]');
15430        if (matches.length > 1) {
15431          clipIdCounter += 1;
15432          var newId = existingId + '-inst-' + clipIdCounter;
15433          clipPath.setAttribute('id', newId);
15434          image.setAttribute('clip-path', 'url(#' + newId + ')');
15435        }
15436      }
15437
15438      clipPath.dataset.hoverWaveClipBound = 'true';
15439    }
15440
15441    function animateCard(card, toReveal) {
15442      var path = card.querySelector('[data-hover-wave-path]');
15443      if (!path) return;
15444
15445      var fromReveal = Number(card.dataset.hoverReveal || 0);
15446      var to = clamp(toReveal, 0, CARD_SIZE);
15447      card.dataset.hoverRevealTarget = String(to);
15448
15449      if (card.__hoverWaveRafId) {
15450        cancelAnimationFrame(card.__hoverWaveRafId);
15451      }
15452
15453      var startedAt = performance.now();
15454
15455      function step(now) {
15456        var t = clamp((now - startedAt) / DURATION_MS, 0, 1);
15457        var eased = easeOutCubic(t);
15458        var reveal = fromReveal + (to - fromReveal) * eased;
15459
15460        card.dataset.hoverReveal = String(reveal);
15461        path.setAttribute('d', wavePathForReveal(reveal));
15462
15463        if (t < 1) {
15464          card.__hoverWaveRafId = requestAnimationFrame(step);
15465        } else {
15466          card.dataset.hoverReveal = String(to);
15467          card.__hoverWaveRafId = null;
15468        }
15469      }
15470
15471      card.__hoverWaveRafId = requestAnimationFrame(step);
15472    }
15473
15474    function getWaveCardFromProductCard(productCard) {
15475      if (!productCard) return null;
15476      return productCard.querySelector('[data-hover-wave-card][data-hover-wave-ready="true"]');
15477    }
15478
15479    function bindDelegation() {
15480      if (delegationBound) return;
15481      delegationBound = true;
15482
15483      document.addEventListener(
15484        'pointerover',
15485        function (event) {
15486          var productCard = event.target.closest('.product-card');
15487          if (!productCard || productCard.contains(event.relatedTarget)) return;
15488
15489          var waveCard = getWaveCardFromProductCard(productCard);
15490          if (waveCard) animateCard(waveCard, CARD_SIZE);
15491        },
15492        true
15493      );
15494
15495      document.addEventListener(
15496        'pointerout',
15497        function (event) {
15498          var productCard = event.target.closest('.product-card');
15499          if (!productCard || productCard.contains(event.relatedTarget)) return;
15500
15501          var waveCard = getWaveCardFromProductCard(productCard);
15502          if (waveCard) animateCard(waveCard, 0);
15503        },
15504        true
15505      );
15506
15507      document.addEventListener('focusin', function (event) {
15508        var productCard = event.target.closest('.product-card');
15509        var waveCard = getWaveCardFromProductCard(productCard);
15510        if (waveCard) animateCard(waveCard, CARD_SIZE);
15511      });
15512
15513      document.addEventListener('focusout', function (event) {
15514        var productCard = event.target.closest('.product-card');
15515        if (!productCard || productCard.contains(event.relatedTarget)) return;
15516
15517        var waveCard = getWaveCardFromProductCard(productCard);
15518        if (waveCard) animateCard(waveCard, 0);
15519      });
15520
15521      document.addEventListener('click', function (event) {
15522        if (!event.target.closest('[data-product-card-cta]')) return;
15523        var productCard = event.target.closest('.product-card');
15524        if (!productCard) return;
15525        event.stopPropagation();
15526      });
15527    }
15528
15529    function initCard(card) {
15530      if (card.dataset.hoverWaveReady === 'true') return;
15531
15532      var path = card.querySelector('[data-hover-wave-path]');
15533      if (!path) return;
15534
15535      if (!card.closest('.product-card')) return;
15536
15537      ensureUniqueClipPath(card);
15538      card.dataset.hoverWaveReady = 'true';
15539      card.dataset.hoverReveal = '0';
15540      path.setAttribute('d', wavePathForReveal(0));
15541    }
15542
15543    function initProductCardHoverWaves(root) {
15544      bindDelegation();
15545      var scope = root && root.nodeType ? root : document;
15546      var cards = scope.querySelectorAll('[data-hover-wave-card]');
15547      for (var i = 0; i < cards.length; i += 1) {
15548        initCard(cards[i]);
15549      }
15550    }
15551
15552    window.initProductCardHoverWaves = initProductCardHoverWaves;
15553
15554    function scanDocument() {
15555      initProductCardHoverWaves(document);
15556    }
15557
15558    if (document.readyState === 'loading') {
15559      document.addEventListener('DOMContentLoaded', scanDocument);
15560    } else {
15561      scanDocument();
15562    }
15563
15564    document.addEventListener('shopify:section:load', scanDocument);
15565    window.addEventListener('pageshow', function (event) {
15566      if (event.persisted) scanDocument();
15567    });
15568  })();
15569</script>
15569
15570
15571    <div id="gorgias-chat-container"></div>
15572
15573
15574    <ul hidden>
15575      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
15576      <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li>
15577    </ul>
15578    <!-- Hides Gorgias Chatbox until SE Cookies Policy is accepted -->
15579<style media="screen" id="hide-chatbox">
15580  iframe#gorgias-web-messenger-container {
15581    display: none;
15582  }
15583</style>
15584
15585<script type="text/javascript">
15586  $(document).ready(function () {
15587    function showChat() {
15588      if ($('#se-cookies-message').hasClass('se-cookies-message-open')) {
15589        console.log('Hiding chatbox');
15590        $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: none;}');
15591      } else {
15592        console.log('Showing chatbox');
15593        $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}');
15594      }
15595    }
15596
15597    showChat();
15598
15599    $('#se-accept-cookies-checkbox').click(function () {
15600      $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}');
15601    });
15602  });
15603</script>
15603
15604
15605
15606    <!-- Back in Stock helper snippet -->
15607    
15608
15609<script id="back-in-stock-helper">
15610    var _BISConfig = _BISConfig || {};
15611
15612  
15613
15614  
15615</script>
15615
15616
15617    <!-- End Back in Stock helper snippet -->
15618
15619    <!-- Gorgias Chat Widget Start -->
15620
15621
15622<script
15623  id="gorgias-chat-widget-install-v2"
15624  src="https://config.gorgias.chat/gorgias-chat-bundle-loader.js?applicationId=1599"
15625></script>
15625
15626
15627<script>
15628  if (window.GorgiasChat) {
15629    GorgiasChat.init().then(function () {
15630      // Use GorgiasChat API here, now that the chat is fully initialized.
15631      var gorgiasChatInterval = window.setInterval(function () {
15632        var container = document.querySelector('#gorgias-chat-container');
15633        if (window.GorgiasChat && GorgiasChat.hasOwnProperty('on')) {
15634          if (window.location.hostname !== 'localhost') {
15635            GorgiasChat.setShopifyContext('olipop-store.myshopify.com/');
15636          }
15637        }
15638      }, 50);
15639    });
15640  }
15641</script>
15641
15642
15643    
15643<script type="text/javascript">
15644  ire('identify', { customerId: '', customerEmail: '' });
15645</script>
15645
15646
15647    <!--
15648  This JS is taken from this article - https://www.24a11y.com/2019/select-your-poison-part-2/
15649  It is also modified to be used as a way to decorate select dropdowns and make them
15650  accessible using keyboards.
15651
15652  How to use it:
15653  Add js-combobox class to the <select> element you would like to replace with the combobox.
15654  Hide your <select> element as well as corresponding <label> element with display: none;.
15655
15656  On load, this libary will create a new <label> element and a combobox element which consists
15657  of an input element and a listbox.
15658
15659  The new <label> element will have select label's aria-label.
15660  The new combobox element will have select options' values and text.
15661
15662  On option select, this libary will also set your hidden <select> element's val so it
15663  can be used further.
15664-->
15665
15666<script>
15667  jQuery(document).ready(function () {
15668    /*
15669     * Helper constants and functions
15670     */
15671
15672    // make it easier for ourselves by putting some values in objects
15673    // in TypeScript, these would be enums
15674    const Keys = {
15675      Backspace: 'Backspace',
15676      Clear: 'Clear',
15677      Down: 'ArrowDown',
15678      End: 'End',
15679      Enter: 'Enter',
15680      Escape: 'Escape',
15681      Home: 'Home',
15682      Left: 'ArrowLeft',
15683      PageDown: 'PageDown',
15684      PageUp: 'PageUp',
15685      Right: 'ArrowRight',
15686      Space: ' ',
15687      Tab: 'Tab',
15688      Up: 'ArrowUp',
15689    };
15690
15691    const MenuActions = {
15692      Close: 0,
15693      CloseSelect: 1,
15694      First: 2,
15695      Last: 3,
15696      Next: 4,
15697      Open: 5,
15698      Previous: 6,
15699      Select: 7,
15700      Space: 8,
15701      Type: 9,
15702    };
15703
15704    // filter an array of options against an input string
15705    // returns an array of options that begin with the filter string, case-independent
15706    function filterOptions(options = [], filter, exclude = []) {
15707      return options.filter((option) => {
15708        const matches = option.toLowerCase().indexOf(filter.toLowerCase()) === 0;
15709        return matches && exclude.indexOf(option) < 0;
15710      });
15711    }
15712
15713    // return an array of exact option name matches from a comma-separated string
15714    function findMatches(options, search) {
15715      const names = search.split(',');
15716      return names
15717        .map((name) => {
15718          const match = options.filter((option) => name.trim().toLowerCase() === option.toLowerCase());
15719          return match.length > 0 ? match[0] : null;
15720        })
15721        .filter((option) => option !== null);
15722    }
15723
15724    // return combobox action from key press
15725    function getActionFromKey(key, menuOpen) {
15726      // handle opening when closed
15727      if (!menuOpen && key === Keys.Down) {
15728        return MenuActions.Open;
15729      }
15730
15731      // handle keys when open
15732      if (key === Keys.Down) {
15733        return MenuActions.Next;
15734      } else if (key === Keys.Up) {
15735        return MenuActions.Previous;
15736      } else if (key === Keys.Home) {
15737        return MenuActions.First;
15738      } else if (key === Keys.End) {
15739        return MenuActions.Last;
15740      } else if (key === Keys.Escape) {
15741        return MenuActions.Close;
15742      } else if (key === Keys.Enter) {
15743        return MenuActions.CloseSelect;
15744      } else if (key === Keys.Backspace || key === Keys.Clear || key.length === 1) {
15745        return MenuActions.Type;
15746      }
15747    }
15748
15749    // get index of option that matches a string
15750    function getIndexByLetter(options, filter) {
15751      const firstMatch = filterOptions(options, filter)[0];
15752      return firstMatch ? options.indexOf(firstMatch) : -1;
15753    }
15754
15755    // get updated option index
15756    function getUpdatedIndex(current, max, action) {
15757      switch (action) {
15758        case MenuActions.First:
15759          return 0;
15760        case MenuActions.Last:
15761          return max;
15762        case MenuActions.Previous:
15763          return Math.max(0, current - 1);
15764        case MenuActions.Next:
15765          return Math.min(max, current + 1);
15766        default:
15767          return current;
15768      }
15769    }
15770
15771    // check if an element is currently scrollable
15772    function isScrollable(element) {
15773      return element && element.clientHeight < element.scrollHeight;
15774    }
15775
15776    // ensure given child element is within the parent's visible scroll area
15777    function maintainScrollVisibility(activeElement, scrollParent) {
15778      const { offsetHeight, offsetTop } = activeElement;
15779      const { offsetHeight: parentOffsetHeight, scrollTop } = scrollParent;
15780
15781      const isAbove = offsetTop < scrollTop;
15782      const isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight;
15783
15784      if (isAbove) {
15785        scrollParent.scrollTo(0, offsetTop);
15786      } else if (isBelow) {
15787        scrollParent.scrollTo(0, offsetTop - parentOffsetHeight + offsetHeight);
15788      }
15789    }
15790
15791    /*
15792     * ARIA 1.1 Readonly Input code
15793     */
15794    const ARIA11Combo = function (el, options, optionValues, selectEl) {
15795      // element refs
15796      this.el = el;
15797      this.selectEl = selectEl;
15798      this.comboEl = el.querySelector('[role=combobox]');
15799      this.inputEl = el.querySelector('input');
15800      this.listboxEl = el.querySelector('[role=listbox]');
15801
15802      // data
15803      this.idBase = this.inputEl.id;
15804      this.options = options;
15805      this.optionValues = optionValues;
15806
15807      // state
15808      this.activeIndex = 0;
15809      this.open = false;
15810    };
15811
15812    ARIA11Combo.prototype.init = function () {
15813      this.inputEl.addEventListener('input', this.onInput.bind(this));
15814      this.inputEl.addEventListener('blur', this.onInputBlur.bind(this));
15815      this.inputEl.addEventListener('click', () => this.updateMenuState(true));
15816      this.inputEl.addEventListener('keydown', this.onInputKeyDown.bind(this));
15817
15818      this.options.map((option, index) => {
15819        const optionEl = document.createElement('div');
15820        optionEl.setAttribute('role', 'option');
15821        optionEl.id = `${this.idBase}-${index}`;
15822        optionEl.className = index === 0 ? 'combo-option option-current' : 'combo-option';
15823        optionEl.setAttribute('aria-selected', 'false');
15824        optionEl.innerText = option;
15825
15826        optionEl.addEventListener('click', () => {
15827          this.onOptionClick(index);
15828        });
15829        optionEl.addEventListener('mousedown', this.onOptionMouseDown.bind(this));
15830
15831        this.listboxEl.appendChild(optionEl);
15832      });
15833      this.onOptionClick(0);
15834    };
15835
15836    ARIA11Combo.prototype.onInput = function () {
15837      const curValue = this.inputEl.value;
15838      const matches = filterOptions(this.options, curValue);
15839
15840      // set activeIndex to first matching option
15841      // (or leave it alone, if the active option is already in the matching set)
15842      const filterCurrentOption = matches.filter((option) => option === this.options[this.activeIndex]);
15843      if (matches.length > 0 && !filterCurrentOption.length) {
15844        this.onOptionChange(this.options.indexOf(matches[0]));
15845      }
15846
15847      const menuState = this.options.length > 0;
15848      if (this.open !== menuState) {
15849        this.updateMenuState(menuState, false);
15850      }
15851    };
15852
15853    ARIA11Combo.prototype.onInputKeyDown = function (event) {
15854      const { key } = event;
15855      const max = this.options.length - 1;
15856
15857      const action = getActionFromKey(key, this.open);
15858
15859      switch (action) {
15860        case MenuActions.Next:
15861        case MenuActions.Last:
15862        case MenuActions.First:
15863        case MenuActions.Previous:
15864          event.preventDefault();
15865          return this.onOptionChange(getUpdatedIndex(this.activeIndex, max, action));
15866        case MenuActions.CloseSelect:
15867          event.preventDefault();
15868          this.selectOption(this.activeIndex);
15869          return this.updateMenuState(false);
15870        case MenuActions.Close:
15871          event.preventDefault();
15872          return this.updateMenuState(false);
15873        case MenuActions.Type:
15874          this.onOptionChange(Math.max(0, getIndexByLetter(this.options, key)));
15875        case MenuActions.Open:
15876          return this.updateMenuState(true);
15877      }
15878    };
15879
15880    ARIA11Combo.prototype.onInputBlur = function () {
15881      if (this.ignoreBlur) {
15882        this.ignoreBlur = false;
15883        return;
15884      }
15885
15886      if (this.open) {
15887        this.updateMenuState(false, false);
15888      }
15889    };
15890
15891    ARIA11Combo.prototype.onOptionChange = function (index) {
15892      this.activeIndex = index;
15893      this.inputEl.setAttribute('aria-activedescendant', `${this.idBase}-${index}`);
15894
15895      // update active style
15896      const options = this.el.querySelectorAll('[role=option]');
15897      [...options].forEach((optionEl) => {
15898        optionEl.classList.remove('option-current');
15899      });
15900      options[index].classList.add('option-current');
15901
15902      if (this.open && isScrollable(this.listboxEl)) {
15903        maintainScrollVisibility(options[index], this.listboxEl);
15904      }
15905    };
15906
15907    ARIA11Combo.prototype.onOptionClick = function (index) {
15908      this.onOptionChange(index);
15909      this.selectOption(index);
15910      this.updateMenuState(false);
15911    };
15912
15913    ARIA11Combo.prototype.onOptionMouseDown = function () {
15914      this.ignoreBlur = true;
15915    };
15916
15917    ARIA11Combo.prototype.selectOption = function (index) {
15918      const selected = this.options[index];
15919      this.inputEl.value = selected;
15920      this.activeIndex = index;
15921
15922      // update aria-selected
15923      const options = this.el.querySelectorAll('[role=option]');
15924      [...options].forEach((optionEl) => {
15925        optionEl.setAttribute('aria-selected', 'false');
15926      });
15927      options[index].setAttribute('aria-selected', 'true');
15928
15929      // Update hidden select element's value
15930      this.selectEl.val(this.optionValues[index]);
15931      setSellingPlan(this.selectEl.data('product_id'));
15932    };
15933
15934    ARIA11Combo.prototype.updateMenuState = function (open, callFocus = true) {
15935      this.open = open;
15936
15937      this.comboEl.setAttribute('aria-expanded', `${open}`);
15938      open ? this.el.classList.add('open') : this.el.classList.remove('open');
15939      callFocus && this.inputEl.focus();
15940    };
15941
15942    function setComboBoxes() {
15943      $('.js-combobox').each(function (index) {
15944        const $this = $(this);
15945        const labelEl = $this.parents('label');
15946
15947        // Insert combobox after select element's label
15948        labelEl.after(
15949          '<label for="combo' +
15950            index +
15951            '" aria-label="' +
15952            labelEl.attr('aria-label') +
15953            '" class="combo-label"></label>' +
15954            '<div class="combo js-aria11">' +
15955            '<div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox' +
15956            index +
15957            '" class="input-wrapper">' +
15958            '<input aria-activedescendant="" aria-autocomplete="none" id="combo' +
15959            index +
15960            '" class="combo-input" readonly type="text">' +
15961            '<div class="combo-menu" role="listbox" id="listbox' +
15962            index +
15963            '"></div>' +
15964            '</div>' +
15965            '</div>'
15966        );
15967
15968        const selectOptions = $this.find('option');
15969        const selectOptionValues = $.map(selectOptions, (e) => $(e).val());
15970        const options = $.map(selectOptions, (e) => e.label);
15971
15972        // init combo
15973        const aria11El = labelEl.siblings('.js-aria11')[0];
15974        const aria11Component = new ARIA11Combo(aria11El, options, selectOptionValues, $this);
15975        aria11Component.init();
15976      });
15977    }
15978  });
15979</script>
15979
15980
15981    
15982    
15982<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/gsap.min.js"></script>
15982
15983    
15983<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/Draggable.min.js"></script>
15983
15984    
15984<script src="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.js"></script>
15984
15985    
15985<script src="//drinkolipop.com/cdn/shop/t/1366/assets/swiper.js?v=56584870573080344041773709640"></script>
15985
15986
15987    
15988
15989    <!-- BEAM START -->
15990    
15990<script type="module">
15991  import { init } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js";
15992  import { PromoManagerPlugin } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/promoManager.js";
15993
15994  const beam = await init({
15995    apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae",
15996    chainId: 338,
15997    storeId: 528,
15998    domain: "drinkolipop.com",
15999    plugins: [
16000      new PromoManagerPlugin()
16001    ]
16002  });
16003</script>
16003
16004
16005<script type="module" async crossorigin>
16006  let isNonProfitClicked = false;
16007  const cartScrollElement = '.rebuy-cart__flyout-content';
16008  document.addEventListener('beamnonprofitselect', (evt) => {
16009    if (!isNonProfitClicked) {
16010      const scrollArea = document.querySelector(cartScrollElement);
16011      scrollArea.scrollBy({
16012        top: 150,
16013        left: 0,
16014        behavior: 'smooth',
16015      });
16016      isNonProfitClicked = true;
16017    }
16018  });
16019</script>
16019
16020    
16020<script type="module" async crossorigin>
16021  import { registerCartIntegration } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/shopify.js";
16022  import { getConfig } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js";
16023
16024  const beam = getConfig();
16025  await beam.readyPromise;
16026
16027  registerCartIntegration({
16028    apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae",
16029    storeId: 528,
16030    baseUrl: "https://api.beamimpact.com",
16031    domain: "drinkolipop.com" || undefined,
16032  });
16033</script>
16033
16034    <!-- beam-select-nonprofit.liquid -->
16035<!-- BEAM START -->
16036<script
16037  type="module"
16038  async
16039  crossorigin
16040  data-em-disable
16041  data-categories="analytics"
16042  src="https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/components/select-nonprofit.js"
16043></script>
16043
16044
16045    <!-- BEAM END -->
16046
16047    <div id="portal"></div>
16048    
16049
16050
16051  
16052
16053  <!-- 1. The dialog container -->
16054  <div
16055    class="dialog-container"
16056    data-component="dialog"
16057    
16058      data-portal="portal"
16059    
16060    id="find-in-store-dialog"
16061    aria-labelledby="find-in-store"
16062    aria-hidden="true"
16063  >
16064    <!-- 2. The dialog overlay -->
16065    
16066      <div
16067        class="dialog-overlay"
16068        data-a11y-dialog-hide
16069        
16070          style="background-color: rgba(0, 0, 0, 0.45);"
16071        
16072      ></div>
16073    
16074    <!-- 3. The actual dialog -->
16075
16076    
16077      <div class="dialog-content tw-bg-creme">
16078        
16079  <div
16080    class="store-locator-dialog-inner"
16081    data-component="storeLocatorModal"
16082    data-dialog-id="find-in-store-dialog"
16083  >
16084    <div class="store-locator-dialog-header">
16085      <h2 class="store-locator-dialog-title" id="find-in-store">Where to Buy OLIPOP</h2>
16086      <button
16087        class="store-locator-dialog-close"
16088        type="button"
16089        data-a11y-dialog-hide
16090        aria-label="Close dialog"
16091      >
16092        
16093
16094
16095    <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
16096      <path d="M6.98828 6L23.9588 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/>
16097      <path d="M23.9883 6L7.01772 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/>
16098    </svg>
16099
16100  
16101
16102      </button>
16103    </div>
16104    <div class="store-locator-section-container store-locator-dialog-widget">
16105      
16106
16107
16108
16109<div
16110  id="store-locator-modal-widget"
16111  class="oli-smartcommerce-product-locator"
16112  data-sc-product-locator-id="dd9dac97-f17f-4d37-971a-e933120edab3"
16113  data-sc-product-locator-type="standalone"
16114  data-sc-locale="en-us"
16115  
16116  style="height: min(90vh, 800px);"
16117></div>
16118
16119
16120
16121    </div>
16122  </div>
16123
16124      </div>
16125    
16126  </div>
16127
16128
16129
16130    <!-- Use of this pixel is subject to the Amazon ad specs and policies at http://www.amazon.com/b/?&node=7253015011 -->
16131<script type="text/javascript">
16132  var _pix = document.getElementById('_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a');
16133  if (!_pix) {
16134    var protocol = '//';
16135    var a = Math.random() * 1000000000000000000;
16136    _pix = document.createElement('iframe');
16137    _pix.style.display = 'none';
16138    _pix.setAttribute(
16139      'src',
16140      protocol +
16141        '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' +
16142        '&cb=' +
16143        a
16144    );
16145    _pix.setAttribute('id', '_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a');
16146    document.body.appendChild(_pix);
16147  }
16148</script>
16148
16149
16150    
16150<script>
16151  /**
16152   * Product metafield custom.fiber is a metaobject reference (fiber_option).
16153   * Rebuy usually passes only a gid string (no label/title on the object). We map gids to
16154   * labels from shop metaobjects (same field order as PDP: title, label, text, name).
16155   */
16156  window.__fiberOptionLabels = Object.assign(window.__fiberOptionLabels || {}, {"gid://shopify/Metaobject/116150763679": ["9g Fiber"],
16157          "116150763679": ["9g Fiber"]
16158,"gid://shopify/Metaobject/116150796447": ["6g Fiber"],
16159          "116150796447": ["6g Fiber"]
16160,"gid://shopify/Metaobject/121363038367": ["MINIs"],
16161          "121363038367": ["MINIs"]
16162});
16163
16164  function rebuyMetaobjectFieldValue(field) {
16165    if (field == null || field === '') return '';
16166    if (typeof field === 'string') return field;
16167    if (typeof field === 'object' && Object.prototype.hasOwnProperty.call(field, 'value')) {
16168      return field.value == null ? '' : String(field.value);
16169    }
16170    return '';
16171  }
16172
16173  function rebuyFiberLabelFromResolvedEntry(entry) {
16174    if (entry == null || entry === '') return '';
16175    if (typeof entry === 'string') {
16176      if (entry.indexOf('gid://shopify/Metaobject/') !== 0) return entry;
16177      var map = window.__fiberOptionLabels || {};
16178      if (map[entry]) return map[entry];
16179      var n = /^gid:\/\/shopify\/Metaobject\/(\d+)$/.exec(entry);
16180      return n && map[n[1]] ? map[n[1]] : '';
16181    }
16182    if (typeof entry === 'object') {
16183      var nested =
16184        rebuyMetaobjectFieldValue(entry.label) ||
16185        rebuyMetaobjectFieldValue(entry.title) ||
16186        rebuyMetaobjectFieldValue(entry.text) ||
16187        rebuyMetaobjectFieldValue(entry.name) ||
16188        (typeof entry.display_value === 'string' ? entry.display_value : '');
16189      if (nested) return nested;
16190      var v = entry.value;
16191      if (typeof v === 'string' && v.indexOf('gid://shopify/Metaobject/') === 0) return rebuyFiberLabelFromResolvedEntry(v);
16192      return '';
16193    }
16194    return String(entry);
16195  }
16196
16197  function rebuyFiberMetafieldFromLineItem(item) {
16198    var vFiber = item && item.variant && item.variant.metafields && item.variant.metafields.custom && item.variant.metafields.custom.fiber;
16199    if (vFiber != null && vFiber !== '') return vFiber;
16200    var pFiber = item && item.product && item.product.metafields && item.product.metafields.custom && item.product.metafields.custom.fiber;
16201    return pFiber;
16202  }
16203
16204  window.cartItemTitleWithFiber = function (item) {
16205    var base = item && item.product_title ? String(item.product_title) : '';
16206    var fiberMeta = rebuyFiberMetafieldFromLineItem(item);
16207    if (fiberMeta == null || fiberMeta === '') return base;
16208
16209    var entry = fiberMeta;
16210    if (typeof fiberMeta === 'object' && fiberMeta !== null && Object.prototype.hasOwnProperty.call(fiberMeta, 'value')) {
16211      entry = fiberMeta.value;
16212    }
16213
16214    var suffix = rebuyFiberLabelFromResolvedEntry(entry);
16215    if (!suffix) return base;
16216    return base + ' ' + suffix;
16217  };
16218
16219  let SmartCart;
16220
16221  function removeBrokenBundleLineItems() {
16222    if (!SmartCart?.hasItems()) return;
16223    const items = SmartCart.items();
16224
16225    const findBundleParent = (childLineItem) => {
16226      const { _bundle_id, _created_at, bundle_parent } = childLineItem.properties;
16227      const bundleParent = SmartCart.items().find(
16228        (item) =>
16229          (item.properties.bundle_parent || item.properties._bundle_parent) &&
16230          item.properties._bundle_id === _bundle_id &&
16231          item.properties._created_at === _created_at
16232      );
16233
16234      return bundleParent;
16235    };
16236
16237    try {
16238      items.forEach((item) => {
16239        if (item.properties.hasOwnProperty('_bundle_id')) {
16240          if (item.properties.bundle_parent === false || item.properties._bundle_parent === false) {
16241            const bundleParent = findBundleParent(item);
16242            if (!bundleParent) {
16243              SmartCart.removeItem(item);
16244            }
16245          }
16246        }
16247      });
16248    } catch (e) {
16249      console.error(e);
16250    }
16251  }
16252
16253  document.querySelectorAll('.site-header__cart').forEach((element) => {
16254    element.addEventListener('click', function (e) {
16255			window.Rebuy.SmartCart.show();
16256    });
16257  });
16258
16259  const blockImage = (
16260    ``
16261  );
16262  
16263  const blockImageBtn = (
16264    `
16265    `
16266  );
16267
16268  function handleCustomEvent(event) {
16269    const lineItems = event.detail?.cart?.line_items || [];
16270
16271    if (lineItems.length === 0 && blockImage) {
16272      setTimeout(()=> {
16273        const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart');
16274        if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImage)
16275			}, 1500)
16276    }
16277    
16278    if (lineItems.length === 0 && blockImageBtn) {
16279      setTimeout(()=> {
16280        const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p');
16281        if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImageBtn)
16282      }, 1500)
16283    }
16284  }
16285
16286  function handleCartAddEvent(event) {
16287    const elementSnow = document.querySelector('element-snow')
16288
16289    if(elementSnow) {
16290      elementSnow.remove();
16291      elementSnow.show();
16292    }
16293  }
16294
16295  document.addEventListener('rebuy:smartcart.show', function () {
16296    // document.querySelector('#rebuy-cart').removeAttribute('inert');
16297    document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = 0);
16298    document.querySelector('.main-content').setAttribute('aria-hidden', 'true'); // voiceOver fix
16299
16300    setTimeout(()=>{
16301      document.getElementById('rebuy-cart').classList.remove("is-visible-delay");
16302    }, 1000)
16303
16304    const elementSnow = document.querySelector('element-snow')
16305
16306    if(elementSnow) elementSnow.show();
16307    const breakpointQuery = window.matchMedia('(max-width: 1023px)');
16308
16309		setTimeout(()=>{
16310      const sliceAnimationWrapper = document.querySelector('.slice-animation-wrapper')
16311      const btnImage = document.querySelector('.rebuy-cart__flyout-empty-image')
16312      const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart')
16313      const emptyCartInnerBtn = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p');
16314
16315			if (sliceAnimationWrapper) {
16316        const sliceAnimationElement = sliceAnimationWrapper.querySelector('.tw-animate-cart-slice-mobile')
16317        sliceAnimationElement?.classList.remove('lg:tw-animate-cart-slice');
16318        sliceAnimationElement?.classList.remove('tw-animate-cart-slice-mobile');
16319
16320
16321        if (breakpointQuery.matches) {
16322					setTimeout(()=>{
16323						sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice');
16324						sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile');
16325					}, 1200);
16326        } else {
16327          setTimeout(()=>{
16328            sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice');
16329            sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile');
16330          }, 100);
16331        }
16332      }
16333
16334      if (emptyCartInner && !sliceAnimationWrapper) {
16335        if (breakpointQuery.matches) {
16336          setTimeout(()=>{
16337            emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage)
16338          }, 2000);
16339				} else {
16340       	 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage)
16341				}
16342      }
16343
16344      if (emptyCartInner && !btnImage) {
16345        if (breakpointQuery.matches) {
16346          setTimeout(()=>{
16347            emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn)
16348          }, 2000);
16349        } else {
16350          emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn)
16351        }
16352      }
16353    }, 500);
16354
16355    // Add event listener for cart updates when cart is open
16356		document.addEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent);
16357		document.addEventListener('rebuy:cart.add', handleCartAddEvent);
16358  });
16359
16360  document.addEventListener('rebuy:smartcart.hide', function (event) {
16361    // document.querySelector('#rebuy-cart').setAttribute('inert', '');
16362    document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = -1);
16363    document.querySelector('.main-content').removeAttribute('aria-hidden'); // voiceOver fix
16364
16365    const elementSnow = document.querySelector('element-snow')
16366
16367    document.querySelector('body').style.removeProperty('overflow');
16368
16369    // Remove event listener for cart updates when cart is close
16370    document.removeEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent);
16371    document.removeEventListener('rebuy:cart.add', handleCartAddEvent);
16372
16373    if(elementSnow) elementSnow.remove();
16374  });
16375
16376  document.addEventListener('rebuy.ready', (event) => {
16377    SmartCart = window.Rebuy.SmartCart;
16378    removeBrokenBundleLineItems();
16379  });
16380
16381  async function updateBundleDeliveryFrequencies(item, subscriptionFrequency) {
16382    if (!isBundleParent(item)) return;
16383    const bundleChildren = getBundleChildren(item);
16384    try {
16385      bundleChildren.forEach((child) => {
16386        Rebuy.Cart.switchToSubscription(child, subscriptionFrequency);
16387      });
16388    } catch (error) {
16389      console.error(error);
16390    }
16391  }
16392
16393  function getBundlePrice(bundleParentLineItem) {
16394    if (!isBundleParent(bundleParentLineItem)) {
16395      return null;
16396    }
16397
16398    const bundleChildren = getBundleChildren(bundleParentLineItem);
16399    const bundlePrice = bundleChildren.reduce((totalPrice, item) => {
16400      return totalPrice + item.price * item.quantity;
16401    }, 0);
16402
16403    return Rebuy.Cart.formatMoney(bundlePrice);
16404  }
16405
16406  async function removeLineItems(bundleParentLineItem, bundleChildrenLineItems) {
16407    const itemsToRemove = [...bundleChildrenLineItems, bundleParentLineItem];
16408    const updates = itemsToRemove.reduce((updateObject, item) => {
16409      if (!updateObject[item.key]) {
16410        updateObject[item.key] = 0;
16411      }
16412      return updateObject;
16413    }, {});
16414
16415    try {
16416      const updatedCart = await fetch('/cart/update.js', {
16417        method: 'POST',
16418        headers: {
16419          'Content-Type': 'application/json',
16420        },
16421        body: JSON.stringify({
16422          updates,
16423        }),
16424      });
16425    } catch (e) {
16426      console.error(e);
16427    }
16428  }
16429
16430  const getBundleChildren = (bundleParentItem) => {
16431    const items = window.Rebuy.SmartCart?.items();
16432    return items.filter(
16433      (lineItem) =>
16434        lineItem.properties._bundle_id === bundleParentItem.properties._bundle_id &&
16435        parseInt(lineItem.properties._created_at) === parseInt(bundleParentItem.properties._created_at) &&
16436        isBundleChild(lineItem)
16437    );
16438  };
16439
16440  const handleRemove = async (item) => {
16441    const isBundleItem = item.properties == null ? false : item.properties.hasOwnProperty('_bundle_id');
16442    if (SmartCart == undefined) {
16443      SmartCart = window.Rebuy.SmartCart;
16444    }
16445
16446    if (!isBundleItem) {
16447      SmartCart.removeItem(item);
16448      return;
16449    }
16450
16451    const bundleChildren = getBundleChildren(item);
16452
16453    try {
16454      if (!bundleChildren || !bundleChildren.length) {
16455        SmartCart.removeItem(item);
16456        return;
16457      } else {
16458        removeLineItems(item, bundleChildren);
16459      }
16460    } catch (e) {
16461      console.error(e);
16462    }
16463  };
16464
16465  const bundleParentProperties = ['bundle_parent', '_bundle_parent'];
16466  const isBundleChild = (item) => {
16467    // SmartCart stringifies all item property values on some cart methods
16468    const bundleChild = bundleParentProperties.filter(
16469      (property) => item.properties[property] === false || item.properties[property] === 'false'
16470    );
16471    return bundleChild.length > 0;
16472  };
16473
16474  const isBundleParent = (item) => {
16475    // SmartCart stringifies all item property values on some cart methods
16476    const bundleParent = bundleParentProperties.filter(
16477      (property) => item.properties[property] === true || item.properties[property] === 'true'
16478    );
16479    return bundleParent.length > 0;
16480  };
16481
16482  const displayProperty = (property) => {
16483    const hidden_keys = ['bundle_parent', '_bundle_id', 'Bundle Id', 'Frequency'];
16484    return hidden_keys.includes(property.key) ? false : true;
16485  };
16486
16487  const getCartJson = () => {
16488    return SmartCart.cart;
16489  };
16490
16491
16492  document.addEventListener('rebuy.add', function (event) {
16493    if (window.gtag) {
16494      const { product, widget } = event.detail;
16495      if (!product || !widget) return;
16496      window.gtag('event', 'Side Cart - Upsell Added', {
16497        event_detail: product.title + ' - ' + widget.View.carousel.selectedIndex,
16498      });
16499    }
16500  });
16501
16502  window.globalDiscountsCollectionIds = [];
16503  
16504    window.globalDiscounts = undefined;
16505  
16506
16507  /**
16508   * Mirrors snippets/oli-product-price-set.liquid for Smart Cart line items so PDP and sidecart match.
16509   */
16510  (function () {
16511    function productInGlobalDiscountScope(product) {
16512      var ids = window.globalDiscountsCollectionIds;
16513      if (ids == null || ids.length === 0) return true;
16514      var colls = product && product.collections;
16515      if (!colls || !colls.length) return false;
16516      var productIds = {};
16517      for (var i = 0; i < colls.length; i++) productIds[colls[i].id] = true;
16518      for (var j = 0; j < ids.length; j++) if (productIds[ids[j]]) return true;
16519      return false;
16520    }
16521
16522    function pickGlobalDiscount(item) {
16523      var discounts = window.globalDiscounts;
16524      if (!discounts || !discounts.length) return null;
16525      var both = discounts.filter(function (d) {
16526        return d.purchase_type === 'Both';
16527      });
16528      var oneTime = discounts.find(function (d) {
16529        return d.purchase_type === 'One-time purchase';
16530      });
16531      var subscription = discounts.find(function (d) {
16532        return d.purchase_type === 'Subscription';
16533      });
16534      var oneTimeDiscount = oneTime || both[0];
16535      var subscriptionDiscount = subscription || both[0];
16536      return item.selling_plan_allocation ? subscriptionDiscount : oneTimeDiscount;
16537    }
16538
16539    function applyGlobalDiscountCents(priceCents, discount) {
16540      if (!discount || priceCents == null) return priceCents;
16541      var dv = Number(discount.discount_value);
16542      if (discount.discount_value_type === 'Percentage') {
16543        var percentage = 100 - dv;
16544        return Math.ceil((priceCents * percentage) / 100);
16545      }
16546      return priceCents - dv;
16547    }
16548
16549    function basePriceCents(item) {
16550      if (item.selling_plan_allocation) return Number(item.selling_plan_allocation.price);
16551      if (item.variant && item.variant.price != null) return Number(item.variant.price);
16552      return Number(item.price);
16553    }
16554
16555    function compareBaseCents(item) {
16556      if (item.selling_plan_allocation) {
16557        var spaCompare = item.selling_plan_allocation.compare_at_price;
16558        return spaCompare == null ? 0 : Number(spaCompare);
16559      }
16560      if (item.variant && item.variant.compare_at_price != null) return Number(item.variant.compare_at_price);
16561      if (item.compare_at_price != null) return Number(item.compare_at_price);
16562      return 0;
16563    }
16564
16565    function globalPricingActive(item) {
16566      if (!window.rebuyCartSettings || !window.rebuyCartSettings.enable_global_discounts) return false;
16567      if (!window.globalDiscounts || !window.globalDiscounts.length) return false;
16568      return productInGlobalDiscountScope(item.product);
16569    }
16570
16571    function catalogLinePriceParts(item) {
16572      var price = basePriceCents(item);
16573      var compare_at_price = compareBaseCents(item);
16574      var showCompare = !!(compare_at_price && compare_at_price !== 0);
16575
16576      return {
16577        useDefault: false,
16578        finalCents: price,
16579        compareCents: showCompare ? compare_at_price : 0,
16580        showCompare: showCompare,
16581      };
16582    }
16583
16584    window.__oliRebuyGetLinePriceParts = function (item) {
16585      var globalDiscountsEnabled =
16586        window.rebuyCartSettings && window.rebuyCartSettings.enable_global_discounts;
16587
16588      if (!globalDiscountsEnabled) {
16589        return catalogLinePriceParts(item);
16590      }
16591
16592      if (!globalPricingActive(item)) return { useDefault: true };
16593
16594      var discount = pickGlobalDiscount(item);
16595      if (!discount) return { useDefault: true };
16596
16597      var price = basePriceCents(item);
16598      var compare_at_price = compareBaseCents(item);
16599      var hasSellingPlan = !!item.selling_plan_allocation;
16600
16601      var final_price = applyGlobalDiscountCents(price, discount);
16602
16603      if (compare_at_price === 0 && final_price < price) compare_at_price = price;
16604      if (!hasSellingPlan && final_price < price) compare_at_price = price;
16605
16606      var showCompare = !!(compare_at_price && compare_at_price !== 0);
16607
16608      return {
16609        useDefault: false,
16610        finalCents: final_price,
16611        compareCents: showCompare ? compare_at_price : 0,
16612        showCompare: showCompare,
16613      };
16614    };
16615
16616    window.oliRebuyLineHasDiscount = function (item, itemHasDiscountFn) {
16617      var parts = window.__oliRebuyGetLinePriceParts(item);
16618      if (parts.useDefault) return itemHasDiscountFn(item);
16619      return parts.showCompare;
16620    };
16621
16622    window.oliRebuyLineSalePrice = function (item, formatMoneyFn, itemPriceFn) {
16623      var parts = window.__oliRebuyGetLinePriceParts(item);
16624      if (parts.useDefault) return formatMoneyFn(itemPriceFn(item));
16625      return formatMoneyFn(parts.finalCents);
16626    };
16627
16628    window.oliRebuyLineComparePrice = function (item, formatMoneyFn, compareAtPriceFn) {
16629      var parts = window.__oliRebuyGetLinePriceParts(item);
16630      if (parts.useDefault) {
16631        return item.selling_plan_allocation
16632          ? formatMoneyFn(item.selling_plan_allocation.compare_at_price)
16633          : formatMoneyFn(compareAtPriceFn(item));
16634      }
16635      return parts.showCompare ? formatMoneyFn(parts.compareCents) : '';
16636    };
16637
16638    function oliRebuyLineUnitCents(item, itemPriceFn) {
16639      var parts = window.__oliRebuyGetLinePriceParts(item);
16640      if (!parts.useDefault) return parts.finalCents;
16641      return Number(itemPriceFn(item));
16642    }
16643
16644    function oliRebuyLineCompareUnitCents(item, compareAtPriceFn) {
16645      var parts = window.__oliRebuyGetLinePriceParts(item);
16646      if (!parts.useDefault) {
16647        return parts.showCompare ? parts.compareCents : 0;
16648      }
16649      if (item.selling_plan_allocation) {
16650        return Number(item.selling_plan_allocation.compare_at_price) || 0;
16651      }
16652      return Number(compareAtPriceFn(item)) || 0;
16653    }
16654
16655    function oliRebuyLineTotalCents(item, itemPriceFn) {
16656      var parts = window.__oliRebuyGetLinePriceParts(item);
16657      var qty = Number(item.quantity) || 1;
16658      if (!parts.useDefault) return parts.finalCents * qty;
16659      if (item.final_line_price != null) return Number(item.final_line_price);
16660      if (item.line_price != null) return Number(item.line_price);
16661      return oliRebuyLineUnitCents(item, itemPriceFn) * qty;
16662    }
16663
16664    function oliRebuyGetBundleChildren(bundleParentItem) {
16665      var items = window.Rebuy.SmartCart && window.Rebuy.SmartCart.items();
16666      if (!items || !items.length) return [];
16667      var bundleId = bundleParentItem.properties && bundleParentItem.properties._bundle_id;
16668      var createdAt = bundleParentItem.properties && bundleParentItem.properties._created_at;
16669      return items.filter(function (lineItem) {
16670        if (!lineItem.properties || lineItem.properties._bundle_id !== bundleId) return false;
16671        if (parseInt(lineItem.properties._created_at, 10) !== parseInt(createdAt, 10)) return false;
16672        return (
16673          lineItem.properties.bundle_parent === false ||
16674          lineItem.properties.bundle_parent === 'false' ||
16675          lineItem.properties._bundle_parent === false ||
16676          lineItem.properties._bundle_parent === 'false'
16677        );
16678      });
16679    }
16680
16681    function oliRebuyBundleLineCents(bundleParent, itemPriceFn) {
16682      return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) {
16683        return total + oliRebuyLineTotalCents(child, itemPriceFn);
16684      }, 0);
16685    }
16686
16687    function oliRebuyBundleCompareCents(bundleParent, itemPriceFn, compareAtPriceFn) {
16688      return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) {
16689        var qty = Number(child.quantity) || 1;
16690        var compareUnit = oliRebuyLineCompareUnitCents(child, compareAtPriceFn);
16691        if (compareUnit) return total + compareUnit * qty;
16692        return total + oliRebuyLineUnitCents(child, itemPriceFn) * qty;
16693      }, 0);
16694    }
16695
16696    /**
16697     * Subtotal aligned with displayed line-item prices (global discounts, bundles, qty).
16698     */
16699    window.oliRebuyCartSubtotal = function (
16700      formatMoneyFn,
16701      itemsFn,
16702      itemPriceFn,
16703      compareAtPriceFn,
16704      isBundleChildFn,
16705      isHiddenItemFn,
16706      isBundleParentFn
16707    ) {
16708      var items = itemsFn();
16709      var totalCents = 0;
16710
16711      for (var i = 0; i < items.length; i++) {
16712        var item = items[i];
16713        if (isHiddenItemFn(item)) continue;
16714        if (isBundleChildFn(item) !== false) continue;
16715
16716        if (isBundleParentFn(item)) {
16717          totalCents += oliRebuyBundleLineCents(item, itemPriceFn);
16718        } else {
16719          totalCents += oliRebuyLineTotalCents(item, itemPriceFn);
16720        }
16721      }
16722
16723      return formatMoneyFn(totalCents);
16724    };
16725
16726    window.oliRebuyCartCompareSubtotal = function (
16727      formatMoneyFn,
16728      itemsFn,
16729      itemPriceFn,
16730      compareAtPriceFn,
16731      isBundleChildFn,
16732      isHiddenItemFn,
16733      isBundleParentFn
16734    ) {
16735      var items = itemsFn();
16736      var totalCents = 0;
16737
16738      for (var i = 0; i < items.length; i++) {
16739        var item = items[i];
16740        if (isHiddenItemFn(item)) continue;
16741        if (isBundleChildFn(item) !== false) continue;
16742
16743        if (isBundleParentFn(item)) {
16744          totalCents += oliRebuyBundleCompareCents(item, itemPriceFn, compareAtPriceFn);
16745        } else {
16746          var qty = Number(item.quantity) || 1;
16747          var compareUnit = oliRebuyLineCompareUnitCents(item, compareAtPriceFn);
16748          if (compareUnit) {
16749            totalCents += compareUnit * qty;
16750          } else {
16751            totalCents += oliRebuyLineUnitCents(item, itemPriceFn) * qty;
16752          }
16753        }
16754      }
16755
16756      return formatMoneyFn(totalCents);
16757    };
16758  })();
16759
16760  if (!customElements.get('element-snow')) {
16761    customElements.define('element-snow', class videoPlay extends HTMLElement {
16762      constructor() {
16763        super();
16764      }
16765
16766      connectedCallback() {
16767      }
16768
16769      show() {
16770        // Create 50 snowflakes
16771        for (let i = 0; i < 140; i++) {
16772          const snowflake = document.createElement('div');
16773          snowflake.classList.add('snowflake');
16774
16775          // Randomly set the size (100% or 80% of the current size)
16776          const isSmaller = Math.random() < 0.5;  // 50% chance of smaller size
16777          const size = isSmaller ? '8px' : '10px';  // 20% smaller is 8px if the default is 10px
16778          snowflake.style.width = size;
16779          snowflake.style.height = size;
16780
16781          // Set random position and animation duration
16782          snowflake.style.left = `${Math.random() * 100}vw`;
16783          snowflake.style.animationDuration = `${Math.random() * 3 + 1}s`;
16784          snowflake.style.animationDelay = `${Math.random() * 2.5}s`;
16785
16786          this.appendChild(snowflake);
16787
16788          // Remove snowflake after animation ends
16789          snowflake.addEventListener('animationend', () => {
16790            snowflake.remove();
16791          });
16792        }
16793
16794				this.arrayElements = Array.from(document.querySelectorAll('.snowflake'))
16795
16796        setTimeout(()=> {
16797          this.fadeAway()
16798        }, 3000)
16799
16800        // setTimeout(()=> {
16801        //   this.remove()
16802        // }, 5000)
16803			}
16804
16805      fadeAway() {
16806				if (this.arrayElements) this.arrayElements.forEach(element => element.classList.add('animation-fade-away'));
16807      }
16808
16809      remove() {
16810				if (this.arrayElements) this.arrayElements.forEach(element => element.remove());
16811      }
16812    });
16813  }
16814  
16815  function removeDiscountGiftCard (event) {
16816    const cartItems = event.detail.cart.items();
16817    const giftCardInCart = cartItems.find(item => item.gift_card === true);
16818    const otherItemsInCart = cartItems.find(item => item.gift_card !== true);
16819    
16820    if (!otherItemsInCart && giftCardInCart && event.detail.cart.discount) {
16821      event.detail.cart.clearAllStoredDiscounts();
16822    }
16823  }
16824  
16825  function disableDiscountGiftCard(event) {
16826    const cartItems = event.detail.cart.items();
16827    const giftCardInCart = cartItems.find(item => item.gift_card === true);
16828    const otherItemsInCart = cartItems.find(item => item.gift_card !== true);
16829    const discountButton = document.querySelector('.rebuy-cart__flyout-discount button');
16830    const discountInput = document.querySelector('.rebuy-cart__flyout-discount-input');
16831    const errorMessage =  document.querySelector('.rebuy-cart__flyout-discount-input .rebuy-cart__flyout-discount-message');
16832    const messageHtml = `<span class="rebuy-cart__flyout-discount-message">Discount codes do not apply to gift cards</span>`
16833
16834    if (!otherItemsInCart && giftCardInCart) {
16835      discountButton?.setAttribute('disabled', 'true');
16836      if (!errorMessage) discountInput?.insertAdjacentHTML('beforeend', messageHtml)
16837    } else {
16838      discountButton?.removeAttribute('disabled');
16839      if (errorMessage) errorMessage.remove();
16840    }
16841  }
16842
16843
16844  const handleCartDiscountEvent = (event) => {
16845    removeDiscountGiftCard(event);
16846    disableDiscountGiftCard(event);
16847  };
16848
16849  document.addEventListener('rebuy:smartcart.init', (event) => {
16850    setTimeout(() => {
16851      document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]')?.forEach(el => el.tabIndex = -1);
16852    }, 2000)
16853  });
16854
16855  document.addEventListener('rebuy:cart.ready', handleCartDiscountEvent);
16856  document.addEventListener('rebuy:cart.change', handleCartDiscountEvent);
16857</script>
16857
16858�
16858<script>
16859  window.rebuyCartSettings = {
16860    enable_global_discounts: false,
16861    rebuy_discount_message: "25% off applied!"
16862  }
16863</script>
16863
16864
16865
16866<script id="rebuy-cart-template" type="text/template">
16867
16868  <div id="rebuy-cart" class="rebuy-cart " v-cloak v-bind:class="[visible ? 'is-visible is-visible-delay' : '', 'currency-' + currency() ]">
16869    
16870    <div class="rebuy-cart__flyout">
16871      <div class="rebuy-cart__flyout-header" style="background-color: #FFFBF5!important">
16872        <div class="rebuy-cart__flyout-title-wrap">
16873          <h4 class="rebuy-cart__flyout-title" v-html="settings.language.cart_title"></h4>
16874          <span
16875            v-if="hasItems()"
16876            class="rebuy-cart__flyout-title-count"
16877            v-text="'(' + items().reduce(function (sum, item) { if (isHiddenItem(item) || isBundleChild(item) !== false) return sum; return sum + (Number(item.quantity) || 0); }, 0) + ')'"
16878            aria-live="polite"
16879          ></span>
16880        </div>
16881        <button class="rebuy-cart__flyout-close" type="button" aria-label="Close Smart Cart" v-on:click="hide()">
16882          <svg width="14" height="14" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation">
16883            <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"/>
16884            </svg>            
16885        </button>
16886      </div>
16887      <div class="rebuy-cart__flyout-shipping-bar"  style="background-color: #FFFBF5!important" v-if="freeShippingEnabled()"
16888        v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]">
16889        <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()"></div>
16890        <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()"></div>
16891        <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']">
16892          <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }">
16893            <span class="rebuy-cart__flyout-shipping-bar-meter-fill-text" v-html="freeShippingPercentComplete()"></span>
16894          </div>
16895        </div>
16896        <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()"></div>
16897      </div>
16898      <div class="rebuy-cart__flyout-body">
16899        <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()">
16900          <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message"></div>
16901        </div>
16902        <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" tabindex="0">
16903          <div class="rebuy-cart__flyout-items" v-if="hasItems()">
16904            �
16905            <div class="rebuy-cart__flyout-item" v-if="isBundleChild(item) == false" v-for="item in items()" v-if="!isHiddenItem(item)"
16906              v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]">
16907
16908
16909              <!-- item image -->
16910              <div class="rebuy-cart__flyout-item-media">
16911                <a v-bind:href="itemURL(item)">
16912                  <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="'View ' + cartItemTitleWithFiber(item)" />
16913                </a>
16914              </div>
16915              <!-- end item image -->
16916
16917
16918              <div class="rebuy-cart__flyout-item-info">
16919
16920                <div class="rebuy-cart__flyout-item-title-wrapper">
16921                  <a class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)"
16922                    v-html="cartItemTitleWithFiber(item)" v-bind:alt="'View ' + cartItemTitleWithFiber(item)">
16923                  </a>
16924                  
16925                  <!--start remove btn -->
16926                    <button
16927                      class="rebuy-cart__flyout-item-remove"
16928                      type="button"
16929                      v-on:click="handleRemove(item)"
16930                      v-bind:aria-label="'Remove ' + cartItemTitleWithFiber(item)">
16931                      <svg xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17" fill="none">
16932                        <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.
16932625 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"/>
16933                      </svg>
16934                    </button>
16935                  <!-- end remove btn -->
16936                </div>
16937                <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)">
16938                  <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency"
16939                    v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)"></div>
16940                  <div class="rebuy-cart__flyout-item-property"
16941                    v-for="property in itemProperties(item)"
16942                    v-if="displayProperty(property)"
16943                    v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]">
16944
16945
16946                    <span class="rebuy-cart__flyout-item-property-name" v-html="property.key"></span>
16947                    <span class="rebuy-cart__flyout-item-property-separator">:</span>
16948                    <span class="rebuy-cart__flyout-item-property-value" v-html="property.value"></span>
16949
16950
16951                  </div>
16952                </div>
16953                <div class="rtx-info">
16954                <div class="option-values" v-for="option in item.options_with_values">
16955                  <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>
16956                </div>
16957                </div>
16958
16959                <div class="rebuy-cart__flyout-item-quantity-wrapper">
16960                  <!-- start quantity row -->
16961                  <div class="rebuy-cart__flyout-item-quantity">
16962                    <div >
16963  
16964                      <div class="rebuy-cart__flyout-item-quantity-widget" v-if="hideQuantitySelectors && !hideQuantitySelectors(item) && item.handle != 'oli-pops-holiday-pack-pr-giveaway'">
16965                        <button class="rebuy-cart__flyout-item-quantity-widget-button"
16966                          v-on:click="decreaseItem(item)" type="button"
16967                          v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, decrease by 1`">
16968                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none">
16969                            <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"/>
16970                          </svg>
16971                        </button>
16972                        <span class="rebuy-cart__flyout-item-quantity-widget-label" v-html="item.quantity"></span>
16973                        <button class="rebuy-cart__flyout-item-quantity-widget-button"
16974                          v-on:click="increaseItem(item)" type="button" v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, add 1 more`">
16975                          <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
16976                            <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"/>
16977                          </svg>
16978                        </button>
16979                      </div>
16980  
16981                    </div>
16982                  </div>
16983                  <!-- end quantity row -->
16984                  
16985                  <!-- start price row -->
16986                  <div
16987                    class="rebuy-cart__flyout-item-price"
16988                    :class="{ '!tw-hidden': item.product && item.product.tags && item.product?.tags?.includes('smart-cart-hide-price') }"
16989                  >
16990                  
16991                      <div class="discount-code-msg"  v-if="hasLineItemDiscount(item)" v-for="discount in item.discounts">
16992                        {{ discount.title }}
16993                      </div>
16994                      <!-- rtx subscription copy -->
16995
16996                      <div class="rtx-cart_flyout-subscriptions" v-if="window.rebuyCartSettings.enable_global_discounts && window.rebuyCartSettings.rebuy_discount_message.length">
16997                        <div class="rebuy-cart__flyout-item-discount-message  promo-sidecart"
16998                            v-html="window.rebuyCartSettings.rebuy_discount_message">
16999                        </div>
17000                      </div>
17001
17002                      <div class="rtx-cart_flyout-subscriptions" v-else>
17003                        <span v-if="item.selling_plan_allocation" class="rtx-cart_flyout-subscriptions-text">15% Off Applied!</span>
17004                      </div>
17005
17006                      <div class="rtx-cart_custom-discount-labels" style="display: none;">
17007                        <span class="rtx-cart_flyout-subscriptions-text tw-text-3 tw-font-normal tw-leading-none tw-text-green-900">30% off applied!</span>
17008                      </div>
17009                    <!-- end subscription copy -->
17010                    <div v-if="isBundleParent(item)" role="textbox"> 
17011
17012
17013                      <span class="visually-hidden">Bundle price: </span>
17014                      <span class="rebuy-money rebuy-money-original-price sale" v-html="getBundlePrice(item)"></span>
17015                    </div>
17016                    
17017                    <div v-if="oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false">
17018                      <div class="visually-hidden">Sale price: </div>
17019                      <span class="rebuy-money rebuy-money-original-price sale" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span>
17020                      <div class="visually-hidden">Original price: </div>
17021                      <span class="rebuy-money rebuy-money-compare-at-price compare-at"
17022                            v-html="oliRebuyLineComparePrice(item, formatMoney, compareAtPrice)"></span>
17023                    </div>
17024                    <div v-if="!oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false">
17025                      <span class="visually-hidden">
17025Price: </span>
17026                      <span class="rebuy-money rebuy-money-original-price" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span>
17027                    </div>
17028                  
17029                  </div>
17030                  <!-- end price row -->
17031                </div>
17032                
17033                <!-- start subscription selector -->
17034                <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)">
17035                  <button class="rebuy-button outline" v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'"
17036                    v-bind:alt="'Switch ' + cartItemTitleWithFiber(item) + ' to a Subscription'"
17037                    v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')"
17038                    v-on:click="updateItemDeliveryFrequency(item, item.product.subscription_frequencies[1]); updateBundleDeliveryFrequencies(item, item.product.subscription_frequencies[1])"
17039                    type="button"
17040                  >
17041                    <span v-html="switchToSubscriptionLabel(item)"></span>
17042                  </button>
17043                  <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">
17044                    <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"/>
17045                  </svg>
17046                  <select
17047                    v-if="item.product.subscription && item.status != 'downgrading'"
17048                    class="rebuy-select muted"
17049                    aria-label="Subscription frequency"
17050                    v-model="item.product.subscription_frequency"
17051                    v-on:change="updateItemDeliveryFrequency(item); updateBundleDeliveryFrequencies(item, $event.target.value)"
17052                  >
17053                    <optgroup
17054                      v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()"
17055                      v-bind:label="onetimeOptionGroupLabel(item)"
17056                    >
17057                      <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)"></option>
17058                    </optgroup>
17059
17060                    <optgroup v-bind:label="subscriptionOptionGroupLabel(item)">
17061                      <option
17062                        v-for="frequency in item.product.subscription_frequencies"
17063                        v-bind:value="frequency"
17064                        v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)"
17065                      ></option>
17066                    </optgroup>
17067                  </select>
17068                </div>
17069                <!-- end subscription selector -->
17070              </div>
17071
17072
17073
17074
17075            </div>
17076            <!-- end product item -->
17077
17078            <div class="rebuy-cart__flyout-note" v-if="notesEnabled()">
17079              <label class="rebuy-cart__flyout-note-toggle">
17080                <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" />
17081                <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label"></span>
17082              </label>
17083              <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()">
17084                <textarea id="rebuy-cart-notes" class="rebuy-textarea rebuy-cart__flyout-note-textarea" v-model="notes.value"
17085                  v-on:keyup="notesChange(event)" v-on:keydown="notesChange(event)" v-on:change="notesChange(event)"
17086                  v-bind:placeholder="settings.language.notes_placeholder"></textarea>
17087                <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()"></small>
17088              </div>
17089            </div>
17090          </div>
17091          <div class="rebuy-cart__flyout-empty-cart" role="region" aria-label="Empty cart message" v-if="!hasItems()" v-html="emptyCartMessage()"></div>
17092          <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()"  style="display: none;">
17093            <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id">
17094            </div>
17095          </div>
17096
17097          <div class="rebuy-upsell custom-upsell">
17098          </div>
17099
17100           <!--BEAM START-->
17101            <div data-beam-widget="select-nonprofit" v-if="hasItems()" class="rebuy-cart__beam-impact-widget-wrapper">
17102              
17103              <beam-select-nonprofit
17104                apiKey="orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae"
17105                storeId="528"
17106                lang="en"
17107              ></beam-select-nonprofit>
17108                    
17109            </div>
17110          <!-- BEAM END-->
17111        </div>
17112      </div>
17113      
17114      <div class="rebuy-cart__flyout-footer " v-if="hasItems()">
17115        
17116        <svg xmlns="http://www.w3.org/2000/svg" width="484" height="32" viewBox="0 0 484 32" fill="none">
17117          <mask id="mask0_2444_672" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-90" width="484" height="123">
17118          <g clip-path="url(#clip0_2444_672)">
17119          <g clip-path="url(#clip1_2444_672)">
17120          <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"/>
17121          </g>
17122          </g>
17123          </mask>
17124          <g mask="url(#mask0_2444_672)">
17125          <rect width="484" height="32.2667" fill="#008168"/>
17125
17126          </g>
17127          <defs>
17128          <clipPath id="clip0_2444_672">
17129          <rect width="484" height="121.621" fill="white" transform="translate(0 -89.354)"/>
17130          </clipPath>
17131          <clipPath id="clip1_2444_672">
17132          <rect width="484" height="33.275" fill="white" transform="translate(0 0.232666)"/>
17133          </clipPath>
17134          </defs>
17135        </svg>
17136        <div class="rebuy-cart__flyout-footer--inner">
17137          
17138            <button
17139              class="rebuy-cart__flyout-footer-discount-button"
17140              v-if="shouldShowDiscountInput && shouldShowDiscountInput()"
17141              aria-expanded="false"
17142              aria-controls="rebuy-discount-accordion"
17143              v-on:click="
17144                  function($event) {
17145                    const accordion = $refs.rebuyDiscountAccordion;
17146                    accordion?.classList.toggle('rebuy-cart__flyout-footer-discount-field-hide');
17147                    $refs.accordionCloseIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion');
17148                    $refs.accordionOpenIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion');
17149                
17150                    const isOpen = !accordion.classList.contains('rebuy-cart__flyout-footer-discount-field-hide');
17151                    $event.currentTarget.setAttribute('aria-expanded', isOpen);
17152                
17153                    if (isOpen) {
17154                      console.log(accordion.querySelector('input'))
17155                      setTimeout(()=>(accordion.querySelector('input')?.focus()), 0)
17156                    }
17157                  }
17158              "
17159              v-show="discount && discount.amount === 0"
17160            >
17161              <div class="rebuy-cart__flyout-footer-discount-feild-copy">Add Promo Code</div>
17162
17163              <svg
17164                ref="accordionCloseIcon"
17165                class="rebuy-cart__flyout-footer-discount-accordion"
17166                width="14"
17167                height="14"
17168                viewBox="0 0 14 14"
17169                fill="none"
17170                aria-label="hidden"
17171                xmlns="http://www.w3.org/2000/svg"
17172              >
17173                <g clip-path="url(#clip0_1061_2171)">
17174                <path d="M0.875 7.0083H13.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
17175                </g>
17176                <defs>
17177                <clipPath id="clip0_1061_2171">
17178                <rect width="14" height="14" fill="white" transform="translate(0 0.00830078)"/>
17179                </clipPath>
17180                </defs>
17181              </svg>
17182
17183              <svg
17184                ref="accordionOpenIcon"
17185                width="16"
17186                height="16"
17187                viewBox="0 0 16 16"
17188                aria-label="hidden"
17189                fill="none"
17190                xmlns="http://www.w3.org/2000/svg"
17191              >
17192                <path d="M1.875 8.0083H14.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
17193                <path d="M8 1.8833L8 14.1333" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
17194              </svg>
17195            </button>
17196
17197            <div
17198              v-if="shouldShowDiscountInput && shouldShowDiscountInput()"
17199              class="rebuy-cart__flyout-discount rebuy-cart__flyout-footer-discount-field-hide"
17200              ref="rebuyDiscountAccordion"
17201              id="rebuy-discount-accordion"
17202            >
17203              <div class="rebuy-cart__flyout-discount-right">
17204                <div class="rebuy-cart__flyout-discount-input">
17205                  <input
17206                    class="input"
17207                    v-model="discount.inputValue"
17208                    placeholder="Enter your promo code"
17209                    id="rebuy-discount-input"
17210                    aria-label="Enter your promo code"
17211                  >
17212                
17213                </div>
17214                <button
17215                  class="rebuy-button"
17216                  aria-label="Apply promo code"
17217                  v-on:click="applyDiscount()"
17218                  v-bind:disabled="discount.loading"
17219                >
17220                  <span v-html="discountButtonLabel && discountButtonLabel()" class="rebuy-button-text"></span>
17221                </button>
17222              </div>
17223              <div
17224                  v-if="showInvalidMessage()"
17225                  class="rebuy-cart__flyout-discount-message"
17226                >
17227                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
17228                    <rect width="22" height="22" rx="11" fill="#D42A1C"/>
17229                    <g clip-path="url(#clip0_2947_17606)">
17230                    <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"/>
17231                    <path d="M11 9.75V12.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17232                    <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"/>
17233                    </g>
17234                    <defs>
17235                    <clipPath id="clip0_2947_17606">
17236                    <rect width="12" height="12" fill="white" transform="translate(5 5)"/>
17237                    </clipPath>
17238                    </defs>
17239                  </svg>
17240                  <span
17241                    v-html="settings.language.discount_invalid_message"
17242                  >
17243                  </span>
17244                </div>
17245            </div>
17246          
17247          
17248          <div
17249            v-show="shouldShowDiscountSubtotal && shouldShowDiscountSubtotal()"
17250            class="rebuy-cart__flyout-discount-amount"
17251          >
17252            <div class="rebuy-cart__flyout-discount-left">
17253              <span class="rebuy-cart__flyout-label" v-html="discountLabel && discountLabel()"></span>
17254              <div class="rebuy-cart__flyout-tag" v-on:click="removeDiscount()">
17255                <span class="rebuy-cart__flyout-tag-discount-icon">
17256                  <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
17257                    <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"/>
17258                    <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"/>
17259                    </svg>
17260                </span>
17261                <span v-html="discount.inputValue" class="rebuy-cart__flyout-tag-discount-text"></span>
17262                <span class="rebuy-cart__flyout-tag-time">
17263                  <svg width="10" height="10" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
17264                    <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"/>
17265                    <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"/>
17266                  </svg>
17267                </span>
17268              </div>
17269            </div>
17270            <div class="rebuy-cart__flyout-subtotal-amount rebuy-cart__flyout-discount-right rebuy-cart__flyout-subtotal-amount-discount" v-html="discountTotal && discountTotal()"> </div>
17271          </div>
17272    
17273          <div class="rebuy-cart__flyout-subtotal">
17274            <div class="rebuy-cart__flyout-subtotal-label">
17275              <span class="rebuy-cart__flyout-subtotal-text">Subtotal</span>
17276            </div>
17277
17278            <div class="rebuy-cart__flyout-subtotal-amount">
17279                  <span class="rebuy-cart__flyout-subtotal-final-amount">
17280                      <span class="sr-only">Final price</span>
17281                      <span v-html="oliRebuyCartSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span>
17282                  </span>
17283              <span class="rebuy-cart__flyout-subtotal-compare-amount tw-hidden">
17284                      <span class="sr-only">Original price</span>
17285                      <span v-html="oliRebuyCartCompareSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span>
17286                  </span>
17287            </div>
17288
17289          </div>
17290          <div class="rebuy-cart__flyout-actions">
17291            <div v-if="settings.terms && settings.terms.enabled" class="rebuy-cart__flyout-terms">
17292              <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox"
17293                type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" />
17294              <label class="rebuy-cart__flyout-terms-label" for="rebuy-terms-checkbox" v-html="settings.terms.disclaimer"></label>
17295            </div>
17296            <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()">
17297              <span>
17298                <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"/>
17298<path d="" stroke="none" fill="#fcfcfc" fill-rule="evenodd"/></svg>
17299                <span>Checkout</span>
17300              </span>
17301            </button>
17302            <button v-if="hasViewCartButton()" class="block rebuy-button" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()">
17303              <span v-html="viewCartLabel()"></span>
17304            </button>
17305            <button v-if="hasContinueShoppingButton()" class="block rebuy-button outline" type="button" v-on:click="hide()">
17306              <span v-html="continueShoppingLabel()"></span>
17307            </button>
17308            
17309            
17310              <div class="rebuy-cart__flyout-actions-note-below-cta">
17311                45 Day Money-Back Guarantee
17312              </div>
17313            
17314
17315            �
17316          </div>
17317          <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()"></div>
17318        </div>
17319      </div>
17320    </div>
17321    <div class="rebuy-cart__background" v-on:click="hide()"></div>
17322  </div>
17323</script>
17323
17324
17325
17326<style>
17327  #rebuy-checkout-btn:hover {
17328    background-color:  #E2EB28 !important;
17329  }
17330
17331  .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] {
17332    width: 70%;
17333  }
17334</style>
17335
17336<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=olipop-store.myshopify.com"></script>
17336
17337
17338<script>
17339  document.addEventListener('DOMContentLoaded', function() {
17340    const body = document.body;
17341    const html = document.documentElement;
17342  
17343    // Function to save and restore the scroll position
17344    function preserveScrollPosition(action) {
17345      const scrollPosition = {
17346        top: window.scrollY,
17347        left: window.scrollX
17348      };
17349      action();
17350      window.scrollTo(scrollPosition.left, scrollPosition.top);
17351    }
17352  
17353    // Create a MutationObserver to watch for changes to the body's class list
17354    const observer = new MutationObserver(function(mutationsList) {
17355      mutationsList.forEach(function(mutation) {
17356        if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
17357          if (body.classList.contains('rebuy-modal-visible')) {
17358            html.style.overflow = 'hidden';
17359          } else {
17360            preserveScrollPosition(() => {
17361              html.style.overflow = '';
17362            });
17363          }
17364        }
17365      });
17366    });
17367    observer.observe(body, { attributes: true });
17368  });
17369</script>
17369
17370<style>
17371  #rebuy-checkout-btn:hover {
17372    background-color:  #E2EB28 !important;
17373  }
17374
17375  .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] {
17376    width: 70%;
17377  }
17378</style>
17379
17380    
17381
17382
17383<script>
17384const getProductJSON = async (handle) => {
17385    let data = JSON.parse(sessionStorage.getItem("productJSONStore"));
17386
17387    if (data && data[handle]) {
17388        return data[handle];
17389    } else {
17390        await getStorefrontProduct(handle).then((product) => {
17391            saveProductJSON(product);
17392            return product;
17393        });
17394    }
17395};
17396
17397const saveProductJSON = (product) => {
17398    let data = JSON.parse(sessionStorage.getItem("productJSONStore"));
17399
17400    if (data == null) {
17401        data = {};
17402    }
17403
17404    if (product) {
17405        data[product.handle] = product;
17406    }
17407
17408    sessionStorage.setItem("productJSONStore", JSON.stringify(data));
17409};
17410
17411const removeProductJSON = (product) => {
17412    let data = JSON.parse(sessionStorage.getItem("productJSONStore"));
17413
17414    if (data == null) {
17415        data = {};
17416    }
17417
17418    if (product) {
17419        delete data[product.handle];
17420    }
17421
17422    sessionStorage.setItem("productJSONStore", JSON.stringify(data));
17423};
17424
17425const getStorefrontProduct = async (handle) => {
17426    return fetch(`${Shopify.routes.root}products/${handle}.js`).then(
17427        (response) => {
17428            return response.json();
17429        }
17430    );
17431};
17432
17433const enrichWidgetProducts = (widget) => {
17434    const products = widget.data.products;
17435
17436    for (var i = 0; i < products.length; i++) {
17437        updateProductJSON(products[i], () => {
17438            widget.initProducts(widget.data.products);
17439        });
17440    }
17441};
17442
17443const enrichCartItems = () => {
17444    const items = Rebuy.Cart.items();
17445    for (var i = 0; i < items.length; i++) {
17446        const item = items[i];
17447        const product = items[i].product;
17448
17449        updateProductJSON(product, () => {
17450            const productClone = Object.assign({}, product);
17451
17452            delete productClone.subscription;
17453            delete productClone.subscription_discount_amount;
17454            delete productClone.subscription_discount_type;
17455            delete productClone.subscription_frequencies;
17456            delete productClone.subscription_frequency;
17457            delete productClone.subscription_interval;
17458            delete productClone.subscription_id;
17459            delete productClone.is_subscription_only;
17460            delete productClone.has_subscription;
17461
17462            Rebuy.Cart.addEnrichedProduct(productClone);
17463
17464            Rebuy.Cart.initProduct(product, {
17465                item: item,
17466                clone: true,
17467            });
17468        });
17469    }
17470};
17471
17472const updateProductJSON = (product, callback = function () {}) => {
17473    getProductJSON(product.handle).then((json) => {
17474        if (typeof json?.requires_selling_plan != "undefined") {
17475            product.is_subscription_only = json?.requires_selling_plan;
17476        }
17477
17478        if (typeof json?.selling_plan_groups != "undefined") {
17479            extendProductWithSellingPlan(product, json?.selling_plan_groups[0]);
17480        }
17481
17482        callback(product);
17483    });
17484};
17485
17486const extendProductWithSellingPlan = (product, selling_plan_groups) => {
17487    if (product && selling_plan_groups) {
17488        // Set discount
17489        selling_plan_groups.discount_amount = 0;
17490        selling_plan_groups.discount_type = "none";
17491
17492        // Update selling plans
17493        for (let i = 0; i < selling_plan_groups.selling_plans.length; i++) {
17494            const selling_plan = selling_plan_groups.selling_plans[i];
17495
17496            // Surface discount amount and type to groups
17497            if (
17498                selling_plan_groups.discount_amount == 0 &&
17499                selling_plan_groups.discount_type == "none" &&
17500                selling_plan.price_adjustments.length > 0
17501            ) {
17502                let price_adjustment = selling_plan.price_adjustments[0];
17503                let valueType =
17504                    price_adjustment.value_type === "percentage"
17505                        ? "percentage"
17506                        : "fixed";
17507                let value = price_adjustment.value;
17508
17509                if (valueType === "fixed") {
17510                    value = (value / 100).toFixed(2);
17511                }
17512
17513                selling_plan_groups.discount_amount = value;
17514                selling_plan_groups.discount_type = valueType;
17515            }
17516
17517            // Surface order interval to selling plan
17518            let interval = getOrderIntervalForOptions(selling_plan.options[0]);
17519            selling_plan.order_interval_frequency = interval.frequency;
17520            selling_plan.order_interval_unit_type = interval.unit;
17521        }
17522
17523        // Add groups to product
17524        product.selling_plan_groups = [selling_plan_groups];
17525    }
17526};
17527
17528const getOrderIntervalForOptions = (option) => {
17529    const intervalUnits = ["day", "week", "month", "year"];
17530    const response = {
17531        frequency: 1,
17532        unit: "day",
17533    };
17534
17535    let frequency = option.value.toLowerCase().match(/\d+/g);
17536
17537    if (frequency != null) {
17538        response.frequency = frequency[0];
17539    }
17540
17541    for (let i = 0; i < intervalUnits.length; i++) {
17542        const unit = intervalUnits[i];
17543        let regex = new RegExp(unit, "g");
17544
17545        if (option.value.toLowerCase().match(regex)) {
17546            response.unit = unit;
17547            break;
17548        }
17549    }
17550
17551    return response;
17552};
17553
17554const enableSellingPlans = () => {
17555    const Rebuy = window.Rebuy;
17556    const Shop = window.Rebuy.shop;
17557
17558    if (Shop) {
17559        if (typeof Shop.integrations == "undefined") {
17560            Shop.integrations = {};
17561        }
17562        Shop.integrations.recharge = true;
17563        Shop.selling_plans_enabled = true;
17564    }
17565};
17566
17567document.addEventListener("rebuy:cart.enriched", (event) => {
17568    setTimeout(enrichCartItems, 0);
17569});
17570
17571document.addEventListener("rebuy.productsChange", (event) => {
17572    event.detail.widget.data.config.product_type = "both";
17573    enrichWidgetProducts(event.detail.widget);
17574});
17575
17576document.addEventListener("rebuy.loaded", () => {
17577    enableSellingPlans();
17578});
17579
17580// may or may not be necessary, have needed to do this on a few stores
17581document.addEventListener("rebuy:cart.change", () => {
17582    // re-enrich cart
17583    setTimeout(() => {
17584        Rebuy.Cart.enrichCart();
17585    }, 300);
17586});
17587</script>
17587
17588
17589
17590<script>
17591  window.switchToSubscriptionAssets = {
17592    checkmark: "\/\/drinkolipop.com\/cdn\/shop\/t\/1366\/assets\/switch-to-subscription-checkmark.svg?v=737727"
17593  }
17594</script>
17594
17595
17596
17597
17598<script id="rebuy-widget-104566" type="text/template">
17599  <div
17600    class="rebuy-widget"
17601    v-cloak
17602    v-on:click="stopPropagation($event)"
17603    v-bind:id="'rebuy-widget-' + id"
17604    v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
17605  >
17606    <div
17607      class="rebuy-widget-container"
17608      v-cloak
17609      v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]"
17610      v-on:click.self="hide()">
17611
17612      <div class="rebuy-widget-content">
17613        <div class="rebuy-modal-close" v-on:click="hide()">
17614          <i class="fas fa-times"></i>
17615        </div>
17616
17617        <div class="rebuy-timer" v-if="hasTimer()">
17618          <h5 class="rebuy-timer-title" v-if="config.language.timer_title">
17619            <span v-html="config.language.timer_title"></span>
17620            <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
17621          </h5>
17622        </div>
17623
17624        <h4
17625          class="super-title"
17626          v-if="config.language.super_title != ''"
17627          v-html="config.language.super_title"></h4>
17628        <img src="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Mask_group_a14b28d7-9678-4952-b6bd-8913d9526dea.png?v=1696021272">
17629        <h3
17630          class="primary-title"
17631          v-if="config.language.title != ''"
17632          v-html="config.language.title"></h3>
17633
17634        <div
17635          class="description"
17636          v-if="config.language.description != ''"
17637          v-html="config.language.description"></div>
17638
17639        <div class="rebuy-product-grid" v-bind:class="layoutClasses">
17640          <div
17641            class="rebuy-product-block"
17642            v-for="product in products"
17643            v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]">
17644            <div class="rebuy-subscription-bonuses">
17645              <div class="stsNote">
17646                <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">15% off EVERY subscription order</p>
17647              </div>
17648              <div class="stsNote">
17649                <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Free shipping in the contiguous U.S.</p>
17650              </div>
17651              <div class="stsNote">
17652                <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Swap, skip, or cancel anytime</p>
17653              </div>
17654            </div>
17655            <div class="rebuy-product-actions">
17656
17657              <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
17658                <label class="rebuy-checkbox-label">
17659                  <input
17660                    class="checkbox-input rebuy-checkbox"
17661                    v-model="product.subscription"
17662                    v-on:change="toggleSubscription(product)"
17663                    type="checkbox" />
17664                  <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
17665                </label>
17666              </div>
17667
17668              <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
17669                <select
17670                  class="rebuy-select"
17671                  v-model="product.subscription_frequency"
17672                  v-on:change="updateSubscriptionFrequency(product)">
17673                  <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency"></option>
17674                </select>
17675              </div>
17676
17677              <button
17678                class="rebuy-button"
17679                v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
17680                v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
17681                v-bind:alt="'Add ' + product.title + ' to Cart'"
17682                v-on:click="addUpsellToCart(product)"
17683                type="button">
17684                <span v-html="buttonLabel(product)"></span>
17685              </button>
17686
17687              <button
17688                class="rebuy-button decline"
17689                v-on:click="declineOffer(product)"
17690                type="button">
17691                <span v-html="declineLabel(product)"></span>
17692              </button>
17693            </div>
17694          </div>
17695        </div>
17696
17697        <div class="powered-by-rebuy">
17698          <a
17699            v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain"
17700            target="_blank"
17701            rel="noopener">
17702            Powered by Rebuy
17703          </a>
17704        </div>
17705      </div>
17706    </div>
17707  </div>
17708</script>
17708
17709
17710
17711<script>
17712document.addEventListener('rebuy:reorderLandingPage.ready', function(){
17713  if(Rebuy.ReorderLandingPage){
17714    Rebuy.Cart.cart?.items.forEach(item => {
17715      if (item.product?.tags.includes('exclude_rebuy')) {
17716        Rebuy.Cart.removeItem(item)
17717      }
17718    })
17719  }
17720});
17721</script>
17721
17722
17723<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>
17723
17724  <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>
17725<div id="shopify-block-Aemp4K204NG5MWWxCU__9431864395560886015" class="shopify-block shopify-app-block">
17726
17727<script>
17728  window.__POLAR_CONFIG__ = {
17729    debug: false,
17730    shop: "olipop-store.myshopify.com",
17731    storefrontToken: null,
17732    cartMetafieldsEnabled: null,
17733    metafieldNamespace: "polar",
17734    metafieldKey: "attribution"
17735  };
17736</script>
17736
17737
17738<script src="https://cdn.shopify.com/extensions/01a06601-c356-7426-8020-d0ed6417f8c2/polar-analytics-33/assets/polar-cart-injector.js" async></script>
17738
17739
17740</div><div id="shopify-block-AbVJPUTJacTJ3WC9He__4947802007469450330" class="shopify-block shopify-app-block"><!-- rediem-referral.css loaded non-blocking. The referral UI (skeleton, iframe,
17741  widget, popups) is injected by JS after load, so nothing this styles exists at
17742  first paint; loading it blocking (via the schema `stylesheet` key) only delayed
17743  first paint. Served from Shopify's global CDN via asset_url. -->
17744<link rel="preload" href="https://cdn.shopify.com/extensions/01a0f858-f4e6-7ed3-834c-33b663fda03c/rediem-308/assets/rediem-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
17745<noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0f858-f4e6-7ed3-834c-33b663fda03c/rediem-308/assets/rediem-referral.css"></noscript>
17746
17747<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js?v=ec40ec2dd149f5533727b8140237dc742853231a" defer > </script>
17747
17748
17749<script>
17750(function () {
17751  // Main logic function
17752  const runRediemLogic = async () => {
17753
17754    window.rediemReferral = async () => {
17755      const REF_TUNNEL_URL = "https://referrals.rediem.io";
17756      const API_BASE_URL = "https://api.rediem.io/api";
17757
17758      const shop = 'drinkolipop.com';
17759      const customerId = '';
17760      const customerEmail = '';
17761      const customerFirstName = '';
17762      const customerLastName = '';
17763      const customerTags = "";
17764
17765      const rippl_url = new URL(window.location.href);
17766      const rediemRef = rippl_url.searchParams.get('rediemRef') || '';
17767      const source = rippl_url.searchParams.get('source') || 'direct';
17768
17769      const refContainer = document.getElementById('rediem_referral');
17770
17771      const urlParams = new URLSearchParams();
17772      if (shop) urlParams.append('shop', shop);
17773      if (source) urlParams.append('source', source);
17774      if (rediemRef) { urlParams.append('rediemRef', rediemRef) }
17775
17776      if (customerId) {
17777        urlParams.append('customerId', customerId);
17778        urlParams.append('customerEmail', customerEmail);
17779        urlParams.append('customerFirstName', customerFirstName);
17780        urlParams.append('customerLastName', customerLastName);
17781        urlParams.append('customerTags', customerTags);
17782      }
17783
17784      const finalURL = `${REF_TUNNEL_URL}${urlParams.toString() ? `?${urlParams.toString()}` : ''}`;
17785
17786      const rediemRefHTML = `
17787    <div class="rdm-skeleton-container">
17788        <div class="rdm-skeleton-section">
17789          <div class="rdm-skeleton-line rdm-line-header-1">&nbsp;</div>
17790          <div class="rdm-skeleton-line rdm-line-header-2">&nbsp;</div>
17791        </div>
17792        <div class="rdm-skeleton-tabs">
17793          <div class="rdm-skeleton-line rdm-line-tab">&nbsp;</div>
17794          <div class="rdm-skeleton-line rdm-line-tab">&nbsp;</div>
17795        </div>
17796        <div class="rdm-skeleton-card">
17797          <div class="rdm-skeleton-line rdm-line-card-1">&nbsp;</div>
17798          <div class="rdm-skeleton-line rdm-line-card-2">&nbsp;</div>
17799        </div>
17800        <div class="rdm-skeleton-card">
17801          <div class="rdm-skeleton-line rdm-line-balance-1">&nbsp;</div>
17802          <div class="rdm-skeleton-row">
17803            <div class="rdm-skeleton-line rdm-line-balance-2">&nbsp;</div>
17804            <div class="rdm-skeleton-line rdm-line-balance-3">&nbsp;</div>
17805          </div>
17806        </div>
17807        <p style="text-align:center;margin-top:40px;">Loading...</p>
17808      </div>
17809      <iframe
17810        allowusermedia
17811        class="rediem-referral-iframe"
17812        id="rediemReferralIframe"
17813        customerId="${customerId}"
17814        src="${finalURL}"
17815        title="Referral program - powered by rediem"
17816        aria-label="Referral program - powered by rediem"
17817        allow="clipboard-read; clipboard-write; geolocation; camera; microphone;"
17818        style="border: 0; width: 100%;">
17819      </iframe>`;
17820
17821      const apiEndpoint = `${API_BASE_URL}/referral?shop=${shop}`;
17822      try {
17823        const response = await fetch(apiEndpoint);
17824        const data = await response.json();
17825        sessionStorage.setItem('referralSetting', JSON.stringify(data?.data));
17826        const referralSetting = data?.data?.referralSetting || {};
17827        const { referralStatus, shopId, refWidget } = data?.data?.referralSetting || {};
17828        const { bglink } = data?.data || {};
17829
17830        if (referralStatus === 'active') {
17831          const widget_iframe = document.getElementById('RippleRewards');
17832          if (!widget_iframe) {
17833            const response = await fetch("/apps/next-proxy", {
17834              method: "GET",
17835              headers: { "Content-Type": "application/json" },
17836            });
17837
17838            const cacheKey = `user_${shop}`;
17839            let data = null;
17840
17841            if (response.ok) {
17842              if (response.status !== 204) {
17843                try {
17844                  const json = await response.json();
17845                  data = json?.data ?? null;
17846                } catch {
17847                  data = null;
17848                }
17849              }
17850            }
17851
17852            sessionStorage.setItem(
17853              cacheKey,
17854              JSON.stringify({ data, timestamp: Date.now() })
17855            );
17856          }
17857          if (data?.data?.primaryFontLink) {
17858            const primaryFontLink = document.createElement('link');
17859            primaryFontLink.rel = 'stylesheet';
17860            primaryFontLink.href = data.data.primaryFontLink;
17861            document.head.appendChild(primaryFontLink);
17862          }
17863
17864          if (data?.data?.secondaryFontLink) {
17865            const secondaryFontLink = document.createElement('link');
17866            secondaryFontLink.rel = 'stylesheet';
17867            secondaryFontLink.href = data.data.secondaryFontLink;
17868            document.head.appendChild(secondaryFontLink);
17869          }
17870
17871          const style = `
17872              .rediem-popup-content-wrapper,
17873              .rediem-popup-content-wrapper button,
17874              .rediem-popup-content-wrapper input,
17875              .ref-widget, .ref-text {
17876                font-family: '${referralSetting?.secondaryFontFamily}', sans-serif;
17877              }
17878              .p-font {
17879                font-family: '${referralSetting?.fontFamily}', sans-serif;
17880              }
17881              .p-color {
17882                color: ${referralSetting?.primaryColor || '#0077C8'} !important;
17883              }
17884              .s-color {
17885                color: ${referralSetting?.secondaryColor || '#667085'} !important;
17886              }
17887              .p-bg{
17888                background-color: ${referralSetting?.primaryColor || '#0077C8'} !important;
17889              }
17890              .widget-bg{
17891                background-color: ${referralSetting?.refWidget?.bgColor || referralSetting?.primaryColor || '#0077C8'} !important;
17892              }
17893          `;
17894
17895          const styleElement = document.createElement('style');
17896          styleElement.id = 'rediem-css';
17897          styleElement.innerHTML = style;
17898
17899          if (!document.getElementById('rediem-css')) {
17900            document.head.appendChild(styleElement);
17901          }
17902
17903          if (rediemRef) {
17904
17905            const decode = JSON.parse(atob(rediemRef.split('.')[1]));
17906            const rediem_advocate_id = (/^\d+$/.test(decode?.customerId) ? decode?.customerId : decode?.customerId?.split("/")?.at(-1));
17907            rdm_setCookie("rediem_advocate_id", rediem_advocate_id)
17908
17909            const friendReward = await rdm_getFriendReward(shopId);
17910            const reward = friendReward?.data?.[0];
17911            if (reward) {
17912              rdm_generatePopupHtml(reward, REF_TUNNEL_URL, customerId);
17913              sessionStorage.setItem('friendReward', JSON.stringify(reward));
17914            }
17915            fetch(`${API_URL}/referral/engagement/`, {
17916              method: 'PUT',
17917              headers: {
17918                'Content-Type': 'application/json',
17919              },
17920              body: JSON.stringify({ shop, type: "site-visit" }),
17921            });
17922          }
17923
17924          if (refContainer) {
17925            refContainer.innerHTML = rediemRefHTML;
17926          }
17927
17928          if (refWidget?.status) {
17929            rdm_appendRefWidget({ ...refWidget, widgetIcon: data?.data?.widgetIcon });
17930          }
17931        }
17932      } catch (error) {
17933        console.error("Error fetching data:", error);
17934      }
17935    };
17936
17937    const id = '';
17938    if (id && window.rdm_redirectToRefDash) window.rdm_redirectToRefDash();
17939    if (window.rdm_appendHiddenField) window.rdm_appendHiddenField();
17940
17941    if (typeof window.rediemReferral === 'function') {
17942      window.rediemReferral();
17943    }
17944  };
17945
17946  const loadDependency = (callback) => {
17947    if (typeof window.rdm_redirectToRefDash === 'function') {
17948      callback();
17949      return;
17950    }
17951
17952    const scriptSrc = "https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js";
17953    // Check if script already exists but globals aren't ready yet (e.g. still loading)
17954    const existingScript = document.querySelector(`script[src^="${scriptSrc}"]`);
17955
17956    if (existingScript) {
17957      // Poll for globals if script exists
17958      const checkInterval = setInterval(() => {
17959        if (typeof window.rdm_redirectToRefDash === 'function') {
17960          clearInterval(checkInterval);
17961          callback();
17962        }
17963      }, 100);
17964      return;
17965    }
17966
17967    // Load new script
17968    const script = document.createElement('script');
17969    script.src = `${scriptSrc}?v=ec40ec2dd149f5533727b8140237dc742853231a`;
17970    script.onload = callback;
17971    document.head.appendChild(script);
17972  };
17973
17974  if (document.readyState === "loading") {
17975    document.addEventListener("DOMContentLoaded", () => loadDependency(runRediemLogic));
17976  } else {
17977    loadDependency(runRediemLogic);
17978  }
17979})();
17980</script>
17980
17981
17982</div><div id="shopify-block-AWnY2RzdkTzNxdWNiS__15336829040930027027" class="shopify-block shopify-app-block"><style>
17983/* Critical-CSS safety net, not a replacement for rediem-dash.css: hardcodes only the
17984   structural properties (position, width, hidden/shown state) from its base
17985   .ripple-frame-container / .show selectors that determine whether the widget is
17986   full-screen and stuck versus correctly sized and closable, deliberately excluding
17987   cosmetic properties (background-color, box-shadow, border-radius, transition
17988   easing, ...) that don't affect that and are the ones most likely to change in a
17989   future styling pass. Protects against the async stylesheet below never getting
17990   promoted from preload to stylesheet (for example, a client-side page-transition
17991   library such as Barba.js swapping in a fresh, unpromoted preload link without
17992   re-running the loader script that would otherwise promote it). Same specificity
17993   as rediem-dash.css and declared before it in source order, so once the real
17994   stylesheet loads it wins the cascade normally, with no !important needed.
17995   apps/api/cdn-statics/criticalCssSync.test.ts fails loudly if these values and
17996   rediem-dash.css's ever disagree.
17997*/
17998.ripple-frame-container{position:fixed;width:390px;right:20px;transform:scale(0);opacity:0;visibility:hidden}
17999.ripple-frame-container.show{transform:scale(1);opacity:1;visibility:visible}
18000</style>
18001<link rel="preload" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=ec40ec2dd149f5533727b8140237dc742853231a" as="style" data-rediem-preload>
18002<noscript><link rel="stylesheet" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=ec40ec2dd149f5533727b8140237dc742853231a"></noscript>
18003
18004<div data-rdm_domain="drinkolipop.com" data-rdm_id="" data-rdm_email=""
18005  data-rdm_firstName="" data-rdm_lastName=""
18006  data-rdm_tags="" data-rdm_phone="" id="rdmWidgetLoadDiv">
18007</div>
18008
18009<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-dash.js?v=ec40ec2dd149f5533727b8140237dc742853231a" defer></script>
18009
18010
18011</div>
18011<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
18011
18012</body>
18013</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.